@charset "UTF-8";
/*====================================================
//// webフォント読み込み
====================================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* font-family
----------------------------------------------------*/
/* 画面サイズ
----------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (min-width: 768px) and (max-width: 1190px) {
  html {
    font-size: 0.8403361345vw;
  }
}
/*====================================================
//// カラーコード
====================================================*/
:root {
  --main-color01: #00BFD3;
  --main-color02: #14325A;
  --txt-color: #000;
  --light-gray01: #DADFE5;
  --light-gray02: #F1F3F5;
  --dark-gray: #707070;
}

/*====================================================
//// bg
====================================================*/
.bg-gray {
  background-color: var(--light-gray02);
}
.bg-gray + .cta {
  margin-top: -3rem;
}

/*====================================================
////アニメーション設定
====================================================*/
@keyframes fv-slide {
  0% {
    transform: translateX(100vw);
    opacity: 0;
    z-index: 2;
  }
  2% {
    transform: translateX(0);
    opacity: 1;
    z-index: 2;
  }
  90% {
    transform: translateX(0);
    opacity: 1;
    z-index: 2;
  }
  100% {
    transform: translateX(100vw);
    opacity: 0;
    z-index: 1;
  }
}
@keyframes MoveLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fv-txt {
  0% {
    opacity: 1;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes bg-txt {
  0% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    transform: translateX(10rem);
  }
  30% {
    transform: translateX(1rem);
  }
  100% {
    webkit-clip-path: inset(0);
    clip-path: inset(0);
    transform: translateX(0);
  }
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slid-title {
  0% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
}
@keyframes slid-in {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0);
  }
}
.fadeIn {
  opacity: 0;
}
.fadeIn.active {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.fv-txt {
  clip-path: inset(0 0 100% 0);
  display: inline-block;
  transition: 0.5s;
  transition-property: clip-path;
  line-height: 1;
  transition-delay: 0.6s;
}
.fv-txt.active {
  clip-path: inset(0);
}

.top-about .bg-txt__anime--block {
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
}
.top-about.active .bg-txt__anime--block {
  animation-name: bg-txt;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

.slide-up {
  display: block;
  opacity: 0;
}
.slide-up.active {
  animation-name: slide-up;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}

.slid-title {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
}
.slid-title.active {
  animation-name: slid-title;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

/*====================================================
////common
====================================================*/
/* ---------- 基本設定 ----------*/
img {
  width: 100%;
  height: auto;
}

a {
  display: block;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

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

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

body {
  padding-bottom: 5.4rem;
}
@media screen and (min-width: 768px) {
  body {
    padding-bottom: 0;
  }
}

/*====================================================
//// header
====================================================*/
.header {
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  max-width: 100%;
  height: 7rem;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  transition: 0.3s;
}
.header.close {
  transform: translateY(-7rem);
}
.header.active {
  background-color: #fff;
}
.header__inner {
  padding: 0 0 0 2.4rem;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  width: calc(100% - 15.6rem);
}
.header__logo img {
  max-width: 17rem;
}
.header__menuBtn {
  position: relative;
  width: 7.8rem;
  height: 7rem;
  transition: 0.3s;
}
.header__menuBtn span {
  width: 2.6rem;
  background-color: var(--txt-color);
  height: 2px;
  position: absolute;
  right: 2.5rem;
  transition: 0.3s;
}
.header__menuBtn span:first-child {
  top: 2.4rem;
}
.header__menuBtn span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.header__menuBtn span:last-child {
  bottom: 2.4rem;
}
.header__menuBtn.active span {
  width: 3.43rem;
}
.header__menuBtn.active span:first-of-type {
  transform: rotate(45deg);
  top: 3.5rem;
}
.header__menuBtn.active span:nth-child(2) {
  opacity: 0;
}
.header__menuBtn.active span:last-child {
  transform: rotate(-45deg);
  bottom: 3.3rem;
}
.header__menuBtn:hover {
  cursor: pointer;
  opacity: 0.5;
}
.header__nav {
  position: fixed;
  width: 100%;
  max-height: calc(100vh - 7rem);
  overflow-y: auto;
  left: 0;
  top: 7rem;
  background-color: var(--light-gray01);
  padding: 1.05rem 0 0 0;
  transition: 0.5s;
  transform: translateX(200vw);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.header__nav::-webkit-scrollbar {
  display: none;
}
.header__nav.active {
  transform: translateX(0);
}
.header__nav--list {
  width: 74.6666666667%;
  margin: auto;
}
.header__nav--list li {
  width: 100%;
}
.header__nav--list li a {
  padding: 2.6rem 0 2.1rem 0;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-align: center;
  border-bottom: 1px solid var(--txt-color);
  color: var(--txt-color);
}
.header__nav--list li a:hover {
  color: var(--main-color02);
}
.header__nav--bottom {
  width: 74.6666666667%;
  margin: 3.7rem auto 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header__nav--bottom li a {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.header__nav--about {
  margin-top: 4.7rem;
}
.header__nav--about li a {
  width: fit-content;
  margin: auto;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  padding: 0.4rem 2rem 0.4rem 0;
}
.header__bottom {
  background-color: #fff;
  margin-top: 2.7rem;
  padding: 1.24rem 0 1.1rem 0;
}
.header__bottom .block {
  display: flex;
  flex-wrap: nowrap;
  gap: 3.7rem;
  justify-content: center;
  align-items: center;
  width: 18.6rem;
  margin: auto;
}
.header__bottom--copyright {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  text-align: center;
  margin-top: 1rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .header {
    height: 8rem;
  }
  .header.close {
    transform: translateY(-8rem);
  }
  .header__inner {
    padding: 1.5rem 0 0 5rem;
    margin: auto;
  }
  .header__logo {
    width: fit-content;
  }
  .header__logo img {
    max-width: 20.1rem;
  }
  .header__nav {
    position: absolute;
    top: 0;
    right: 17rem;
    width: 50rem;
    height: 8rem;
    min-height: inherit;
    left: auto;
    background-color: transparent;
    padding: 0;
    transform: none;
  }
  .header__nav--list {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    height: 100%;
  }
  .header__nav--list li {
    width: 100%;
  }
  .header__nav--list li a {
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    letter-spacing: 0em;
    border-bottom: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8rem;
  }
  .header__nav--list li a::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--main-color02);
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: left;
    transform: scaleX(0);
    transition: 0.3s;
  }
  .header__nav--list li a:hover {
    background-color: var(--light-gray01);
    opacity: 1;
  }
  .header__nav--list li a:hover::after {
    transform: scaleX(1);
  }
  .header__contact {
    position: absolute;
    right: 0;
    top: 0;
  }
  .header__contact.btn {
    height: 8rem;
    width: 16rem;
    gap: 0;
  }
  .header__contact.btn a {
    padding: 0 0 0 2.3rem;
  }
  .header__contact.btn a::after {
    content: "";
    width: 1.6rem;
    margin-left: 0.75rem;
  }
  .header__contact.btn a:hover::after {
    transform: scaleX(1.3);
  }
}
/*====================================================
//// footer
====================================================*/
.footer {
  background-color: var(--txt-color);
  color: #fff;
  padding: 2.1rem 0 0 0;
}
.footer__txt {
  font-size: 2.3rem;
  line-height: 1.3043478261;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: rgba(255, 255, 255, 0.41);
  text-align: center;
}
.footer__logo {
  width: 13.4rem;
  margin: 1rem auto 2.4rem auto;
}
.footer__pp {
  background-color: #fff;
  padding: 1.6rem 0 1.7rem 0;
}
.footer__pp .block {
  display: flex;
  flex-wrap: nowrap;
  gap: 3.1rem;
  justify-content: center;
  align-items: center;
  width: 15.6rem;
  margin: auto;
}
.footer__nav {
  display: none;
}
.footer small {
  display: block;
  text-align: center;
  color: var(--txt-color);
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 400;
  margin-top: 1.5rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .footer {
    padding: 5.1rem 0 0 0;
  }
  .footer__txt {
    font-size: 5rem;
    line-height: 1.32;
    text-align: left;
  }
  .footer__logo {
    width: 18rem;
    margin: 1.3rem auto 0 0;
  }
  .footer .block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 6rem;
    padding-right: 1.3rem;
  }
  .footer__pp {
    background-color: #fff;
    padding: 1.6rem 0 1.7rem 0;
  }
  .footer__pp .inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .footer__pp .block {
    gap: 3.7rem;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 100%;
  }
  .footer__pp .item:first-of-type {
    width: 6rem;
  }
  .footer__pp .item:last-of-type {
    width: 8.9rem;
  }
  .footer small {
    text-align: right;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 0;
    white-space: nowrap;
  }
  .footer__nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 47%;
    max-width: 53rem;
  }
  .footer__nav--list li a {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    font-weight: 400;
  }
  .footer__nav--list:first-of-type {
    width: 21%;
  }
  .footer__nav--list:nth-of-type(2) {
    width: 25%;
  }
  .footer__nav--list:nth-of-type(2) li a {
    margin-bottom: 0.85rem;
  }
  .footer__nav--list:last-of-type {
    width: 54%;
  }
  .footer__nav--list:last-of-type li {
    margin-bottom: 0.85rem;
  }
  .footer__nav--list:last-of-type li a {
    padding-right: 2rem;
  }
  .footer__nav--list:first-of-type li {
    margin-bottom: 2rem;
  }
}
/*====================================================
//// Fixed contents
====================================================*/
.sp_fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  padding-bottom: env(safe-area-inset-bottom);
}
.sp_fix__box--list {
  display: flex;
  flex-wrap: nowrap;
  gap: 1px;
  align-items: center;
  width: 100%;
  height: 100%;
}
.sp_fix__box--list li {
  height: 5.4rem;
  width: 100%;
}
.sp_fix__box--list li a {
  padding: 0;
}

.back-top {
  position: fixed;
  bottom: 5.4rem;
  right: 0;
  opacity: 0;
  transition: 0.3s;
  z-index: 999;
  bottom: calc(env(safe-area-inset-bottom) + 5.4rem);
}
.back-top.active {
  opacity: 1;
}
.back-top a {
  background-color: var(--dark-gray);
  color: #fff;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 500;
  padding-top: 1.5rem;
  position: relative;
  border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  -ms-border-radius: 0.2rem;
  -o-border-radius: 0.2rem;
}
.back-top a::after {
  content: "";
  width: 0.1rem;
  height: 1.2rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transition: 0.3s;
  transform-origin: bottom;
  transform: translateX(-50%) scaleY(1);
  top: 0.75rem;
}
.back-top a:hover::after {
  transform: scaleY(1.2);
}
@media screen and (min-width: 768px) {
  .back-top {
    bottom: 0;
  }
  .back-top a {
    width: 8rem;
    height: 8rem;
    font-size: 1.4rem;
    line-height: 1.7142857143;
    padding-top: 2.5rem;
  }
  .back-top a::after {
    height: 1.4rem;
    top: 2.65rem;
  }
  .back-top a:hover {
    opacity: 1;
  }
  .back-top a:hover::after {
    transform: scaleY(1.7);
  }
}

/*====================================================
//// layout
====================================================*/
.inner {
  width: 87.2%;
  max-width: 108rem;
  margin: auto;
}
.inner.narrow {
  max-width: 96rem;
}
.inner.wide {
  max-width: 116rem;
}

/*====================================================
//// CTA
====================================================*/
.cta {
  background-color: var(--main-color01);
  color: #fff;
  border-radius: 3rem 3rem 0 0;
  -webkit-border-radius: 3rem 3rem 0 0;
  -moz-border-radius: 3rem 3rem 0 0;
  -ms-border-radius: 3rem 3rem 0 0;
  -o-border-radius: 3rem 3rem 0 0;
}
.cta .inner {
  width: 72%;
  max-width: 78.5rem;
  padding: 4.8rem 0 6.2rem;
}
.cta__txt--head {
  font-size: 1.9rem;
  line-height: 1.5263157895;
  font-weight: 700;
  text-align: center;
}
.cta__txt--body {
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 500;
  margin-top: 2.4rem;
  text-align: center;
}
.cta .link-area {
  animation-delay: 0.3s;
}
.cta .link-area .btn {
  width: 26.9rem;
  height: 6rem;
  margin: 3.3rem auto 0 auto;
}
.cta .link-area .btn a {
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .cta .inner {
    padding: 12.93rem 0 12.97rem 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .cta__txt--head {
    font-size: 3rem;
    line-height: 1.4666666667;
    text-align: left;
  }
  .cta__txt--body {
    font-size: 1.8rem;
    line-height: 2.1111111111;
    margin-top: 2.1rem;
    text-align: left;
  }
  .cta .link-area .btn {
    width: 27rem;
    height: 7rem;
    margin-top: 3rem;
  }
  .cta .link-area .btn a {
    justify-content: space-between;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
/*====================================================
//// ページレイアウト
====================================================*/
.page-head {
  padding-top: 7.95rem;
  position: relative;
  min-height: 24.807rem;
}
.page-head::after {
  content: "";
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #DADFE5;
  aspect-ratio: 1508/2854;
  width: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.page-head__title {
  font-size: 4.6rem;
  line-height: 1.0869565217;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  margin-top: 4rem;
}
.page-head__title span {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  padding-left: 2.7rem;
  position: relative;
}
.page-head__title span::after {
  content: "";
  background-color: var(--main-color01);
  width: 2rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 1rem;
}
.page-head__title + p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 3.2rem;
  animation-delay: 0.3s;
}
.page-head__title02 {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .page-head__title02 {
    font-size: 2.8rem;
    line-height: 1.8214285714;
    margin: 6.1rem auto 0 auto;
    max-width: 96rem;
  }
}
.page-head a {
  display: inline-block;
  text-decoration: underline;
}
.page-head a:hover {
  text-decoration: none;
}

.page-sec_h2 {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.5454545455;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  position: relative;
  width: fit-content;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-sec_h2 {
    font-size: 3rem;
    line-height: 1.9333333333;
  }
}
.page-sec_h2::after {
  content: "";
  background-color: var(--main-color01);
  width: 2.7rem;
  height: 0.6rem;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .page-sec_h2::after {
    width: 3.6rem;
    height: 0.8rem;
    bottom: -1.2rem;
  }
}

@media screen and (min-width: 768px) {
  .page-head {
    padding-top: 9.5rem;
    min-height: 44.2rem;
  }
  .page-head::after {
    width: 18rem;
  }
  .page-head__title {
    font-size: 7rem;
    line-height: 1.3142857143;
    margin-top: 8rem;
  }
  .page-head__title span {
    margin-top: -0.3rem;
  }
  .page-head__title + p {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    margin-top: 5.4rem;
  }
}
/*====================================================
//// button
====================================================*/
.btn a {
  background-color: var(--txt-color);
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  letter-spacing: 0.02em;
  position: relative;
  border: 2px solid var(--txt-color);
  padding: 0 2.75rem 0 2.6rem;
}
.btn a::after {
  content: "";
  width: 1.6rem;
  height: 1.6px;
  background-color: #fff;
  display: inline-block;
  margin-left: 1rem;
  transition: 0.2s;
  transform-origin: left;
  transform: scaleX(1);
}
@media screen and (min-width: 768px) {
  .btn a::after {
    width: 2rem;
  }
}
.btn a:hover {
  background-color: #fff;
  color: var(--txt-color);
  opacity: 1;
}
.btn a:hover::after {
  background-color: var(--txt-color);
  transform: scaleX(1.7);
}

.btn-white a {
  background-color: #fff;
  color: var(--txt-color);
  border: 0.16rem solid var(--txt-color);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 1.8rem 2rem;
  width: 27.8rem;
  margin: auto;
  position: relative;
  transition: 0.3s;
}
.btn-white a::after {
  content: "";
  background-color: var(--txt-color);
  width: 2rem;
  height: 0.16rem;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transition: 0.2s;
  transform-origin: left;
  transform: scaleX(1);
}
.btn-white a:hover {
  background-color: var(--txt-color);
  color: #fff;
  opacity: 1;
}
.btn-white a:hover::after {
  background-color: #fff;
  transform: scaleX(1.7);
}

/*====================================================
//// Link
====================================================*/
a.pdf,
a.external {
  position: relative;
  width: fit-content;
}
a.pdf::after,
a.external::after {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

a.pdf {
  padding-right: 2.5rem !important;
}
a.pdf::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.135%22%20height%3D%2221.192%22%20viewBox%3D%220%200%2021.135%2021.192%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34838%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034838%22%20transform%3D%22translate(-613%20-392.904)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44964%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044964%22%20d%3D%22M16.044.5h-8.5V20.692H22.086V6.542Z%22%20transform%3D%22translate(611.549%20392.904)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33746%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033746%22%20width%3D%2221.039%22%20height%3D%2221%22%20transform%3D%22translate(613%20393)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33747%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033747%22%20width%3D%2215.181%22%20height%3D%227.494%22%20transform%3D%22translate(613%20399.753)%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44965%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044965%22%20d%3D%22M2.827%2C13.148v1.821H1.762V9.8H3.779a2.337%2C2.337%2C0%2C0%2C1%2C1.023.212%2C1.56%2C1.56%2C0%2C0%2C1%2C.68.606%2C1.689%2C1.689%2C0%2C0%2C1%2C.237.892%2C1.481%2C1.481%2C0%2C0%2C1-.519%2C1.2%2C2.165%2C2.165%2C0%2C0%2C1-1.44.439Zm0-.863h.952a.938.938%2C0%2C0%2C0%2C.644-.2.726.726%2C0%2C0%2C0%2C.221-.568.852.852%2C0%2C0%2C0-.223-.614.839.839%2C0%2C0%2C0-.619-.241H2.827Z%22%20transform%3D%22translate(612.661%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44966%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044966%22%20d%3D%22M7.567%2C14.969V9.8h1.59a2.419%2C2.419%2C0%2C0%2C1%2C1.22.307%2C2.139%2C2.139%2C0%2C0%2C1%2C.839.873%2C2.694%2C2.694%2C0%2C0%2C1%2C.3%2C1.287v.237a2.708%2C2.708%2C0%2C0%2C1-.3%2C1.282%2C2.125%2C2.125%2C0%2C0%2C1-.836.869%2C2.433%2C2.433%2C0%2C0%2C1-1.218.313Zm1.065-4.305v3.45h.515a1.155%2C1.155%2C0%2C0%2C0%2C.954-.408%2C1.848%2C1.848%2C0%2C0%2C0%2C.338-1.168v-.274a1.874%2C1.874%2C0%2C0%2C0-.326-1.194%2C1.154%2C1.154%2C0%2C0%2C0-.955-.406Z%22%20transform%3D%22translate(611.545%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44967%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044967%22%20d%3D%22M16.526%2C12.857H14.481v2.112H13.416V9.8h3.365v.863h-2.3V12h2.044Z%22%20transform%3D%22translate(610.42%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  aspect-ratio: 21/21;
  height: 1.5rem;
  width: auto;
}
a.pdf.white::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.135%22%20height%3D%2221.192%22%20viewBox%3D%220%200%2021.135%2021.192%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34905%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034905%22%20transform%3D%22translate(-613%20-392.904)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44964%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044964%22%20d%3D%22M16.044.5h-8.5V20.692H22.086V6.542Z%22%20transform%3D%22translate(611.549%20392.904)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33746%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033746%22%20width%3D%2221.039%22%20height%3D%2221%22%20transform%3D%22translate(613%20393)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33747%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033747%22%20width%3D%2215.181%22%20height%3D%227.494%22%20transform%3D%22translate(613%20399.753)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44965%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044965%22%20d%3D%22M2.827%2C13.148v1.821H1.762V9.8H3.779a2.337%2C2.337%2C0%2C0%2C1%2C1.023.212%2C1.56%2C1.56%2C0%2C0%2C1%2C.68.606%2C1.689%2C1.689%2C0%2C0%2C1%2C.237.892%2C1.481%2C1.481%2C0%2C0%2C1-.519%2C1.2%2C2.165%2C2.165%2C0%2C0%2C1-1.44.439Zm0-.863h.952a.938.938%2C0%2C0%2C0%2C.644-.2.726.726%2C0%2C0%2C0%2C.221-.568.852.852%2C0%2C0%2C0-.223-.614.839.839%2C0%2C0%2C0-.619-.241H2.827Z%22%20transform%3D%22translate(612.661%20391.115)%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44966%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044966%22%20d%3D%22M7.567%2C14.969V9.8h1.59a2.419%2C2.419%2C0%2C0%2C1%2C1.22.307%2C2.139%2C2.139%2C0%2C0%2C1%2C.839.873%2C2.694%2C2.694%2C0%2C0%2C1%2C.3%2C1.287v.237a2.708%2C2.708%2C0%2C0%2C1-.3%2C1.282%2C2.125%2C2.125%2C0%2C0%2C1-.836.869%2C2.433%2C2.433%2C0%2C0%2C1-1.218.313Zm1.065-4.305v3.45h.515a1.155%2C1.155%2C0%2C0%2C0%2C.954-.408%2C1.848%2C1.848%2C0%2C0%2C0%2C.338-1.168v-.274a1.874%2C1.874%2C0%2C0%2C0-.326-1.194%2C1.154%2C1.154%2C0%2C0%2C0-.955-.406Z%22%20transform%3D%22translate(611.545%20391.115)%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44967%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044967%22%20d%3D%22M16.526%2C12.857H14.481v2.112H13.416V9.8h3.365v.863h-2.3V12h2.044Z%22%20transform%3D%22translate(610.42%20391.115)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

a.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}

a.external {
  padding-right: 1.6rem;
}
a.external::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(-1168.355%20-5079.44)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43667%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043667%22%20d%3D%22M1175.76%2C5066h-4.9v12h12v-4.769%22%20transform%3D%22translate(-2%2014.94)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(2340.711%2010195.829)%20rotate(180)%22%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1334%22%20data-name%3D%22%E7%B7%9A%201334%22%20y1%3D%226.889%22%20x2%3D%226.889%22%20transform%3D%22translate(1158.966%205109)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43665%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043665%22%20d%3D%22M1170.855%2C5066v5.021h5.02%22%20transform%3D%22translate(-12%2044.87)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1.3rem;
  height: 1.3rem;
}
a.external.white::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(-1168.355%20-5079.44)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43667%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043667%22%20d%3D%22M1175.76%2C5066h-4.9v12h12v-4.769%22%20transform%3D%22translate(-2%2014.94)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(2340.711%2010195.829)%20rotate(180)%22%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1334%22%20data-name%3D%22%E7%B7%9A%201334%22%20y1%3D%226.889%22%20x2%3D%226.889%22%20transform%3D%22translate(1158.966%205109)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43665%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043665%22%20d%3D%22M1170.855%2C5066v5.021h5.02%22%20transform%3D%22translate(-12%2044.87)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

/*====================================================
//// logo
====================================================*/
/*======================= PC =======================*/
/*====================================================
//// pager
====================================================*/
.pager {
  padding: 8rem 0 13.5rem 0;
}
.pager__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  justify-content: center;
  align-items: stretch;
  margin: auto;
}
.pager__list li a {
  width: 3.8rem;
  aspect-ratio: 38/38;
  border: 1px solid var(--main-color02);
  color: var(--main-color02);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  transition: 0.3s;
}
.pager__list li a:hover {
  background-color: var(--main-color02);
  color: #fff;
  opacity: 1;
}
.pager__list li.current a {
  background-color: var(--main-color02);
  color: #fff;
}
.pager__list li.ellipsis {
  width: 3.8rem;
  aspect-ratio: 38/38;
  text-align: center;
}
.pager__list li.ellipsis span {
  display: inline-block;
  padding-top: 0.7rem;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.pager__list li.prev a, .pager__list li.next a {
  background-color: transparent;
  background-size: cover;
  border: none;
  position: relative;
}
.pager__list li.prev a:hover, .pager__list li.next a:hover {
  opacity: 0.8;
}
.pager__list li.prev a {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34350%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C0%2C6%2C6.735%2C12%2C0%22%20transform%3D%22translate(22.367%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
}
.pager__list li.next a {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034351%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C6.735%2C6%2C0l6%2C6.735%22%20transform%3D%22translate(22.368%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .pager {
    margin-top: 4.9rem;
    padding-bottom: 10.5rem;
  }
  .pager__list {
    gap: 2rem;
  }
  .pager__list li.prev {
    margin-right: 2rem;
  }
  .pager__list li.prev a {
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34350%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23f1f3f5%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C0%2C6%2C6.735%2C12%2C0%22%20transform%3D%22translate(22.367%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .pager__list li.next {
    margin-left: 2rem;
  }
  .pager__list li.next a {
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034351%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23f1f3f5%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C6.735%2C6%2C0l6%2C6.735%22%20transform%3D%22translate(22.368%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
  }
}
/*====================================================
//// パンくずリスト
====================================================*/
.breadcrumbs__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 2.2rem;
  justify-content: flex-start;
  align-items: center;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs__list::-webkit-scrollbar {
  display: none;
}
.breadcrumbs__list li {
  font-size: 1.2rem;
  line-height: 1.5833333333;
  font-weight: 400;
  position: relative;
  padding-bottom: 1rem;
  white-space: nowrap;
}
.breadcrumbs__list li::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 2px #D6D6D6;
  border-right: solid 2px #D6D6D6;
  position: absolute;
  right: -1.4rem;
  top: 23%;
  transform: rotate(45deg);
}
.breadcrumbs__list li:last-child::after {
  content: none;
}

@media screen and (min-width: 768px) {
  .breadcrumbs__list {
    gap: 2.3rem;
  }
  .breadcrumbs__list li {
    font-size: 1.4rem;
    line-height: 1.3571428571;
  }
  .breadcrumbs__list li::after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    right: -1.3rem;
    top: 25%;
  }
  .breadcrumbs__list li:last-child::after {
    content: none;
  }
}
/*====================================================
//// 見出し
====================================================*/
.sec-title {
  font-size: 2.2rem;
  line-height: 1.1818181818;
  font-weight: 700;
  position: relative;
  padding-left: 2.8rem;
}
.sec-title span {
  font-family: "Roboto", sans-serif;
  font-size: 2.6rem;
  line-height: 1;
}
.sec-title::after {
  content: "";
  width: 2.2rem;
  height: 0.4rem;
  background-color: var(--main-color01);
  position: absolute;
  left: 0;
  top: 50%;
}
.sec-title.en::after {
  top: 45%;
}

@media screen and (min-width: 768px) {
  .sec-title {
    font-size: 3.8rem;
    line-height: 1.2631578947;
    padding-left: 4.6rem;
  }
  .sec-title span {
    font-size: 4.2rem;
    line-height: 1.1428571429;
  }
  .sec-title::after {
    width: 3.6rem;
    height: 0.8rem;
  }
}
/*====================================================
//// Form
====================================================*/
.form-style dt {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  margin-top: 2.2rem;
}
.form-style dt .required {
  background-color: #FF7F00;
  color: #fff;
  display: inline-block;
  margin-left: 1rem;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 700;
  padding: 0 0.8rem;
}
.form-style dd {
  margin-top: 1rem;
}
.form-style .input_textarea,
.form-style .input_text,
.form-style .input_text02 {
  background-color: #F1F3F5;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  padding: 1.6rem calc(0.8em + 30px) 1.6rem 0.8em;
}
.form-style .input_textarea::placeholder,
.form-style .input_text::placeholder,
.form-style .input_text02::placeholder {
  color: #CCCCCC;
}
.form-style .input_text,
.form-style .input_text02 {
  height: 4.8rem;
}
.form-style .input_textarea {
  height: 30rem;
}
.form-style .input_text02 {
  background-color: #fff !important;
}
.form-style .select_box {
  display: inline-flex;
  align-items: center;
  position: relative;
  width: 85.626911315%;
}
.form-style .select_box::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: solid 1px var(--txt-color);
  border-right: solid 1px var(--txt-color);
  position: absolute;
  right: 2rem;
  top: 2rem;
  transform: rotate(135deg);
}
.form-style .select_box select {
  appearance: none;
  width: 100%;
  height: 4.8rem;
  padding: 1.6rem calc(0.8em + 30px) 1.6rem 0.8em;
  background-color: #F1F3F5;
  color: #000000;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
}
.form-style .policy {
  margin-top: 5.6rem;
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.6153846154;
  font-weight: 400;
  text-align: center;
}
.form-style .policy a {
  color: #1571DA;
  display: inline-block;
  padding-right: 1.2rem;
  margin-right: 0.2rem;
}
.form-style .policy a::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%0A%20%20%3Cg%20id%3D%22%E5%90%88%E4%BD%93_19%22%20data-name%3D%22%E5%90%88%E4%BD%93%2019%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C10V2.5H7.5V10ZM8.75%2C7.5V1.25H2.5V0H10V7.5Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%206.500279903411865%209%20L%206.500279903411865%203.499720096588135%20L%201%203.499720096588135%20L%201%209%20L%206.500279903411865%209%20M%207.500279903411865%2010%20L%200%2010%20L%200%202.499720096588135%20L%207.500279903411865%202.499720096588135%20L%207.500279903411865%2010%20Z%20M%2010%207.500279903411865%20L%208.750140190124512%207.500279903411865%20L%208.750140190124512%201.249860048294067%20L%202.499720096588135%201.249860048294067%20L%202.499720096588135%200%20L%2010%200%20L%2010%207.500279903411865%20Z%22%20stroke%3D%22none%22%20fill%3D%22%231571da%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  width: 1rem;
  height: 1rem;
}
.form-style .policy-down {
  margin-top: 3.2rem;
  text-align: left;
}
.form-style .submit_btn {
  background-color: #000000;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.125;
  font-weight: 500;
  letter-spacing: 0.02em;
  width: 85.0152905199%;
  height: 5.7rem;
  margin: 3rem auto 0 auto;
  transition: 0.3s;
}
.form-style .submit_btn:hover {
  opacity: 0.8;
  cursor: pointer;
}
.form-style .submit_btn-down {
  font-size: 1.6rem;
  line-height: 3.4375;
  font-weight: 700;
  letter-spacing: 0em;
  background-color: var(--main-color02);
  margin: 2.4rem auto 0 auto;
  width: 100%;
  height: 6rem;
}

@media screen and (min-width: 768px) {
  .form-style dt {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 4.5rem;
  }
  .form-style dt .required {
    background-color: #FF7F00;
    color: #fff;
    display: inline-block;
    margin-left: 1rem;
    font-size: 1.2rem;
    line-height: 1.6666666667;
    font-weight: 700;
    padding: 0 0.8rem;
  }
  .form-style dd {
    margin-top: 1.2rem;
  }
  .form-style .input_textarea,
  .form-style .input_text {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 400;
    padding: 1.8rem calc(0.8em + 30px) 1.8rem 1.6rem;
  }
  .form-style .input_text {
    height: 6rem;
  }
  .form-style .input_textarea {
    height: 24rem;
  }
  .form-style .select_box {
    max-width: 28rem;
  }
  .form-style .select_box::after {
    right: 2rem;
    top: 2.5rem;
    transform: rotate(135deg);
  }
  .form-style .select_box select {
    height: 6rem;
    padding: 1.8rem calc(0.8em + 30px) 1.8rem 1.6rem;
    font-size: 1.6rem;
    line-height: 1;
  }
  .form-style .policy {
    margin-top: 8rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .form-style .policy a {
    color: #1571DA;
    display: inline-block;
    padding-right: 1.2rem;
    margin-right: 0.2rem;
  }
  .form-style .policy a::after {
    width: 1.2rem;
    height: 1.2rem;
  }
  .form-style .policy-down {
    margin-top: 3.4rem;
    text-align: left;
  }
  .form-style .submit_btn {
    font-size: 1.6rem;
    line-height: 4.0625;
    max-width: 27rem;
    height: 7rem;
    margin: 4rem auto 0 auto;
  }
  .form-style .submit_btn-down {
    font-size: 1.8rem;
    line-height: 3.0555555556;
    margin: 2.8rem auto 0 auto;
    width: 100%;
    max-width: initial;
    height: 6rem;
  }
  .form-style input[type=submit] {
    width: 100%;
    height: 100%;
  }
  .form-style input[type=submit]:disabled {
    cursor: not-allowed;
    background: #ccc;
    color: #fff;
  }
}
/* FV
----------------------------------------------------*/
.fv {
  position: relative;
  padding: 11.5rem 0 0 0;
  min-height: 65rem;
  max-height: 65rem;
  height: calc(100vh - 5.4rem);
}
.fv::after {
  content: "";
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/square.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/square.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #000;
  width: 31.623rem;
  height: 24.807rem;
  position: absolute;
  transform: translateX(200vw);
  top: -5vh;
  left: -20rem;
  z-index: -1;
  animation-name: slid-in;
  animation-duration: 0.3s;
  animation-delay: 0.6s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
.fv__wrap {
  position: relative;
  overflow: hidden;
}
.fv .inner {
  width: 100%;
}
.fv__txt {
  text-align: center;
}
.fv__txt--catch {
  font-size: 3rem;
  line-height: 1.4666666667;
  font-weight: 700;
  width: 100%;
  padding-left: 1.4rem;
}
.fv__txt--catch span {
  color: var(--main-color01);
}
.fv__txt p {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 500;
  margin-top: 2.1rem;
  animation-delay: 0.9s;
}
.fv__txt--link {
  display: none;
}
.fv__img {
  position: relative;
  width: 100%;
  height: 33.605rem;
  margin-top: 3.1rem;
  overflow-x: hidden;
}
.fv__img--item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  display: flex;
  transition: 1.5s;
  justify-content: flex-end;
}
.fv__img--item.active {
  z-index: 2;
  opacity: 1;
}
.fv__img--item img {
  width: auto;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.fv__img--txt {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  position: absolute;
  left: 6.4%;
  top: 2.5rem;
  z-index: 3;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .fv {
    position: relative;
    padding: 18.4rem 0 0 0;
    height: 100vh;
    min-height: 76.7rem;
    max-height: initial;
  }
  .fv::after {
    width: 61.469rem;
    height: 48.219rem;
    top: -5vh;
    left: -45rem;
    z-index: 0;
    transform: translateX(150vw);
    animation-duration: 0.5s;
  }
  .fv::before {
    content: "";
    background: no-repeat center/contain;
    -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask: url("../img/common/triangle.svg") no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #fff;
    aspect-ratio: 1508/2854;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
    width: 10.322rem;
    z-index: 99;
  }
  .fv__wrap::after {
    content: "";
    background: no-repeat center/contain;
    -webkit-mask: url("../img/common/square.svg") no-repeat center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask: url("../img/common/square.svg") no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #DADFE5;
    width: 87.264rem;
    height: 68.454rem;
    position: absolute;
    left: -50rem;
    top: 70vh;
    transform: translateX(150vw);
    animation-name: slid-in;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    z-index: -1;
  }
  .fv .inner {
    width: 87.2%;
    max-width: 150rem;
    position: static;
    height: 100%;
  }
  .fv .inner::before {
    content: "";
    background: no-repeat center/contain;
    -webkit-mask: url("../img/common/square.svg") no-repeat center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask: url("../img/common/square.svg") no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #DADFE5;
    width: 20.396rem;
    height: 16rem;
    position: absolute;
    top: 0;
    right: 30vw;
    z-index: -1;
    transform: translateX(150vw);
    animation-name: slid-in;
    animation-duration: 0.9s;
    animation-delay: 0.3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
  }
  .fv__txt-inner {
    position: relative;
    max-width: 150rem;
    margin: auto;
    height: 100%;
  }
  .fv__txt {
    text-align: left;
    position: absolute;
    left: 0;
    top: 25%;
    transform: translateY(-50%);
    z-index: 99;
    width: fit-content;
  }
  .fv__txt--catch {
    font-size: 6rem;
    line-height: 1.45;
    font-size: clamp(4rem, 4.39238653vw, 6rem);
    width: 100%;
    padding-left: 0;
    transition-delay: 1.5s;
  }
  .fv__txt p {
    font-size: 2rem;
    line-height: 1.45;
    margin-top: 2.3rem;
    animation-delay: 1.8s;
  }
  .fv__txt--link {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
    width: 55.6rem;
    margin-top: 4.2rem;
  }
  .fv__txt--link .btn {
    width: calc((100% - 1.6rem) / 2);
  }
  .fv__txt--link .btn a {
    height: 7rem;
    justify-content: space-between;
  }
  .fv__txt--link .btn:first-of-type {
    animation-delay: 2s;
  }
  .fv__txt--link .btn:last-of-type {
    animation-delay: 2.3s;
  }
  .fv__img {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
  }
  .fv__img--item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    display: flex;
    transition: 1.5s;
    justify-content: flex-end;
  }
  .fv__img--item img {
    object-fit: cover;
    object-position: 0% 0%;
  }
  .fv__img--item {
    z-index: -1;
  }
  .fv__img--txt {
    width: 100vw;
    top: auto;
    bottom: 5rem;
    left: 0;
    transform: none;
    margin-inline: calc(50% - 50vw);
    overflow: hidden;
    display: flex;
    z-index: 99;
    gap: 1.5rem;
  }
  .fv__img--txt .tick-track {
    display: flex;
    animation: MoveLeft var(--tick-duration, 20s) linear infinite;
  }
  .fv__img--txt p {
    flex: none;
    white-space: nowrap;
    font-size: clamp(12rem, 9.8828696925vw, 15rem);
    line-height: 1;
    line-height: 1;
    padding-bottom: 1rem;
    padding-right: 10rem;
  }
  .fv__img--txt p span {
    color: var(--main-color01);
    display: inline;
  }
}
/* Spayd OEMとは
----------------------------------------------------*/
.top-about {
  position: relative;
  padding: 14.7rem 0 6rem 0;
  max-width: 100vw;
  overflow: hidden;
}
.top-about::before, .top-about::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.top-about::before {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #DADFE5;
  aspect-ratio: 1508/2854;
  width: 11rem;
  top: 0;
  left: 0;
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 0.9s;
  animation-fill-mode: forwards;
}
.top-about::after {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #000;
  aspect-ratio: 1508/2854;
  transform: rotate(180deg);
  width: 20rem;
  right: -3.2rem;
  bottom: 0;
}
.top-about__title {
  font-size: 2.6rem;
  line-height: 1.4230769231;
  font-weight: 700;
  position: relative;
  padding-left: 4.5rem;
}
.top-about__title span {
  font-family: "Roboto", sans-serif;
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 700;
  font-style: italic;
}
.top-about__title::before {
  content: "";
  background-color: var(--main-color01);
  width: 3.6rem;
  height: 0.8rem;
  position: absolute;
  left: 0;
  top: 1.2rem;
}
.top-about .txt p {
  font-size: 1.6rem;
  line-height: 1.8125;
  font-weight: 500;
  margin-top: 3.4rem;
  animation-delay: 0.5s;
}
.top-about figure {
  margin-top: 2.2rem;
  width: 106vw;
  transform: translateX(-1.5rem);
}
.top-about .bg-txt {
  position: absolute;
  font-size: 7rem;
  line-height: 1.3142857143;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: var(--main-color02);
  opacity: 0.06;
  top: 5.3rem;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
}
.top-about .btn-white {
  margin-top: 3.8rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .top-about {
    padding: 28.5rem 0 0.5rem 0;
    overflow: visible;
  }
  .top-about::before {
    content: none;
  }
  .top-about::after {
    width: 16rem;
    right: 0;
    bottom: 0;
  }
  .top-about .inner {
    overflow: hidden;
    padding-bottom: 8rem;
  }
  .top-about__title {
    font-size: 4rem;
    line-height: 1.45;
    padding-left: 4.5rem;
  }
  .top-about__title span {
    font-size: 5rem;
    line-height: 1.32;
  }
  .top-about__title::before {
    top: 3rem;
  }
  .top-about .block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .top-about .txt p {
    font-size: 1.8rem;
    line-height: 2.1111111111;
    margin-top: 2.3rem;
  }
  .top-about figure {
    margin-top: 0;
    width: 47rem;
    transform: translateX(2.5rem) translateY(1rem);
  }
  .top-about .bg-txt {
    font-size: clamp(18rem, 19.0336749634vw, 26rem);
    line-height: 1.75;
    top: -3.6rem;
  }
  .top-about .btn-white {
    max-width: 116rem;
    margin: 3.7rem auto 0 auto;
    transform: translateY(-13rem);
  }
  .top-about .btn-white a {
    width: 27rem;
    padding: 2.3rem 2.85rem 2.3rem 3.7rem;
    margin: 0 auto auto 0;
  }
}
/* お知らせ
----------------------------------------------------*/
.top-news {
  background-color: #F1F3F5;
  padding: 5.6rem 0 5.8rem 0;
}
.top-news .inner {
  padding: 5rem 0 6.4rem 0;
  background-color: #fff;
}
.top-news .block {
  overflow-x: hidden;
}
.top-news__left, .top-news__right {
  width: 86.6972477064%;
  margin: auto;
}
.top-news__title {
  font-size: 4.6rem;
  line-height: 1.0869565217;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  transform: translateX(0.4rem);
}
.top-news__title span {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  display: block;
  padding-left: 2.7rem;
  position: relative;
  margin-top: 0.5rem;
}
.top-news__title span::before {
  content: "";
  width: 2rem;
  height: 0.6rem;
  background-color: var(--main-color01);
  position: absolute;
  left: 0;
  top: 1rem;
}
.top-news__left--catlist {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  overflow-x: scroll;
  padding: 0.3rem 1.3rem;
  margin: 3.2rem auto 0 auto;
  width: calc(100vw - 20%);
  transform: translateX(-3%);
}
.top-news__left--catlist::-webkit-scrollbar {
  height: 0.6rem;
}
.top-news__left--catlist::-webkit-scrollbar-track {
  background-color: #F0F0F0;
  width: 0.6rem;
}
.top-news__left--catlist::-webkit-scrollbar-thumb {
  background-color: #C3C3C3;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  width: 0.6rem;
}
.top-news__left--catlist li {
  white-space: nowrap;
  font-size: 1.3rem;
  line-height: 2.4615384615;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #898989;
  cursor: pointer;
}
.top-news__left--catlist li:hover, .top-news__left--catlist li.current {
  color: #000000;
}
.top-news__right {
  margin-top: 1.6rem;
  position: relative;
}
.top-news__right ul li {
  position: relative;
}
.top-news__right ul li::before, .top-news__right ul li::after {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.top-news__right ul li::before {
  background-color: #A2A2A2;
  z-index: 1;
}
.top-news__right ul li::after {
  z-index: 2;
  background-color: var(--txt-color);
  transition: 0.5s;
  transform-origin: left;
  transform: scaleX(0);
}
.top-news__right ul li:hover::after {
  transform: scaleX(1);
}
.top-news__right ul li a {
  padding: 2.8rem 0 1.6rem 0;
  display: block;
  width: 100%;
  color: #505050;
}
.top-news__right ul li a.external::after, .top-news__right ul li a.pdf::after {
  top: auto;
  bottom: 1.6rem;
}
.top-news__right ul li a.pdf::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.135%22%20height%3D%2221.192%22%20viewBox%3D%220%200%2021.135%2021.192%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34731%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034731%22%20transform%3D%22translate(-613%20-392.904)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44964%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044964%22%20d%3D%22M16.044.5h-8.5V20.692H22.086V6.542Z%22%20transform%3D%22translate(611.549%20392.904)%22%20fill%3D%22none%22%20stroke%3D%22%23505050%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33746%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033746%22%20width%3D%2221.039%22%20height%3D%2221%22%20transform%3D%22translate(613%20393)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33747%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033747%22%20width%3D%2215.181%22%20height%3D%227.494%22%20transform%3D%22translate(613%20399.753)%22%20fill%3D%22%23505050%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44965%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044965%22%20d%3D%22M2.827%2C13.148v1.821H1.762V9.8H3.779a2.337%2C2.337%2C0%2C0%2C1%2C1.023.212%2C1.56%2C1.56%2C0%2C0%2C1%2C.68.606%2C1.689%2C1.689%2C0%2C0%2C1%2C.237.892%2C1.481%2C1.481%2C0%2C0%2C1-.519%2C1.2%2C2.165%2C2.165%2C0%2C0%2C1-1.44.439Zm0-.863h.952a.938.938%2C0%2C0%2C0%2C.644-.2.726.726%2C0%2C0%2C0%2C.221-.568.852.852%2C0%2C0%2C0-.223-.614.839.839%2C0%2C0%2C0-.619-.241H2.827Z%22%20transform%3D%22translate(612.661%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44966%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044966%22%20d%3D%22M7.567%2C14.969V9.8h1.59a2.419%2C2.419%2C0%2C0%2C1%2C1.22.307%2C2.139%2C2.139%2C0%2C0%2C1%2C.839.873%2C2.694%2C2.694%2C0%2C0%2C1%2C.3%2C1.287v.237a2.708%2C2.708%2C0%2C0%2C1-.3%2C1.282%2C2.125%2C2.125%2C0%2C0%2C1-.836.869%2C2.433%2C2.433%2C0%2C0%2C1-1.218.313Zm1.065-4.305v3.45h.515a1.155%2C1.155%2C0%2C0%2C0%2C.954-.408%2C1.848%2C1.848%2C0%2C0%2C0%2C.338-1.168v-.274a1.874%2C1.874%2C0%2C0%2C0-.326-1.194%2C1.154%2C1.154%2C0%2C0%2C0-.955-.406Z%22%20transform%3D%22translate(611.545%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44967%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044967%22%20d%3D%22M16.526%2C12.857H14.481v2.112H13.416V9.8h3.365v.863h-2.3V12h2.044Z%22%20transform%3D%22translate(610.42%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.top-news__right ul li a.external::after {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.999%22%20height%3D%2216.999%22%20viewBox%3D%220%200%2016.999%2016.999%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34730%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034730%22%20transform%3D%22translate(-586%20-1424)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1522%22%20data-name%3D%22%E7%B7%9A%201522%22%20y1%3D%228.163%22%20x2%3D%228.163%22%20transform%3D%22translate(594.336%201424.5)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23505050%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1523%22%20data-name%3D%22%E7%B7%9A%201523%22%20y1%3D%228.163%22%20x2%3D%228.163%22%20transform%3D%22translate(594.336%201424.5)%22%20fill%3D%22none%22%20stroke%3D%22%23505050%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44974%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044974%22%20d%3D%22M6.83.5h5.9V6.4%22%20transform%3D%22translate(589.774%201424)%22%20fill%3D%22none%22%20stroke%3D%22%23505050%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44975%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044975%22%20d%3D%22M8.039%2C1.523H.5V15.889H14.866V8.35%22%20transform%3D%22translate(586%201424.61)%22%20fill%3D%22none%22%20stroke%3D%22%23505050%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.top-news__right ul li a:hover {
  color: var(--txt-color);
}
.top-news__right ul li a:hover.pdf::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.135%22%20height%3D%2221.192%22%20viewBox%3D%220%200%2021.135%2021.192%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34731%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034731%22%20transform%3D%22translate(-613%20-392.904)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44964%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044964%22%20d%3D%22M16.044.5h-8.5V20.692H22.086V6.542Z%22%20transform%3D%22translate(611.549%20392.904)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33746%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033746%22%20width%3D%2221.039%22%20height%3D%2221%22%20transform%3D%22translate(613%20393)%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33747%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033747%22%20width%3D%2215.181%22%20height%3D%227.494%22%20transform%3D%22translate(613%20399.753)%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44965%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044965%22%20d%3D%22M2.827%2C13.148v1.821H1.762V9.8H3.779a2.337%2C2.337%2C0%2C0%2C1%2C1.023.212%2C1.56%2C1.56%2C0%2C0%2C1%2C.68.606%2C1.689%2C1.689%2C0%2C0%2C1%2C.237.892%2C1.481%2C1.481%2C0%2C0%2C1-.519%2C1.2%2C2.165%2C2.165%2C0%2C0%2C1-1.44.439Zm0-.863h.952a.938.938%2C0%2C0%2C0%2C.644-.2.726.726%2C0%2C0%2C0%2C.221-.568.852.852%2C0%2C0%2C0-.223-.614.839.839%2C0%2C0%2C0-.619-.241H2.827Z%22%20transform%3D%22translate(612.661%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44966%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044966%22%20d%3D%22M7.567%2C14.969V9.8h1.59a2.419%2C2.419%2C0%2C0%2C1%2C1.22.307%2C2.139%2C2.139%2C0%2C0%2C1%2C.839.873%2C2.694%2C2.694%2C0%2C0%2C1%2C.3%2C1.287v.237a2.708%2C2.708%2C0%2C0%2C1-.3%2C1.282%2C2.125%2C2.125%2C0%2C0%2C1-.836.869%2C2.433%2C2.433%2C0%2C0%2C1-1.218.313Zm1.065-4.305v3.45h.515a1.155%2C1.155%2C0%2C0%2C0%2C.954-.408%2C1.848%2C1.848%2C0%2C0%2C0%2C.338-1.168v-.274a1.874%2C1.874%2C0%2C0%2C0-.326-1.194%2C1.154%2C1.154%2C0%2C0%2C0-.955-.406Z%22%20transform%3D%22translate(611.545%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44967%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044967%22%20d%3D%22M16.526%2C12.857H14.481v2.112H13.416V9.8h3.365v.863h-2.3V12h2.044Z%22%20transform%3D%22translate(610.42%20391.115)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.top-news__right ul li a:hover.external::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(-1168.355%20-5079.44)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43667%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043667%22%20d%3D%22M1175.76%2C5066h-4.9v12h12v-4.769%22%20transform%3D%22translate(-2%2014.94)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_33842-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2033842%22%20transform%3D%22translate(2340.711%2010195.829)%20rotate(180)%22%3E%0A%20%20%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1334%22%20data-name%3D%22%E7%B7%9A%201334%22%20y1%3D%226.889%22%20x2%3D%226.889%22%20transform%3D%22translate(1158.966%205109)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_43665%22%20data-name%3D%22%E3%83%91%E3%82%B9%2043665%22%20d%3D%22M1170.855%2C5066v5.021h5.02%22%20transform%3D%22translate(-12%2044.87)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.top-news__right ul li .date {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
}
.top-news__right ul li .date time {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
}
.top-news__right ul li .date .cat {
  font-size: 1.3rem;
  line-height: 1.4615384615;
  font-weight: 400;
}
.top-news__right ul li .title {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 400;
  padding-right: 2.6rem;
  margin-top: 0.5rem;
}
.top-news__right ul.top-news__right--all, .top-news__right ul.top-news__right--release, .top-news__right ul.top-news__right--news {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: 0.3s;
  z-index: -1;
}
.top-news__right ul.top-news__right--all.active, .top-news__right ul.top-news__right--release.active, .top-news__right ul.top-news__right--news.active {
  opacity: 1;
  z-index: 1;
}
.top-news__right ul.top-news__right--all {
  position: relative;
}
.top-news .btn-white {
  margin-top: 6rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .top-news {
    padding: 10rem 0 16rem 0;
  }
  .top-news .inner {
    padding: 7.07rem 0 8rem 0;
    background-color: transparent;
    position: relative;
  }
  .top-news .inner::after {
    content: "";
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
  }
  .top-news .block {
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 116rem;
    margin: auto;
    position: relative;
    z-index: 1;
    padding-right: 4.95rem;
  }
  .top-news__left, .top-news__right {
    margin: 0;
  }
  .top-news__title {
    font-size: 7rem;
    line-height: 1.3142857143;
    transform: none;
  }
  .top-news__title span {
    padding-left: 2.7rem;
    margin-top: 0.3rem;
  }
  .top-news__title span::before {
    content: "";
    width: 2rem;
    height: 0.6rem;
    background-color: var(--main-color01);
    position: absolute;
    left: 0;
    top: 1rem;
  }
  .top-news__left {
    width: 23.275862069%;
    animation-delay: 0.3s;
  }
  .top-news__left--catlist {
    display: block;
    padding: 0;
    margin: 8rem auto 0 auto;
    transform: none;
    overflow: hidden;
    width: 100%;
  }
  .top-news__left--catlist li {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .top-news__right {
    width: 100%;
    max-width: 71.05rem;
    margin-top: 0;
    animation-delay: 0.5s;
  }
  .top-news__right ul li a {
    padding: 3.85rem 0 1.45rem 0;
    display: block;
    width: 100%;
  }
  .top-news__right ul li a.external::after, .top-news__right ul li a.pdf::after {
    top: auto;
    bottom: 1.6rem;
  }
  .top-news__right ul li:first-child a {
    padding-top: 0.9rem;
  }
  .top-news__right ul li .date time {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .top-news__right ul li .date .cat {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .top-news__right ul li .title {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-right: 2.6rem;
    margin-top: 0.5rem;
  }
  .top-news .btn-white {
    margin-top: 7.5rem;
  }
  .top-news .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 3.7rem;
  }
}
/* 導入事例
----------------------------------------------------*/
.modules-case {
  position: relative;
  padding: 4.9rem 0 8rem 0;
}
.modules-case::before {
  content: "";
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #14325A;
  aspect-ratio: 1508/2854;
  opacity: 0.16;
  width: 11rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.modules-case .inner {
  width: 100%;
}
.modules-case__title {
  font-size: 4.6rem;
  line-height: 1.0869565217;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  width: 87.2%;
  margin: auto;
}
.modules-case__title span {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  display: block;
  padding-left: 2.7rem;
  position: relative;
  margin-top: 0.5rem;
}
.modules-case__title span::after {
  content: "";
  background-color: var(--main-color01);
  width: 2rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 1rem;
}
.modules-case__list {
  margin-top: 3.8rem;
}
.modules-case__list li {
  position: relative;
  overflow: hidden;
  min-height: 32.233rem;
}
.modules-case__list li a {
  padding-bottom: 15rem;
  min-height: 32.233rem;
}
.modules-case__list li a:hover figure img {
  transform: scale(1.1);
}
.modules-case__list li:nth-child(2) a, .modules-case__list li:nth-child(4) a, .modules-case__list li:nth-child(6) a, .modules-case__list li:nth-child(8) a, .modules-case__list li:nth-child(10) a {
  animation-delay: 0.5s;
}
.modules-case__list li figure {
  aspect-ratio: 540/300;
  width: 100%;
  overflow: hidden;
}
.modules-case__list li figure img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: 0.3s;
}
.modules-case__list li .txt {
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 14rem;
  padding: 2.4rem;
  width: 87.2%;
}
.modules-case__list li .txt .body {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.modules-case__list li .txt .customer {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 700;
  letter-spacing: 0em;
  margin-top: 1rem;
}
.modules-case__list li .txt .industry {
  color: var(--main-color01);
  font-size: 1.3rem;
  line-height: 1.9230769231;
  font-weight: 400;
  letter-spacing: 0em;
}
.modules-case__list li:last-child a {
  padding-bottom: 0;
}
.modules-case .btn-white {
  margin: 5.6rem auto 0 auto;
}
.modules-case .btn-white a {
  width: 27.8rem;
  height: 5.7rem;
}
.modules-case .btn-white a::after {
  right: 1.8rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .modules-case {
    padding: 9rem 0 15rem 0;
  }
  .modules-case::before {
    width: 28rem;
  }
  .modules-case .inner {
    width: 100%;
  }
  .modules-case__title {
    font-size: 7rem;
    line-height: 1.3142857143;
    width: 100%;
    margin: auto;
  }
  .modules-case__title span {
    margin-top: 0;
  }
  .modules-case__title span::after {
    top: 1rem;
  }
  .modules-case__list {
    margin-top: 10rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modules-case__list li {
    width: calc((100% - 8rem) / 2);
    max-width: 54%;
    transition: 0.3s;
  }
  .modules-case__list li:hover {
    opacity: 0.8;
  }
  .modules-case__list li a {
    padding-bottom: 0;
    animation-delay: 0.6s;
  }
  .modules-case__list li .txt {
    left: auto;
    transform: none;
    right: 1.5rem;
    top: 1.4rem;
    padding: 3.25rem 4rem 2.9rem 4rem;
    width: 59.2592592593%;
  }
  .modules-case__list li .txt .body {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    letter-spacing: 0.02em;
  }
  .modules-case__list li .txt .customer {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.8rem;
  }
  .modules-case__list li .txt .industry {
    color: var(--main-color01);
    font-size: 1.4rem;
    line-height: 1.8571428571;
  }
  .modules-case .btn-white {
    margin: 7.8rem auto 0 auto;
  }
  .modules-case .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 3.7rem;
  }
  .modules-case .btn-white a::after {
    right: 2.6rem;
  }
}
/* フィンテックコラム
----------------------------------------------------*/
.top-column {
  border-radius: 3rem 3rem 0 0;
  -webkit-border-radius: 3rem 3rem 0 0;
  -moz-border-radius: 3rem 3rem 0 0;
  -ms-border-radius: 3rem 3rem 0 0;
  -o-border-radius: 3rem 3rem 0 0;
  padding: 4.7rem 0 8rem 0;
}
.top-column__title {
  font-size: 4.6rem;
  line-height: 1.0869565217;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
.top-column__title span {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.03em;
  font-family: "Noto Sans JP", sans-serif;
  display: block;
  margin-top: 0.5rem;
  padding-left: 2.7rem;
  position: relative;
}
.top-column__title span::after {
  content: "";
  background-color: var(--main-color01);
  width: 2rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  top: 1rem;
}
.top-column__list {
  margin-top: 4.2rem;
}
.top-column__list--item {
  overflow: hidden;
  transition: 0.3s;
}
.top-column__list--item:hover {
  opacity: 0.8;
}
.top-column__list--item:hover figure img {
  transform: scale(1.1);
}
.top-column__list--item figure {
  aspect-ratio: 312/176;
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.top-column__list--item figure img {
  transform: scale(1);
  transition: 0.3s;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.top-column__list--item .txt {
  background-color: #fff;
  padding: 1.8rem 2rem 2.05rem 2rem;
}
.top-column__list--item .title {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
}
.top-column__list--item .date {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.6rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
}
.top-column__list--item .date time {
  display: block;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
.top-column__list--item .date .cat span {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 400;
  color: #898989;
}
.top-column__list--item .date .cat span:last-child {
  margin-right: 0;
}
.top-column .btn-white {
  margin-top: 5.2rem;
}
.top-column .btn-white a {
  background-color: transparent;
  width: 27.8rem;
  height: 5.7rem;
}
.top-column .btn-white a::after {
  right: 1.8rem;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .top-column {
    padding: 9rem 0 15rem 0;
  }
  .top-column__title {
    font-size: 7rem;
    line-height: 1.3142857143;
  }
  .top-column__list {
    margin: 9.5rem auto 0 auto;
    max-width: 116rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: flex-start;
    align-items: stretch;
  }
  .top-column__list--item {
    width: calc((100% - 8rem) / 3);
  }
  .top-column__list--item a {
    transform: translateY(-100%);
    opacity: 0;
  }
  .top-column__list--item a.active {
    animation-name: slide-up;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
  }
  .top-column__list--item:first-of-type a {
    animation-delay: 0;
  }
  .top-column__list--item:nth-of-type(2) a {
    animation-delay: 0.3s;
  }
  .top-column__list--item:last-of-type a {
    animation-delay: 0.6s;
  }
  .top-column__list--item .txt {
    padding: 1.5rem 2rem 3.09rem 2rem;
  }
  .top-column__list--item .title {
    font-size: 2rem;
    line-height: 1.8;
  }
  .top-column__list--item .date {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.8rem;
  }
  .top-column__list--item .date time {
    font-size: 1.4rem;
    line-height: 2.2857142857;
  }
  .top-column__list--item .date .cat span {
    font-size: 1.4rem;
    line-height: 2.2857142857;
    font-weight: 400;
  }
  .top-column .btn-white {
    margin-top: 8rem;
  }
  .top-column .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 3.5rem;
  }
  .top-column .btn-white a::after {
    right: 2.2rem;
  }
  .top-column .btn-white a:hover {
    background-color: var(--txt-color);
  }
}
/*====================================================
//// サービス
====================================================*/
.service .page-head figure {
  margin: 6rem 0 0 auto;
  width: 90.5%;
}
.service .problem {
  padding: 4.5rem 0 8rem 0;
  position: relative;
}
.service .problem::before, .service .problem::after {
  content: "";
  position: absolute;
}
.service .problem::before {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #505050;
  aspect-ratio: 1508/2854;
  width: 9rem;
  left: 0;
  top: 0;
}
.service .problem::after {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #DADFE5;
  aspect-ratio: 1508/2854;
  width: 8rem;
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.service .problem .page-sec_h2 span {
  animation-duration: 0.3s;
}
.service .problem .page-sec_h2 + p {
  margin-top: 5.5rem;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
.service .problem .page-sec_h2 + p span {
  font-family: "Roboto", sans-serif;
  font-size: 2.6rem;
  line-height: 1.5384615385;
}
.service .problem__list {
  margin-top: 6rem;
}
.service .problem__list li {
  margin-bottom: 6.2rem;
}
.service .problem__list li figure {
  background-color: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: auto;
  aspect-ratio: 100/100;
  width: 65.4434250765%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service .problem__list li h3,
.service .problem__list li p {
  text-align: center;
}
.service .problem__list li h3 {
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 3rem;
}
.service .problem__list li p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 2rem;
}
.service .problem__list li:first-child figure img {
  width: 52.0841121495%;
}
.service .problem__list li:nth-child(2) figure img {
  width: 49.9112149533%;
}
.service .problem__list li:last-child {
  margin-bottom: 0;
}
.service .problem__list li:last-child figure img {
  width: 51.238317757%;
}
.service .solution .block:first-of-type {
  padding-top: 5.3rem;
}
.service .solution .block:nth-of-type(2) {
  padding: 1.3rem 0 7.4rem 0;
}
.service .solution .block:nth-of-type(3) {
  padding: 1.6rem 0 4.5rem 0;
}
.service .solution .block:nth-of-type(4) {
  padding: 1.6rem 0 4rem 0;
}
.service .solution .block:last-of-type {
  padding: 1.6rem 0 7.5rem 0;
}
.service .solution__lead {
  margin-top: 5rem;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.6666666667;
  font-weight: 700;
  animation-delay: 0.3s;
}
.service .solution__lead span {
  font-size: 2.6rem;
  line-height: 1.5384615385;
  font-family: "Roboto", sans-serif;
}
.service .solution__title {
  text-align: center;
  margin-top: 4.8rem;
}
.service .solution__title .txt {
  font-size: 2.4rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
.service .solution__title .txt span {
  display: block;
}
.service .solution__title .txt span:nth-child(2) {
  animation-delay: 0.3s;
}
.service .solution__title .num {
  font-size: 5rem;
  line-height: 1;
  font-weight: 700;
  display: block;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: var(--main-color02);
  margin-bottom: 2.4rem;
}
.service .solution__title .num.en {
  display: inline-block;
  font-size: 2.6rem;
  line-height: 1.5384615385;
  font-weight: 700;
  color: var(--txt-color);
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  margin: 0;
}
.service .solution__title + p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 3.5rem;
}
.service .solution__merit--list {
  margin-top: 6rem;
}
.service .solution__merit--list li {
  background-color: #fff;
  margin-bottom: 4.3rem;
}
.service .solution__merit--list li h4,
.service .solution__merit--list li p {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.service .solution__merit--list li h4 {
  background-color: var(--main-color02);
  color: #fff;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  height: 4.8rem;
  padding-top: 0.2rem;
}
.service .solution__merit--list li h4 span {
  font-size: 1.6rem;
  line-height: 2;
  display: inline-block;
  margin-right: 1.2rem;
}
.service .solution__merit--list li p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  min-height: 15.3rem;
  flex-direction: column;
}
.service .solution__merit--list li p span {
  display: inline-block;
  color: var(--main-color02);
  font-size: 2.2rem;
  line-height: 1.4545454545;
}
.service .solution__merit--list li p,
.service .solution__merit--list li .p-inner {
  color: var(--txt-color);
  font-size: 1.8rem;
  line-height: 1.4444444444;
  font-weight: 700;
  margin-top: 0;
}
.service .solution__merit--list li:first-child p span {
  margin-bottom: 0.5rem;
}
.service .solution__merit--list li:nth-child(2) p span, .service .solution__merit--list li:nth-child(3) p span, .service .solution__merit--list li:last-child p span {
  margin-top: 1rem;
}
.service .solution__merit--list li:last-child {
  margin-bottom: 0;
}
.service .solution__merit picture {
  display: block;
  margin-top: 5rem;
}
.service .solution__spayd {
  margin-top: 5.6rem;
}
.service .solution__spayd li {
  background-color: #fff;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
  padding-top: 2.46rem;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  margin-bottom: 4rem;
  overflow: hidden;
}
.service .solution__spayd li:last-child {
  margin-bottom: 0;
}
.service .solution__spayd li h4,
.service .solution__spayd li p {
  width: 87.7300613497%;
  margin: auto;
}
.service .solution__spayd li h4 {
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
.service .solution__spayd li p {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 400;
  margin-top: 1.3rem;
}
.service .solution__spayd li figure {
  margin-top: 1.7rem;
}
.service .solution__flow {
  margin-top: 8rem;
}
.service .solution__flow h4 {
  font-size: 2rem;
  line-height: 1.45;
  font-weight: 700;
  text-align: center;
}
.service .solution__flow ul {
  margin-top: 2.4rem;
}
.service .solution__flow ul li {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 1.98rem 1.6rem 2.55rem 1.6rem;
  margin-bottom: 3.2rem;
  position: relative;
  z-index: 1;
}
.service .solution__flow ul li + li {
  z-index: 0 !important;
}
.service .solution__flow ul li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-top: 16px solid #134486;
  border-bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(4rem);
  top: -4.8rem;
  z-index: 10;
}
.service .solution__flow ul li:first-child::after {
  content: none;
}
.service .solution__flow ul li .title {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #DADFE5;
  text-align: center;
}
.service .solution__flow ul li .title img {
  width: 40.0610169492%;
}
.service .solution__flow ul li .txt {
  margin-top: 2.4rem;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: 700;
  color: var(--main-color02);
  text-align: center;
}
.service .solution__flow ul li:first-child .title {
  padding-bottom: 2.22rem;
}
.service .solution__flow ul li:first-child figure {
  width: 90.5084745763%;
  margin: 3.08rem auto 0 auto;
}
.service .solution__flow ul li:nth-child(2) figure {
  width: 96.6101694915%;
  margin: 3.69rem 0 0 auto;
}
.service .solution__flow ul li:last-child {
  padding-bottom: 3.99rem;
}
.service .solution__flow ul li:last-child figure {
  width: 89.8305084746%;
  margin: 3.8rem auto 0 auto;
}
.service .solution__brand ul {
  margin-top: 5.6rem;
}
.service .solution__brand ul li {
  margin-bottom: 4rem;
  aspect-ratio: 327/390;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding-bottom: 3.4rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.service .solution__brand ul li h4 {
  background-color: var(--main-color02);
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.4444444444;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-family: "Roboto", sans-serif;
}
.service .solution__brand ul li img {
  width: 85.626911315%;
  margin: 7.5rem auto 0 auto;
}
.service .solution__package--title {
  text-align: center;
  margin-top: 5.6rem;
}
.service .solution__package--title span {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  display: inline-block;
}
.service .solution__package--title span.txt02 {
  margin: auto 1.6rem;
}
.service .solution__package--title span.txt03 {
  color: var(--main-color02);
  font-family: "Roboto", sans-serif;
}
.service .solution__package table {
  width: 100%;
  margin-top: 2.5rem;
  border: 2px solid #505050;
}
.service .solution__package table .cell01 {
  width: 41.717791411%;
  border-bottom: 1px solid #707070;
}
.service .solution__package table .cell02,
.service .solution__package table .cell03 {
  width: 29.1411042945%;
  border-bottom: 1px solid #707070;
}
.service .solution__package table th, .service .solution__package table td {
  font-size: 1.3rem;
  line-height: 1.3846153846;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  height: 6.24rem;
}
.service .solution__package table th.bg-black, .service .solution__package table td.bg-black {
  background-color: #505050;
  color: #fff;
  padding: 0.36rem 0 0.6rem 0;
  border-bottom: none;
  border-right: 1px solid #fff;
}
.service .solution__package table th.bg-blue, .service .solution__package table td.bg-blue {
  background-color: var(--main-color02);
  color: #fff;
  border-bottom: none;
}
.service .solution__package table th.bg-none, .service .solution__package table th.other, .service .solution__package table td.bg-none, .service .solution__package table td.other {
  background-color: #fff;
  border-right: 1px solid #DADFE5;
}
.service .solution__package table td.spayd {
  background-color: #E1E7EE;
  color: var(--main-color02);
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
}
.service .solution__package table td.other, .service .solution__package table td.spayd {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
}
.service .solution__package table td.num {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
}
.service .solution__package table .last {
  border: none;
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .service .page-head {
    position: relative;
  }
  .service .page-head figure {
    margin: 0;
    max-width: 69.2rem;
    position: absolute;
    right: 0;
    top: 13rem;
    z-index: -1;
  }
  .service .page-head__title + p {
    width: 48.1896551724%;
  }
  .service .page-head .inner {
    min-height: 51.5rem;
  }
  .service .problem {
    padding: 15rem 0 11.5rem 0;
  }
  .service .problem::before {
    width: 29rem;
    top: 5.5rem;
  }
  .service .problem::after {
    width: 15rem;
  }
  .service .problem .page-sec_h2 + p {
    margin-top: 5rem;
    text-align: center;
    font-size: 4rem;
    line-height: 1.5;
  }
  .service .problem .page-sec_h2 + p .en {
    font-size: 4.2rem;
    line-height: 1.4285714286;
  }
  .service .problem .page-sec_h2 + p .effect {
    font-size: 4rem;
    line-height: 1.5;
    display: block;
  }
  .service .problem .page-sec_h2 + p .effect:nth-child(2) {
    animation-delay: 0.3s;
  }
  .service .problem .page-sec_h2 + p .effect:nth-child(3) {
    animation-delay: 0.6s;
  }
  .service .problem__list {
    margin-top: 9rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .service .problem__list li {
    width: 30rem;
    margin-bottom: 0;
    overflow: hidden;
  }
  .service .problem__list li figure {
    width: 80%;
  }
  .service .problem__list li h3 {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 5rem;
    min-height: 7.1rem;
  }
  .service .problem__list li p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.5rem;
  }
  .service .problem__list li:first-child .effect {
    animation-delay: 0.3s;
  }
  .service .problem__list li:first-child figure img {
    transform: translateY(0.7rem) translateX(0.3rem);
    width: 52.0833333333%;
  }
  .service .problem__list li:nth-child(2) .effect {
    animation-delay: 0.6s;
  }
  .service .problem__list li:nth-child(2) figure img {
    transform: translateY(-0.7rem);
    width: 49.9083333333%;
  }
  .service .problem__list li:last-child .effect {
    animation-delay: 0.9s;
  }
  .service .problem__list li:last-child figure img {
    transform: translateY(0.3rem);
  }
  .service .solution .block {
    position: relative;
  }
  .service .solution .block:first-of-type {
    padding-top: 9.5rem;
  }
  .service .solution .block:nth-of-type(2) {
    padding: 3.8rem 0 16.5rem 0;
  }
  .service .solution .block:nth-of-type(3) {
    padding: 4rem 0 13rem 0;
  }
  .service .solution .block:nth-of-type(4) {
    padding: 4rem 0 9rem 0;
  }
  .service .solution .block:last-of-type {
    padding: 9rem 0 9rem 0;
  }
  .service .solution__lead {
    margin-top: 5.5rem;
    font-size: 4rem;
    line-height: 1.5;
  }
  .service .solution__lead span {
    font-size: 4.2rem;
    line-height: 1.4285714286;
  }
  .service .solution__title {
    margin-top: 7.8rem;
  }
  .service .solution__title .txt {
    font-size: 3.6rem;
    line-height: 1.5555555556;
  }
  .service .solution__title .num {
    font-size: 9rem;
    line-height: 1;
    margin-bottom: 2.6rem;
  }
  .service .solution__title .num.en {
    font-size: 3.8rem;
    line-height: 1.4736842105;
  }
  .service .solution__title + p {
    font-size: 1.8rem;
    line-height: 1.7777777778;
    max-width: 70rem;
    margin: 3.5rem auto 0 auto;
  }
  .service .solution__title + p.center {
    text-align: center;
  }
  .service .solution__merit {
    animation-delay: 0.3s;
  }
  .service .solution__merit--list {
    margin-top: 11rem;
    max-width: 56.121rem;
    padding-bottom: 15rem;
  }
  .service .solution__merit--list li {
    margin-bottom: 1.9rem;
    display: flex;
    align-items: stretch;
    min-height: 14.6rem;
  }
  .service .solution__merit--list li h4 {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    height: 100%;
    min-height: 14.6rem;
    width: 8rem;
    padding-top: 0;
    flex-direction: column;
    gap: 2rem;
  }
  .service .solution__merit--list li h4 span {
    font-size: 1.6rem;
    line-height: 2;
    margin-right: 0;
    position: relative;
  }
  .service .solution__merit--list li h4 span::after {
    content: "";
    background-color: #fff;
    width: 2rem;
    height: 0.4rem;
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .service .solution__merit--list li p {
    width: calc(100% - 8rem);
    font-size: 2rem;
    line-height: 1.45;
    min-height: inherit;
    padding: 0;
    align-items: center;
    margin: 0 auto 0 auto;
    text-align: center;
  }
  .service .solution__merit--list li p span {
    font-size: 2.8rem;
    line-height: 1.4285714286;
    display: inline-block;
    text-align: center;
  }
  .service .solution__merit--list li p,
  .service .solution__merit--list li .p-inner {
    font-size: 1.8rem;
    line-height: 1.4444444444;
    font-weight: 700;
    margin-top: 0;
  }
  .service .solution__merit--list li:last-child {
    margin-bottom: 0;
  }
  .service .solution__merit picture {
    margin-top: 0;
    max-width: 62.7rem;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .service .solution__spayd {
    margin-top: 9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 4rem;
    justify-content: center;
    align-items: stretch;
  }
  .service .solution__spayd li {
    width: calc((100% - 4rem) / 2);
    aspect-ratio: 520/555;
    margin-bottom: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 4.08rem;
  }
  .service .solution__spayd li h4,
  .service .solution__spayd li p {
    width: 87.3076923077%;
  }
  .service .solution__spayd li h4 {
    font-size: 2.2rem;
    line-height: 1.8181818182;
  }
  .service .solution__spayd li p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 1.5rem;
  }
  .service .solution__spayd li figure {
    margin-top: 0;
  }
  .service .solution__spayd li:nth-child(2), .service .solution__spayd li:last-child {
    animation-delay: 0.3s;
  }
  .service .solution__spayd li:nth-child(3) h4, .service .solution__spayd li:last-child h4 {
    min-height: 7.8rem;
  }
  .service .solution__flow {
    margin-top: 4.8rem;
  }
  .service .solution__flow h4 {
    font-size: 2.4rem;
    line-height: 1.4583333333;
  }
  .service .solution__flow ul {
    margin-top: 4rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: center;
    align-items: stretch;
  }
  .service .solution__flow ul li {
    width: calc((100% - 8rem) / 3);
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    padding: 0 1.6rem 3rem 1.6rem;
    margin-bottom: 3.2rem;
    position: relative;
  }
  .service .solution__flow ul li::after {
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 30px solid #134486;
    border-right: 0;
    left: -2rem;
    transform: none;
    top: 45%;
  }
  .service .solution__flow ul li .title {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.87rem;
  }
  .service .solution__flow ul li .title img {
    width: 40.0610169492%;
  }
  .service .solution__flow ul li .txt {
    margin-top: 2.8rem;
    font-size: 2.2rem;
    line-height: 1.5;
    font-weight: 700;
    color: var(--main-color02);
    text-align: center;
  }
  .service .solution__flow ul li:first-child {
    padding-top: 1rem;
  }
  .service .solution__flow ul li:first-child .title {
    padding-bottom: 1.5rem;
  }
  .service .solution__flow ul li:first-child figure {
    width: 96.109375%;
    margin: 4.5rem auto 0 auto;
  }
  .service .solution__flow ul li:nth-child(2) {
    animation-delay: 0.3s;
  }
  .service .solution__flow ul li:nth-child(2) .txt {
    margin-top: 4.8rem;
  }
  .service .solution__flow ul li:nth-child(2) figure {
    width: 96.109375%;
    margin: 6.57rem 0 0 auto;
  }
  .service .solution__flow ul li:last-child {
    animation-delay: 0.6s;
    padding-bottom: 2.99rem;
  }
  .service .solution__flow ul li:last-child .txt {
    margin-top: 4.8rem;
  }
  .service .solution__flow ul li:last-child figure {
    width: 82.8125%;
    margin: 6.3rem auto 0 auto;
  }
  .service .solution__brand ul {
    margin-top: 9rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 2.5rem;
    justify-content: center;
    align-items: stretch;
  }
  .service .solution__brand ul li {
    width: calc((100% - 5rem) / 3);
    overflow: hidden;
    padding-bottom: 2.4rem;
    margin-bottom: 0;
    aspect-ratio: 327/360;
  }
  .service .solution__brand ul li h4 {
    font-size: 2rem;
    line-height: 2.8;
  }
  .service .solution__brand ul li img {
    width: 81.0810810811%;
    margin: 7rem auto 0 auto;
  }
  .service .solution__brand ul li:nth-child(2) {
    animation-delay: 0.3s;
  }
  .service .solution__brand ul li:last-child {
    animation-delay: 0.6s;
  }
  .service .solution__package--title {
    margin-top: 8rem;
  }
  .service .solution__package--title span {
    font-size: 2.6rem;
    line-height: 1.8461538462;
  }
  .service .solution__package--title span.txt02 {
    margin: auto 2.5rem;
    font-family: "Roboto", sans-serif;
  }
  .service .solution__package--title span.txt03 {
    color: var(--main-color02);
    font-family: "Roboto", sans-serif;
  }
  .service .solution__package table {
    margin-top: 3.5rem;
  }
  .service .solution__package table .cell01 {
    width: 33.3362068966%;
  }
  .service .solution__package table .cell02,
  .service .solution__package table .cell03 {
    width: 33.3336206897%;
  }
  .service .solution__package table th, .service .solution__package table td {
    font-size: 2rem;
    line-height: 2.4;
    text-align: center;
    vertical-align: middle;
    height: 10.65rem;
  }
  .service .solution__package table th.bg-black, .service .solution__package table td.bg-black {
    padding: 0;
    height: 6.9rem;
  }
  .service .solution__package table th.bg-blue, .service .solution__package table td.bg-blue {
    background-color: var(--main-color02);
    color: #fff;
    border-bottom: none;
    height: 6.9rem;
    font-size: 2.8rem;
    line-height: 1.7142857143;
  }
  .service .solution__package table th.bg-none, .service .solution__package table th.other, .service .solution__package table td.bg-none, .service .solution__package table td.other {
    background-color: #fff;
    border-right: 1px solid #DADFE5;
  }
  .service .solution__package table td.other, .service .solution__package table td.spayd {
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 700;
  }
  .service .solution__package table td.num {
    font-size: 3rem;
    line-height: 1.6;
    font-weight: 700;
  }
  .service .solution__package table .last {
    border: none;
  }
}
.banner-area {
  background-color: #F1F3F5;
  padding: 4rem 0 7.7rem 0;
}
.banner-area img {
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.05);
}
.banner-area + .cta {
  margin-top: -3rem;
}

@media screen and (min-width: 768px) {
  .banner-area {
    padding: 6.3rem 0 11.1rem 0;
  }
  .banner-area a {
    width: 100%;
    max-width: 96rem;
    margin: auto;
  }
  .banner-area img {
    box-shadow: 6px 6px 30px rgba(0, 0, 0, 0.05);
  }
}
/*====================================================
//// 導入事例
====================================================*/
.page-column__cat--title,
.page-case__cat--title {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  font-weight: 700;
  color: var(--main-color02);
}
.page-column__cat--list,
.page-case__cat--list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.2rem;
  justify-content: flex-start;
  align-items: stretch;
  width: 88.0733944954%;
  margin-top: 1.2rem;
}
.page-column__cat--list li,
.page-case__cat--list li {
  width: calc((100% - 2.4rem) / 3);
}
.page-column__cat--list li a,
.page-case__cat--list li a {
  border: 1px solid var(--main-color02);
  color: var(--main-color02);
  background-color: #fff;
  width: 100%;
  height: 3rem;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 500;
}
.page-column__cat--list li.current a,
.page-case__cat--list li.current a {
  background-color: var(--main-color02);
  color: #fff;
}

.page-case {
  /* 詳細ページ */
}
.page-case.list .pager {
  background-color: #F1F3F5;
}
.page-case.list .pager + .cta {
  margin-top: -3rem;
}
@media screen and (min-width: 768px) {
  .page-case.list .pager {
    background-color: transparent;
  }
  .page-case.list .pager + .cta {
    margin-top: 0;
  }
}
.page-case__list {
  padding-top: 2.4rem;
  background-color: #F1F3F5;
  margin-top: 3.2rem;
}
.page-case__list--wrap {
  width: 100%;
}
.page-case .page-head__case-title {
  margin-top: 3.55rem;
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-case .page-head__case-title {
    margin-top: 5.6rem;
    font-size: 3.2rem;
    line-height: 1.5;
  }
}
.page-case__customer {
  margin-top: 2.3rem;
}
.page-case__customer--name {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
}
.page-case__customer--industry {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  color: var(--main-color01);
  margin-top: 0.7rem;
}
.page-case__detail figure {
  margin: 3.5rem 0 3rem 0;
}
.page-case__detail h2 {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  position: relative;
  padding-left: 2.8rem;
}
.page-case__detail h2 span {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  line-height: 1.0833333333;
}
.page-case__detail h2::after {
  content: "";
  width: 2.2rem;
  height: 0.4rem;
  background-color: var(--main-color01);
  position: absolute;
  left: 0;
  top: 50%;
}
.page-case__detail .assignment {
  padding: 3.9rem 0 8rem 0;
  position: relative;
}
.page-case__detail .assignment::after {
  content: "";
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #707070;
  aspect-ratio: 1508/2854;
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8rem;
  z-index: 0;
}
.page-case__detail .assignment__list {
  margin-top: 4rem;
  position: relative;
  z-index: 1;
}
.page-case__detail .assignment__list li {
  background-color: #fff;
  margin-bottom: 3rem;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
}
.page-case__detail .assignment__list li:last-child {
  margin-bottom: 0;
}
.page-case__detail .assignment__list li h3 {
  background-color: #88A1C2;
  color: #fff;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 600;
}
.page-case__detail .assignment__list li h3 span {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  font-weight: 700;
  display: inline-block;
  margin-left: 0.3rem;
  padding-top: 0.2rem;
}
.page-case__detail .assignment__list li p {
  padding: 4.6rem 0 5.5rem 0;
  width: 77.370030581%;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 500;
}
.page-case__detail .point {
  padding: 5.7rem 0 6.5rem 0;
}
.page-case__detail .point__head {
  margin-top: 4.4rem;
}
.page-case__detail .point__head--title {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 500;
  color: var(--main-color01);
}
.page-case__detail .point__head--name {
  margin-top: 1.2rem;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
}
.page-case__detail .point__list {
  background-color: #fff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
  padding: 2rem 0 3.27rem 0;
  margin-top: 3.8rem;
}
.page-case__detail .point__list--title {
  color: var(--main-color01);
  text-align: center;
  font-size: 2rem;
  line-height: 2.4;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
.page-case__detail .point__list--block {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 2.5rem;
  justify-content: space-between;
  align-items: stretch;
  width: 87%;
  margin: 0 auto;
}
.page-case__detail .point__list--block li {
  width: calc((100% - 2.5rem) / 2);
  text-align: center;
}
.page-case__detail .point__list--block li h4 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
}
.page-case__detail .point__list--block li p {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 500;
  margin-top: 1rem;
}
.page-case__detail .point__list--block li figure {
  margin: 0 auto;
  min-height: 7rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.page-case__detail .point__list--block li:first-child figure {
  margin-bottom: 1.35rem;
}
.page-case__detail .point__list--block li:first-child figure img {
  width: 3.041rem;
}
.page-case__detail .point__list--block li:nth-child(2) figure {
  margin-bottom: 1.35rem;
}
.page-case__detail .point__list--block li:nth-child(2) figure img {
  width: 3.077rem;
}
.page-case__detail .point__list--block li:nth-child(3) figure {
  margin-bottom: 2.5rem;
}
.page-case__detail .point__list--block li:nth-child(3) figure img {
  width: 4.9rem;
}
.page-case__detail .point__list--block li:last-child figure {
  margin-bottom: 2.5rem;
}
.page-case__detail .point__list--block li:last-child figure img {
  width: 5.537rem;
}
.page-case__detail .introduction_effect {
  padding: 3.7rem 0 8rem 0;
  position: relative;
}
.page-case__detail .introduction_effect::before, .page-case__detail .introduction_effect::after {
  content: "";
  position: absolute;
  z-index: 0;
}
.page-case__detail .introduction_effect::before {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #DADFE5;
  aspect-ratio: 1508/2854;
  top: 0;
  left: 0;
  width: 8rem;
}
.page-case__detail .introduction_effect::after {
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #707070;
  aspect-ratio: 1508/2854;
  width: 8rem;
  transform: rotate(180deg);
  bottom: 0;
  right: 0;
}
.page-case__detail .introduction_effect__list {
  margin-top: 4.5rem;
  position: relative;
  z-index: 1;
}
.page-case__detail .introduction_effect__list li {
  background-color: #fff;
  margin-bottom: 3rem;
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
}
.page-case__detail .introduction_effect__list li:last-child {
  margin-bottom: 0;
}
.page-case__detail .introduction_effect__list li h3 {
  background-color: #134486;
  color: #fff;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 600;
}
.page-case__detail .introduction_effect__list li h3 span {
  font-family: "Roboto", sans-serif;
  font-size: 2.4rem;
  line-height: 1.5833333333;
  font-weight: 700;
  display: inline-block;
  margin-left: 0.3rem;
  padding-top: 0.2rem;
}
.page-case__detail .introduction_effect__list li p {
  padding: 5.8rem 0 6.8rem 0;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  color: #134486;
  text-align: center;
}
.page-case__detail .voice {
  padding: 6rem 0 15.9rem 0;
}
.page-case__detail .voice h2 {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  color: var(--main-color02);
  padding: 0;
  text-align: center;
}
.page-case__detail .voice h2::after {
  content: none;
}
.page-case__detail .voice__overview {
  margin-top: 3.6rem;
}
.page-case__detail .voice__overview--name {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 700;
}
.page-case__detail .voice__overview--manager {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 400;
  margin-top: 0.5rem;
}
.page-case__detail .voice__overview figure {
  margin: 1.6rem 0 0 0;
  aspect-ratio: 327/168;
  overflow: hidden;
}
.page-case__detail .voice__overview figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
}
.page-case__detail .voice__contents h3 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-top: 5.2rem;
}
.page-case__detail .voice__contents p {
  margin-top: 2.2rem;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
}
.page-case__detail .voice__contents figure {
  margin: 5.6rem 0 0 0;
  aspect-ratio: 327/168;
  overflow: hidden;
}
.page-case__detail .voice__contents figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
}
.page-case .related h2 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  color: var(--main-color02);
  text-align: center;
}
.page-case .related .inner {
  width: 100%;
}
.page-case .related__list {
  margin-top: 4rem;
}
.page-case .related__list li {
  position: relative;
  overflow: hidden;
}
.page-case .related__list li a {
  padding-bottom: 14.4rem;
}
.page-case .related__list li:last-child a {
  padding-bottom: 19.6rem;
}
.page-case .related__list li figure {
  aspect-ratio: 375/208.33;
  overflow: hidden;
}
.page-case .related__list li .txt {
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 87.2%;
  top: 14rem;
  padding: 2.4rem;
}
.page-case .related__list li .catch {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.page-case .related__list li .customer {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  margin-top: 1.6rem;
}
.page-case .related__list li .industry {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  color: var(--main-color01);
  margin-top: 0.8rem;
}
.page-case .related .btn-white {
  margin-bottom: 9.5rem;
}

@media screen and (min-width: 768px) {
  .page-column__cat,
  .page-case__cat {
    animation-delay: 0.6s;
  }
  .page-column__cat--title,
  .page-case__cat--title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page-column__cat--list,
  .page-case__cat--list {
    width: 100%;
    margin-top: 1.4rem;
  }
  .page-column__cat--list li,
  .page-case__cat--list li {
    width: 11rem;
  }
  .page-case {
    /* 詳細ページ */
  }
  .page-case.list .modules-case__list {
    margin-top: 7.2rem;
  }
  .page-case__list {
    padding-top: 4.8rem;
    background-color: transparent;
  }
  .page-case__cat {
    animation-delay: 0.6s;
  }
  .page-case__cat--title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page-case__cat--list {
    width: 100%;
    margin-top: 1.4rem;
  }
  .page-case__cat--list li {
    width: 11rem;
  }
  .page-case .page-head {
    min-height: inherit;
  }
  .page-case .page-head .block {
    max-width: 96rem;
    margin: 6.8rem auto 0 auto;
  }
  .page-case__customer {
    margin-top: 3.26rem;
  }
  .page-case__customer--name {
    font-size: 1.8rem;
    line-height: 1;
  }
  .page-case__customer--industry {
    font-size: 1.6rem;
    line-height: 1;
    margin-top: 1.8rem;
  }
  .page-case__detail figure {
    margin: 4.7rem auto 10rem auto;
    max-width: 96rem;
  }
  .page-case__detail h2 {
    font-size: 3.8rem;
    line-height: 1.2631578947;
    padding-left: 4.6rem;
  }
  .page-case__detail h2 span {
    font-size: 4rem;
    line-height: 1.2;
  }
  .page-case__detail h2::after {
    width: 3.6rem;
    height: 0.8rem;
  }
  .page-case__detail .assignment {
    padding: 10.7rem 0 11rem 0;
  }
  .page-case__detail .assignment::after {
    width: 24rem;
  }
  .page-case__detail .assignment__list {
    margin-top: 6.2rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: space-between;
    align-items: stretch;
  }
  .page-case__detail .assignment__list li {
    width: calc((100% - 4rem) / 2);
    margin-bottom: 0;
  }
  .page-case__detail .assignment__list li h3 {
    height: 5.2rem;
    font-size: 2.2rem;
    line-height: 1.7272727273;
  }
  .page-case__detail .assignment__list li h3 span {
    font-size: 2.6rem;
    line-height: 1;
    padding-top: 0;
    transform: translateY(0.2rem);
  }
  .page-case__detail .assignment__list li p {
    padding: 4.8rem 0 5.5rem 0;
    width: 80.8695652174%;
    font-size: 2rem;
    line-height: 1.8;
  }
  .page-case__detail .point {
    padding: 11rem 0 14.2rem 0;
  }
  .page-case__detail .point__head {
    margin-top: 6.5rem;
  }
  .page-case__detail .point__head--title {
    font-size: 1.8rem;
    line-height: 1;
    color: var(--main-color02);
  }
  .page-case__detail .point__head--name {
    margin-top: 2rem;
    font-size: 2.4rem;
    line-height: 1;
  }
  .page-case__detail .point__list {
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    -ms-border-radius: 0.5rem;
    -o-border-radius: 0.5rem;
    padding: 3rem 0 4.6rem 0;
    margin-top: 6rem;
  }
  .page-case__detail .point__list--title {
    color: var(--main-color02);
    font-size: 3.2rem;
    line-height: 1.5;
  }
  .page-case__detail .point__list--block {
    gap: 6.6rem;
    width: 86%;
    margin: 0.5rem auto 0 auto;
  }
  .page-case__detail .point__list--block li {
    width: calc((100% - 19.8rem) / 4);
    text-align: center;
  }
  .page-case__detail .point__list--block li h4 {
    font-size: 2rem;
    line-height: 1.4;
    white-space: nowrap;
  }
  .page-case__detail .point__list--block li p {
    font-size: 1.6rem;
    line-height: 1;
    white-space: nowrap;
    margin-top: 1rem;
  }
  .page-case__detail .point__list--block li figure {
    margin: 0 auto;
    height: 16rem;
    align-items: center;
  }
  .page-case__detail .point__list--block li:first-child figure {
    margin-bottom: 1rem;
  }
  .page-case__detail .point__list--block li:first-child figure img {
    width: 5.528rem;
    transform: translateY(1rem);
  }
  .page-case__detail .point__list--block li:nth-child(2) figure {
    margin-bottom: 1rem;
  }
  .page-case__detail .point__list--block li:nth-child(2) figure img {
    width: 5.304rem;
    transform: translateY(-0.5rem);
  }
  .page-case__detail .point__list--block li:nth-child(3) figure {
    margin-bottom: 1rem;
  }
  .page-case__detail .point__list--block li:nth-child(3) figure img {
    width: 8.767rem;
  }
  .page-case__detail .point__list--block li:last-child figure {
    margin-bottom: 1rem;
  }
  .page-case__detail .point__list--block li:last-child figure img {
    width: 9.364rem;
    transform: translateY(-0.5rem) translateX(0.8rem);
  }
  .page-case__detail .introduction_effect {
    padding: 13rem 0 11rem 0;
  }
  .page-case__detail .introduction_effect::before {
    width: 23rem;
  }
  .page-case__detail .introduction_effect::after {
    width: 16rem;
  }
  .page-case__detail .introduction_effect__list {
    margin-top: 6.2rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: center;
    align-items: stretch;
  }
  .page-case__detail .introduction_effect__list li {
    width: calc((100% - 4rem) / 2);
    margin-bottom: 0;
  }
  .page-case__detail .introduction_effect__list li h3 {
    height: 5.2rem;
    font-size: 2.2rem;
    line-height: 1.7272727273;
    font-weight: 600;
  }
  .page-case__detail .introduction_effect__list li h3 span {
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 700;
    margin-left: 0.5rem;
    padding-top: 0;
    transform: translateY(0.2rem);
  }
  .page-case__detail .introduction_effect__list li p {
    padding: 5.2rem 0 5.2rem 0;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: left;
  }
  .page-case__detail .introduction_effect__list li:first-child p {
    padding-top: 6.2rem;
    width: 74.347826087%;
  }
  .page-case__detail .introduction_effect__list li:last-child p {
    width: 63.9130434783%;
  }
  .page-case__detail .voice {
    padding: 10.7rem 0 15.9rem 0;
  }
  .page-case__detail .voice h2 {
    font-size: 2.8rem;
    line-height: 1.3571428571;
  }
  .page-case__detail .voice__overview {
    margin-top: 4.5rem;
  }
  .page-case__detail .voice__overview--name {
    font-size: 2rem;
    line-height: 1;
  }
  .page-case__detail .voice__overview--manager {
    font-size: 1.3rem;
    line-height: 1.6923076923;
    margin-top: 1rem;
  }
  .page-case__detail .voice__overview figure {
    margin: 2.8rem 0 0 0;
    aspect-ratio: 960/432;
  }
  .page-case__detail .voice__contents h3 {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    margin-top: 5.6rem;
  }
  .page-case__detail .voice__contents h3.mt-wide {
    margin-top: 7.8rem;
  }
  .page-case__detail .voice__contents p {
    margin-top: 3.1rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .page-case__detail .voice__contents figure {
    margin: 11.7rem 0 0 0;
    aspect-ratio: 960/432;
  }
  .page-case__detail .voice__contents figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
  }
  .page-case .related h2 {
    font-size: 2.8rem;
    line-height: 1.2857142857;
  }
  .page-case .related .inner {
    width: 100%;
  }
  .page-case .related__list {
    margin-top: 8rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 2.2rem;
    align-items: stretch;
  }
  .page-case .related__list li {
    width: calc((100% - 4.4rem) / 3);
    transition: 0.3s;
  }
  .page-case .related__list li:hover {
    opacity: 0.8;
  }
  .page-case .related__list li a {
    padding-bottom: 0;
  }
  .page-case .related__list li:first-child a {
    animation-delay: 0;
  }
  .page-case .related__list li:nth-child(2) a {
    animation-delay: 0.3s;
  }
  .page-case .related__list li:last-child a {
    animation-delay: 0.6s;
    padding-bottom: 0;
  }
  .page-case .related__list li figure {
    aspect-ratio: 372/207;
  }
  .page-case .related__list li .txt {
    left: auto;
    right: 1rem;
    transform: none;
    width: 59.6774193548%;
    top: 1.1rem;
    padding: 2rem 1.8rem;
  }
  .page-case .related__list li .catch {
    font-size: 1.4rem;
    line-height: 1.6428571429;
  }
  .page-case .related__list li .customer {
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 1.6rem;
  }
  .page-case .related__list li .industry {
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 0.8rem;
  }
  .page-case .related .btn-white {
    margin-top: 10rem;
    margin-bottom: 17rem;
  }
  .page-case .related .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 4rem;
  }
}
/*====================================================
//// 会社情報
====================================================*/
.page-link__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 0;
  justify-content: flex-start;
  align-items: center;
  width: 86.6666666667%;
  margin: 5rem auto 0 auto;
}
.page-link__list li {
  width: 50%;
  position: relative;
}
.page-link__list li::before, .page-link__list li::after {
  content: "";
  width: 0.15rem;
  height: 2.5rem;
  background-color: #DADFE5;
  position: absolute;
  top: 0;
}
.page-link__list li::before {
  left: 0;
}
.page-link__list li::after {
  right: 0;
}
.page-link__list li a {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 500;
  text-align: center;
  width: 100%;
  position: relative;
  padding-right: 1rem;
  transition: 0.3s;
}
.page-link__list li a:hover {
  color: var(--main-color02);
}
.page-link__list li a::after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-top: solid 1.5px var(--main-color02);
  border-right: solid 1.5px var(--main-color02);
  transform: rotate(135deg) translateY(0.6rem);
  display: inline-block;
  margin-left: 1.5rem;
}
.page-link__list li:nth-child(2)::before {
  content: none;
}

@media screen and (min-width: 768px) {
  .page-link__list {
    gap: 0;
    max-width: 78rem;
    margin: 6.5rem auto 12.5rem auto;
  }
  .page-link__list li {
    width: 33.3333333333%;
  }
  .page-link__list li a {
    font-size: 1.6rem;
    line-height: 1.5625;
    padding-right: 0;
  }
  .page-link__list li:last-child::before {
    content: none;
  }
}
.company__philosophy {
  padding-top: 4.8rem;
}
.company__philosophy .catch {
  margin-top: 5.8rem;
}
.company__philosophy .catch__jp {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
}
.company__philosophy .catch__en {
  font-size: 3.2rem;
  line-height: 1.34375;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: var(--main-color02);
  margin-top: 1.2rem;
  animation-delay: 0.3s;
}
.company__philosophy .lead {
  margin-top: 4rem;
  animation-delay: 0.6s;
}
.company__philosophy .lead p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  margin-top: 2.4rem;
}
.company__mvv {
  padding-top: 8rem;
  padding-bottom: 8rem;
  border-bottom: 1px solid #DADFE5;
}
.company__mvv--title {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: #134486;
}
.company__mvv--title span {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  font-style: normal;
  margin-top: 1.3rem;
}
.company__mvv .txt {
  width: 95.7186544343%;
  margin: 2.55rem 0 0 auto;
  border-left: 1px solid #14325A;
  padding: 1.6rem 0 0 3rem;
  animation-delay: 0.3s;
}
.company__mvv .txt .title {
  font-size: 2.2rem;
  line-height: 1.4545454545;
  font-weight: 700;
}
.company__mvv .txt .title span {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin-top: 1.4rem;
  display: block;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
.company__mvv .txt .body {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
  margin-top: 3rem;
}
.company__mvv .block.mission {
  margin-top: 4.8rem;
}
.company__mvv .block.vision {
  margin-top: 4.2rem;
}
.company__mvv .block.value {
  margin-top: 4.2rem;
}
.company__mvv .block.value .txt {
  padding-top: 2.8rem;
}
.company__mvv .block.value .txt .title {
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #134486;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  margin-top: 4rem;
}
.company__mvv .block.value .txt .title:first-of-type {
  margin-top: 0;
}
.company__mvv .block.value .txt .title__sub {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 1.5rem;
}
.company__mvv .block.value .txt .body {
  margin-top: 1rem;
}
.company__overview {
  margin-top: 3rem;
  padding: 5rem 0 5.5rem 0;
  position: relative;
}
.company__overview::after {
  content: "";
  background-color: #DADFE5;
  width: 95.2%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.company__overview dl {
  margin-top: 1rem;
  animation-delay: 0.3s;
}
.company__overview dl dt {
  padding-top: 3.2rem;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
}
.company__overview dl dd {
  padding-top: 0.5rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #DADFE5;
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
}
.company__overview .access {
  margin-top: 3.8rem;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
}
.company__overview .access .map {
  aspect-ratio: 375/224;
  overflow: hidden;
  margin-top: 2.4rem;
  animation-delay: 0.3s;
}
.company__overview .access p {
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
}
.company__history {
  padding: 5.6rem 0 11rem 0;
}
.company__history dl {
  margin-top: 0.9rem;
}
.company__history dl dt {
  padding-top: 4.5rem;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  color: var(--main-color02);
}
.company__history dl dd {
  padding: 1.6rem 0;
  border-bottom: 1px solid #DADFE5;
}
.company__history dl dd .title {
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
}
.company__history dl dd .body {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  margin-top: 1.6rem;
}
.company__history dl dd:last-of-type {
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .company__philosophy .catch {
    margin-top: 9rem;
  }
  .company__philosophy .catch__jp {
    font-size: 2.8rem;
    line-height: 1;
  }
  .company__philosophy .catch__en {
    font-size: 6.6rem;
    line-height: 1;
    letter-spacing: 0.005em;
    padding-bottom: 0.3rem;
    margin-top: 2.7rem;
  }
  .company__philosophy .lead {
    margin-top: 4.6rem;
  }
  .company__philosophy .lead p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.8rem;
  }
  .company__mvv {
    padding-top: 16rem;
    padding-bottom: 13.7rem;
  }
  .company__mvv--title {
    font-size: 6rem;
    line-height: 1;
  }
  .company__mvv--title span {
    font-size: 2rem;
    line-height: 1;
    margin-top: 0.7rem;
  }
  .company__mvv .txt {
    width: 98.4375%;
    margin: 2.55rem 0 0 auto;
    border-left: 1px solid #14325A;
    padding: 2rem 0 4.5rem 5.45rem;
  }
  .company__mvv .txt .title {
    font-size: 3rem;
    line-height: 1.0666666667;
  }
  .company__mvv .txt .title span {
    font-size: 2.4rem;
    line-height: 1.3333333333;
    margin-top: 1.2rem;
  }
  .company__mvv .txt .body {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.8rem;
  }
  .company__mvv .block.mission {
    margin-top: 9.4rem;
  }
  .company__mvv .block.vision {
    margin-top: 11.25rem;
  }
  .company__mvv .block.value {
    margin-top: 11.25rem;
  }
  .company__mvv .block.value .txt {
    padding-top: 1.7rem;
    padding-bottom: 0;
  }
  .company__mvv .block.value .txt .title {
    font-size: 4rem;
    line-height: 1;
    margin-top: 4.5rem;
  }
  .company__mvv .block.value .txt .title__sub {
    font-size: 3rem;
    line-height: 1;
    margin-top: 1.5rem;
    padding-left: 2.5rem;
  }
  .company__mvv .block.value .txt .body {
    margin-top: 0.7rem;
    padding-left: 2.5rem;
  }
  .company__overview {
    margin-top: 12rem;
    padding: 4.8rem 0 13.6rem 0;
    position: relative;
  }
  .company__overview::after {
    width: 100%;
  }
  .company__overview dl {
    margin-top: 4.3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
  }
  .company__overview dl dt {
    width: 25%;
    padding: 3.8rem 0;
    border-bottom: 1px solid #DADFE5;
    display: flex;
    align-items: center;
  }
  .company__overview dl dd {
    width: 75%;
    padding: 3.8rem 0;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .company__overview .access {
    margin-top: 4.7rem;
  }
  .company__overview .access .title {
    font-size: 1.6rem;
    line-height: 1.6875;
    font-weight: 700;
  }
  .company__overview .access .map {
    aspect-ratio: 960/360;
    margin: 4.7rem auto 0 auto;
    max-width: 96rem;
  }
  .company__overview .access p {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .company__overview .access p:last-child {
    margin-top: 4rem;
  }
  .company__history {
    margin-top: 9.2rem;
    padding: 5rem 0 12rem 0;
  }
  .company__history dl {
    margin-top: 9.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    align-items: stretch;
  }
  .company__history dl dt,
  .company__history dl dd {
    margin-bottom: 7.9rem;
  }
  .company__history dl dt {
    width: 25%;
    padding-top: 0;
    font-size: 5.6rem;
    line-height: 1;
  }
  .company__history dl dd {
    width: 75%;
    padding: 0;
    border-bottom: none;
    position: relative;
  }
  .company__history dl dd::after {
    content: "";
    width: 1.5px;
    background-color: #DADFE5;
    position: absolute;
    bottom: -6rem;
    left: -18rem;
    height: calc(100% - 2.15rem);
  }
  .company__history dl dd:last-of-type::after {
    content: none;
  }
  .company__history dl dd .title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .company__history dl dd .body {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 1.6rem;
  }
  .company__history dl dd:last-of-type {
    border-bottom: none;
  }
}
/*====================================================
//// お知らせ
====================================================*/
.page-news {
  padding: 0 0 5.8rem 0;
  /* 記事詳細 */
}
.page-news .inner {
  padding: 0 0 6.4rem 0;
}
.page-news .block {
  overflow-x: hidden;
}
.page-news .btn-white {
  margin-top: 6rem;
}
.page-news__detail .page-head {
  min-height: inherit;
}
.page-news__detail .date {
  animation-delay: 0.3s;
}
.page-news__detail .date .time {
  font-size: 1.4rem;
  line-height: 2.2857142857;
  font-weight: 300;
  font-family: "Oswald", sans-serif;
  margin-top: 1.2rem;
}
.page-news__detail .date .cat {
  font-size: 1.2rem;
  line-height: 2.5;
  font-weight: 400;
  text-align: center;
  width: fit-content;
  padding: 0 3.1rem;
  border: 1px solid var(--main-color02);
  color: var(--main-color02);
  margin-top: 0.6rem;
}
.page-news__detail article {
  margin-top: 3.2rem;
  animation-delay: 0.6s;
}
.page-news__detail article p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  margin-top: 2rem;
}
.page-news__detail article p:first-child {
  margin-top: 0;
}
.page-news__detail article p b {
  display: block;
}
.page-news__detail article p.center {
  text-align: center;
}
.page-news__detail article p.right {
  text-align: right;
}
.page-news__detail article p .ann {
  display: inline-block;
  font-size: 1rem;
  vertical-align: top;
}
.page-news__detail article p.img {
  width: auto;
  max-width: 20rem;
  margin: 3.2rem auto;
}
.page-news__detail article .annotation {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  font-weight: 400;
  margin-top: 2rem;
}
.page-news__detail article .annotation li {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.5rem;
}
.page-news__detail article .annotation li::before {
  display: block;
}
.page-news__detail article .annotation li:first-child::before {
  content: "※1";
}
.page-news__detail article .annotation li:nth-child(2)::before {
  content: "※2";
}
.page-news__detail article .annotation li:last-child::before {
  content: "※3";
}
.page-news__detail article .annotation a {
  display: block;
}
.page-news__detail article .annotation a::after {
  display: inline-block;
  position: relative;
  right: auto;
  top: auto;
  transform: translateY(0.2rem) translateX(0.5rem);
}
.page-news__detail article dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 70rem;
}
.page-news__detail article dl dt, .page-news__detail article dl dd {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
}
.page-news__detail article dl dt {
  width: 25%;
  position: relative;
}
.page-news__detail article dl dt::after {
  content: "：";
  position: absolute;
  right: 0;
}
.page-news__detail article dl dd {
  width: 75%;
}
.page-news__detail article dl.dl-0901 dt {
  width: 35%;
  font-weight: 700;
}
.page-news__detail article dl.dl-0901 dt::after {
  content: none;
}
.page-news__detail article dl.dl-0901 dd {
  width: 65%;
}
.page-news__detail article a {
  color: #134486;
  width: fit-content;
  display: inline-block;
  position: relative;
}
.page-news__detail article a.site-link::after {
  content: "";
  display: inline-block;
}
.page-news__detail article a.site-link::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34724%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034724%22%20transform%3D%22translate(-3%20-3)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(3%203)%22%20fill%3D%22%23f1f3f5%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C4.041%2C3.6%2C0%2C7.2%2C4.041%22%20transform%3D%22translate(13.021%207.4)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23134486%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
  margin-left: 1rem;
  transform: translateY(0.3rem);
  transition: 0.3s;
}
.page-news__detail article a.site-link:hover {
  opacity: 1;
}
.page-news__detail article a.site-link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34724%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034724%22%20transform%3D%22translate(-3)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2220%22%20height%3D%2220%22%20transform%3D%22translate(3)%22%20fill%3D%22%23134486%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C5.051%2C4.5%2C0%2C9%2C5.051%22%20transform%3D%22translate(15.526%205.5)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.page-news__detail article a.pdf {
  padding-right: 3rem;
}
.page-news__detail article a.external {
  padding-right: 3rem;
}
.page-news__detail article a.external::after {
  width: 1.4rem;
  height: 1.4rem;
}
.page-news__detail .btn-white {
  margin: 10rem auto;
}

.page-news-list .pager__list li.prev a {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34350%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034350%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23f1f3f5%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C0%2C6%2C6.735%2C12%2C0%22%20transform%3D%22translate(22.367%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
}
.page-news-list .pager__list li.next a {
  background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34351%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034351%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_33158%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2033158%22%20width%3D%2238%22%20height%3D%2238%22%20fill%3D%22%23f1f3f5%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44754%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044754%22%20d%3D%22M0%2C6.735%2C6%2C0l6%2C6.735%22%20transform%3D%22translate(22.368%2013)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%2314325a%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E");
}

/*======================= PC =======================*/
@media screen and (min-width: 768px) {
  .page-news {
    padding: 0 0 16rem 0;
    /* 記事詳細 */
  }
  .page-news .inner {
    padding: 5rem 0 8rem 0;
    background-color: transparent;
    position: relative;
  }
  .page-news .inner::after {
    content: "";
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
  }
  .page-news .block {
    overflow: visible;
    display: flex;
    flex-wrap: nowrap;
    gap: 5.75rem;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 116rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .page-news .top-news__left {
    width: 23.275862069%;
    animation-delay: 0.3s;
  }
  .page-news .top-news__right {
    width: calc(76.724137931% - 5.75rem);
    margin-top: 0;
    animation-delay: 0.5s;
  }
  .page-news .top-news__left--catlist {
    margin: 0 auto;
    padding-top: 1rem;
  }
  .page-news__detail .date {
    margin-top: 3.2rem;
    display: flex;
    flex-wrap: nowrap;
    gap: 2.4rem;
    justify-content: flex-start;
    align-items: center;
  }
  .page-news__detail .date .time {
    margin-top: 0;
  }
  .page-news__detail .date .cat {
    margin-top: 0;
  }
  .page-news__detail article {
    margin-top: 6rem;
  }
  .page-news__detail article p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.8rem;
  }
  .page-news__detail article a.site-link::after {
    width: 2rem;
    height: 2rem;
  }
  .page-news__detail article a.external {
    padding-right: 3rem;
  }
  .page-news__detail article a.external::after {
    width: 1.6rem;
    height: 1.6rem;
  }
  .page-news__detail article a.pdf:hover, .page-news__detail article a.external:hover {
    opacity: 0.6;
  }
  .page-news__detail article .annotation {
    font-size: 1.4rem;
    line-height: 1.1428571429;
    font-weight: 400;
    margin-top: 2rem;
  }
  .page-news__detail article .annotation li {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .page-news__detail article .annotation li::before {
    display: block;
  }
  .page-news__detail article .annotation li:nth-child(2)::before, .page-news__detail article .annotation li:last-child::before {
    transform: translateY(0.7rem);
  }
  .page-news__detail article .annotation a {
    display: block;
  }
  .page-news__detail article .annotation a::after {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0.2rem) translateX(0.5rem);
  }
  .page-news__detail article dl {
    max-width: 70rem;
  }
  .page-news__detail article dl dt, .page-news__detail article dl dd {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .page-news__detail article dl dt {
    width: 13%;
  }
  .page-news__detail article dl dd {
    width: 87%;
  }
  .page-news__detail article dl.dl-0901 dt, .page-news__detail article dl.dl-0901 dd {
    font-size: 1.6rem;
    line-height: 1.75;
    padding: 0.5rem 0;
  }
  .page-news__detail article dl.dl-0901 dt {
    width: 25%;
  }
  .page-news__detail article dl.dl-0901 dd {
    width: 75%;
  }
  .page-news__detail .btn-white {
    margin: 12rem auto;
  }
  .page-news__detail .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 3.8rem;
  }
}
/*====================================================
//// ポリシー
====================================================*/
.policy .page-head {
  min-height: inherit;
}
.policy__txt {
  margin-top: 5.6rem;
  padding-bottom: 7.6rem;
  animation-delay: 0.3s;
}
.policy__txt p {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
  margin-top: 2.6rem;
}
.policy__txt p:first-child {
  margin-top: 0;
}
.policy__txt ol {
  margin-top: 2.6rem;
}
.policy__txt ol li {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 2.6rem;
}
.policy__txt ol li:first-child::before {
  content: "1.";
}
.policy__txt ol li:nth-child(2)::before {
  content: "2.";
}
.policy__txt ol li:last-child {
  margin-bottom: 0;
}
.policy__txt ol li:last-child::before {
  content: "3.";
}

@media screen and (min-width: 768px) {
  .policy__txt {
    margin-top: 5.1rem;
    padding-bottom: 16rem;
  }
  .policy__txt p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.7rem;
  }
  .policy__txt ol {
    margin-top: 2.7rem;
  }
  .policy__txt ol li {
    font-size: 1.6rem;
    line-height: 1.75;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 2.7rem;
  }
}
/*====================================================
//// 電子公告
====================================================*/
.page-notice {
  width: 87.2%;
  max-width: 96rem;
  margin: 5.6rem auto 12rem auto;
}
.page-notice .page-news__right {
  width: 100%;
  max-width: initial;
}
@media screen and (min-width: 768px) {
  .page-notice {
    margin: 5.6rem auto 16rem auto;
  }
}

/*====================================================
//// 404
====================================================*/
.not-found {
  padding: 3.2rem 0 8rem 0;
}
.not-found h2 {
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.not-found p {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
  margin-top: 0.7rem;
}
.not-found .btn-white {
  display: none;
}

@media screen and (min-width: 768px) {
  .not-found {
    padding: 5.6rem 0 17rem 0;
  }
  .not-found p {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .not-found .btn-white {
    display: block;
    margin: 16rem auto 0 auto;
  }
  .not-found .btn-white a {
    width: 27rem;
    height: 7rem;
    padding-left: 3.7rem;
  }
}
/*====================================================
//// ENGLISH
====================================================*/
.english {
  font-family: "Roboto", sans-serif;
}
.english figure {
  margin-top: -2.5rem;
  aspect-ratio: 327/109;
  overflow: hidden;
}
.english figure img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.english__title {
  font-style: italic;
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 3.7rem;
}
.english .lead {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 2.2rem;
}
.english .banner {
  margin-top: 5.8rem;
}
.english__overview {
  font-family: "Roboto", sans-serif;
}
.english__overview::after {
  content: none;
}
.english__overview .sec-title {
  font-size: 2.4rem;
  line-height: 1.0833333333;
  font-weight: 700;
  letter-spacing: 0em;
  font-family: "Roboto", sans-serif;
}
.english__overview .sec-title::after {
  top: 1.2rem;
}
.english__overview dl {
  margin-top: 1.8rem;
}
.english__overview dl dt {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.english__overview dl dd {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  padding: 1.6rem 0 2.5rem 0;
}
.english__overview .access {
  padding-top: 2rem;
}
.english__overview .access .sec-title {
  font-size: 2.4rem;
  line-height: 1.0833333333;
  font-weight: 700;
}
.english__overview .access .map {
  margin-top: 4rem;
}
.english__overview .access p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 3.2rem;
  margin-bottom: 3.8rem;
}
.english__overview .access p span {
  display: block;
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.english__overview .access p:last-child {
  margin-bottom: 0;
}
.english__history {
  padding-top: 2.5rem;
}
.english__history .sec-title::after {
  top: 1.3rem;
}

@media screen and (min-width: 768px) {
  .english figure {
    margin-top: -10.5rem;
    aspect-ratio: 960/300;
  }
  .english__title {
    margin-top: 4.7rem;
  }
  .english .lead {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.2rem;
  }
  .english .banner {
    margin-top: 6rem;
    max-width: 32.7rem;
  }
  .english__overview {
    padding-top: 10rem;
  }
  .english__overview .sec-title {
    font-size: 3.8rem;
    line-height: 1.2631578947;
  }
  .english__overview dl {
    margin-top: 4.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0 8.8rem;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    max-height: 65rem;
  }
  .english__overview dl dt, .english__overview dl dd {
    width: 100%;
    max-width: 43.5rem;
  }
  .english__overview dl dt {
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.02em;
    border: none;
    padding: 4rem 0 1.8rem 0;
  }
  .english__overview dl dd {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    padding: 0 0 3rem 0;
  }
  .english__overview .access {
    padding-top: 7rem;
  }
  .english__overview .access .sec-title {
    font-size: 3.8rem;
    line-height: 1.2631578947;
  }
  .english__overview .access .map {
    margin-top: 8rem;
  }
  .english__overview .access p {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
    margin-top: 3.9rem;
    margin-bottom: 3.8rem;
  }
  .english__overview .access p span {
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 1.5rem;
  }
  .english__overview .access p:last-child {
    margin-top: 6.5rem;
    margin-bottom: 0;
  }
  .english__history {
    padding-top: 2rem;
  }
}
/*====================================================
//// フォーム
====================================================*/
.contact__page-link {
  margin-top: 3rem;
}
.contact__page-link .block a {
  padding: 1.6rem 2rem 2rem 2rem;
}
.contact__page-link .block a .btn-txt01 {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  font-weight: 400;
  text-align: center;
}
.contact__page-link .block a .btn-txt02 {
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 700;
  text-align: center;
  margin: 1.1rem auto 0 auto;
  position: relative;
  width: fit-content;
}
.contact__page-link .block a .btn-txt02::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: solid 2px var(--main-color02);
  border-right: solid 2px var(--main-color02);
  transform: rotate(135deg);
  position: absolute;
  right: -3rem;
  top: 1rem;
}
.contact__page-link .block:first-of-type {
  margin-bottom: 1.6rem;
  animation-delay: 0.6s;
}
.contact__page-link .block:first-of-type a {
  background-color: #F1F3F5;
}
.contact__page-link .block:last-of-type {
  animation-delay: 0.9s;
}
.contact__page-link .block:last-of-type a {
  background-color: var(--main-color02);
  color: #fff;
}
.contact__page-link .block:last-of-type a .btn-txt02::after {
  border-color: #fff;
  right: -2.1rem;
}
.contact__wrap {
  animation-delay: 0.6s;
}
.contact__after-care {
  padding-top: 7.6rem;
}
.contact__after-care--head h3 {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
}
.contact__after-care--head p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 2.1rem;
}
.contact__after-care--box {
  background-color: #F1F3F5;
  padding: 3.5rem 6.4%;
  width: 100vw;
  margin: 3.2rem calc(50% - 50vw) 0;
}
.contact__after-care--box h4 {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
.contact__after-care--box h4 span {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.contact__after-care--box .tel {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: var(--main-color02);
  text-align: center;
  margin-top: 1.6rem;
}
.contact__after-care--box .about,
.contact__after-care--box .mail-about {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 400;
  text-align: center;
  margin-top: 1.4rem;
}
.contact__after-care--box .mail {
  font-size: 1.8rem;
  line-height: 1.5555555556;
  font-weight: 400;
  letter-spacing: 0.02em;
  font-family: "Roboto", sans-serif;
  text-align: center;
  margin-top: 0.2rem;
  color: var(--main-color02);
}
.contact__new-intro {
  padding: 7.6rem 0 10rem 0;
}
.contact__new-intro .contact__after-care--head p {
  text-align: center;
}
.contact__new-intro--form {
  margin-top: 4rem;
}

@media screen and (min-width: 768px) {
  .contact__wrap {
    width: 87.2%;
    max-width: 96rem;
    margin: 8.3rem auto 0 auto;
    padding-bottom: 15.7rem;
  }
  .contact__after-care, .contact__new-intro {
    animation-delay: 0.6s;
  }
  .contact__after-care .inner, .contact__new-intro .inner {
    width: 100%;
  }
  .contact__after-care {
    padding-top: 0;
    order: 2;
    width: calc(100% - 12rem - 48.275862069%);
  }
  .contact__after-care--head h3 {
    font-size: 3.2rem;
    line-height: 0.875;
  }
  .contact__after-care--head p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.8rem;
  }
  .contact__after-care--box {
    padding: 5.7rem 7rem;
    width: 100%;
    margin: 6.4rem auto 0 auto;
  }
  .contact__after-care--box h4 {
    font-size: 2rem;
    line-height: 1.4;
  }
  .contact__after-care--box h4 span {
    font-size: 2.2rem;
    line-height: 1.2727272727;
  }
  .contact__after-care--box .tel {
    font-size: 4rem;
    line-height: 1;
    margin-top: 2.4rem;
  }
  .contact__after-care--box .tel a {
    pointer-events: none;
  }
  .contact__after-care--box .about,
  .contact__after-care--box .mail-about {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .contact__after-care--box .about {
    margin-top: 2.6rem;
  }
  .contact__after-care--box .mail-about {
    margin-top: 3.8rem;
  }
  .contact__after-care--box .mail {
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 1rem;
  }
  .contact__new-intro {
    order: 1;
    padding: 0;
  }
  .contact__new-intro .contact__after-care--head p {
    text-align: left;
  }
  .contact__new-intro--form {
    margin-top: 6rem;
  }
}
/* サンクスページ */
.page-thanks {
  padding: 15rem 0 10rem 0;
}
.page-thanks p {
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 1.5714285714;
}
.page-thanks p.att {
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.page-thanks .btn {
  margin: 3rem auto;
  max-width: 27rem;
  height: 6rem;
}

@media screen and (min-width: 768px) {
  .page-thanks {
    padding: 15rem 0 10rem 0;
  }
  .page-thanks p {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page-thanks p.att {
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
  .page-thanks .btn {
    margin: 5.5rem auto;
    height: 7rem;
  }
}
/*====================================================
//// 資料ダウンロード
====================================================*/
.download .page-head {
  min-height: initial;
}
.download__about {
  margin-top: 4rem;
  padding-bottom: 10rem;
}
.download__about .main-swiper {
  width: 100%;
  margin-bottom: 2rem;
}
.download__about .thumb-swiper .swiper-slide {
  margin-right: 1rem;
  width: 43.4250764526%;
}
.download__about .thumb-swiper .swiper-slide:hover {
  cursor: pointer;
  opacity: 0.8;
}
.download__about--txt h2 {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-top: 3rem;
}
.download__about--txt h2 + p {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 400;
  margin-top: 1.6rem;
}
.download__about--txt h3 {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  margin-top: 5.3rem;
}
.download__about--txt h3 + p {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
  margin-top: 2rem;
}
.download__about--txt ul {
  margin-top: 2.6rem;
}
.download__about--txt ul li {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 400;
}
.download__about--txt ul li::before {
  content: "・";
}
.download__form {
  padding: 2.4rem 0 12.5rem 0;
}
.download__form dl dt {
  margin-top: 1.4rem;
}
.download__form dl dt .required {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 700;
}
.download__form dl dd {
  margin-top: 0.6rem;
}
.download .cta {
  margin-top: -3rem;
}

@media screen and (min-width: 768px) {
  .download__wrap {
    display: flex;
    flex-wrap: nowrap;
    gap: 8rem;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 116rem;
    margin: 6.8rem auto 0 auto;
    padding-bottom: 19rem;
  }
  .download__wrap .inner {
    width: 100%;
  }
  .download__about {
    width: 51.724137931%;
    margin-top: 0;
    padding-bottom: 0;
  }
  .download__about--txt h2 {
    font-size: 2.4rem;
    line-height: 1.8333333333;
    margin-top: 5.3rem;
  }
  .download__about--txt h2 + p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2.5rem;
  }
  .download__about--txt h3 {
    font-size: 2rem;
    line-height: 1;
    margin-top: 7.6rem;
  }
  .download__about--txt h3 + p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 2rem;
  }
  .download__about--txt ul {
    margin-top: 2.8rem;
  }
  .download__about--txt ul li {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .download__form {
    width: 41.3793103448%;
    padding: 3.2rem 3.5rem 5.6rem 3.5rem;
  }
  .download__form dl dt {
    margin-top: 3rem;
  }
  .download__form dl dt .required {
    margin-left: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.6666666667;
    transform: translateY(-0.2rem);
  }
  .download__form dl dt:first-of-type {
    margin-top: 1.4rem;
  }
  .download__form dl dd {
    margin-top: 0.8rem;
  }
  .download .cta {
    margin-top: -3rem;
  }
}
/*====================================================
//// フィンテックコラム
====================================================*/
.page-column-list {
  background-color: #F1F3F5;
  padding: 3.2rem 0 0 0;
  margin-top: 3.8rem;
}
.page-column-list .inner.list {
  width: calc(87.2% + 2rem);
  transform: translateX(1rem);
  max-width: 118rem;
}
.page-column__cat--list {
  width: 23.1rem;
  gap: 1.1rem;
}
.page-column__cat--list li {
  width: calc((100% - 1.1rem) / 2);
}
.page-column__list {
  margin-top: 3.2rem;
}
.page-column__list .top-column__list--item {
  margin-bottom: 1.2rem;
  width: 100%;
  padding: 0 2rem 2rem 0;
}
.page-column__list .top-column__list--item a {
  box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.05);
}
.page-column__list--item:hover {
  opacity: 0.8;
}
.page-column__list--item:hover figure img {
  transform: scale(1.1);
}
.page-column__list--item:first-of-type a {
  animation-delay: 0;
}
.page-column__list--item:nth-of-type(2) a {
  animation-delay: 0.3s;
}
.page-column__list--item:last-of-type {
  margin-bottom: 0;
}
.page-column__list--item:last-of-type a {
  animation-delay: 0.6s;
}
.page-column__list--item figure {
  aspect-ratio: 312/176;
  width: 100%;
  overflow: hidden;
}
.page-column__list--item figure img {
  transform: scale(1);
  transition: 0.3s;
}
.page-column__list--item .txt {
  background-color: #fff;
  padding: 1.8rem 2rem 2.05rem 2rem;
}
.page-column__list--item .title {
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: 700;
}
.page-column__list--item .date {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.6rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
}
.page-column__list--item .date time {
  display: block;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
.page-column__list--item .date .cat span {
  display: inline-block;
  margin-right: 1rem;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 400;
  color: #898989;
}
.page-column__list--item .date .cat span:last-child {
  margin-right: 0;
}

.page-column-list .pager {
  transform: translateX(-1.2em) translateY(-3rem);
}
@media screen and (min-width: 768px) {
  .page-column-list .pager {
    transform: none;
  }
}

@media screen and (min-width: 768px) {
  .page-column-list__head.page-head {
    min-height: inherit !important;
  }
  .page-column-list__head .page-head__title + p {
    margin-top: 8rem;
  }
  .page-column .pager {
    background-color: transparent;
    padding-bottom: 16.5rem;
  }
  .page-column .pager + .cta {
    margin-top: 0;
  }
  .page-column-list {
    padding-top: 8rem;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 4rem;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
    padding-bottom: 0;
  }
  .page-column-list--wrap {
    padding-bottom: 7.8rem;
  }
  .page-column__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 2rem;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 1.2rem;
  }
  .page-column__list .top-column__list--item {
    margin-bottom: 0;
    width: calc((100% - 4rem) / 3);
  }
  .page-column__cat {
    animation-delay: 0.6s;
  }
  .page-column__cat--title {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page-column__cat--list {
    width: 100%;
    margin-top: 1.4rem;
  }
  .page-column__cat--list li {
    width: 11rem;
  }
}
.page-column .cta {
  margin-top: -6rem;
}

.page-column-detail .cta {
  margin-top: -3rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .page-column-detail .cta {
    margin-top: 0;
  }
}

.page-column-detail .recommend {
  padding: 5.6rem 0 13rem 0;
  background-color: #F1F3F5;
  position: relative;
}
.page-column-detail .recommend::after {
  content: "";
  background: no-repeat center/contain;
  -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask: url("../img/common/triangle.svg") no-repeat center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #DADFE5;
  aspect-ratio: 1508/2854;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 18.5rem;
}
.page-column-detail .recommend .inner {
  position: relative;
  z-index: 1;
}
.page-column-detail .recommend h2 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 700;
}
.page-column-detail .recommend .btn-white {
  margin-top: 8rem;
  height: 6rem;
}
.page-column-detail .recommend .btn-white a {
  background-color: transparent;
}
.page-column-detail .recommend .btn-white a:hover {
  color: #000 !important;
}
.page-column-detail__title {
  font-size: 2rem;
  line-height: 1.7;
  font-weight: 700;
  margin-top: 2.4rem;
}
.page-column-detail .page-head .date {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
}
.page-column-detail .page-head .date time {
  display: block;
  flex-basis: 100%;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}
.page-column-detail .page-head .date .cat {
  border: 1px solid #14325A;
  color: #14325A;
  padding: 0.62rem 1.3rem 0.68rem 1.3rem;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
}
.page-column-detail .recommendation {
  padding-bottom: 8rem;
}
.page-column-detail .recommendation .inner {
  width: 100%;
}
.page-column-detail .page-column__list {
  width: calc(100% + 2rem);
}
.page-column-detail article .inner {
  width: 100%;
}
.page-column-detail article .main-img {
  aspect-ratio: 327/183.94;
  width: 100%;
  margin-top: 3rem;
}
.page-column-detail article .main-img img {
  object-fit: cover;
  object-position: 50% 50%;
}
.page-column-detail article .contents-menu {
  margin-top: 4.6rem;
  border: 1px solid #DADFE5;
  padding: 2.8rem 2.4rem 4rem 2.4rem;
}
.page-column-detail article .contents-menu h2 {
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 700;
}
.page-column-detail article .contents-menu ul {
  margin-top: 2.8rem;
}
.page-column-detail article .contents-menu ul li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #F1F3F5;
}
.page-column-detail article .contents-menu ul li a {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 600;
  display: flex;
  flex-wrap: nowrap;
  gap: 4rem;
  justify-content: flex-start;
  align-items: flex-start;
}
.page-column-detail article .contents-menu ul li a .num {
  display: block;
  color: var(--main-color02);
  font-size: 1.6rem;
  line-height: 1.3125;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  width: 2rem;
}
.page-column-detail article .contents-menu ul li a .txt01 {
  width: calc(100% - 4rem - 2rem);
}
.page-column-detail article .contents-menu ul li a .txt02 {
  width: calc(100% - 4rem - 2rem);
  margin: 1rem 0 0 auto;
  font-size: 1.2rem;
  line-height: 1.5833333333;
  font-weight: 500;
}
.page-column-detail article .contents {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 400;
  padding-bottom: 10rem;
}
.page-column-detail article .contents h2 {
  padding-top: 6rem;
  font-size: 1.6rem;
  line-height: 1.6875;
  font-weight: 700;
}
.page-column-detail article .contents h3 {
  padding-top: 6rem;
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 700;
}
.page-column-detail article .contents p {
  margin-top: 2rem;
}
.page-column-detail article .contents img {
  display: block;
  margin: 2rem 0;
}
.page-column-detail article .contents .recommendation-block {
  max-width: 72.6rem;
  border: 1px solid #707070;
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  margin-top: 6rem;
}
.page-column-detail article .contents .recommendation-block figure {
  aspect-ratio: 327/184;
  overflow: hidden;
}
.page-column-detail article .contents .recommendation-block figure img {
  margin: 0;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: -1;
}
.page-column-detail article .contents .recommendation-block .txt {
  padding: 1.4rem 2.4rem 2rem 2.4rem;
}
.page-column-detail article .contents .recommendation-block .head {
  color: #14325A;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
}
.page-column-detail article .contents .recommendation-block .title {
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 700;
  margin-top: 1.2rem;
}
.page-column-detail article .contents .recommendation-block .more {
  text-align: right;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 400;
  margin-top: 3rem;
}
.page-column-detail article .contents .recommendation-block a {
  transition: 0.3s;
}
.page-column-detail article .contents .recommendation-block a:hover {
  opacity: 0.5;
}
.page-column-detail article .page-nav {
  margin: 5rem 0 12rem 0;
  display: flex;
  justify-content: center;
  gap: 3rem;
  align-items: center;
}
.page-column-detail article .page-nav .prev a,
.page-column-detail article .page-nav .next a {
  font-size: 1.3rem;
  line-height: 1.7692307692;
  font-weight: 500;
  position: relative;
}
.page-column-detail article .page-nav .prev a::after,
.page-column-detail article .page-nav .next a::after {
  content: "";
  width: 1.52rem;
  height: 1.038rem;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.197%22%20height%3D%2213.213%22%20viewBox%3D%220%200%2017.197%2013.213%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_34203%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2034203%22%20transform%3D%22translate(1%201.414)%22%3E%0A%20%20%20%20%3Cline%20id%3D%22%E7%B7%9A_1451%22%20data-name%3D%22%E7%B7%9A%201451%22%20x2%3D%2215.197%22%20transform%3D%22translate(0%205.193)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_44326%22%20data-name%3D%22%E3%83%91%E3%82%B9%2044326%22%20d%3D%22M6.176%2C1%2C1%2C6.192l5.176%2C5.192%22%20transform%3D%22translate(-1%20-1)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 30%;
}
.page-column-detail article .page-nav .prev a {
  padding-left: 3rem;
}
.page-column-detail article .page-nav .prev a::after {
  left: 0;
}
.page-column-detail article .page-nav .next a {
  padding-right: 3rem;
}
.page-column-detail article .page-nav .next a::after {
  transform: rotate(180deg);
  right: 0;
}

@media screen and (min-width: 768px) {
  .page-column-detail__wrap {
    margin-top: 6rem;
  }
  .page-column-detail__wrap :has(.inner) {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .page-column-detail__wrap .recommendation {
    width: 20.6896551724%;
  }
  .page-column-detail__wrap .recommendation .inner {
    width: 100%;
  }
  .page-column-detail__wrap .recommendation h2 {
    font-size: 2rem;
    line-height: 1.9;
    font-weight: 700;
  }
  .page-column-detail__wrap .recommendation .page-column__list {
    display: block;
  }
  .page-column-detail__wrap .recommendation .top-column__list--item {
    width: 100%;
    margin-bottom: 1.2rem;
  }
  .page-column-detail__wrap .recommendation .top-column__list--item .txt {
    padding: 1.57rem 0 0 0;
  }
  .page-column-detail__wrap .recommendation .top-column__list--item .title {
    font-size: 1.4rem;
    line-height: 1.6428571429;
    font-weight: 700;
  }
  .page-column-detail__wrap .recommendation .top-column__list--item .date time {
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 1rem;
  }
  .page-column-detail__wrap .recommendation .top-column__list--item a {
    opacity: 1 !important;
    transform: none;
    box-shadow: none;
  }
  .page-column-detail__wrap article {
    width: 68.9655172414%;
  }
  .page-column-detail .recommend {
    padding: 9.2rem 0 17rem 0;
    background-color: #F1F3F5;
    position: relative;
  }
  .page-column-detail .recommend::after {
    content: "";
    background: no-repeat center/contain;
    -webkit-mask: url("../img/common/triangle.svg") no-repeat center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask: url("../img/common/triangle.svg") no-repeat center;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: #DADFE5;
    aspect-ratio: 1508/2854;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 19rem;
  }
  .page-column-detail .recommend .inner {
    position: relative;
    z-index: 1;
  }
  .page-column-detail .recommend h2 {
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
  }
  .page-column-detail .recommend .page-column__list {
    margin-top: 6.53rem;
    width: 100%;
  }
  .page-column-detail .recommend .btn-white {
    margin-top: 8rem;
  }
  .page-column-detail .recommend .btn-white a {
    background-color: transparent;
    padding-left: 3.7rem;
    height: 7rem;
  }
  .page-column-detail .recommend .btn-white a:hover {
    color: #000 !important;
  }
  .page-column-detail .recommend .btn-white a:hover::after {
    background-color: #000;
  }
  .page-column-detail .cta {
    margin-top: -3rem;
    position: relative;
    z-index: 1;
  }
  .page-column-detail__title {
    font-size: 2.8rem;
    line-height: 1.7857142857;
    margin-top: 5.6rem;
  }
  .page-column-detail .page-head {
    min-height: initial;
  }
  .page-column-detail .page-head .date {
    margin-top: 4rem;
  }
  .page-column-detail .page-head .date time {
    flex-basis: auto;
    font-size: 1.4rem;
    line-height: 1;
    margin-right: 1.8rem;
  }
  .page-column-detail article .inner {
    width: 100%;
  }
  .page-column-detail article .main-img {
    aspect-ratio: 880/495;
    width: 100%;
    margin-top: 0;
  }
  .page-column-detail article .contents-menu {
    margin-top: 10rem;
    padding: 4rem 5.6rem 8.2rem 5.6rem;
  }
  .page-column-detail article .contents-menu ul {
    margin-top: 1rem;
  }
  .page-column-detail article .contents-menu ul li {
    padding: 3rem 0 2rem;
  }
  .page-column-detail article .contents-menu ul li a {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    gap: 4rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .page-column-detail article .contents-menu ul li a .txt01 {
    font-size: 1.5rem;
    line-height: 1.5333333333;
  }
  .page-column-detail article .contents-menu ul li a .txt02 {
    margin: 1.5rem 0 0 auto;
    font-size: 1.4rem;
    line-height: 1.5714285714;
  }
  .page-column-detail article .contents {
    font-size: 1.6rem;
    line-height: 1.75;
    padding-bottom: 12rem;
  }
  .page-column-detail article .contents h2 {
    padding-top: 7.3rem;
    font-size: 2.4rem;
    line-height: 1.3333333333;
  }
  .page-column-detail article .contents h3 {
    padding-top: 7.3rem;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
  }
  .page-column-detail article .contents h4 {
    padding-top: 7.3rem;
    font-size: 1.8rem;
    line-height: 15.8333333333;
    font-weight: 700;
  }
  .page-column-detail article .contents p {
    margin-top: 3rem;
  }
  .page-column-detail article .contents img {
    display: block;
    margin: 3.3rem 0 4rem 0;
  }
  .page-column-detail article .contents .recommendation-block {
    max-width: 72.6rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    margin: 6rem auto 0 auto;
  }
  .page-column-detail article .contents .recommendation-block a {
    display: flex;
    flex-wrap: nowrap;
    gap: 3.5rem;
    align-items: stretch;
  }
  .page-column-detail article .contents .recommendation-block figure {
    width: 41.1845730028%;
    aspect-ratio: 299/200;
    position: relative;
    z-index: -1;
  }
  .page-column-detail article .contents .recommendation-block .txt {
    width: calc(58.8154269972% - 3.5rem);
    padding: 2.8rem 3.5rem 2.3rem 0;
  }
  .page-column-detail article .contents .recommendation-block .head {
    font-size: 1.6rem;
    line-height: 1;
  }
  .page-column-detail article .contents .recommendation-block .title {
    font-size: 1.8rem;
    line-height: 1.6666666667;
    margin-top: 1.5rem;
  }
  .page-column-detail article .contents .recommendation-block .more {
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    margin-top: 3.5rem;
  }
  .page-column-detail article .contents .recommendation-block + h2 {
    padding-top: 8rem;
  }
  .page-column-list .pager {
    padding-top: 7.8rem;
    transform: none;
  }
}/*# sourceMappingURL=style.css.map */