@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes arrow-link-line {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
}
@keyframes arrow-link-line-reverse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  49.99% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-sp {
  display: none;
}
@media (max-width: 767px) {
  .m-sp {
    display: block;
  }
}

.m-pc {
  display: block;
}
@media (max-width: 767px) {
  .m-pc {
    display: none;
  }
}

.m-pc_only {
  display: block;
}
@media (max-width: 1200px) {
  .m-pc_only {
    display: none;
  }
}

.m-pc_tab_l_only {
  display: block;
}
@media (max-width: 1024px) {
  .m-pc_tab_l_only {
    display: none;
  }
}

.m-tab_s_m_only {
  display: none;
}
@media (max-width: 1024px) {
  .m-tab_s_m_only {
    display: block;
  }
}
@media (max-width: 767px) {
  .m-tab_s_m_only {
    display: none;
  }
}

.m-tab_l {
  display: none;
}
@media (max-width: 1200px) {
  .m-tab_l {
    display: block;
  }
}

.m-tab_m {
  display: none;
}
@media (max-width: 1024px) {
  .m-tab_m {
    display: block;
  }
}

.m-pc_inline {
  display: inline;
}
@media (max-width: 767px) {
  .m-pc_inline {
    display: none;
  }
}

.m-strong {
  font-weight: bold;
}

.m-en_font {
  font-family: "Roboto Condensed", sans-serif;
}

.m-br {
  margin-top: 1em;
  display: block;
  content: "";
}

.m-sup {
  vertical-align: super;
  font-size: 10px;
  display: inline-block;
  transform: scale(0.9);
  transform-origin: left bottom;
}

.m-link {
  text-decoration: none;
  color: inherit;
  transition: 0.3s all;
}

.m-event_none {
  pointer-events: none;
}

.m-inner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: 1440px;
  width: 93%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .m-inner {
    width: 87.2vw;
  }
}

.m-narrow {
  letter-spacing: -0.5em;
}

.m-fadein {
  opacity: 0;
  transition: 0.7s;
  transform: translateY(4.1666666667vw);
}
@media (max-width: 767px) {
  .m-fadein {
    transform: translateY(13.3333333333vw);
  }
}
.m-fadein.is_show {
  opacity: 1;
  transform: translateY(0);
}

.m-fadein_delay {
  opacity: 0;
  transition: 0.7s;
  transform: translateY(4.1666666667vw);
}
@media (max-width: 767px) {
  .m-fadein_delay {
    transform: translateY(13.3333333333vw);
  }
}
.m-fadein_delay.is_show {
  opacity: 1;
  transform: translateY(0);
}
.is_show .m-fadein_delay {
  opacity: 1;
  transform: translateY(0);
}
.m-fadein_delay-01 {
  transition-delay: 0s;
}
.m-fadein_delay-02 {
  transition-delay: 0.15s;
}
.m-fadein_delay-03 {
  transition-delay: 0.3s;
}
.m-fadein_delay-04 {
  transition-delay: 0.45s;
}
.m-fadein_delay-05 {
  transition-delay: 0.6s;
}

