@charset "UTF-8";
/* br
------------------------------------------- */
@media screen and (max-width: 768px) {
  br.min-md {
    display: none;
  }
}
br.max-sm {
  display: none;
}
@media screen and (max-width: 768px) {
  br.max-sm {
    display: inline;
  }
}

/* button
------------------------------------------- */
.button-grad {
  position: relative;
  display: block;
  padding: 0.2rem;
  border-radius: 5rem;
  background: var(--grad-type01);
}
.button-grad::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.2rem;
  left: 0.2rem;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  border-radius: 4.8rem;
  background-color: var(--clr-white);
  opacity: 0;
}
.button-grad > span {
  position: relative;
  min-height: 4.1rem;
  padding: 0.25rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--clr-white);
}
@media (hover: hover) {
  .button-grad::before {
    transition: opacity 0.3s ease;
  }
  .button-grad:hover::before {
    opacity: 1;
  }
  .button-grad:hover > span {
    background: var(--grad-type01);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

.button-white {
  display: block;
  padding: 0.25em;
  border: solid 1px var(--clr-white);
  border-radius: 0.4rem;
  background-color: var(--clr-white);
  text-align: center;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--clr-blue);
}
@media (hover: hover) {
  .button-white {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .button-white:hover {
    background-color: var(--clr-blue);
    color: var(--clr-white);
  }
}

.button-pdf {
  display: flex;
}
.button-pdf a {
  padding: 1.2rem 2.4rem;
  display: flex;
  align-items: center;
  border: solid 1px var(--clr-blue);
  border-radius: 5em;
  color: var(--clr-blue);
}
.button-pdf a::after {
  content: "";
  flex-shrink: 0;
  width: 1.8rem;
  aspect-ratio: 18/21;
  margin-left: 2rem;
  background-color: currentColor;
  -webkit-mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
          mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
}
@media (hover: hover) {
  .button-pdf a {
    transition: background-color 0.3s ease;
  }
  .button-pdf a:hover {
    background-color: var(--clr-blue);
    color: var(--clr-white);
  }
}

.button--sm {
  display: inline-flex;
  border: solid 1px var(--clr-blue);
  padding: 1.2rem 2.4rem;
  border: solid 1px var(--clr-blue);
  border-radius: 5rem;
  gap: 1.6rem;
  color: var(--clr-blue);
}
@media screen and (max-width: 768px) {
  .button--sm {
    padding: 0.8rem 2.4rem;
  }
}
.button--sm.bg-white {
  background-color: var(--clr-white);
}
.button--sm::after {
  content: "";
  flex-shrink: 0;
  width: 1.4rem;
  aspect-ratio: 13/9;
  background-color: currentColor;
  -webkit-mask: url(/assets/images/common/icon_linkbtn--sm.svg) center center/contain no-repeat;
          mask: url(/assets/images/common/icon_linkbtn--sm.svg) center center/contain no-repeat;
}
.button--sm[target=_blank]::after {
  width: 2.6rem;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(/assets/images/common/icon_linkbtn--blank.svg);
          mask-image: url(/assets/images/common/icon_linkbtn--blank.svg);
}
.button--sm[href*=".pdf"]::after, .button--sm[href*=".xlsm"]::after, .button--sm[href*=".xls"]::after, .button--sm[href*=".docx"]::after, .button--sm[href*=".doc"]::after, .button--sm[href*=".pptx"]::after, .button--sm[href*=".ppt"]::after {
  width: 2rem;
  aspect-ratio: 18/21;
  -webkit-mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
          mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
}
@media (hover: hover) {
  .button--sm {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .button--sm:hover {
    background-color: var(--clr-blue);
    color: var(--clr-white);
  }
}

/* accordion
------------------------------------------- */
.acc-head {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  cursor: pointer;
}
.acc-head > * {
  flex: 1;
}

.acc-body {
  display: none;
}

/* anchor
------------------------------------------- */
.anc-body {
  position: relative;
}
.anc-body .anc-point {
  position: absolute;
  top: -10rem;
  left: 0;
}

/* SNS
------------------------------------------- */
.sns {
  display: flex;
  gap: 1.5rem;
}
.sns a {
  position: relative;
  display: block;
}
.sns a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
}
.sns--inst::after {
  background-image: url(/assets/images/common/icon_instagram--on.svg);
}
.sns--line::after {
  background-image: url(/assets/images/common/icon_line--on.svg);
}
@media (hover: hover) {
  .sns a::after {
    transition: opacity 0.3s ease;
  }
  .sns a:hover::after {
    opacity: 1;
  }
}

/* Scroll Hint
------------------------------------------- */
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 168px;
  height: auto;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 65px;
  height: 55px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: rgba(61, 61, 61, 0.65);
}

.scroll-hint-icon-white:before {
  background-image: url(/assets/images/common/icon_scroll.svg);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #fff;
}

.scroll-hint-shadow-wrap {
  position: relative;
}

.scroll-hint-shadow-wrap::after {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap::before {
  content: "";
  width: 20px;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-right-scrollable)::after,
.scroll-hint-shadow-wrap.is-right-scrollable::after {
  opacity: 1;
  visibility: visible;
}

.scroll-hint-shadow-wrap:has(.scroll-hint.is-left-scrollable)::before,
.scroll-hint-shadow-wrap.is-left-scrollable::before {
  opacity: 1;
  visibility: visible;
}

/* line-height
------------------------------------------- */
.lh-lg {
  line-height: 1.8;
}

.lh-xl {
  line-height: 2;
}

/* text-align
------------------------------------------- */
.tx-left {
  text-align: left;
}

.tx-right {
  text-align: right;
}

.tx-center {
  text-align: center;
}

/* font-size
------------------------------------------- */
.fsz-2xs {
  font-size: xx-small;
}

.fsz-xs {
  font-size: x-small;
}

.fsz-sm {
  font-size: small;
}

.fsz-lg {
  font-size: large;
}

.fsz-xl {
  font-size: x-large;
}

.fsz-2xl {
  font-size: xx-large;
}

/* text-color
------------------------------------------- */
.tx-clr-red {
  color: #FF0000;
}

/* text-decoration
------------------------------------------- */
.tx-deco-uline {
  text-decoration: underline;
}

/* space
------------------------------------------- */
/* margin-top */
.sp_mt--xs {
  margin-top: var(--space-xs);
}

.sp_mt--sm {
  margin-top: var(--space-sm);
}

.sp_mt--md {
  margin-top: var(--space-md);
}

.sp_mt--lg {
  margin-top: var(--space-lg);
}

.sp_mt--xl {
  margin-top: var(--space-xl);
}

.sp_mt--2xl {
  margin-top: var(--space-2xl);
}

.sp_mt--3xl {
  margin-top: var(--space-3xl);
}

.sp_mt--4xl {
  margin-top: var(--space-4xl);
}

.sp_mt--5xl {
  margin-top: var(--space-5xl);
}

/* margin-bottom */
.sp_mb--xs {
  margin-bottom: var(--space-xs);
}

.sp_mb--sm {
  margin-bottom: var(--space-sm);
}

.sp_mb--md {
  margin-bottom: var(--space-md);
}

.sp_mb--lg {
  margin-bottom: var(--space-lg);
}

.sp_mb--xl {
  margin-bottom: var(--space-xl);
}

.sp_mb--2xl {
  margin-bottom: var(--space-2xl);
}

.sp_mb--3xl {
  margin-bottom: var(--space-3xl);
}

.sp_mb--4xl {
  margin-bottom: var(--space-4xl);
}

.sp_mb--5xl {
  margin-bottom: var(--space-5xl);
}

/* MovableType ブロックエディタ
------------------------------------------- */
/* image */
.image_col2 {
  display: flex;
  gap: var(--space-xl);
}
@media screen and (max-width: 768px) {
  .image_col2 {
    flex-direction: column;
  }
}

/* button */
.button-link a {
  display: inline-flex;
  border: solid 1px var(--clr-blue);
  padding: 1.1rem 2.4rem;
  border: solid 1px var(--clr-blue);
  border-radius: 5rem;
  gap: 1.6rem;
  text-decoration: none !important;
  color: var(--clr-blue);
}
@media screen and (max-width: 768px) {
  .button-link a {
    padding: 0.8rem 2.4rem;
  }
}
.button-link a::after {
  content: "";
  flex-shrink: 0;
  width: 1.4rem;
  aspect-ratio: 13/9;
  background-color: currentColor;
  -webkit-mask: url(/assets/images/common/icon_linkbtn--sm.svg) center center/contain no-repeat;
          mask: url(/assets/images/common/icon_linkbtn--sm.svg) center center/contain no-repeat;
}
.button-link a[target=_blank]::after {
  width: 2.4rem;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(/assets/images/common/icon_linkbtn--blank.svg);
          mask-image: url(/assets/images/common/icon_linkbtn--blank.svg);
}
@media (hover: hover) {
  .button-link a {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .button-link a:hover {
    background-color: var(--clr-blue);
    color: var(--clr-white);
  }
}
.button-file a {
  padding: 1.1rem 2.4rem;
  border: solid 1px var(--clr-blue);
  border-radius: 5rem;
  display: inline-flex;
  gap: 1.6rem;
  text-decoration: none !important;
  color: var(--clr-blue);
}
@media screen and (max-width: 768px) {
  .button-file a {
    padding: 0.8rem 2.4rem;
  }
}
.button-file a::after {
  content: "";
  flex-shrink: 0;
  width: 2rem;
  aspect-ratio: 18/21;
  background-color: currentColor;
  -webkit-mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
          mask: url(/assets/images/common/icon_linkbtn--pdf.svg) center center/contain no-repeat;
}
@media (hover: hover) {
  .button-file a {
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  .button-file a:hover {
    background-color: var(--clr-blue);
    color: var(--clr-white);
  }
}
.button-block .button-file a {
  display: flex;
  justify-content: center;
}

/* list */
.mt__dot-list {
  margin: var(--space-lg) 0;
}
.mt__dot-list li {
  position: relative;
  padding-left: 1em;
}
.mt__dot-list li::before {
  content: "・";
  position: absolute;
  left: 0;
}

.mt__keyword-list {
  margin: var(--space-lg) 0;
}
.mt__keyword-list::after {
  content: "等";
  padding: var(--space-md) 0;
}

/* header / heading */
.mt__heading {
  margin: var(--space-5xl) 0 var(--space-2xl);
}

.mt__heading-md {
  margin: var(--space-5xl) 0 var(--space-2xl);
}
.acc-body .mt__heading-md:first-child {
  margin-top: 0;
}

.mt__heading-sm {
  margin: var(--space-3xl) 0 var(--space-xl);
  font-size: 2rem;
  font-weight: 700;
  color: var(--clr-blue);
}

/* paragraph */
.mt__editor p {
  margin: var(--space-lg) 0;
}/*# sourceMappingURL=components.css.map */