@charset "UTF-8";
@font-face {
  font-family: "DIN Alternate Bold";
  font-style: normal;
  font-weight: normal;
  src: local("DIN Alternate Bold"), url("../font/DINAlternate-Bold.woff") format("woff");
}
.l-pagetitle__inner::after {
  content: "CONSTRUCTION ACHIEVEMENT";
}

.p-archive__setting {
  padding: clamp( 40px, -19.1626213592px + 15.7766990291vw,170px) 0 0;
  margin-bottom: clamp( 30px, 12.7063106796px + 4.6116504854vw,68px);
}
.p-archive__setting.is-opened .p-archive__setting-label span {
  rotate: 180deg;
}
.p-archive__setting-label {
  background-color: #002855;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #fff;
  padding: clamp( 15px, 12.7245145631px + 0.6067961165vw,20px) 20px;
  position: relative;
  display: block;
  font-size: clamp( 1.0625rem, 0.8349514563rem + 0.9708737864vw,1.5625rem);
  line-height: 1.5;
}
.p-archive__setting-label span {
  width: 18px;
  height: 15px;
  background-color: #fff;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  right: 15px;
  top: 50%;
  translate: 0 -50%;
  transition: rotate 0.3s;
}
@media (min-width: 959px) {
  .p-archive__setting-label span {
    width: 21px;
    height: 18px;
    right: 30px;
  }
}
@media (any-hover: hover) {
  .p-archive__setting-label:where(:-webkit-any-link, :enabled, summary):hover {
    cursor: pointer;
  }
  .p-archive__setting-label:where(:-moz-any-link, :enabled, summary):hover {
    cursor: pointer;
  }
  .p-archive__setting-label:where(:any-link, :enabled, summary):hover {
    cursor: pointer;
  }
}
.p-archive__setting-label::-webkit-details-marker {
  display: none;
}
.p-archive__setting-panel {
  background-color: #fff;
}
.p-archive__setting-panelInner {
  background-color: #F0F0F0;
  padding: 20px 20px 30px;
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner {
    padding: 30px 30px 40px;
  }
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner {
    padding: 45px 40px 50px;
  }
}
.p-archive__setting-panelInner > div > dl {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner > div > dl {
    flex-direction: row;
    gap: 2px 0;
    flex-wrap: wrap;
    margin-bottom: 35px;
  }
}
.p-archive__setting-panelInner > div > dl > dt {
  text-align: center;
  background-color: #B4E1EE;
  font-weight: bold;
  padding: 10px;
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner > div > dl > dt {
    display: flex;
    align-items: center;
    width: 120px;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
  }
}
.p-archive__setting-panelInner > div > dl > dd {
  background-color: #fff;
  padding: 15px;
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner > div > dl > dd {
    padding: 20px;
  }
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner > div > dl > dd {
    width: calc(100% - 120px);
    box-sizing: border-box;
    padding: 20px;
  }
}
.p-archive__setting-panelInner > div > dl > dd dl dt {
  font-family: YakuHanMP, "YuMincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner > div > dl > dd dl dt {
    margin-bottom: 10px;
  }
}
.p-archive__setting-panelInner > div > dl > dd dl dd {
  position: relative;
  padding-left: 30px;
}
.p-archive__setting-panelInner > div > dl > dd dl dd:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner > div > dl > dd dl dd:not(:last-child) {
    margin-bottom: 20px;
  }
}
.p-archive__setting-panelInner > div > dl > dd dl dd::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  left: 0;
  top: 13px;
}
.p-archive__setting-panelInner > div > dl > dd .u-flex {
  flex-wrap: wrap;
  gap: 8px 20px;
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner > div > dl > dd .u-flex {
    gap: 8px 30px;
  }
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner > div > dl > dd .u-flex {
    gap: 15px 50px;
  }
}
.p-archive__setting-panelInner > div > dl > dd .u-flex.p-archive__setting-kankoyear {
  gap: 0;
}
.p-archive__setting-panelInner > div > dl > dd .u-flex.p-archive__setting-kankoyear select {
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  padding: 5px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner > div > dl > dd .type {
    gap: 8px 30px;
  }
}
@media (min-width: 1199px) {
  .p-archive__setting-panelInner > div > dl > dd .type {
    gap: 15px 26px;
  }
}
@media (min-width: 1299px) {
  .p-archive__setting-panelInner > div > dl > dd .type {
    gap: 15px 43px;
  }
}
@media (min-width: 767px) {
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(1), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(5), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(9), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(13) {
    width: 30%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(2), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(6), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(10), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(14) {
    width: 30%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(3), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(7), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(11) {
    width: 30%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(4), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(8), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(12) {
    width: 30%;
  }
}
@media (min-width: 1199px) {
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(1), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(6), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(11) {
    width: 11%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(2), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(7), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(12) {
    width: 15%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(3), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(8), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(13) {
    width: 22%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(4), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(9), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(14) {
    width: 20%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(5), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(10), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(15) {
    width: 20%;
  }
}
@media (min-width: 1299px) {
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(1), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(6), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(11) {
    width: 10%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(2), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(7), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(12) {
    width: 14%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(3), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(8), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(13) {
    width: 20%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(4), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(9), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(14) {
    width: 19%;
  }
  .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(5), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(10), .p-archive__setting-panelInner > div > dl > dd .type > div:nth-child(15) {
    width: 19%;
  }
}
.p-archive__setting-panelInner .btnset {
  text-align: center;
}
@media (min-width: 959px) {
  .p-archive__setting-panelInner .btnset {
    max-width: 380px;
    position: relative;
    margin-inline: auto;
  }
}
.p-archive__setting-panelInner button.select {
  display: block;
  position: relative;
  border-radius: 100px;
  text-decoration: none;
  padding: 14px;
  background-color: #4682A0;
  color: #fff;
  width: 100%;
  max-width: 380px;
  margin-inline: auto;
  box-sizing: border-box;
  transition: 0.3s opacity;
}
@media (any-hover: hover) {
  .p-archive__setting-panelInner button.select:hover {
    opacity: 0.7;
  }
}
.p-archive__setting-panelInner button.reset {
  display: inline-block;
  margin: 1em auto 0;
  text-decoration: underline;
  transition: color 0.2s;
  color: #002855;
}
@media (min-width: 1199px) {
  .p-archive__setting-panelInner button.reset {
    margin-top: 0;
    position: absolute;
    left: 420px;
    top: 50%;
    white-space: nowrap;
    translate: 0 -50%;
  }
}
@media (any-hover: hover) {
  .p-archive__setting-panelInner button.reset:where(:-webkit-any-link, :enabled, summary):hover {
    color: #4682A0;
  }
  .p-archive__setting-panelInner button.reset:where(:-moz-any-link, :enabled, summary):hover {
    color: #4682A0;
  }
  .p-archive__setting-panelInner button.reset:where(:any-link, :enabled, summary):hover {
    color: #4682A0;
  }
}
.p-archive__setting-panelInner button.reset span {
  position: relative;
}
.p-archive__setting-panelInner button.reset span::before {
  content: ">";
  display: inline-block;
  position: relative;
}
.p-archive__setting-panelInner button:disabled {
  opacity: 0.3;
}
.p-archive__conditions {
  margin-bottom: clamp( 50px, 27.2451456311px + 6.067961165vw,100px);
}
.p-archive__conditions > .l-plaineBox {
  border: 1px solid #707070;
  padding: 25px 5% 30px;
  position: relative;
}
@media (min-width: 959px) {
  .p-archive__conditions > .l-plaineBox {
    padding-top: 35px;
    padding-bottom: 45px;
  }
}
.p-archive__conditions h2 {
  color: #002855;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .p-archive__conditions h2 {
    font-size: 1.125rem;
    margin-bottom: 25px;
  }
}
@media (min-width: 959px) {
  .p-archive__conditions h2 {
    margin-bottom: 30px;
  }
}
.p-archive__conditions ul {
  list-style-type: none;
  max-width: 980px;
  margin-inline: auto;
}
.p-archive__conditions ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 959px) {
  .p-archive__conditions ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.p-archive__conditions-clear {
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 959px) {
  .p-archive__conditions-clear {
    position: absolute;
    right: 5%;
    bottom: 40px;
    width: 100%;
    margin-top: 0;
    max-width: 300px;
  }
}
.p-archive__conditions-clear button {
  color: #fff;
  background-color: #002855;
  display: block;
  width: 100%;
  text-align: center;
  padding: 14px 20px;
  font-weight: 500;
  width: 100%;
  max-width: 300px;
  margin-inline: auto;
  transition: opacity 0.2s;
}
@media (any-hover: hover) {
  .p-archive__conditions-clear button:where(:-webkit-any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
  .p-archive__conditions-clear button:where(:-moz-any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
  .p-archive__conditions-clear button:where(:any-link, :enabled, summary):hover {
    opacity: 0.7;
  }
}
.p-archive__conditions-clear button:disabled {
  background-color: #ccc;
}
.p-archive__results {
  padding-bottom: clamp( 60px, -3.713592233px + 16.9902912621vw,200px);
}
.p-archive__results > ul {
  flex-direction: column;
  gap: 25px;
}
@media (min-width: 767px) {
  .p-archive__results > ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 959px) {
  .p-archive__results > ul {
    gap: 52px 30px;
  }
}
.p-archive__results > ul li {
  background: #fff;
  border-bottom: 1px solid #707070;
  height: auto;
  padding-bottom: 25px;
}
@media (min-width: 767px) {
  .p-archive__results > ul li {
    width: calc((100% - 25px) / 2);
  }
}
@media (min-width: 959px) {
  .p-archive__results > ul li {
    width: calc((100% - 30px) / 2);
  }
}
@media (min-width: 1199px) {
  .p-archive__results > ul li {
    width: calc((100% - 60px) / 3);
  }
}
.p-archive__result-position {
  text-align: center;
  font-size: 1rem;
  margin-bottom: clamp( 15px, 3.6225728155px + 3.0339805825vw,40px);
  padding-bottom: clamp( 5px, 0.4490291262px + 1.213592233vw,15px);
  border-bottom: 1px solid #707070;
}
@media (min-width: 959px) {
  .p-archive__result-position {
    font-size: 1rem;
  }
}
.p-archive__result a {
  text-decoration: none;
  transition: 0.3s opacity;
}
@media (any-hover: hover) {
  .p-archive__result a:hover {
    opacity: 0.7;
  }
}
.p-archive__result figure img {
  max-height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-archive__result--kind {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.p-archive__result--kind p {
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-size: clamp( 0.8125rem, 0.784056432rem + 0.1213592233vw,0.875rem);
}
.p-archive__result--kind-01 {
  background: #B4E1EE;
  color: #000;
}
.p-archive__result--kind-02 {
  background: #4682A0;
  color: #fff;
}
.p-archive__result--kind-03 {
  background: #002855;
  color: #fff;
}
.p-archive__result h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 12px;
  color: #002855;
  line-height: 1.5;
}
.p-archive__result dl {
  display: grid;
  grid-template-columns: 4em auto;
  margin-top: clamp( 10px, 7.7245145631px + 0.6067961165vw,15px);
  color: #000;
}
.p-archive__result dl dt {
  flex-shrink: 0;
}
.p-archive__result dl dt::after {
  content: "：";
  margin-left: 0.25em;
}
.p-archive__result dl dd {
  width: 100%;
}
.p-archive__pager:has(li) {
  margin-top: clamp( 36px, 25.0776699029px + 2.9126213592vw,60px);
}
.p-archive__pager ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}
.p-archive__pager ol li a {
  display: flex;
  text-decoration: none;
  width: 35px;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  color: #000;
  transition: background-color 0.2s, color 0.2s;
  background-color: #F0F0F0;
  border-radius: 10px;
}
@media (any-hover: hover) {
  .p-archive__pager ol li a:where(:-webkit-any-link, :enabled, summary):hover {
    background-color: #002855;
    color: #fff;
  }
  .p-archive__pager ol li a:where(:-moz-any-link, :enabled, summary):hover {
    background-color: #002855;
    color: #fff;
  }
  .p-archive__pager ol li a:where(:any-link, :enabled, summary):hover {
    background-color: #002855;
    color: #fff;
  }
}
.p-archive__pager ol li.-current a {
  color: #fff;
  background-color: #002855;
}
.p-archive__pager ol li.-prev {
  position: absolute;
  left: 0;
}
.p-archive__pager ol li.-prev a {
  background-color: transparent;
  position: relative;
  width: auto;
}
.p-archive__pager ol li.-prev a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  rotate: -135deg;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  transition: border-color 0.2s;
}
@media (any-hover: hover) {
  .p-archive__pager ol li.-prev a:where(:-webkit-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-prev a:where(:-moz-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-prev a:where(:any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-prev a:where(:-webkit-any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
  .p-archive__pager ol li.-prev a:where(:-moz-any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
  .p-archive__pager ol li.-prev a:where(:any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
}
.p-archive__pager ol li.-next {
  position: absolute;
  right: 0;
}
.p-archive__pager ol li.-next a {
  background-color: transparent;
  position: relative;
  width: auto;
}
.p-archive__pager ol li.-next a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  rotate: 45deg;
  position: relative;
  display: inline-block;
  margin-left: 5px;
  transition: border-color 0.2s;
}
@media (any-hover: hover) {
  .p-archive__pager ol li.-next a:where(:-webkit-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-next a:where(:-moz-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-next a:where(:any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-archive__pager ol li.-next a:where(:-webkit-any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
  .p-archive__pager ol li.-next a:where(:-moz-any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
  .p-archive__pager ol li.-next a:where(:any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
}
.p-achievementSec {
  margin-top: clamp( 40px, -19.1626213592px + 15.7766990291vw,170px);
  /*&__btns {
      text-align: center;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      @include tab {
          flex-direction: row;
          justify-content: center;
          gap: 36px;
      }
      a{
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          text-align: center;
          width: 100%;
          height: 60px;
          border-radius: 60px;
          text-decoration: none;
          color: #fff;
          background: $navy;
          font-size: clamp_rem(14,16);
          font-weight: 400;
          transition: 0.3s all;
          line-height: 1.4;
          max-width: 380px;
          gap: 15px;
          @include hover_opc {
              opacity: 0.7;
          }
          &:first-child {
              background-color: $blue;
              gap: 20px;
              span {
                  svg {
                      width: 17px;
                  }
              }
          }
          span {
              display: inline-block;
              translate: 0 2px;
              svg {
                  fill: #fff;
                  width: 19px;
              }
          }
      }
  }*/
}
.p-achievementSec__title {
  margin-bottom: clamp( 30px, 13.6165048544px + 4.3689320388vw,66px);
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: clamp( 17px, 13.359223301px + 0.9708737864vw,25px);
}
.p-achievementSec__title h2 {
  border-left: 6px solid #000;
  font-size: clamp( 1.25rem, 0.9655643204rem + 1.213592233vw,1.875rem);
  line-height: 1.4;
  padding-left: 0.5em;
}
.p-achievementSec__title-award {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
@media (min-width: 959px) {
  .p-achievementSec__title-award {
    margin-top: 15px;
  }
}
@media (min-width: 1199px) {
  .p-achievementSec__title-award {
    margin-top: 0;
  }
}
.p-achievementSec__title-award span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88px;
  height: clamp( 30px, 25.4490291262px + 1.213592233vw,40px);
  color: #fff;
  font-size: clamp( 0.875rem, 0.8181128641rem + 0.2427184466vw,1rem);
}
@media (min-width: 1199px) {
  .p-achievementSec__title-award span {
    transform: translateY(8px);
  }
}
.p-achievementSec__title-award--kind-01 {
  background: #4682A0;
}
.p-achievementSec__title-award--kind-02 {
  background: #002855;
}
@media (min-width: 1199px) {
  .p-achievementSec__title:has(.p-achievementSec__title-award) {
    gap: 50px;
    display: flex;
    justify-content: space-between;
  }
}
.p-achievementSec__gallery {
  margin-bottom: 20px;
}
.p-achievementSec__gallery .swiper-slide {
  aspect-ratio: 12/7;
}
.p-achievementSec__gallery .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-achievementSec__gallerySet {
  margin-bottom: clamp( 50px, 27.2451456311px + 6.067961165vw,100px);
}
.p-achievementSec__gallery .swiper-button-next, .p-achievementSec__gallery .swiper-button-prev {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -18px;
  z-index: 10;
}
.p-achievementSec__gallery .swiper-button-next::after, .p-achievementSec__gallery .swiper-button-prev::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-top: 2px solid #002855;
  border-right: 2px solid #002855;
  transform: scaleX(0.6) rotate(45deg);
}
.p-achievementSec__gallery .swiper-button-prev {
  right: auto;
  left: 20px;
}
.p-achievementSec__gallery .swiper-button-prev::after {
  transform: scaleX(0.6) rotate(-135deg);
}
.p-achievementSec__gallery.slideNone .swiper-button-next, .p-achievementSec__gallery.slideNone .swiper-button-prev {
  display: none;
}
.p-achievementSec__thumb .swiper-slide {
  aspect-ratio: 12/7;
}
.p-achievementSec__thumb .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.5;
  transition: opacity 0.3s;
}
.p-achievementSec__thumb .swiper-slide.swiper-slide-thumb-active img {
  opacity: 1;
}
.p-achievementSec__thumb .swiper-button-next, .p-achievementSec__thumb .swiper-button-prev {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -18px;
  z-index: 10;
}
.p-achievementSec__thumb .swiper-button-next::after, .p-achievementSec__thumb .swiper-button-prev::after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-top: 2px solid #002855;
  border-right: 2px solid #002855;
  transform: scaleX(0.6) rotate(45deg);
}
.p-achievementSec__thumb .swiper-button-prev {
  right: auto;
  left: 20px;
}
.p-achievementSec__thumb .swiper-button-prev::after {
  transform: scaleX(0.6) rotate(-135deg);
}
.p-achievementSec__thumb.slideNone .swiper-button-next, .p-achievementSec__thumb.slideNone .swiper-button-prev {
  display: none;
}
.p-achievementSec__table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #C8C8C8;
  background: #fff;
  margin-bottom: clamp( 50px, 27.2451456311px + 6.067961165vw,100px);
}
.p-achievementSec__table td, .p-achievementSec__table th {
  padding: clamp( 15px, 12.7245145631px + 0.6067961165vw,20px) 0;
  text-align: left;
  line-height: 1.6;
  font-size: clamp( 0.875rem, 0.3729079498rem + 0.8368200837vw,1rem);
}
.p-achievementSec__table th {
  border-bottom: 1px solid #C8C8C8;
  font-size: clamp( 0.9375rem, 0.6864539749rem + 0.4184100418vw,1rem);
  font-weight: bold;
  width: 30%;
}
@media (min-width: 767px) {
  .p-achievementSec__table th {
    width: clamp( 120px, 97.2451456311px + 6.067961165vw,170px);
  }
}
.p-achievementSec__table td {
  border-bottom: 1px solid #C8C8C8;
}
.p-achievementSec__table td:first-child {
  text-align: left;
}
.p-achievementSec__table-name {
  background: #002855;
}
.p-achievementSec__table-num {
  background: #4682A0;
  width: 22%;
}
.p-achievementSec__btns {
  margin-top: clamp( 50px, 4.4902912621px + 12.1359223301vw,150px);
  position: relative;
}
.p-achievementSec__btns a.-prev {
  color: currentColor;
  position: relative;
  width: auto;
  transition: color 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 767px) {
  .p-achievementSec__btns a.-prev {
    top: 50%;
    translate: 0 -50%;
  }
}
.p-achievementSec__btns a.-prev::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  rotate: -135deg;
  position: relative;
  display: inline-block;
  margin-right: 5px;
  transition: border-color 0.2s;
}
@media (any-hover: hover) {
  .p-achievementSec__btns a.-prev:where(:-webkit-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-prev:where(:-moz-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-prev:where(:any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-prev:where(:-webkit-any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
  .p-achievementSec__btns a.-prev:where(:-moz-any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
  .p-achievementSec__btns a.-prev:where(:any-link, :enabled, summary):hover::before {
    border-color: #1E5A8F;
  }
}
.p-achievementSec__btns a.-next {
  color: currentColor;
  position: relative;
  width: auto;
  transition: color 0.3s;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 767px) {
  .p-achievementSec__btns a.-next {
    top: 50%;
    translate: 0 -50%;
  }
}
.p-achievementSec__btns a.-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  rotate: 45deg;
  position: relative;
  display: inline-block;
  margin-left: 5px;
  transition: border-color 0.2s;
}
@media (any-hover: hover) {
  .p-achievementSec__btns a.-next:where(:-webkit-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-next:where(:-moz-any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-next:where(:any-link, :enabled, summary):hover {
    color: #1E5A8F;
  }
  .p-achievementSec__btns a.-next:where(:-webkit-any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
  .p-achievementSec__btns a.-next:where(:-moz-any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
  .p-achievementSec__btns a.-next:where(:any-link, :enabled, summary):hover::after {
    border-color: #1E5A8F;
  }
}
.p-achievementSec__btns a.-back {
  margin-top: 3em;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  width: 100%;
  height: 70px;
  border-radius: 60px;
  text-decoration: none;
  color: #fff;
  background: #002855;
  font-size: clamp( 0.875rem, 0.8181128641rem + 0.2427184466vw,1rem);
  font-weight: 400;
  transition: 0.3s all;
  line-height: 1.4;
  gap: 15px;
  transition: 0.3s opacity;
}
@media (any-hover: hover) {
  .p-achievementSec__btns a.-back:hover {
    opacity: 0.7;
  }
}
@media (min-width: 767px) {
  .p-achievementSec__btns a.-back {
    margin-top: 0;
    max-width: 350px;
  }
}
.p-achievementSec__btns a.-back span {
  display: inline-block;
  translate: 0 2px;
}
.p-achievementSec__btns a.-back span svg {
  fill: #fff;
  width: 19px;
}

.form-checkbox {
  position: relative;
  display: inline-block;
  cursor: pointer;
  line-height: 1.25;
}
.form-checkbox .form-checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  border: 1px solid #808080;
  background-color: #fff;
  border-radius: 0.1em;
  z-index: 4;
}
.form-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  top: -0.125em;
  left: -0.125em;
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  font-size: 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  box-sizing: border-box;
  z-index: 2;
}
.form-checkbox input[type=checkbox]:checked + .form-checkbox-icon {
  background: #4682A0;
  border: 1px solid #4682A0;
}
.form-checkbox input[type=checkbox]:checked + .form-checkbox-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: -2px;
  left: 50%;
  width: 48%;
  height: 70%;
  border-bottom: 0.2em solid #fff;
  border-right: 0.2em solid #fff;
  transform: translate(-50%, 0) rotate(45deg);
}
@media (min-width: 959px) {
  .form-checkbox input[type=checkbox]:checked + .form-checkbox-icon:after {
    top: 0;
  }
}
.form-checkbox input[type=checkbox]:focus {
  opacity: 1;
}
.form-checkbox .form-checkbox-label {
  position: relative;
  padding-left: 2em;
  z-index: 3;
}
/*# sourceMappingURL=achievement.css.map */