.m-text_split {
  opacity: 0;
  transition: 0.1s;
}
.m-text_split.is_show {
  opacity: 1;
}
.m-text_split.is_show > span {
  opacity: 1;
}
.is_show .m-text_split {
  opacity: 1;
}
.is_show .m-text_split > span {
  opacity: 1;
}
.m-text_split > span {
  opacity: 0;
  transition: 1.2s;
  display: inline-block;
}
.m-text_split > span:nth-of-type(1) {
  transition-delay: 0.05s;
}
.m-text_split > span:nth-of-type(2) {
  transition-delay: 0.1s;
}
.m-text_split > span:nth-of-type(3) {
  transition-delay: 0.15s;
}
.m-text_split > span:nth-of-type(4) {
  transition-delay: 0.2s;
}
.m-text_split > span:nth-of-type(5) {
  transition-delay: 0.25s;
}
.m-text_split > span:nth-of-type(6) {
  transition-delay: 0.3s;
}
.m-text_split > span:nth-of-type(7) {
  transition-delay: 0.35s;
}
.m-text_split > span:nth-of-type(8) {
  transition-delay: 0.4s;
}
.m-text_split > span:nth-of-type(9) {
  transition-delay: 0.45s;
}
.m-text_split > span:nth-of-type(10) {
  transition-delay: 0.5s;
}
.m-text_split > span:nth-of-type(11) {
  transition-delay: 0.55s;
}
.m-text_split > span:nth-of-type(12) {
  transition-delay: 0.6s;
}
.m-text_split > span:nth-of-type(13) {
  transition-delay: 0.65s;
}
.m-text_split > span:nth-of-type(14) {
  transition-delay: 0.7s;
}
.m-text_split > span:nth-of-type(15) {
  transition-delay: 0.75s;
}
.m-text_split > span:nth-of-type(16) {
  transition-delay: 0.8s;
}
.m-text_split > span:nth-of-type(17) {
  transition-delay: 0.85s;
}
.m-text_split > span:nth-of-type(18) {
  transition-delay: 0.9s;
}
.m-text_split > span:nth-of-type(19) {
  transition-delay: 0.95s;
}
.m-text_split > span:nth-of-type(20) {
  transition-delay: 1s;
}
.m-text_split > span:nth-of-type(21) {
  transition-delay: 1.05s;
}
.m-text_split > span:nth-of-type(22) {
  transition-delay: 1.1s;
}
.m-text_split > span:nth-of-type(23) {
  transition-delay: 1.15s;
}
.m-text_split > span:nth-of-type(24) {
  transition-delay: 1.2s;
}
.m-text_split > span:nth-of-type(25) {
  transition-delay: 1.25s;
}
.m-text_split > span:nth-of-type(26) {
  transition-delay: 1.3s;
}
.m-text_split > span:nth-of-type(27) {
  transition-delay: 1.35s;
}
.m-text_split > span:nth-of-type(28) {
  transition-delay: 1.4s;
}
.m-text_split > span:nth-of-type(29) {
  transition-delay: 1.45s;
}
.m-text_split > span:nth-of-type(30) {
  transition-delay: 1.5s;
}

