@charset "UTF-8";
.target_item {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 2s, transform 2s;
}
.target_item.show {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

/* 基本設定
------------------------------------- */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  -webkit-text-size-adjust: 100%;
  font-size: 1.6rem;
  color: #383838;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

a {
  color: currentColor;
  transition: opacity 0.3s;
}
@media (any-hover: hover) {
  a:hover {
    opacity: 0.75;
  }
}

img {
  width: 100%;
  height: auto;
}

.inner {
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .inner {
    max-width: 91.6666666667vw;
    padding: 0 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .inner {
    max-width: 100%;
    padding: 0 17px;
  }
}

@keyframes moveLine {
  0% {
    top: -100%;
  }
  100% {
    top: 110%;
  }
}
.--indent {
  display: inline-block;
}

.header {
  width: calc(100% - 50px);
  position: fixed;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  transition: width 0.3s, top 0.3s;
}
@media screen and (max-width: 1440px) {
  .header {
    width: calc(100% - 3.4722222222vw);
    top: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .header {
    width: 100%;
    top: 0;
    left: 0;
    transform: inherit;
  }
}
.header.on {
  width: 100%;
  top: 0;
}
.header.on .header__inner {
  border-radius: 0;
}
.header__inner {
  width: 100%;
  padding: 0 17px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  transition: width 0.3s, border-radius 0.3s;
}
@media screen and (max-width: 1440px) {
  .header__inner {
    padding: 0 1.1805555556vw;
    border-radius: 1.3888888889vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .header__inner {
    padding: 0;
    border-radius: 0;
  }
}
.header__logo {
  width: 197px;
}
@media screen and (max-width: 1440px) {
  .header__logo {
    width: 13.6805555556vw;
  }
}
@media screen and (max-width: 768px) {
  .header__logo {
    width: 149px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 768px) {
  .header__menu {
    width: 100px;
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #183B6F;
    position: relative;
    z-index: 10;
  }
}
@media screen and (max-width: 768px) {
  .header__menu.on {
    background-color: #fff;
  }
}
.header__menu.on .header__menu-line span {
  background-color: #183B6F;
}
@media screen and (max-width: 768px) {
  .header__menu.on .header__menu-line span:first-of-type {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(30deg);
  }
}
@media screen and (max-width: 768px) {
  .header__menu.on .header__menu-line span:nth-of-type(2) {
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .header__menu.on .header__menu-line span:nth-of-type(3) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-30deg);
  }
}
.header__menu.on .header__menu-text {
  color: #183B6F;
}
@media screen and (max-width: 768px) {
  .header__menu-line {
    display: block;
    width: 40px;
    height: 16px;
    margin: 0 auto;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .header__menu-line span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transition: transform 0.3s, opacity 0.3s;
  }
}
@media screen and (max-width: 768px) {
  .header__menu-line span:first-of-type {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .header__menu-line span:nth-of-type(2) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .header__menu-line span:nth-of-type(3) {
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 768px) {
  .header__menu-text {
    display: block;
    text-align: center;
    line-height: 1;
    margin-top: 7px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
  }
}
@media screen and (min-width: 769px) {
  .header__right {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .header__right {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #183B6F;
    z-index: 5;
    display: none;
  }
}
.header__right-inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header__right-inner {
    padding: 118px 17px 50px;
    display: block;
    height: 100%;
    overflow: auto;
  }
}
.header__list {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-right: 34px;
}
@media screen and (max-width: 1440px) {
  .header__list {
    gap: 2.3611111111vw;
    margin-right: 2.3611111111vw;
  }
}
@media screen and (max-width: 768px) {
  .header__list {
    display: block;
    margin-right: 0;
  }
}
.header__icon {
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .header__icon {
    width: 0.6944444444vw;
    height: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .header__icon {
    width: 19px;
    height: 19px;
    background-color: #E6E7E7;
    border-radius: 50%;
  }
}
.header__icon::before, .header__icon::after {
  content: "";
  background-color: #4068A1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, transform 0.3s;
}
.header__icon::before {
  width: 1px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .header__icon::before {
    height: 9px;
  }
}
.header__icon::after {
  width: 100%;
  height: 1px;
}
@media screen and (max-width: 768px) {
  .header__icon::after {
    width: 9px;
  }
}
.header__list-item {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .header__list-item {
    border-bottom: 1px solid #DCDDDD;
  }
}
@media screen and (max-width: 768px) {
  .header__list-item:first-of-type {
    border-top: 1px solid #DCDDDD;
  }
}
.header__list-text {
  height: 100%;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 88px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .header__list-text {
    gap: 0.2777777778vw;
    min-height: 6.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .header__list-text {
    width: 100%;
    font-size: 1.8rem;
    color: #fff;
    padding: 14px 10px;
    justify-content: space-between;
  }
}
.header__list-text.on::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #183B6F;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .header__list-text.on::after {
    display: none;
  }
}
.header__list-text.on .header__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}
.header__list-text.on .header__icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.header__btn {
  font-weight: bold;
  display: block;
  color: #fff;
  background-color: #183B6F;
  padding: 12px 27px;
}
@media screen and (max-width: 1440px) {
  .header__btn {
    padding: 0.8333333333vw 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .header__btn {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
    margin-top: 6px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #383838;
  }
}
.header__btn.--gray {
  background-color: #646464;
  margin-right: 4px;
}
@media screen and (max-width: 1440px) {
  .header__btn.--gray {
    margin-right: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .header__btn.--gray {
    margin-top: 60px;
    color: #fff;
    background-color: transparent;
  }
}
.header__sub {
  position: absolute;
  top: calc(100% + 10px);
  right: 55px;
  max-width: 1014px;
  width: 100%;
  color: #fff;
  display: none;
}
@media screen and (max-width: 1440px) {
  .header__sub {
    top: calc(100% + 0.6944444444vw);
    right: 3.8194444444vw;
    max-width: 70.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .header__sub {
    position: static;
    max-width: 100%;
    color: #383838;
  }
}
.header__sub-inner {
  background-color: #183B6F;
  padding: 32px 34px;
}
@media screen and (max-width: 1440px) {
  .header__sub-inner {
    padding: 2.2222222222vw 2.3611111111vw;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-inner {
    background-color: #fff;
    padding: 0;
  }
}
.header__sub-top {
  display: flex;
  align-items: center;
  font-size: 2.2rem;
  font-weight: bold;
  gap: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1440px) {
  .header__sub-top {
    font-size: 1.5277777778vw;
    gap: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-top {
    padding: 12px 10px 12px 31px;
    justify-content: space-between;
    font-weight: normal;
    font-size: 1.4rem;
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-top::after {
    content: "";
    width: 21px;
    height: 21px;
    background-image: url("/assets/images/icon-arrow-blue.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
  }
}
.header__sub-top img {
  width: 28px;
}
@media screen and (max-width: 1440px) {
  .header__sub-top img {
    width: 1.9444444444vw;
  }
}
.header__sub-list {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid #fff;
  display: flex;
  flex-wrap: wrap;
  gap: 0 55px;
}
@media screen and (max-width: 1440px) {
  .header__sub-list {
    margin-top: 1.3888888889vw;
    padding-top: 0.8333333333vw;
    gap: 0 3.8194444444vw;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-list {
    display: block;
    margin: 0;
    padding: 0;
    border-top: 1px solid #F2F2F2;
  }
}
.header__sub-list > li {
  width: calc(33.3333333333% - 36.6666666667px);
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 1440px) {
  .header__sub-list > li {
    width: calc(33.3333333333% - 3.8194444444vw);
  }
}
@media screen and (max-width: 768px) {
  .header__sub-list > li {
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
  }
}
.header__sub-list > li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 12px 0 8px;
}
@media screen and (max-width: 1440px) {
  .header__sub-list > li a {
    gap: 0.3472222222vw;
    padding: 0.8333333333vw 0 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-list > li a {
    padding: 12px 10px 12px 31px;
    font-size: 1.4rem;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .header__sub-list > li a::after {
    content: "";
    width: 21px;
    height: 21px;
    background-image: url("/assets/images/icon-arrow-blue.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    left: 10px;
  }
}
.header__sub-list > li a img {
  width: 19px;
}
@media screen and (max-width: 1440px) {
  .header__sub-list > li a img {
    width: 1.3194444444vw;
  }
}
.footer {
  border-top: 6px solid #183B6F;
  padding: 80px 0 0;
  background-image: url("/assets/images/footer-logo-bg.svg");
  background-size: 518px 457px;
  background-position: bottom 62px right 25px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1440px) {
  .footer {
    border-top: 0.4166666667vw solid #183B6F;
    padding: 5.5555555556vw 0 0;
    background-size: 35.9722222222vw 31.7361111111vw;
    background-position: bottom 4.3055555556vw right 1.7361111111vw;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    border-top: 6px solid #183B6F;
    padding-top: 60px;
    background-size: 228px 201px;
    background-position: bottom 49px right 17px;
  }
}
.footer__inner {
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .footer__inner {
    max-width: 91.6666666667vw;
    padding: 0 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__inner {
    max-width: 100%;
    padding: 0 17px;
  }
}
.footer__logo {
  width: 292px;
}
@media screen and (max-width: 1440px) {
  .footer__logo {
    width: 20.2777777778vw;
  }
}
.footer__body01 {
  margin-top: 60px;
}
@media screen and (max-width: 1440px) {
  .footer__body01 {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body01 {
    margin-top: 0;
  }
}
.footer__list01 {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1440px) {
  .footer__list01 {
    gap: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__list01 {
    display: block;
  }
}
.footer__list01-item {
  width: calc(20% - 16px);
}
@media screen and (max-width: 1440px) {
  .footer__list01-item {
    width: calc(20% - 1.1111111111vw);
  }
}
@media screen and (max-width: 768px) {
  .footer__list01-item {
    width: 100%;
  }
}
.footer__list01-text {
  display: block;
  font-weight: bold;
  color: #183B6F;
  padding-bottom: 4px;
  border-bottom: 1px solid #DCDDDD;
}
@media screen and (max-width: 1440px) {
  .footer__list01-text {
    padding-bottom: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__list01-text {
    padding: 14px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .footer__list01-text.--border-top {
    border-top: 1px solid #DCDDDD;
  }
}
@media screen and (max-width: 768px) {
  .footer__list01-text img {
    width: 19px;
  }
}
.footer__list01-sub {
  margin-top: 16px;
}
@media screen and (max-width: 1440px) {
  .footer__list01-sub {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__list01-sub {
    margin-top: 0;
  }
}
.footer__list01-sub > li:not(:first-of-type) {
  margin-top: 10px;
}
@media screen and (max-width: 1440px) {
  .footer__list01-sub > li:not(:first-of-type) {
    margin-top: 0.6944444444vw;
  }
}
.footer__list01-sub a {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .footer__list01-sub a {
    font-size: 0.9722222222vw;
  }
}
.footer__body02 {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #DCDDDD;
}
@media screen and (max-width: 1440px) {
  .footer__body02 {
    margin-top: 2.7777777778vw;
    padding-top: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02 {
    margin-top: 40px;
    padding-top: 40px;
  }
}
.footer__body02-top {
  font-weight: bold;
  color: #183B6F;
}
.footer__body02-slider {
  margin-top: 16px;
}
@media screen and (max-width: 1440px) {
  .footer__body02-slider {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-slider {
    margin-top: 16px;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .footer__prev {
    width: 10.6666666667vw;
    position: absolute;
    top: 8vw;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer__prev img {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 768px) {
  .footer__next {
    width: 10.6666666667vw;
    position: absolute;
    top: 8vw;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-slider-inner {
    width: 66.6666666667vw;
    margin: 0 auto;
    overflow: hidden;
  }
}
.footer__body02-list {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 1440px) {
  .footer__body02-list {
    gap: 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-list {
    gap: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.footer__body02-item {
  width: calc(20% - 6.4px);
}
@media screen and (max-width: 1440px) {
  .footer__body02-item {
    width: calc(20% - 0.4444444444vw);
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-item {
    width: 66.6666666667vw;
  }
}
.footer__body02-img {
  border: 1px solid #DCDDDD;
  background-color: #fff;
  padding: 17px 26px;
}
@media screen and (max-width: 1440px) {
  .footer__body02-img {
    padding: 1.1805555556vw 1.8055555556vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-img {
    padding: 4.2666666667vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-img img {
    width: 52.2666666667vw;
  }
}
.footer__body02-text {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 1.2rem;
  color: #676767;
}
@media screen and (max-width: 1440px) {
  .footer__body02-text {
    margin-top: 0.6944444444vw;
    gap: 0.5555555556vw;
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-text {
    margin-top: 10px;
    font-size: 1.2rem;
    gap: 8px;
  }
}
.footer__body02-text img {
  width: 14px;
}
@media screen and (max-width: 1440px) {
  .footer__body02-text img {
    width: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body02-text img {
    width: 14px;
  }
}
.footer__access {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .footer__access {
    margin-top: 2.7777777778vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access {
    margin-top: 30px;
    flex-direction: column;
    gap: 20px;
  }
}
.footer__access dt {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  padding: 5px 34px;
  color: #183B6F;
  background-color: #F1F3F7;
}
@media screen and (max-width: 1440px) {
  .footer__access dt {
    padding: 0.3472222222vw 2.3611111111vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access dt {
    padding: 5px 34px;
  }
}
.footer__access dd {
  margin-top: 10px;
}
@media screen and (max-width: 1440px) {
  .footer__access dd {
    margin-top: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access dd {
    margin-top: 10px;
  }
}
.footer__access dd > p {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .footer__access dd > p {
    align-items: flex-start;
    font-size: 1.4rem;
  }
}
.footer__access dd > p + p {
  margin-top: 6px;
}
@media screen and (max-width: 1440px) {
  .footer__access dd > p + p {
    margin-top: 0.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access dd > p + p {
    margin-top: 6px;
    align-items: center;
  }
}
.footer__access-slash {
  margin: 0 8px;
}
@media screen and (max-width: 1440px) {
  .footer__access-slash {
    margin: 0 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access-slash {
    margin: 0 8px;
  }
}
.footer__access-icon {
  width: 22px;
  margin-right: 6px;
}
@media screen and (max-width: 1440px) {
  .footer__access-icon {
    width: 1.5277777778vw;
    margin-right: 0.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__access-icon {
    width: 22px;
    margin-right: 9px;
  }
}
.footer__body03 {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #DCDDDD;
}
@media screen and (max-width: 1440px) {
  .footer__body03 {
    margin-top: 2.7777777778vw;
    padding-top: 2.7777777778vw;
    padding-bottom: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body03 {
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 101px;
  }
}
.footer__body03-list {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .footer__body03-list {
    flex-wrap: wrap;
    gap: 10px 0;
  }
}
.footer__body03-list li {
  position: relative;
}
.footer__body03-list li:not(:last-of-type)::after {
  content: "";
  width: 2px;
  height: 22px;
  background-color: #DCDDDD;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1440px) {
  .footer__body03-list li:not(:last-of-type)::after {
    height: 1.5277777778vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body03-list li:not(:last-of-type)::after {
    height: 22px;
  }
}
.footer__body03-list li a {
  display: block;
  padding: 0 30px;
}
@media screen and (max-width: 1440px) {
  .footer__body03-list li a {
    padding: 0 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__body03-list li a {
    font-size: 1.4rem;
    padding: 0 14px;
  }
}
.footer__copyright {
  background-color: #183B6F;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 1440px) {
  .footer__copyright {
    font-size: 0.8333333333vw;
    padding: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    font-size: 1.2rem;
    padding: 10px;
  }
}

.c-totop {
  position: fixed;
  bottom: 25px;
  right: 25px;
  width: 60px;
  z-index: 50;
}
@media screen and (max-width: 1440px) {
  .c-totop {
    bottom: 1.7361111111vw;
    right: 1.7361111111vw;
    width: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .c-totop {
    bottom: 17px;
    right: 17px;
    width: 60px;
  }
}
.c-totop a {
  display: block;
}
.c-totop a img {
  transform: rotate(-90deg);
}

.pagetop .c-mv {
  position: relative;
  aspect-ratio: 1440/776;
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv {
    margin-top: 65px;
    aspect-ratio: 375/565;
  }
}
.pagetop .c-mv__scroll {
  position: absolute;
  bottom: 0;
  left: 47px;
  padding-bottom: 136px;
  z-index: 10;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__scroll {
    left: 3.2638888889vw;
    padding-bottom: 9.4444444444vw;
  }
}
.pagetop .c-mv__scroll p {
  writing-mode: vertical-rl;
  color: #fff;
}
.pagetop .c-mv__scroll-deco {
  width: 1px;
  height: 126px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__scroll-deco {
    height: 8.75vw;
  }
}
.pagetop .c-mv__line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: -100%;
  left: 0;
  background-color: #fff;
  animation: moveLine 3s infinite;
}
.pagetop .c-mv__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pagetop .c-mv__body.on {
  z-index: 10;
}
.pagetop .c-mv__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pagetop .c-mv__item {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 34px 46px 16px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item {
    padding: 2.3611111111vw 3.1944444444vw 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item {
    width: 100%;
    padding: 20px 18px;
  }
}
.pagetop .c-mv__item-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagetop .c-mv__item-top > p {
  color: #183B6F;
  font-weight: bold;
  font-size: 3.2rem;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-top > p {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-top > p {
    font-size: 2.6rem;
  }
}
.pagetop .c-mv__item-top > a {
  border: 1px solid #000;
  font-size: 1.4rem;
  padding: 7px 17px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-top > a {
    font-size: 0.9722222222vw;
    padding: 0.4861111111vw 1.1805555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-top > a {
    font-size: 1.4rem;
    padding: 4px 20px;
  }
}
.pagetop .c-mv__item-text {
  margin-top: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-text {
    margin-top: 1.25vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-text {
    margin-top: 18px;
    font-size: 1.6rem;
  }
}
.pagetop .c-mv__item-text .--small {
  display: block;
  font-weight: normal;
  font-size: 1.4rem;
  margin-top: 6px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-text .--small {
    font-size: 0.9722222222vw;
    margin-top: 0.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-text .--small {
    font-size: 1.4rem;
    margin-top: 8px;
  }
}
.pagetop .c-mv__item-bottom {
  margin-top: 27px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-bottom {
    margin-top: 1.875vw;
    gap: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-bottom {
    margin-top: 12px;
    gap: 12px;
  }
}
.pagetop .c-mv__item-list {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 91.6363636364%;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-list {
    gap: 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-list {
    gap: 8px;
    width: calc(100% - 52px);
  }
}
.pagetop .c-mv__item-list li {
  width: 100%;
}
.pagetop .c-mv__item-list button {
  width: 100%;
  height: 4px;
  display: block;
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__item-list button {
    height: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__item-list button {
    height: 4px;
  }
}
.pagetop .c-mv__item-list button.on {
  background-color: #3069A7;
}
.pagetop .c-mv__next {
  width: 35px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-mv__next {
    width: 2.4305555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-mv__next {
    width: 40px;
  }
}
.pagetop .c-area-top {
  padding: 80px 0;
  background-color: rgba(242, 242, 242, 0.8);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top {
    padding: 5.5555555556vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top {
    padding: 60px 0;
  }
}
.pagetop .c-area-top__banner {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__banner {
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__banner {
    flex-direction: column;
    gap: 10px;
  }
}
.pagetop .c-area-top__btn {
  display: block;
  width: calc(50% - 20px);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__btn {
    width: calc(50% - 1.3888888889vw);
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__btn {
    width: 100%;
  }
}
.pagetop .c-area-top__list {
  margin-top: 60px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__list {
    margin-top: 4.1666666667vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__list {
    margin-top: 40px;
    flex-direction: column;
    gap: 20px;
  }
}
.pagetop .c-area-top__item {
  width: calc(33.3333333333% - 26.6666666667px);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item {
    width: calc(33.3333333333% - 1.8518518519vw);
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item {
    width: 100%;
  }
}
.pagetop .c-area-top__item a {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
  background-color: #fff;
  padding: 30px 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-position: bottom 14px right 14px;
  background-size: 145px 128px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item a {
    padding: 2.0833333333vw 2.2222222222vw;
    background-position: bottom 0.9722222222vw right 0.9722222222vw;
    background-size: 10.0694444444vw 8.8888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item a {
    padding: 30px 20px;
    background-position: bottom 10px right 10px;
    background-size: 145px 128px;
  }
}
.pagetop .c-area-top__item a.--green {
  border-top: 6px solid #9FBF1D;
  background-image: url("/assets/images/top/logo-bg01.svg");
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item a.--green {
    border-top: 0.4166666667vw solid #9FBF1D;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item a.--green {
    border-top: 6px solid #9FBF1D;
  }
}
.pagetop .c-area-top__item a.--orange {
  border-top: 6px solid #ECB31B;
  background-image: url("/assets/images/top/logo-bg02.svg");
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item a.--orange {
    border-top: 0.4166666667vw solid #ECB31B;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item a.--orange {
    border-top: 6px solid #ECB31B;
  }
}
.pagetop .c-area-top__item a.--blue {
  border-top: 6px solid #717EB8;
  background-image: url("/assets/images/top/logo-bg03.svg");
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item a.--blue {
    border-top: 0.4166666667vw solid #717EB8;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item a.--blue {
    border-top: 6px solid #717EB8;
  }
}
@media (any-hover: hover) {
  .pagetop .c-area-top__item a:hover {
    opacity: 1;
  }
  .pagetop .c-area-top__item a:hover .c-area-top__item-btn.--green {
    background-color: #9FBF1D;
  }
  .pagetop .c-area-top__item a:hover .c-area-top__item-btn.--orange {
    background-color: #ECB31B;
  }
  .pagetop .c-area-top__item a:hover .c-area-top__item-btn.--blue {
    background-color: #717EB8;
  }
}
.pagetop .c-area-top__item-title {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item-title {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item-title {
    font-size: 2rem;
  }
}
.pagetop .c-area-top__item-img {
  margin-top: 16px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item-img {
    margin-top: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item-img {
    margin-top: 16px;
  }
}
.pagetop .c-area-top__item-img img {
  transition: transform 0.5s;
}
.pagetop .c-area-top__item-text {
  margin-top: 16px;
  margin-bottom: 42px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item-text {
    margin-top: 1.1111111111vw;
    margin-bottom: 2.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item-text {
    margin-top: 16px;
    margin-bottom: 44px;
  }
}
.pagetop .c-area-top__item-btn {
  display: block;
  margin: auto auto 0 auto;
  padding: 13px 10px;
  max-width: 226px;
  width: 100%;
  border: 1px solid #383838;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.5s;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-area-top__item-btn {
    padding: 0.9027777778vw 0.6944444444vw;
    max-width: 15.6944444444vw;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-area-top__item-btn {
    padding: 15px 10px;
    max-width: 100%;
    font-size: 1.6rem;
  }
}
.pagetop .c-message {
  padding: 80px 0;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message {
    padding: 5.5555555556vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message {
    padding: 60px 0;
  }
}
.pagetop .c-message .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message .inner {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message .inner {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.pagetop .c-message .inner > img {
  width: 566px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message .inner > img {
    width: 38.6111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message .inner > img {
    width: 100%;
  }
}
.pagetop .c-message__body h2 {
  font-size: 4rem;
  color: #183B6F;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message__body h2 {
    font-size: 2.7777777778vw;
    margin-bottom: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message__body h2 {
    font-size: 3rem;
    margin-bottom: 10px;
  }
}
.pagetop .c-message__body h2 .--top {
  display: block;
  font-size: 3.2rem;
  color: #383838;
  margin-bottom: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message__body h2 .--top {
    font-size: 2.2222222222vw;
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message__body h2 .--top {
    font-size: 2.6rem;
    margin-bottom: 20px;
  }
}
.pagetop .c-message__body h2 + p {
  font-size: 2rem;
  line-height: 2;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message__body h2 + p {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message__body h2 + p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.pagetop .c-message__body h2 + p .--large {
  font-size: 2.6rem;
  font-weight: bold;
  color: #183B6F;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-message__body h2 + p .--large {
    font-size: 1.8055555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-message__body h2 + p .--large {
    font-size: 2rem;
  }
}
.pagetop .c-features {
  padding: 80px 0 120px;
  background-image: url("/assets/images/top/bg-features.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features {
    padding: 5.5555555556vw 0 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features {
    padding: 60px 0 80px;
    background-image: url("/assets/images/top/bg-features-sp.webp");
  }
}
.pagetop .c-features__title {
  text-align: center;
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__title {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__title {
    font-size: 2.6rem;
  }
}
.pagetop .c-features__title .--top {
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 4px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__title .--top {
    font-size: 1.3888888889vw;
    margin-bottom: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__title .--top {
    font-size: 2rem;
    margin-bottom: 4px;
  }
}
.pagetop .c-features__list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__list {
    margin-top: 3.4722222222vw;
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__list {
    flex-direction: column;
    gap: 20px;
  }
}
.pagetop .c-features__list li {
  width: calc(33.3333333333% - 26.6666666667px);
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__list li {
    width: calc(33.3333333333% - 1.8518518519vw);
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__list li {
    width: 100%;
  }
}
.pagetop .c-features__list li a {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__list li a {
    padding: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__list li a {
    padding: 20px;
  }
}
.pagetop .c-features__list li h3 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 8px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__list li h3 {
    font-size: 1.6666666667vw;
    margin-top: 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__list li h3 {
    font-size: 2.2rem;
    margin-top: 8px;
  }
}
.pagetop .c-features__list li h3 + p {
  margin-top: 14px;
  margin-bottom: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__list li h3 + p {
    margin-top: 0.9722222222vw;
    margin-bottom: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__list li h3 + p {
    margin-top: 14px;
    margin-bottom: 51px;
  }
}
.pagetop .c-features__img {
  overflow: hidden;
}
.pagetop .c-features__img img {
  transition: transform 0.5s;
}
.pagetop .c-features__num {
  margin-top: 20px;
  padding-left: 38px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.2rem;
  font-weight: bold;
  color: #183B6F;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__num {
    margin-top: 1.3888888889vw;
    padding-left: 2.6388888889vw;
    font-size: 1.5277777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__num {
    margin-top: 20px;
    font-size: 2.2rem;
    padding-left: 38px;
  }
}
.pagetop .c-features__num::after {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #183B6F;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__num::after {
    width: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__num::after {
    width: 30px;
  }
}
.pagetop .c-features__link {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  color: #183B6F;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__link {
    gap: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__link {
    gap: 10px;
  }
}
.pagetop .c-features__link img {
  width: 20px;
  transition: transform 0.3s;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__link img {
    width: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__link img {
    width: 20px;
  }
}
.pagetop .c-features__banner {
  display: block;
  margin-top: 50px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-features__banner {
    margin-top: 3.4722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-features__banner {
    margin-top: 40px;
  }
}
.pagetop .c-voices {
  padding: 80px 0;
  background-image: url("/assets/images/top/bg-voices.webp");
  background-size: cover;
  overflow: hidden;
  background-color: #F5F5F5;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices {
    padding: 5.5555555556vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices {
    padding: 60px 0;
    background-image: url("/assets/images/top/bg-voices-sp.webp");
  }
}
.pagetop .c-voices .inner {
  max-width: 1220px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices .inner {
    max-width: 84.7222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices .inner {
    max-width: 100%;
  }
}
.pagetop .c-voices__top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__top {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__top {
    display: block;
  }
}
.pagetop .c-voices__top-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 619px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__top-left {
    gap: 1.3888888889vw;
    max-width: 42.9861111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__top-left {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    max-width: 100%;
  }
}
.pagetop .c-voices__title {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__title {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__title {
    font-size: 2.6rem;
  }
}
.pagetop .c-voices__title span {
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 4px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__title span {
    font-size: 1.3888888889vw;
    margin-bottom: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__title span {
    font-size: 2rem;
    margin-bottom: 4px;
  }
}
.pagetop .c-voices__title + p {
  line-height: 1.6;
}
.pagetop .c-voices__nav {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__nav {
    margin-top: 30px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }
}
.pagetop .c-voices__nav-num {
  font-weight: bold;
  font-size: 2.4rem;
  color: #ADADAD;
  margin-right: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__nav-num {
    font-size: 1.6666666667vw;
    margin-right: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__nav-num {
    font-size: 2.4rem;
    margin-right: 0;
  }
}
.pagetop .c-voices__nav-num span {
  color: #183B6F;
}
.pagetop .c-voices__prev {
  display: block;
  width: 40px;
  margin-right: 20px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__prev {
    width: 2.7777777778vw;
    margin-right: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__prev {
    width: 54px;
    margin-right: 20px;
  }
}
.pagetop .c-voices__prev img {
  transform: rotate(180deg);
}
.pagetop .c-voices__next {
  display: block;
  width: 40px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__next {
    width: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__next {
    width: 54px;
    margin-left: 20px;
  }
}
.pagetop .c-voices__slider {
  margin-top: 50px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slider {
    margin-top: 3.4722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slider {
    margin-top: 40px;
  }
}
.pagetop .c-voices__slider-inner {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.pagetop .c-voices__slide {
  width: 340px;
  margin-right: 20px;
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slide {
    width: 23.6111111111vw;
    margin-right: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slide {
    width: calc(100vw - 34px);
    margin-right: 20px;
  }
}
.pagetop .c-voices__slide a {
  display: block;
  height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 20px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slide a {
    padding: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slide a {
    padding: 20px;
  }
}
.pagetop .c-voices__slide-img {
  position: relative;
  aspect-ratio: 300/220;
}
.pagetop .c-voices__slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pagetop .c-voices__tag {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 142px;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__tag {
    max-width: 9.8611111111vw;
    padding: 0.3472222222vw 0.6944444444vw;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__tag {
    min-width: 142px;
    font-size: 1.4rem;
    padding: 5px 10px;
  }
}
.pagetop .c-voices__tag.--green {
  background-color: #9FBF1D;
}
.pagetop .c-voices__tag.--orange {
  background-color: #ECB31B;
}
.pagetop .c-voices__tag.--blue {
  background-color: #717EB8;
}
.pagetop .c-voices__slide-text {
  margin-top: 16px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slide-text {
    margin-top: 1.1111111111vw;
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slide-text {
    margin-top: 16px;
    font-size: 2rem;
  }
}
.pagetop .c-voices__slide-list {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slide-list {
    margin-top: 0.8333333333vw;
    gap: 0.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slide-list {
    margin-top: 13px;
    gap: 8px;
  }
}
.pagetop .c-voices__slide-list.--green li {
  color: #9FBF1D;
  border: 1px solid #9FBF1D;
}
.pagetop .c-voices__slide-list.--blue li {
  color: #717EB8;
  border: 1px solid #717EB8;
}
.pagetop .c-voices__slide-list.--orange li {
  color: #ECB31B;
  border: 1px solid #ECB31B;
}
.pagetop .c-voices__slide-list li {
  font-size: 1.4rem;
  padding: 1px 10px;
  border: 1px solid #383838;
  line-height: 1.6;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__slide-list li {
    font-size: 0.9722222222vw;
    padding: 1px 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__slide-list li {
    font-size: 1.4rem;
    padding: 1px 10px;
  }
}
.pagetop .c-voices__bottom-nav {
  margin-top: 50px;
  display: flex;
  gap: 9px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__bottom-nav {
    margin-top: 3.4722222222vw;
    gap: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__bottom-nav {
    margin-top: 40px;
    gap: 5px;
  }
}
.pagetop .c-voices__bottom-nav button {
  display: block;
  width: 100%;
  height: 4px;
  background: #fff;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-voices__bottom-nav button {
    height: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-voices__bottom-nav button {
    height: 4px;
  }
}
.pagetop .c-voices__bottom-nav button.on {
  background-color: #3069A7;
}
.pagetop .c-achievement {
  padding: 120px 0;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement {
    padding: 8.3333333333vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement {
    padding: 80px 0;
  }
}
.pagetop .c-achievement .inner {
  max-width: 1220px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement .inner {
    max-width: 84.7222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement .inner {
    max-width: 100%;
  }
}
.pagetop .c-achievement__top {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__top {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__top {
    display: block;
  }
}
.pagetop .c-achievement__title {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__title {
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__title {
    font-size: 2.6rem;
  }
}
.pagetop .c-achievement__title span {
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 4px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__title span {
    font-size: 1.3888888889vw;
    margin-bottom: 0.2777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__title span {
    font-size: 2rem;
    margin-bottom: 4px;
  }
}
.pagetop .c-achievement__nav {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__nav {
    max-width: 320px;
    margin: 30px auto 0;
    justify-content: space-between;
  }
}
.pagetop .c-achievement__prev {
  width: 40px;
  margin-right: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__prev {
    width: 2.7777777778vw;
    margin-right: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__prev {
    width: 54px;
    margin-right: 10px;
  }
}
.pagetop .c-achievement__prev img {
  transform: rotate(180deg);
}
.pagetop .c-achievement__next {
  width: 40px;
  margin-left: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__next {
    width: 2.7777777778vw;
    margin-left: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__next {
    width: 54px;
    margin-left: 10px;
  }
}
.pagetop .c-achievement__nav-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__nav-list {
    gap: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__nav-list {
    gap: 10px;
  }
}
.pagetop .c-achievement__nav-list button {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #E6E7E7;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__nav-list button {
    width: 0.6944444444vw;
    height: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__nav-list button {
    width: 10px;
    height: 10px;
  }
}
.pagetop .c-achievement__nav-list button.on {
  background-color: #183B6F;
}
.pagetop .c-achievement__slider {
  margin-top: 50px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slider {
    margin-top: 3.4722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slider {
    margin-top: 40px;
  }
}
.pagetop .c-achievement__slider-inner {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slider-inner {
    justify-content: flex-start;
  }
}
.pagetop .c-achievement__slide {
  margin-right: 18px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide {
    margin-right: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide {
    margin-right: 20px;
  }
}
.pagetop .c-achievement__slide a {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 20px;
  width: 581px;
  padding: 32px 24px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide a {
    gap: 1.3888888889vw;
    width: 40.3472222222vw;
    padding: 2.2222222222vw 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide a {
    flex-direction: column;
    gap: 20px;
    width: calc(100vw - 34px);
    padding: 24px 20px;
  }
}
.pagetop .c-achievement__slide-img {
  width: 223px;
  aspect-ratio: 223/169;
  flex: 0 0 auto;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide-img {
    width: 15.4861111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide-img {
    width: 100%;
  }
}
.pagetop .c-achievement__slide-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pagetop .c-achievement__tag {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 1px 23px;
  color: #fff;
  background-color: #183B6F;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__tag {
    font-size: 0.9722222222vw;
    padding: 1px 1.5972222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__tag {
    font-size: 1.4rem;
    padding: 1px 24px;
  }
}
.pagetop .c-achievement__slide-title {
  margin-top: 16px;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide-title {
    margin-top: 1.1111111111vw;
    font-size: 1.5277777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide-title {
    margin-top: 16px;
    font-size: 2.2rem;
  }
}
.pagetop .c-achievement__slide-text {
  margin-top: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide-text {
    margin-top: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide-text {
    margin-top: 10px;
  }
}
.pagetop .c-achievement__slide-text .--small {
  display: block;
  font-size: 1.4rem;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__slide-text .--small {
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__slide-text .--small {
    font-size: 1.4rem;
  }
}
.pagetop .c-achievement__btn {
  margin: 60px auto 0;
  font-weight: bold;
  border: 1px solid #383838;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  min-height: 60px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-achievement__btn {
    margin: 4.1666666667vw auto 0;
    width: 20.8333333333vw;
    min-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-achievement__btn {
    margin: 40px auto 0;
    width: 320px;
    min-height: 54px;
  }
}
.pagetop .c-about {
  padding: 120px 0 138px;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about {
    padding: 8.3333333333vw 0 9.5833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about {
    padding: 80px 0;
  }
}
.pagetop .c-about::after {
  content: "";
  height: 1px;
  width: 1280px;
  background-color: #B3B3B3;
  max-width: calc(100% - 40px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about::after {
    width: 88.8888888889vw;
    max-width: calc(100% - 2.7777777778vw);
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about::after {
    width: calc(100% - 34px);
    max-width: 100%;
  }
}
.pagetop .c-about .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about .inner {
    gap: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about .inner {
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.pagetop .c-about__title {
  font-size: 4rem;
  line-height: 1.4;
  font-weight: bold;
  color: #183B6F;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about__title {
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about__title {
    font-size: 3rem;
  }
}
.pagetop .c-about__title + p {
  margin-top: 30px;
  font-size: 2rem;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about__title + p {
    margin-top: 2.0833333333vw;
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about__title + p {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
.pagetop .c-about__btn {
  margin-top: 30px;
  width: 300px;
  min-height: 60px;
  border: 1px solid #383838;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about__btn {
    margin-top: 2.0833333333vw;
    width: 20.8333333333vw;
    min-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about__btn {
    margin: 40px auto 0;
    width: 100%;
    max-width: 320px;
    min-height: 54px;
  }
}
.pagetop .c-about__img {
  width: 566px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-about__img {
    width: 39.3055555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-about__img {
    width: 100%;
  }
}
.pagetop .c-news {
  padding: 80px 0;
  background-color: #F5F5F5;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news {
    padding: 5.5555555556vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news {
    padding: 60px 0;
  }
}
.pagetop .c-news__outer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__outer {
    gap: 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__outer {
    flex-direction: column;
    gap: 24px;
  }
}
.pagetop .c-news__top {
  width: 160px;
  flex: 0 0 auto;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__top {
    width: 11.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__top {
    width: 100%;
  }
}
.pagetop .c-news__title {
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__title {
    font-size: 1.3888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__title {
    font-size: 2rem;
    text-align: left;
  }
}
.pagetop .c-news__title img {
  display: block;
  margin: 0 auto 10px;
  width: 143px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__title img {
    margin: 0 auto 0.6944444444vw;
    width: 9.9305555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__title img {
    width: 143px;
    margin: 0 0 10px;
  }
}
.pagetop .c-news__list-cat {
  margin-top: 12px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__list-cat {
    margin-top: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__list-cat {
    margin-top: 40px;
    display: flex;
    gap: 4px;
  }
}
.pagetop .c-news__list-cat li {
  border-bottom: 1px solid #B3B3B3;
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__list-cat li {
    width: 100%;
  }
}
.pagetop .c-news__list-cat li.on {
  border-bottom: 1px solid #383838;
}
.pagetop .c-news__list-cat li.on a {
  color: #183B6F;
}
.pagetop .c-news__list-cat a {
  display: block;
  padding: 12px 0;
  line-height: 1.5;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__list-cat a {
    padding: 0.8333333333vw 0;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__list-cat a {
    font-size: 1.4rem;
    padding: 8px 5px;
    text-align: center;
  }
}
.pagetop .c-news__body {
  width: 100%;
  max-width: 1050px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__body {
    max-width: 72.9166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__body {
    max-width: 100%;
  }
}
.pagetop .c-news__list-item {
  border-bottom: 1px solid #B3B3B3;
}
.pagetop .c-news__list-item:first-of-type {
  border-top: 1px solid #B3B3B3;
}
.pagetop .c-news__item-link {
  display: block;
  padding: 20px 10px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__item-link {
    padding: 1.3888888889vw 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__item-link {
    padding: 20px 10px;
  }
}
.pagetop .c-news__item-top {
  display: flex;
  align-items: center;
}
.pagetop .c-news__item-top time {
  font-size: 1.4rem;
  font-weight: bold;
  color: #183B6F;
  min-width: 104px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__item-top time {
    font-size: 0.9722222222vw;
    min-width: 7.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__item-top time {
    font-size: 1.4rem;
    min-width: 104px;
  }
}
.pagetop .c-news__list-tag {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__list-tag {
    gap: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__list-tag {
    gap: 10px;
  }
}
.pagetop .c-news__item-text {
  margin-top: 10px;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__item-text {
    margin-top: 0.6944444444vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__item-text {
    margin-top: 10px;
  }
}
.pagetop .c-news__btn {
  margin: 60px auto 0;
  width: 300px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #383838;
  font-weight: bold;
}
@media screen and (max-width: 1440px) {
  .pagetop .c-news__btn {
    margin: 4.1666666667vw auto 0;
    width: 20.8333333333vw;
    min-height: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .c-news__btn {
    margin-top: 40px;
    width: 100%;
    max-width: 320px;
    min-height: 54px;
  }
}
.pagetop .tag {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  padding: 4px 10px;
  text-align: center;
  min-width: 80px;
  border: 1px solid #383838;
}
@media screen and (max-width: 1440px) {
  .pagetop .tag {
    font-size: 0.8333333333vw;
    padding: 0.2777777778vw 0.6944444444vw;
    min-width: 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .tag {
    font-size: 1.2rem;
    padding: 4px 10px;
    min-width: 80px;
  }
}
.pagetop .tag.--navy-bg {
  background-color: #183B6F;
  border: 1px solid #183B6F;
  color: #fff;
}
.pagetop .tag.--blue-bg {
  background-color: #3069A7;
  border: 1px solid #3069A7;
  color: #fff;
}
.pagetop .tag.--green-bg {
  background-color: #55B2CA;
  border: 1px solid #55B2CA;
  color: #fff;
}
.pagetop .tag.--navy-text {
  color: #183B6F;
  border: 1px solid #183B6F;
}
.pagetop .tag.--new {
  border: none;
  padding: 0;
  min-width: auto;
  font-size: 1.2rem;
  font-weight: bold;
  color: #DE243E;
  margin-left: 6px;
}
@media screen and (max-width: 1440px) {
  .pagetop .tag.--new {
    font-size: 0.8333333333vw;
    margin-left: 0.4166666667vw;
  }
}
@media screen and (max-width: 768px) {
  .pagetop .tag.--new {
    font-size: 1.2rem;
    margin-left: 6px;
  }
}/*# sourceMappingURL=base.css.map */