@charset "UTF-8";

/* =========================================================
.p-test-fun1
========================================================= */
.p-test-fun1 {
  position: relative;
  margin-top: -20px;
}

.p-test-fun1__button {
  text-align: center;
}

.p-test-fun1__body {
  position: relative;
  margin-top: 106px;
}

.p-test-fun1__body::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 106px);
  background-color: #EAF2FA;
  z-index: 0;
}

.p-test-fun1__body-inner {
  position: relative;
  z-index: 1;
  background-image: url("/chugaku/local/include/contents_20260201/images/test_fun1_bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 112% auto;
}

.p-test-fun1__title {
  text-align: center;
  transform: translateY(-40px);
}

.p-test-fun1__text {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #333333;
  margin-top: -30px;
}

.p-test-fun1__text strong {
  font-weight: 700;
  color: #0059AB;
}

.p-test-fun1__img {
  position: relative;
  width: 100%;
  display: block;
  max-width: 309px;
  margin-inline: auto;
  margin-top: 17px;
  padding-bottom: 125px;
}

.p-test-fun1__img .i {
  position: absolute;
  top: 11%;
  right: 18%;
  display: inline-block;
  width: 33px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2260%22%20viewBox%3D%220%200%2033%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.9011%2040.8493L9.60332%2038.9166C7.71644%2038.2282%207.5351%2037.8237%208.17065%2035.8562L13.8997%2017.8978C15.298%2013.1632%2018.4759%202.6488%2019.0207%201.15567C19.4837%20-0.113488%2020.028%20-0.253264%2021.6246%200.329187L30.4784%203.55915C32.075%204.1416%2032.4015%204.59908%2031.9385%205.86824C31.3938%207.36137%2027.082%2017.3775%2024.749%2022.8708L17.9679%2039.4303C17.1872%2041.3449%2016.788%2041.5376%2014.9011%2040.8493ZM10.8629%2044.7054C14.7818%2046.1351%2016.6226%2050.1057%2015.1791%2054.0625C13.6811%2058.1686%209.76122%2060.799%204.82631%2058.9987C0.907411%2057.569%20-0.942428%2053.8489%200.473816%2049.9667C2.08071%2045.562%206.07318%2042.9581%2010.8629%2044.7054Z%22%20fill%3D%22%230059AB%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 356px) {
  .p-test-fun1__img .i {
    width: calc(33 / 357 * 100vw);
    height: calc(60 / 357 * 100vw);
  }
}

/* =========================================================
.p-test-fun2
========================================================= */
.p-test-fun2 {
  position: relative;
}

.p-test-fun2__body {
  position: relative;
}

.p-test-fun2__title {
  position: absolute;
  width: 55.18%;
  top: 3%;
  left: 4%;
}

.p-test-fun2__title img {
  width: 100%;
}

.p-test-fun2__price {
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  color: #FFF;
}

.p-test-fun2__price > span {
  display: block;
}

.p-test-fun2__price .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .text {
    font-size: calc(16px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .text {
    font-size: calc((16 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .text {
    font-size: calc(16 / 357 * 100vw);
  }
}

.p-test-fun2__price .price {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.p-test-fun2__price .price__label {
  width: 54px;
  height: 29px;
  line-height: 29px;
  border-radius: 99px;
  background-color: #FFF;
  color: #0059AB;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .price__label {
    width: calc(54px * 2);
    height: calc(29px * 2);
    line-height: calc(29px * 2);
    font-size: calc(17px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .price__label {
    width: calc((54 * 2) / 750 * 100vw);
    height: calc((29 * 2) / 750 * 100vw);
    line-height: calc((29 * 2) / 750 * 100vw);
    font-size: calc((17 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .price__label {
    width: calc(54 / 357 * 100vw);
    height: calc(29 / 357 * 100vw);
    line-height: calc(29 / 357 * 100vw);
    font-size: calc(17 / 357 * 100vw);
  }
}

.p-test-fun2__price .price__value {
  font-size: 65px;
  font-weight: 900;
  line-height: 1;
  transform: translateY(5px);
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .price__value {
    font-size: calc(65px * 2);
    transform: translateY(calc(5px * 2));
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .price__value {
    font-size: calc((65 * 2) / 750 * 100vw);
    transform: translateY(calc((5 * 2) / 750 * 100vw));
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .price__value {
    font-size: calc(65 / 357 * 100vw);
    transform: translateY(calc(5 / 357 * 100vw));
  }
}

.p-test-fun2__price .price__value__comma {
  font-size: 48px;
  margin-left: -10px;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .price__value__comma {
    font-size: calc(48px * 2);
    margin-left: calc(-10px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .price__value__comma {
    font-size: calc((48 * 2) / 750 * 100vw);
    margin-left: calc((-10 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .price__value__comma {
    font-size: calc(48 / 357 * 100vw);
    margin-left: calc(-10 / 357 * 100vw);
  }
}

.p-test-fun2__price .price__unit {
  position: relative;
  font-size: 29px;
  font-weight: 700;
  line-height: 1;
  margin-left: 5px;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .price__unit {
    font-size: calc(29px * 2);
    margin-left: calc(5px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .price__unit {
    font-size: calc((29 * 2) / 750 * 100vw);
    margin-left: calc((5 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .price__unit {
    font-size: calc(29 / 357 * 100vw);
    margin-left: calc(5 / 357 * 100vw);
  }
}

.p-test-fun2__price .price__note {
  position: absolute;
  right: 0;
  top: -7px;
  font-size: 12px;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .price__note {
    top: calc(-7px * 2);
    font-size: calc(12px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .price__note {
    top: calc((-7 * 2) / 750 * 100vw);
    font-size: calc((12 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .price__note {
    top: calc(-7 / 357 * 100vw);
    font-size: calc(12 / 357 * 100vw);
  }
}

.p-test-fun2__price .tax {
  font-size: 15px;
  font-weight: 500;
  margin-top: 15px;
}
@media screen and (min-width: 750px) {
  .p-test-fun2__price .tax {
    font-size: calc(15px * 2);
    margin-top: calc(15px * 2);
  }
}
@media screen and (min-width: 357px) and (max-width: 749px) {
  .p-test-fun2__price .tax {
    font-size: calc((15 * 2) / 750 * 100vw);
    margin-top: calc((15 * 2) / 750 * 100vw);
  }
}
@media screen and (max-width: 356px) {
  .p-test-fun2__price .tax {
    font-size: calc(15 / 357 * 100vw);
    margin-top: calc(15 / 357 * 100vw);
  }
}

.p-test-fun2__buttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 19px;
  margin-top: 30px;
}

/* =========================================================
.p-result-out
========================================================= */
.p-result-out {
  position: relative;
  background-image: url("/chugaku/local/include/contents_20260201/images/result_out_bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 110% auto;
  padding-block: 50px 44px;
  margin-top: -172px;
}

.p-result-out__title {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  color: #0059AB;
  letter-spacing: 0.03em;
  margin-bottom: 22px;
}

.p-result-out__title span {
  position: relative;
  display: inline-block;
  padding-inline: 51px;
}

.p-result-out__title span::before,
.p-result-out__title span::after {
  content: "";
  position: absolute;
  bottom: 8px;
  width: 46px;
  height: 58.24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2246%22%20height%3D%2259%22%20viewBox%3D%220%200%2046%2059%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.7062%200C25.7062%2017.3954%2022.8075%2020.2941%205.41211%2020.2941C22.8075%2020.2941%2025.7062%2023.1928%2025.7062%2040.5882C25.7062%2023.1928%2028.6049%2020.2941%2046.0003%2020.2941C28.6049%2020.2941%2025.7062%2017.3954%2025.7062%200Z%22%20fill%3D%22%23F8DB1D%22%2F%3E%3Cpath%20d%3D%22M10.8235%2036.5879C10.8235%2045.8654%209.27755%2047.4114%200%2047.4114C9.27755%2047.4114%2010.8235%2048.9574%2010.8235%2058.2349C10.8235%2048.9574%2012.3695%2047.4114%2021.6471%2047.4114C12.3695%2047.4114%2010.8235%2045.8654%2010.8235%2036.5879Z%22%20fill%3D%22%23F8DB1D%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.p-result-out__title span::before {
  left: 0;
  transform: scaleX(-1);
}

.p-result-out__title span::after {
  right: 0;
}

.p-result-out__body {
  max-width: 668px;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 750px) {
  .p-result-out__body {
    max-width: none;
    padding-inline: calc(40 / 750 * 100vw);
  }
}

.p-result-out__body .c-list-attention li {
  font-size: 10px;
  line-height: 1.4;
}

.p-result-out__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

/***************************/

.p-result-out__item {
  position: relative;
  width: calc(335px * 2);
  height: calc(166.89px * 2);
  background-image: url("/chugaku/local/include/contents_20260201/images/result_out_item_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-inline: auto;
}
@media screen and (max-width: 750px) {
  .p-result-out__item {
    width: calc((335 * 2) / 750 * 100vw);
    height: calc((166.89 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-icon {
  position: absolute;
  top: calc(4px * 2);
  left: calc(6px * 2);
  width: calc(63px * 2);
  height: calc(63px * 2);
  object-fit: contain;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-icon {
    top: calc((4 * 2) / 750 * 100vw);
    left: calc((6 * 2) / 750 * 100vw);
    width: calc((63 * 2) / 750 * 100vw);
    height: calc((63 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-name {
  position: absolute;
  top: calc(43px * 2);
  left: calc(80px * 2);
  font-size: calc(17.12px * 2);
  font-weight: 500;
  color: #333;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-name {
    top: calc((43 * 2) / 750 * 100vw);
    left: calc((80 * 2) / 750 * 100vw);
    font-size: calc((17.12 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-name .suffix {
  font-size: calc(10.7px * 2);
  margin-left: calc(2px * 2);
}
@media screen and (max-width: 750px) {
  .p-result-out__item-name .suffix {
    font-size: calc((10.7 * 2) / 750 * 100vw);
    margin-left: calc((2 * 2) / 750 * 100vw);
  }
}

.p-result-out__item--text {
  position: absolute;
  top: calc(85px * 2);
  left: calc(16px * 2);
  font-size: calc(14px * 2);
  font-weight: 600;
  color: #333;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-result-out__item--text {
    top: calc((85 * 2) / 750 * 100vw);
    left: calc((16 * 2) / 750 * 100vw);
    font-size: calc((14 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-up {
  position: absolute;
  top: calc(103px * 2);
  left: calc(11px * 2);
  font-size: calc(50px * 2);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.05em;
  color: #FD4677;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-up {
    top: calc((103 * 2) / 750 * 100vw);
    left: calc((11 * 2) / 750 * 100vw);
    font-size: calc((50 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-before-score {
  position: absolute;
  top: calc(83.5px * 2);
  right: calc(108px * 2);
  font-size: calc(20px * 2);
  color: #FFF;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.06em;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-before-score {
    top: calc((83.5 * 2) / 750 * 100vw);
    right: calc((108 * 2) / 750 * 100vw);
    font-size: calc((20 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-before-date {
  position: absolute;
  top: calc(133px * 2);
  right: calc(98px * 2);
  font-size: calc(9px * 2);
  color: #FFF;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-before-date {
    top: calc((133 * 2) / 750 * 100vw);
    right: calc((98 * 2) / 750 * 100vw);
    font-size: calc((9 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-after-score {
  position: absolute;
  top: calc(58px * 2);
  right: calc(32px * 2);
  font-size: calc(26px * 2);
  color: #FFF;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.06em;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-after-score {
    top: calc((58 * 2) / 750 * 100vw);
    right: calc((32 * 2) / 750 * 100vw);
    font-size: calc((26 * 2) / 750 * 100vw);
  }
}

.p-result-out__item-after-date {
  position: absolute;
  top: calc(133px * 2);
  right: calc(28px * 2);
  font-size: calc(9px * 2);
  color: #FFF;
  line-height: 1;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  .p-result-out__item-after-date {
    top: calc((133 * 2) / 750 * 100vw);
    right: calc((28 * 2) / 750 * 100vw);
    font-size: calc((9 * 2) / 750 * 100vw);
  }
}

/***************************/

.p-result-out__bnr {
  margin-block: 30px;
  min-width: 750px;
  margin-left: -41px;
}
@media screen and (max-width: 750px) {
  .p-result-out__bnr {
    min-width: auto;
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
}

.p-result-out__buttons {
  text-align: center;
}

/* =========================================================
.p-important-points
========================================================= */
.p-important-points {
  position: relative;
}

.p-important-points__header {
  padding-bottom: 74px;
}

.p-important-points__title {
  text-align: center;
}

.p-important-points__title span {
  display: block;
}

.p-important-points__title span:first-child {
  font-size: 15px;
  font-weight: 700;
  color: #333;
  letter-spacing: 0.03em;
  line-height: 1;
}

.p-important-points__title span:last-child {
  font-size: 35px;
  font-weight: 800;
  line-height: 1;
  color: #0059AB;
  letter-spacing: 0.03em;
}

.p-important-points__title span:last-child strong {
  font-size: 50px;
  margin-right: -3px;
}

.p-important-points__header-list {
  margin-top: 39px;
  display: flex;
  justify-content: center;
  gap: 31px;
}

.p-important-points__header-item {
  position: relative;
  width: 100%;
  max-width: 150px;
  background-color: #fff;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  padding: 26px 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.3;
  color: #001D38;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.p-important-points__header-item:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%225.42188%22%20y%3D%226.90046%22%20width%3D%222.09117%22%20height%3D%2217.4264%22%20transform%3D%22rotate(-45%205.42188%206.90046)%22%20fill%3D%22%23989898%22%2F%3E%3Crect%20x%3D%2217.7441%22%20y%3D%225.42194%22%20width%3D%222.09117%22%20height%3D%2217.4264%22%20transform%3D%22rotate(45%2017.7441%205.42194)%22%20fill%3D%22%23989898%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  pointer-events: none;
}

.p-important-points__header-item-label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #001D38;
  color: #FFF;
  width: 69px;
  height: 23px;
  line-height: 23px;
  border-radius: 99px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  transform: translateY(-50%);
}

.p-important-points__body {
  position: relative;
  background-color: #EAF2FA;
  padding-block: 44px 78px;
  border-top: 1px solid #001D38;
}

.p-important-points__body.is-white {
  background-color: #FFF;
  padding-bottom: 0;
}

.p-important-points__label {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #001D38;
  color: #FFF;
  width: 120px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 99px;
  background-color: #001D38;
  color: #FFF;
}

.p-important-points__heading {
  text-align: center;
  position: relative;
  z-index: 1;
}

.p-important-points__header-image {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-top: -100px;
  overflow: hidden;
}

.p-important-points__header-image.is-p1 {
  display: flex;
  justify-content: center;
  margin-top: -90px;
}

.p-important-points__header-image.is-p1 img {
  width: 454px;
  min-width: 454px;
  transform: translate(17px, 0);
}

.p-important-points__header-image.is-p2 {
  display: flex;
  justify-content: center;
  margin-top: -94px;
}

.p-important-points__header-image.is-p2 img {
  width: 454px;
  min-width: 454px;
  transform: translate(17px, 0);
}

.p-important-points__goukaku {
  margin-top: 34px;
}

.p-important-points__goukaku-heading {
  text-align: center;
  margin-bottom: 34px;
}

.p-important-points__goukaku-top3 #results-list_prefecture,
.p-important-points__goukaku-top3 .end {
  display: none !important;
}

.p-important-points__goukaku-buttons {
  display: flex;
  flex-direction: column;
  gap: 19px;
  justify-content: center;
  align-items: center;
}

.p-important-points__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: -10px;
}

.p-important-points__list.is-mt {
  margin-top: 20px;
}

.p-important-points__item {
  max-width: 650px;
  width: 100%;
  margin-inline: auto;
  background-color: #FFF;
  border-radius: 10px;
  padding: 20px 12px 26px;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);
}

.p-important-points__item.is-new {
  position: relative;
  padding-top: 61px;
}

.p-important-points__item.is-new::before {
  content: "NEW!";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #FD4677;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.p-important-points__item.is-bgc {
  background-color: #EAF2FA;
  box-shadow: none;
}

.p-important-points__item-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #333;
}

.p-important-points__item-title strong {
  color: #0059AB;
}

.p-important-points__item-media {
  position: relative;
  margin-block: 19px 0;
  max-width: 510px;
  width: 100%;
  margin-inline: auto;
}

.p-important-points__item-media.is-mw--300 {
  max-width: 300px;
}

.p-important-points__item-media.is-mw--316 {
  max-width: 316px;
}

.p-important-points__item-media.is-mw--280 {
  max-width: 280px;
}

.p-important-points__item-media.is-trim {
  aspect-ratio: 280 / 212;
}

.p-important-points__item-media-trim-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 5px;
}

.p-important-points__item-media.is-trim video {
  min-width: 102%;
  min-height: 102%;
  position: relative;
  top: -2%;
  left: -0.5%;
}

.p-important-points__item-media .is-add1 {
  position: absolute;
  width: 59%;
  top: 11.7%;
  right: 7.4%;
}

.p-important-points__item-media .is-add2 {
  position: absolute;
  width: 54%;
  top: 12.7%;
  left: -1.6%;
}

.p-important-points__item-media .is-add3 {
  position: absolute;
  width: 32.5607%;
  height: auto;
  top: -1.8867%;
  right: -5.06%;
}

.p-important-points__item-text {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #333;
  font-weight: 500;
  padding-inline: 23px;
  margin-top: 22px;
}

.p-important-points__item-note {
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  color: #333;
  font-weight: 500;
  margin-top: 12px;
}

.p-important-points__item-note.is-opacity {
  opacity: 0.7;
  padding-inline: 24px;
}

.p-important-points__item-button {
  margin-top: 22px;
  text-align: center;
  max-width: 281px;
  width: 100%;
  margin-inline: auto;
}

/* =========================================================
.p-anket-result
========================================================= */
.p-anket-result {
  position: relative;
  margin-top: -30px;
}

.p-anket-result__heading {
  text-align: center;
  margin-bottom: 22px;
}

.p-anket-result__body {
  position: relative;
  background-color: #EAF2FA;
  padding-block: 70px 64px;
}

.p-anket-result__body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background-color: #FFF;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.p-anket-result__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #0059AB;
  margin-bottom: 10px;
}

.p-anket-result__title span {
  position: relative;
  display: inline-block;
  padding: 7px 19px;
}

.p-anket-result__title span::before,
.p-anket-result__title span::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.p-anket-result__title span::before {
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2226%22%20viewBox%3D%220%200%2015%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.74194%207.00151V26H0V0H15V7.00151H7.74194ZM1.77419%201.73071V24.2693H6.00806V5.2708H13.2258V1.73071H1.77419Z%22%20fill%3D%22%230059AB%22%2F%3E%3C%2Fsvg%3E");
}

.p-anket-result__title span::after {
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2226%22%20viewBox%3D%220%200%2015%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.25806%2018.9985L7.25807%20-6.76822e-07L15%200L15%2026L9.53674e-07%2026L1.56577e-06%2018.9985L7.25806%2018.9985ZM13.2258%2024.2693L13.2258%201.73071L8.99194%201.73071L8.99194%2020.7292L1.7742%2020.7292L1.77419%2024.2693L13.2258%2024.2693Z%22%20fill%3D%22%230059AB%22%2F%3E%3C%2Fsvg%3E");
}

.p-anket-result__content {
  max-width: 280px;
  width: 100%;
  margin-inline: auto;
}

.p-anket-result__content .c-list-attention li {
  margin-left: 0;
  text-indent: 0;
  font-size: 10px;
  line-height: 1.4;
  margin-left: 0;
  text-indent: 0;
}

.p-anket-result__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  margin-top: 28px;
}

/* =========================================================
.p-grade-content
========================================================= */
.p-grade-content {
  position: relative;
}

.p-grade-content__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #0059AB;
  letter-spacing: 0.03em;
}

.p-grade-content__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  margin-top: 23px;
}

.p-grade-content__buttons .c-button-color{
display: inline-flex;
align-items: center;
justify-content: center;
}

.p-grade-content__buttons .c-button-color small{
margin-right: 5px;
}

/* =========================================================
.p-voice
========================================================= */
.p-voice {
  position: relative;
  overflow: hidden;
}

.p-voice__title {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
  color: #0059AB;
  letter-spacing: 0.03em;
  margin-bottom: 22px;
}

.p-voice__title span {
  display: inline-block;
  position: relative;
  padding-inline: 60px;
}

.p-voice__title span::after,
.p-voice__title span::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 33px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2233%22%20height%3D%2234%22%20viewBox%3D%220%200%2033%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M29.6807%2025.9166L9.32317%20-0.000159204L4.08337%205.15885L29.6807%2025.9166Z%22%20fill%3D%22%23FFD84D%22%2F%3E%3Cpath%20d%3D%22M24.4032%2031.2384L1.24106%2023.0478L0.0015135%2028.3874L24.4032%2031.2384Z%22%20fill%3D%22%23FFD84D%22%2F%3E%3C%2Fsvg%3E");
}

.p-voice__title span::before {
  left: 0;
  transform: translateY(-50%);
}

.p-voice__title span::after {
  right: 0;
  transform: scaleX(-1) translateY(-50%);
}

.p-voice__slick {
  position: relative;
  z-index: 1;
  max-width: 260px;
  width: 100%;
  margin-inline: auto;
}

.p-voice__slick .slick-list {
  overflow: visible !important;
}

.p-voice__slick .slick-arrow::before {
  content: none !important;
}

.p-voice__slick .slick-arrow {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M0.999999%201L7%207L1%2013%22%20stroke%3D%22%230059AB%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 8px;
  height: 14px;
}

.p-voice__slick .slick-arrow.slick-prev {
  transform: scaleX(-1) translate(0, -50%);
  left: -3px !important;
  z-index: 100;
}

.p-voice__slick .slick-arrow.slick-next {
  right: -3px !important;
}

.p-voice__slick .slick-dots li {
  width: 10px !important;
  height: 10px !important;
  margin: 0 7.5px !important;
}

.p-voice__slick .slick-dots button {
  padding: 0 !important;
  width: 10px !important;
  height: 10px !important;
}

.p-voice__slick .slick-dots button::before {
  width: 10px;
  height: 10px;
  background-color: #EBEBEB !important;
  opacity: 1 !important;
}

.p-voice__slick .slick-dots li.slick-active button::before {
  background-color: #0059AB !important;
}

.p-voice__item {
  background-color: #EAF2FA;
  border-radius: 4px;
  padding: 18px 15px;
  margin-inline: 15px;
}

.p-voice__item-title {
  border-bottom: 1.5px dashed rgba(0, 89, 171, 0.5);
  padding-bottom: 11px;
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #0059AB;
  text-align: center;
}

.p-voice__item-text {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #333;
  font-weight: 500;
}

.p-voice__note {
  margin-top: 57px;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  color: #333;
}

/* PCではカルーセル無効 */
@media screen and (min-width: 768px) {
  .p-voice__slick {
    margin-bottom: -26px !important;
  }
  .p-voice__slick .slick-track {
    transform: none !important;
    width: 100vw !important;
    margin: 0 calc(50% - 50vw) !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .p-voice__slick .slick-list {
    overflow: visible !important;
  }
  .p-voice__slide:nth-of-type(4),
  .p-voice__slide:nth-of-type(5) {
    display: none !important;
  }
  .p-voice__slick .slick-dots {
    display: none !important;
  }
  .p-voice__slick .slick-arrow {
    display: none !important;
  }
  .p-voice__note.u-px--24 {
    padding-inline: 0 !important;
  }
}

/* =========================================================
.p-document
========================================================= */
.p-document {
  position: relative;
}

.p-document__label {
  max-width: 100%;
  width: 100%;
  margin-inline: auto;
}

.p-document__title {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #333333;
  margin-top: 16px;
}

.p-document__title strong {
  font-size: 25px;
}

.p-document__img {
  width: 100%;
  /* max-width: 291px; */
  max-width: 540px;
  margin-block: 5px 10px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-document__img {
    padding-inline: 27px;
  }
}

.p-document__button {
  text-align: center;
}

.p-document .c-button-more {
  /* max-width: 327px; */
  max-width: 540px;
  width: 100%;
  margin-inline: auto;
}

.p-document .c-list-attention li {
  font-size: 10px;
  line-height: 1.4;
}

/* =========================================================
.p-advantage
========================================================= */
.p-advantage {
  position: relative;
  padding-block: 70px 64px;
  background-color: #EAF2FA;
}

.p-advantage__title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: #0059AB;
  margin-bottom: 22px;
}

.p-advantage__title span {
  position: relative;
  padding-inline: 48px;
}

.p-advantage__title span::before,
.p-advantage__title span::after {
  content: "";
  position: absolute;
  top: -25%;
  width: 44px;
  height: 46.19px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2239%22%20height%3D%2240%22%20viewBox%3D%220%200%2039%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M35.0853%2030.5742L11.0202%200.000503722L4.82615%206.08653L35.0853%2030.5742Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.8459%2036.8504L1.46541%2027.1881L0.000114986%2033.4872L28.8459%2036.8504Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.p-advantage__title span::before {
  left: 0;
}

.p-advantage__title span::after {
  right: 0;
  transform: scaleX(-1);
}

.p-advantage__figure {
  display: block;
  max-width: 540px;
  width: 100%;
  margin-inline: auto;
  margin-bottom: 20px;
}

.p-advantage__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  margin-top: 40px;
}

.p-advantage .c-button-more {
  max-width: 540px;
  width: 100%;
  margin-inline: auto;
}

.p-advantage .c-list-attention li {
  font-size: 10px;
  line-height: 1.4;
  margin-left: 0;
  text-indent: 0;
}

/* =========================================================
.p-difference
========================================================= */
.p-difference {
  position: relative;
}

.p-difference__title {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 28px;
}

.p-difference__title span {
  position: relative;
  display: inline-block;
  padding-inline: 22px;
}

.p-difference__title span::before,
.p-difference__title span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  opacity: 0.4;
}

.p-difference__title span::before {
  left: 0;
  border-left: 12px solid #0059AB;
}

.p-difference__title span::after {
  right: 0;
  border-right: 12px solid #0059AB;
}

.p-difference__table {
  max-width: 540px;
  width: 100%;
  margin-inline: auto;
}

/* =========================================================
.p-present
========================================================= */
.p-present {
  position: relative;
}

.p-present__label {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  line-height: 1.5;
}

.p-present__label span {
  position: relative;
  display: inline-block;
  padding-inline: 70px;
}

.p-present__label span::before,
.p-present__label span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 1px;
  background-color: #333;
}

.p-present__label span::before {
  left: 0;
}

.p-present__label span::after {
  right: 0;
}

.p-present__title {
  position: relative;
  text-align: center;
  color: #0059AB;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.5;
  margin-block: 16px;
}

.p-present__title::before,
.p-present__title::after {
  content: "";
  position: absolute;
  bottom: 14px;
  width: 44px;
  height: 46.19px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2247%22%20viewBox%3D%220%200%2044%2047%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M40.4313%2035.3044L12.6991%20-0.000783153L5.56118%207.0271L40.4313%2035.3044Z%22%20fill%3D%22%23D7E7EE%22%2F%3E%3Cpath%20d%3D%22M33.2418%2042.5525L1.68897%2031.3948L0.000383124%2038.6688L33.2418%2042.5525Z%22%20fill%3D%22%23D7E7EE%22%2F%3E%3C%2Fsvg%3E");
}

.p-present__title::before {
  left: calc(50% - 150px);
}

.p-present__title::after {
  right: calc(50% - 150px);
  transform: scaleX(-1);
}

.p-present__title span {
  font-size: 18px;
  display: block;
}

.p-present__img {
  display: block;
  max-width: 540px;
  width: 100%;
  margin-inline: auto;
}

/* =========================================================
.p-campaign-henkin
========================================================= */
.p-campaign-henkin {
  background-color: #FFEDE4;
  padding-top: 30px;
  overflow: hidden;
}

.p-campaign-henkin__label {
  display: block;
  max-width: 346px;
  margin-inline: auto;
  margin-bottom: 8px;
}

.p-campaign-henkin__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  color: #482305;
}

.p-campaign-henkin__title strong {
  font-weight: 700;
  font-size: 30px;
}

.p-component-campaign__body {
  position: relative;
  margin-top: 16px;
}

.p-component-campaign__body .bg {
  position: relative;
  z-index: 1;
  min-width: calc(100% + 48px);
  margin-inline: -24px;
}

.p-component-campaign__body .circle {
  position: absolute;
  top: -2%;
  right: -12%;
  z-index: 0;
  width: 77%;
}

.p-campaign-henkin__button {
  position: absolute;
  text-align: center;
  z-index: 2;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

/* =========================================================
Component
========================================================= */
.c-mw--500 {
  max-width: 500px;
  margin-inline: auto;
}

.c-mw--750 {
  max-width: 750px;
  margin-inline: auto;
}

.c-button-color {
  display: inline-block;
  width: 100%;
  max-width: 327px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.369141%200.335938L5.36914%205.83594L0.369141%2011.3359%22%20stroke%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-color: #fff;
  color: #333 !important;
  border: 1px solid #333;
  border-radius: 99px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  padding: 12px 28px;
  box-shadow: 0 4px 0 0 #D9D9D9;
  transition: all 0.2s ease;
}

.c-button-color--orange {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.369141%200.335938L5.36914%205.83594L0.369141%2011.3359%22%20stroke%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-color: #F06E00;
  color: #fff !important;
  border-color: #F06E00;
  box-shadow: 0 4px 0 0 #BD5600;
}

.c-button-color--blue {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.369141%200.335938L5.36914%205.83594L0.369141%2011.3359%22%20stroke%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-color: #0059AB;
  color: #fff !important;
  border-color: #0059AB;
  box-shadow: 0 4px 0 0 #024889;
}

.c-button-color--green {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.369141%200.335938L5.36914%205.83594L0.369141%2011.3359%22%20stroke%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
  background-color: #99CC24;
  color: #fff !important;
  border-color: #99CC24;
  box-shadow: 0 4px 0 0 #7FAA1C;
}

.c-button-color:hover {
  box-shadow: none;
  transform: translateY(4px);
}

html .ab-pattern-b .c-button-more label {
	width: 57px;
	height: 26px;
	border-radius: 3px;
	padding: 0;
	font-size: 12px;
	color: #333;
  text-align: center;
  background-color: #D9D9D9;
}

html .ab-pattern-b .c-button-more label i {
	width: 5px;
	height: 5px;
	transform: translate(0, -2px);
	-webkit-transform: translate(0, -2px);
}

/* =========================================================
Animations
========================================================= */
.animate-fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.5s linear;
}

.animate-fade-up.is-animated {
  opacity: 1;
  transform: translateY(0);
}

.animate-bounce {
  opacity: 0;
  transform: scale(0.7);
  transform-origin: center;
  will-change: transform, opacity;
}

@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  35% {
    opacity: 1;
    transform: scale(1.18);
  }
  55% {
    transform: scale(0.96);
  }
  75% {
    transform: scale(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-bounce.is-animated {
  opacity: 1;
  animation: bounce 520ms cubic-bezier(0.2, 0.9, 0.2, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  .animate-bounce,
  .animate-bounce.is-animated {
    opacity: 1;
    transform: none;
    animation: none;
    will-change: auto;
  }
}

.p-top-ai .btn__cta {
  max-width: 100%;
  width: 100%;
}

/* =========================================================
Utility
========================================================= */

.u-px--15 {
  padding-inline: 15px !important;
}

.u-px--24 {
  padding-inline: 24px !important;
}

.u-mb--60 {
  margin-bottom: 60px !important;
}