.m-pagination .wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 4.4444444444vw auto 0;
  width: clamp(860px, 59.7222222222vw, 860px * 1.05);
  position: relative;
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi {
    margin-top: 12.8vw;
    width: 91.4666666667vw;
  }
}
.m-pagination .wp-pagenavi > span, .m-pagination .wp-pagenavi > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: rgba(91, 82, 147, 0.4);
  transition: 0.3s;
  font-size: clamp(14px, 0.9722222222vw, 14px * 1.05);
  line-height: 1.1666666667;
  margin: 0 clamp(6px, 0.4166666667vw, 6px * 1.05);
  box-sizing: border-box;
  letter-spacing: -0.02em;
  padding: clamp(6px, 0.4166666667vw, 6px * 1.05) clamp(7px, 0.4861111111vw, 7px * 1.05);
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span, .m-pagination .wp-pagenavi > a {
    font-size: 5.3333333333vw;
    line-height: 1.15;
    margin: 0 1.6vw;
    padding: 1.0666666667vw 1.6vw;
  }
}
.m-pagination .wp-pagenavi > span:before, .m-pagination .wp-pagenavi > a:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(91, 82, 147, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform-origin 0s;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform-origin 0s;
}
.m-pagination .wp-pagenavi > span.current, .m-pagination .wp-pagenavi > a.current {
  color: rgba(91, 82, 147, 0.7);
}
.m-pagination .wp-pagenavi > span.current:before, .m-pagination .wp-pagenavi > a.current:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.m-pagination .wp-pagenavi > span.nextpostslink, .m-pagination .wp-pagenavi > a.nextpostslink {
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  color: rgba(91, 82, 147, 0.7);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  display: flex;
  align-items: center;
  gap: clamp(2px, 0.1388888889vw, 2px * 1.05);
  padding-left: clamp(8px, 0.5555555556vw, 8px * 1.05);
  padding-right: 0;
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span.nextpostslink, .m-pagination .wp-pagenavi > a.nextpostslink {
    font-size: 4.2666666667vw;
    gap: 0.5333333333vw;
    padding-left: 1.0666666667vw;
  }
}
.m-pagination .wp-pagenavi > span.nextpostslink:after, .m-pagination .wp-pagenavi > a.nextpostslink:after {
  content: "";
  display: block;
  width: clamp(18px, 1.25vw, 18px * 1.05);
  aspect-ratio: 18/18;
  background-image: url(../img/common/icn_arrow.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.1em;
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span.nextpostslink:after, .m-pagination .wp-pagenavi > a.nextpostslink:after {
    width: 4.8vw;
  }
}
.m-pagination .wp-pagenavi > span.previouspostslink, .m-pagination .wp-pagenavi > a.previouspostslink {
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  color: rgba(91, 82, 147, 0.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: clamp(2px, 0.1388888889vw, 2px * 1.05);
  padding-left: 0;
  padding-right: clamp(8px, 0.5555555556vw, 8px * 1.05);
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span.previouspostslink, .m-pagination .wp-pagenavi > a.previouspostslink {
    font-size: 4.2666666667vw;
    gap: 0.5333333333vw;
    padding-right: 1.0666666667vw;
  }
}
.m-pagination .wp-pagenavi > span.previouspostslink:after, .m-pagination .wp-pagenavi > a.previouspostslink:after {
  content: "";
  display: block;
  width: clamp(18px, 1.25vw, 18px * 1.05);
  aspect-ratio: 18/18;
  background-image: url(../img/common/icn_arrow.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.1em;
  transform: scale(-1, 1);
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span.previouspostslink:after, .m-pagination .wp-pagenavi > a.previouspostslink:after {
    width: 4.8vw;
  }
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span.extend, .m-pagination .wp-pagenavi > a.extend {
    padding-left: 0;
    padding-right: 0;
  }
}
.m-pagination .wp-pagenavi > span.is-disabled, .m-pagination .wp-pagenavi > a.is-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  color: rgba(91, 82, 147, 0.7);
}
.m-pagination .wp-pagenavi > span.is-disabled:before, .m-pagination .wp-pagenavi > a.is-disabled:before {
  display: none;
}
.m-pagination .wp-pagenavi > span:hover:not(.current):not(.extend):not(.is-disabled):before, .m-pagination .wp-pagenavi > a:hover:not(.current):not(.extend):not(.is-disabled):before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
@media (max-width: 767px) {
  .m-pagination .wp-pagenavi > span:hover:not(.current):not(.extend):not(.is-disabled):before, .m-pagination .wp-pagenavi > a:hover:not(.current):not(.extend):not(.is-disabled):before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

.m-richeditor {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
}
@media (max-width: 767px) {
  .m-richeditor {
    font-size: 4vw;
    padding-left: 3.2vw;
    padding-right: 3.2vw;
    box-sizing: border-box;
  }
}
.m-richeditor * {
  font-size: 1em;
  line-height: 2;
  word-break: break-all;
  color: rgba(0, 0, 0, 0.8);
}
.m-richeditor *:first-child {
  margin-top: 0;
}
.m-richeditor strong {
  line-height: inherit;
}
.m-richeditor h2 {
  font-size: 1.6em;
  margin-bottom: 1.6em;
  line-height: 1.4583333333em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .m-richeditor h2 {
    font-size: 1.2em;
    line-height: 1.4444444444em;
  }
}
.m-richeditor h3 {
  font-size: 1.3333333333em;
  margin-bottom: 1.6em;
  line-height: 1.4583333333em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .m-richeditor h3 {
    font-size: 1.1333333333em;
    line-height: 1.4444444444em;
  }
}
.m-richeditor h4 {
  font-size: 1.2em;
  margin-bottom: 1.6em;
  line-height: 1.4583333333em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .m-richeditor h4 {
    font-size: 1.0666666667em;
    line-height: 1.4444444444em;
  }
}
.m-richeditor p {
  margin-bottom: 1.6em;
  font-size: 1em;
  line-height: 2;
  color: rgba(0, 0, 0, 0.7);
}
.m-richeditor ul {
  font-size: 1.0666666667em;
  margin-top: 2.5em;
  margin-bottom: 0.375em;
  list-style: none;
}
@media (max-width: 767px) {
  .m-richeditor ul {
    font-size: 1.1333333333em;
    margin-top: 2.3529411765em;
    margin-bottom: 0.3529411765em;
  }
}
.m-richeditor ul li {
  padding-left: 1.4em;
  position: relative;
  font-weight: 700;
  color: #5B5293;
}
@media (max-width: 767px) {
  .m-richeditor ul li {
    line-height: 1.5;
  }
}
.m-richeditor ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.m-richeditor ol {
  font-size: 1.0666666667em;
  margin-top: 2.5em;
  margin-bottom: 0.375em;
  list-style: none;
  counter-reset: item;
}
.m-richeditor ol[start] {
  /* ブロックエディタの <ol start="n"> を CSS カウンターに反映 */
  counter-reset: item calc(attr(start number, 1) - 1);
}
@media (max-width: 767px) {
  .m-richeditor ol {
    font-size: 1.1333333333em;
    margin-top: 2.3529411765em;
    margin-bottom: 0.3529411765em;
  }
}
.m-richeditor ol li {
  padding-left: 1.4em;
  position: relative;
  color: #5B5293;
  font-weight: 700;
}
@media (max-width: 767px) {
  .m-richeditor ol li {
    line-height: 1.5;
  }
}
.m-richeditor ol li:before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.m-richeditor .wp-block-image {
  margin-top: 1.875em;
  margin-bottom: 1.875em;
}
.m-richeditor img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.m-richeditor a {
  text-decoration: none;
  transition: 0.3s;
  background: linear-gradient(90deg, rgba(91, 82, 147, 0.85) 0%, rgba(0, 0, 0, 0.9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: clamp(6px, 0.4166666667vw, 6px * 1.05);
}
@media (max-width: 767px) {
  .m-richeditor a {
    line-height: 1.8;
    text-underline-offset: 1.6vw;
  }
}

.m-head {
  height: clamp(360px, 25vw, 360px * 1.05);
  display: flex;
  align-items: center;
  padding-left: clamp(143px, 9.9305555556vw, 143px * 1.05);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .m-head {
    height: auto;
    padding-left: 8.8vw;
    padding-top: 15.7333333333vw;
    padding-bottom: 9.3333333333vw;
    display: block;
  }
}
.m-head.about {
  background-image: url(../img/common/bg_head-about.webp);
}
@media (max-width: 767px) {
  .m-head.about {
    background-image: url(../img/common/bg_head-about-sp.webp);
  }
}
.m-head.message {
  background-image: url(../img/common/bg_head-message.webp);
  background-position: 50% 0%;
}
@media (max-width: 767px) {
  .m-head.message {
    background-image: url(../img/common/bg_head-message-sp.webp);
  }
}
.m-head.business {
  background-image: url(../img/common/bg_head-business.webp);
}
@media (max-width: 767px) {
  .m-head.business {
    background-image: url(../img/common/bg_head-business-sp.webp);
  }
}
.m-head.company {
  background-image: url(../img/common/bg_head-company.webp);
}
@media (max-width: 767px) {
  .m-head.company {
    background-image: url(../img/common/bg_head-company-sp.webp);
  }
}
.m-head.companyApproach {
  background-image: url(../img/common/bg_head-company_approach.webp);
}
@media (max-width: 767px) {
  .m-head.companyApproach {
    background-image: url(../img/common/bg_head-company_approach-sp.webp);
  }
}
.m-head.news {
  background-image: url(../img/common/bg_head-news.webp);
}
@media (max-width: 767px) {
  .m-head.news {
    background-image: url(../img/common/bg_head-news-sp.webp);
  }
}
.m-head.contact {
  background-image: url(../img/common/bg_head-contact.webp);
}
@media (max-width: 767px) {
  .m-head.contact {
    background-image: url(../img/common/bg_head-contact-sp.webp);
  }
}
.m-head.privacy {
  background-image: url(../img/common/bg_head-privacy.webp);
}
@media (max-width: 767px) {
  .m-head.privacy {
    background-image: url(../img/common/bg_head-privacy-sp.webp);
  }
}
.m-head hgroup {
  position: relative;
  z-index: 100;
}
.m-head hgroup.is_show .sub {
  opacity: 1;
  transform: translateY(0);
}
.m-head hgroup:before {
  content: "";
  display: block;
  width: clamp(179px, 12.4305555556vw, 179px * 1.05);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: calc(clamp(193px, 13.4027777778vw, 193px * 1.05) * -1);
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .m-head hgroup:before {
    width: 47.7333333333vw;
    left: -49.8666666667vw;
    top: 6.1333333333vw;
    transform: none;
  }
}
.m-head hgroup .main {
  font-weight: 700;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.45;
}
@media (max-width: 767px) {
  .m-head hgroup .main {
    font-size: 8vw;
    line-height: 1.4333333333;
  }
}
.m-head hgroup .sub {
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.1666666667;
  font-family: "Roboto Condensed", sans-serif;
  color: rgba(91, 82, 147, 0.4);
  margin-top: clamp(14px, 0.9722222222vw, 14px * 1.05);
  transition: 0.8s;
  transition-delay: 0.3s;
  transform: translateY(1.3888888889vw);
  opacity: 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .m-head hgroup .sub {
    font-size: 5.3333333333vw;
    line-height: 1.15;
    margin-top: 3.2vw;
    transform: translateY(5.3333333333vw);
  }
}
.m-head .deco {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.m-head .deco:before {
  content: "";
  display: block;
  width: calc(100% - 61.25vw - 3.9583333333vw);
  aspect-ratio: 503/694;
  background-image: url(../img/common/bg_head-left.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1200px) {
  .m-head .deco:before {
    width: clamp(503px, 34.9305555556vw, 503px * 1.05);
  }
}
@media (max-width: 767px) {
  .m-head .deco:before {
    width: 68vw;
    aspect-ratio: 255/440;
    background-image: url(../img/common/bg_head-left-sp.svg);
  }
}
.m-head .deco:after {
  content: "";
  display: block;
  width: clamp(561px, 38.9583333333vw, 561px * 1.05);
  aspect-ratio: 561/874;
  background-image: url(../img/common/bg_head-right.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .m-head .deco:after {
    width: auto;
    height: 100%;
    aspect-ratio: 375/241;
    background-image: url(../img/common/bg_head-right-sp.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
}

.m-bread {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  position: absolute;
  bottom: clamp(30px, 2.0833333333vw, 30px * 1.05);
  left: clamp(143px, 9.9305555556vw, 143px * 1.05);
}
@media (max-width: 767px) {
  .m-bread {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 12.8vw;
  }
}
.m-bread > li {
  font-size: clamp(12px, 0.8333333333vw, 12px * 1.05);
  line-height: 2;
}
@media (max-width: 767px) {
  .m-bread > li {
    font-size: 3.2vw;
    line-height: 1.8;
  }
}
.m-bread > li:after {
  content: ">";
  margin-left: 0.8333333333em;
  margin-right: 0.8333333333em;
  vertical-align: 0.05em;
}
.m-bread > li:last-of-type {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-bread > li:last-of-type:after {
  content: none;
}
.m-bread > li > a:hover {
  color: rgba(91, 82, 147, 0.8);
}
@media (max-width: 767px) {
  .m-bread > li > a:hover {
    color: inherit;
  }
}

.m-nextBox {
  padding-top: 4.1666666667vw;
  padding-bottom: 7.7777777778vw;
  width: 78.2638888889vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 820px) {
  .m-nextBox {
    width: 86.6666666667vw;
  }
}
@media (max-width: 767px) {
  .m-nextBox {
    width: 87.2vw;
    padding-top: 9.0666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
.m-nextBox__link {
  padding: 4.1666666667vw 5.2777777778vw 4.1666666667vw 3.6111111111vw;
  box-sizing: border-box;
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .m-nextBox__link {
    padding: 12.8vw 7.4666666667vw 16vw;
  }
}
.m-nextBox__link .next {
  font-weight: 700;
  font-size: clamp(40px, 2.7777777778vw, 40px * 1.05);
  line-height: 1.175;
  font-family: "Roboto Condensed", sans-serif;
  display: flex;
  align-items: center;
  gap: 0.4166666667vw;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .m-nextBox__link .next {
    font-size: 8.5333333333vw;
    line-height: 1.1875;
    gap: 1.6vw;
  }
}
.m-nextBox__link .next:after {
  content: "";
  display: block;
  aspect-ratio: 72/24;
  width: 5vw;
  background-image: url(../img/common/icn_next.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media (max-width: 767px) {
  .m-nextBox__link .next:after {
    width: 16vw;
  }
}
.m-nextBox__link:hover .m-arrowLink:before {
  animation: arrow-link-line 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@media (max-width: 767px) {
  .m-nextBox__link:hover .m-arrowLink:before {
    animation: none;
  }
}
.m-nextBox__link:hover .deco .topLeft {
  transform: translate(1.3888888889vw, 1.3888888889vw);
}
@media (max-width: 767px) {
  .m-nextBox__link:hover .deco .topLeft {
    transform: none;
  }
}
.m-nextBox__link:hover .deco .topRight {
  transform: translate(-1.3888888889vw, 1.3888888889vw);
}
@media (max-width: 767px) {
  .m-nextBox__link:hover .deco .topRight {
    transform: none;
  }
}
.m-nextBox__link:hover .deco .bottomLeft {
  transform: translate(1.3888888889vw, -1.3888888889vw);
}
@media (max-width: 767px) {
  .m-nextBox__link:hover .deco .bottomLeft {
    transform: none;
  }
}
.m-nextBox__link:hover .deco .bottomRight {
  transform: translate(-1.3888888889vw, -1.3888888889vw);
}
@media (max-width: 767px) {
  .m-nextBox__link:hover .deco .bottomRight {
    transform: none;
  }
}
.m-nextBox__wrap {
  display: flex;
  align-items: center;
  gap: 6.3886424135%;
  margin-top: 3.0555555556vw;
}
@media (max-width: 767px) {
  .m-nextBox__wrap {
    gap: 5.3333333333vw;
    margin-top: 4.2666666667vw;
    flex-direction: column;
  }
}
.m-nextBox__wrap img {
  display: block;
  width: 51.6516516517%;
  padding-left: 3.6036036036%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .m-nextBox__wrap img {
    width: 100%;
    padding-left: 0;
  }
}
.m-nextBox__wrap .txtWrap {
  width: 41.1411411411%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .m-nextBox__wrap .txtWrap {
    width: 100%;
  }
}
.m-nextBox__wrap .txtWrap hgroup .main {
  font-weight: 700;
  font-size: clamp(32px, 2.2222222222vw, 32px * 1.05);
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .m-nextBox__wrap .txtWrap hgroup .main {
    font-size: 6.4vw;
    line-height: 1.4583333333;
  }
}
.m-nextBox__wrap .txtWrap hgroup .sub {
  font-size: clamp(20px, 1.3888888889vw, 20px * 1.05);
  color: rgba(91, 82, 147, 0.2);
  font-family: "Roboto Condensed", sans-serif;
  margin-top: 0.2777777778vw;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .m-nextBox__wrap .txtWrap hgroup .sub {
    font-size: 5.3333333333vw;
    margin-top: 1.0666666667vw;
  }
}
.m-nextBox__wrap .txtWrap .desc {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 2;
  margin-top: 2.0833333333vw;
}
@media (max-width: 1200px) {
  .m-nextBox__wrap .txtWrap .desc {
    word-break: auto-phrase;
  }
  .m-nextBox__wrap .txtWrap .desc br {
    display: none;
  }
}
@media (max-width: 767px) {
  .m-nextBox__wrap .txtWrap .desc {
    font-size: 4vw;
    margin-top: 4.2666666667vw;
    word-break: normal;
  }
}
.m-nextBox__wrap .txtWrap .m-arrowLink {
  width: clamp(302px, 20.9722222222vw, 302px * 1.05);
  margin-top: 2.6388888889vw;
}
@media (max-width: 767px) {
  .m-nextBox__wrap .txtWrap .m-arrowLink {
    width: 54.9333333333vw;
    margin-top: 6.4vw;
  }
}
.m-nextBox .deco > span {
  width: 7.5vw;
  aspect-ratio: 108/108;
  position: absolute;
  transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (max-width: 767px) {
  .m-nextBox .deco > span {
    width: 28.8vw;
  }
}
.m-nextBox .deco > span.topLeft {
  top: 0;
  left: 0;
  border-top: rgba(0, 0, 0, 0.8) solid 1px;
  border-left: rgba(0, 0, 0, 0.8) solid 1px;
}
.m-nextBox .deco > span.topRight {
  top: 0;
  right: 0;
  border-top: rgba(0, 0, 0, 0.8) solid 1px;
  border-right: rgba(0, 0, 0, 0.8) solid 1px;
}
.m-nextBox .deco > span.bottomLeft {
  bottom: 0;
  left: 0;
  border-bottom: rgba(0, 0, 0, 0.8) solid 1px;
  border-left: rgba(0, 0, 0, 0.8) solid 1px;
}
.m-nextBox .deco > span.bottomRight {
  bottom: 0;
  right: 0;
  border-bottom: rgba(0, 0, 0, 0.8) solid 1px;
  border-right: rgba(0, 0, 0, 0.8) solid 1px;
}

.m-arrowLink {
  display: block;
  width: clamp(302px, 20.9722222222vw, 302px * 1.05);
  font-family: "Roboto Condensed", sans-serif;
  color: #5B5293;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.1666666667;
  padding-left: 0.4166666667vw;
  padding-bottom: 0.5555555556vw;
  text-transform: uppercase;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .m-arrowLink {
    width: 54.9333333333vw;
    font-size: 5.3333333333vw;
    line-height: 1.15;
    padding-left: 1.6vw;
    padding-bottom: 2.1333333333vw;
  }
}
.m-arrowLink:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.m-arrowLink:after {
  content: "";
  display: block;
  width: clamp(27px, 1.875vw, 27px * 1.05);
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: clamp(12px, 0.8333333333vw, 12px * 1.05);
  right: clamp(-9.5px, -0.6597222222vw, -9.5px * 1.05);
  transform: rotate(66.25deg);
}
@media (max-width: 767px) {
  .m-arrowLink:after {
    width: 7.2vw;
    bottom: 3.2vw;
    right: -2.1333333333vw;
  }
}
.m-arrowLink.withHover:hover:before {
  animation: arrow-link-line 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@media (max-width: 767px) {
  .m-arrowLink.withHover:hover:before {
    animation: none;
  }
}

.m-arrowLinkReverse {
  display: block;
  font-family: "Roboto Condensed", sans-serif;
  color: #5B5293;
  font-size: clamp(24px, 1.6666666667vw, 24px * 1.05);
  line-height: 1.1666666667;
  padding-right: 0.4166666667vw;
  padding-bottom: 0.5555555556vw;
  text-transform: uppercase;
  position: relative;
  max-width: 100%;
  box-sizing: border-box;
  text-align: right;
}
@media (max-width: 767px) {
  .m-arrowLinkReverse {
    font-size: 5.3333333333vw;
    line-height: 1.15;
    padding-right: 1.6vw;
    padding-bottom: 2.1333333333vw;
  }
}
.m-arrowLinkReverse:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.m-arrowLinkReverse:after {
  content: "";
  display: block;
  width: clamp(27px, 1.875vw, 27px * 1.05);
  height: 1px;
  background-color: #5B5293;
  position: absolute;
  bottom: clamp(12px, 0.8333333333vw, 12px * 1.05);
  left: clamp(-9.5px, -0.6597222222vw, -9.5px * 1.05);
  transform: rotate(-66.25deg);
}
@media (max-width: 767px) {
  .m-arrowLinkReverse:after {
    width: 7.2vw;
    bottom: 3.2vw;
    left: -2.1333333333vw;
  }
}
.m-arrowLinkReverse.withHover:hover:before {
  animation: arrow-link-line-reverse 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@media (max-width: 767px) {
  .m-arrowLinkReverse.withHover:hover:before {
    animation: none;
  }
}

.m-pageArrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.m-pageArrow > li > a, .m-pageArrow > li > span {
  display: flex;
  align-items: center;
  gap: clamp(2px, 0.1388888889vw, 2px * 1.05);
  font-family: "Roboto Condensed", sans-serif;
  color: rgba(91, 82, 147, 0.7);
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  padding-top: clamp(6px, 0.4166666667vw, 6px * 1.05);
  padding-bottom: clamp(6px, 0.4166666667vw, 6px * 1.05);
  line-height: 1.1666666667;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
@media (max-width: 767px) {
  .m-pageArrow > li > a, .m-pageArrow > li > span {
    gap: 0;
    font-size: 4.2666666667vw;
    line-height: 1.1875;
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
  }
}
.m-pageArrow > li > a:before, .m-pageArrow > li > span:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(91, 82, 147, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform-origin 0s;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform-origin 0s;
}
.m-pageArrow > li > a.next, .m-pageArrow > li > span.next {
  padding-left: clamp(8px, 0.5555555556vw, 8px * 1.05);
}
@media (max-width: 767px) {
  .m-pageArrow > li > a.next, .m-pageArrow > li > span.next {
    padding-left: 1.0666666667vw;
  }
}
.m-pageArrow > li > a.next:after, .m-pageArrow > li > span.next:after {
  content: "";
  display: block;
  width: clamp(18px, 1.25vw, 18px * 1.05);
  aspect-ratio: 18/18;
  background-image: url(../img/common/icn_arrow.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.1em;
}
@media (max-width: 767px) {
  .m-pageArrow > li > a.next:after, .m-pageArrow > li > span.next:after {
    width: 4.8vw;
  }
}
.m-pageArrow > li > a.prev, .m-pageArrow > li > span.prev {
  padding-right: clamp(8px, 0.5555555556vw, 8px * 1.05);
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .m-pageArrow > li > a.prev, .m-pageArrow > li > span.prev {
    padding-right: 1.0666666667vw;
  }
}
.m-pageArrow > li > a.prev:after, .m-pageArrow > li > span.prev:after {
  content: "";
  display: block;
  width: clamp(18px, 1.25vw, 18px * 1.05);
  aspect-ratio: 18/18;
  background-image: url(../img/common/icn_arrow.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.1em;
  transform: scale(-1, 1);
}
@media (max-width: 767px) {
  .m-pageArrow > li > a.prev:after, .m-pageArrow > li > span.prev:after {
    width: 4.8vw;
  }
}
.m-pageArrow > li > a.is-disabled, .m-pageArrow > li > span.is-disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.m-pageArrow > li > a:hover:before, .m-pageArrow > li > span:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
@media (max-width: 767px) {
  .m-pageArrow > li > a:hover:before, .m-pageArrow > li > span:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

.m-articleList {
  width: clamp(860px, 59.7222222222vw, 860px * 1.05);
}
@media (max-width: 767px) {
  .m-articleList {
    width: 91.4666666667vw;
  }
}
.m-articleList > li:not(.empty) {
  border-bottom: 1px solid;
  border-image: linear-gradient(90deg, #DEDEA5 16.62%, #E6B7CD 58.31%, #82C7DA 100%) 1;
}
.m-articleList > li:not(.empty):first-of-type {
  border-top: 1px solid;
}
.m-articleList > li:not(.empty) a {
  padding: clamp(18px, 1.25vw, 18px * 1.05) clamp(8px, 0.5555555556vw, 8px * 1.05);
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a {
    padding: 6.4vw 2.1333333333vw;
    flex-wrap: wrap;
  }
}
.m-articleList > li:not(.empty) a:hover .ttl .deco {
  opacity: 1;
  right: clamp(10px, 0.6944444444vw, 10px * 1.05);
}
.m-articleList > li:not(.empty) a .date {
  font-family: "Roboto Condensed", sans-serif;
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
  line-height: 1.1875;
  color: rgba(91, 82, 147, 0.4);
  width: clamp(112px, 7.7777777778vw, 112px * 1.05);
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .date {
    font-size: 4.2666666667vw;
    width: 24.5333333333vw;
  }
}
.m-articleList > li:not(.empty) a .catWrap {
  width: clamp(152px, 10.5555555556vw, 152px * 1.05);
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .catWrap {
    width: calc(100% - 24.5333333333vw);
  }
}
.m-articleList > li:not(.empty) a .cat {
  font-size: clamp(15px, 1.0416666667vw, 15px * 1.05);
  line-height: 1;
  padding: clamp(5px, 0.3472222222vw, 5px * 1.05) clamp(12px, 0.8333333333vw, 12px * 1.05);
  background: linear-gradient(90deg, #F9F9F5 23.33%, #F9F3F6 81.86%, #E7F2F5 140.38%);
  clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
  display: block;
  width: clamp(116px, 8.0555555556vw, 116px * 1.05);
  box-sizing: border-box;
  color: #272A6E;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .cat {
    font-size: 4vw;
    padding: 1.0666666667vw 2.1333333333vw;
    background: none;
    clip-path: none;
    min-width: 28.5333333333vw;
    width: fit-content;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .cat:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #F9F9F5 20%, #F9F3F6 80%, #E7F2F5 150%);
    transform: skew(-20deg);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
  }
}
.m-articleList > li:not(.empty) a .cat .txt {
  position: relative;
}
.m-articleList > li:not(.empty) a .ttl {
  font-size: clamp(18px, 1.25vw, 18px * 1.05);
  line-height: 2;
  width: calc(100% - clamp(112px, 7.7777777778vw, 112px * 1.05) - clamp(152px, 10.5555555556vw, 152px * 1.05));
  box-sizing: border-box;
  padding-right: clamp(130px, 9.0277777778vw, 130px * 1.05);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  font-weight: 500;
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .ttl {
    font-size: 4.2666666667vw;
    width: 100%;
    padding-right: 0;
    margin-top: 2.6666666667vw;
  }
}
.m-articleList > li:not(.empty) a .ttl .deco {
  width: clamp(102px, 7.0833333333vw, 102px * 1.05);
  height: clamp(16px, 1.1111111111vw, 16px * 1.05);
  position: absolute;
  top: 50%;
  right: clamp(20px, 1.3888888889vw, 20px * 1.05);
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.4s, right 0.4s 0.05s;
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .ttl .deco {
    display: none;
  }
}
.m-articleList > li:not(.empty) a .ttl .deco:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.m-articleList > li:not(.empty) a .ttl .deco:after {
  content: "";
  display: block;
  width: clamp(17px, 1.1805555556vw, 17px * 1.05);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: clamp(7px, 0.4861111111vw, 7px * 1.05);
  right: clamp(-4.5px, -0.3125vw, -4.5px * 1.05);
  transform: rotate(61.93deg);
}
@media (max-width: 767px) {
  .m-articleList > li:not(.empty) a .ttl .deco:after {
    width: 7.2vw;
    bottom: 3.2vw;
    right: -2.1333333333vw;
  }
}
.m-articleList > li.empty {
  font-size: clamp(16px, 1.1111111111vw, 16px * 1.05);
}
@media (max-width: 767px) {
  .m-articleList > li.empty {
    font-size: 4vw;
    text-align: center;
  }
}

/*# sourceMappingURL=module.css.map */