@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

::-moz-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

label {
  cursor: pointer;
}

img,
iframe,
video {
  vertical-align: top;
}

dt {
  font-weight: inherit;
}

:where(dialog) {
  inset: 0;
  border: unset;
  padding: unset;
  width: unset;
  max-width: unset;
  height: unset;
  max-height: unset;
  background-color: unset;
  overflow: unset;
  color: unset;
}

:focus:not(:focus-visible) {
  outline: none;
}

:root {
  --negLeading: calc((1em - 1lh) / 2);
  --transEasing: ease-in-out;
  --transDur: .3s;
  --opa: .6;
  --designW: 1400;
  --contW: min(calc(100% - 50px * 2), 800px);
  --contW_middle: min(calc(100% - 50px * 2), 1100px);
  --contW_semiWide: min(calc(100% - 50px * 2), 1000px);
  --contW_wide: min(calc(100% - 50px * 2), 1200px);
  --contMargin_hor: calc((100% - var(--contW)) / 2);
  --black_txt: #242424;
  --ff_notoSans: "Noto Sans JP", sans-serif;
  --ff_oswald: "Oswald", sans-serif;
  --ff_biz: "BIZ UDGothic", sans-serif;
  --ff_poppins: "Poppins", sans-serif;
}
@media screen and (max-width: 767px) {
  :root {
    --designW: 750;
    --contW: calc(100% - 25px * 2);
    --contW_middle: calc(100% - 20px * 2);
    --contW_semiWide: calc(100% - 25px * 2);
    --contW_wide: calc(100% - 25px * 2);
  }
}

:lang(en) {
  --negLeading: calc((1cap - 1lh) / 2);
}

/**
 * Base
 */
:root {
  interpolate-size: allow-keywords;
}

html,
body {
  height: 100%;
}

html.is_locked {
  position: fixed;
  width: 100%;
}

body {
  color: var(--black_txt);
  font-family: var(--ff_notoSans);
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
  -moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
}
@media (min-resolution: 2dppx) {
  body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
img {
  max-width: 100%;
  height: auto;
}

:lang(en) {
  font-family: var(--ff_oswald);
}

.splide.is_static {
  visibility: visible;
}
.splide__controls {
  display: flex;
  gap: 2px;
}
.splide__controls.is_hidden {
  display: none !important;
}
.splide__arrows {
  display: contents;
}
.splide__arrow {
  position: relative;
  display: block;
  width: 36px;
  height: auto;
  aspect-ratio: 1;
}
.splide__arrow svg {
  display: none !important;
}
.splide__arrow--prev {
  order: 1;
}
.splide__arrow--prev:before {
  rotate: -135deg;
}
.splide__arrow--next {
  order: 3;
}
.splide__arrow--next:before {
  rotate: 45deg;
}
.splide__arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
.splide__navigation {
  order: 2;
  display: flex;
  align-items: center;
  gap: 2px;
}
.splide__player {
  position: relative;
  display: block;
  width: 36px;
  height: auto;
  aspect-ratio: 1;
}
.splide__player:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 12px;
  height: 16px;
  border-left: 3px solid #8b9091;
  border-right: 3px solid #8b9091;
  opacity: 1;
}
.splide__player:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  background-color: #8b9091;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  opacity: 0;
}
.splide__pagination {
  display: flex !important;
  gap: 1px;
}
.splide__pagination__page {
  position: relative;
  transform: scale(1);
  display: block;
  width: 36px;
  height: auto;
  aspect-ratio: 1;
  background: transparent;
  opacity: 1;
}
.splide__pagination__page:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 12px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #d3dcde;
}
.splide__pagination__page.is-active:before {
  background-color: #0084cc;
}
.splide.is_pause .splide__player:before {
  opacity: 0;
}
.splide.is_pause .splide__player:after {
  opacity: 1;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 90px;
  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: 40px;
  height: 40px;
  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:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

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

.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: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

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

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/**
 * Layout
 */
.ly_wrapper {
  position: relative;
}
@media not all and (max-width: 1000px), print {
  .ly_wrapper {
    display: flex;
  }
}
@media screen and (max-width: 1000px) {
  .ly_wrapper {
    padding-top: 60px;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_wrapper_main {
    width: calc(100% - 260px);
  }
}
/**
 * Header
 */
.ly_header {
  top: 0;
  left: 0;
  z-index: 99991;
}
@media not all and (max-width: 1000px), print {
  .ly_header {
    flex-shrink: 0;
    position: sticky;
    width: 260px;
    height: 100dvh;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header {
    position: fixed;
    width: 100%;
    background-color: #fff;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_inner {
    position: relative;
    display: grid;
    grid-template-rows: max-content auto max-content max-content;
    min-height: 100dvh;
    z-index: 1;
  }
  .ly_header_inner:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #8dd9fa;
    z-index: 0;
  }
}
.ly_header_head {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 1000px), print {
  .ly_header_head {
    padding: 35px 45px;
    background-color: #fff;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_logo {
    display: flex;
    padding-inline: 15px;
  }
}
.ly_header_logo a {
  display: block;
}
@media screen and (max-width: 1000px) {
  .ly_header_logo a {
    width: 86px;
  }
}
.ly_header_logo img {
  width: 100%;
}
@media not all and (max-width: 1000px), print {
  .ly_header_menus {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_menus {
    flex-shrink: 0;
    display: flex;
  }
}
.ly_header_box {
  display: grid;
  place-content: center;
  height: auto;
  aspect-ratio: 1;
  text-align: center;
}
@media not all and (max-width: 1000px), print {
  .ly_header_box {
    width: 77px;
    padding-top: 3px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_box {
    gap: 1px;
    width: 60px;
    padding-top: 3px;
  }
}
.ly_header_order {
  color: #0084cc;
  font-weight: 500;
  transition: background-color var(--transDur) var(--transEasing);
}
.ly_header_order:focus-visible {
  background-color: #eef1f2;
}
@media (any-hover: hover) {
  .ly_header_order:hover {
    background-color: #eef1f2;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_order {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_order {
    font-size: 0.6875rem;
  }
}
.ly_header_order .icon {
  justify-self: center;
  display: block;
  height: auto;
}
@media not all and (max-width: 1000px), print {
  .ly_header_order .icon {
    width: 35px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_order .icon {
    width: 30px;
  }
}
.ly_header_order img {
  width: 100%;
}
.ly_header_search {
  color: #0084cc;
  font-weight: 500;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .ly_header_search {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_search {
    font-size: 0.75rem;
  }
}
.ly_header_search:focus-visible {
  background-color: #eef1f2;
}
@media (any-hover: hover) {
  .ly_header_search:hover {
    background-color: #eef1f2;
  }
}
.ly_header_search.is_hidden {
  display: none !important;
}
.ly_header_search .icon {
  justify-self: center;
  display: block;
  height: auto;
}
@media not all and (max-width: 1000px), print {
  .ly_header_search .icon {
    width: 29px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_search .icon {
    width: 25px;
  }
}
.ly_header_search img {
  width: 100%;
}
.ly_header_menu {
  background-color: #56c0ee;
  font-weight: 500;
}
@media not all and (max-width: 1000px), print {
  .ly_header_menu {
    gap: 5px;
    padding-top: 0;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_menu {
    font-size: 0.75rem;
  }
}
.ly_header_menu .icon {
  position: relative;
  justify-self: center;
  display: block;
  width: 32px;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 1000px) {
  .ly_header_menu .icon {
    width: 25px;
  }
}
.ly_header_menu .icon:before, .ly_header_menu .icon:after,
.ly_header_menu .icon > span {
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  background-color: var(--black_txt);
}
@media not all and (max-width: 1000px), print {
  .ly_header_menu .icon:before, .ly_header_menu .icon:after,
  .ly_header_menu .icon > span {
    height: 2px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_menu .icon:before, .ly_header_menu .icon:after,
  .ly_header_menu .icon > span {
    height: 2px;
  }
}
.ly_header_menu .icon:before, .ly_header_menu .icon:after {
  content: "";
  transition: rotate var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .ly_header_menu .icon:before {
    top: calc(50% - 9px);
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_menu .icon:before {
    top: calc(50% - 8px);
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_menu .icon:after {
    top: calc(50% + 13px);
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_menu .icon:after {
    top: calc(50% + 9px);
  }
}
.ly_header_menu .icon > span {
  top: calc(50% + 2px);
}
@media screen and (max-width: 1000px) {
  .ly_header_menu .icon > span {
    top: calc(50% + 1px);
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_menu .txt {
    margin-top: -4px;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_body {
    overflow-y: auto;
    /* Firefox */
    scrollbar-width: none;
    /* IE, Edge (旧) */
    -ms-overflow-style: none;
  }
  .ly_header_body::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_body {
    position: absolute;
    top: 60px;
    width: 100%;
    height: calc(100dvh - 60px);
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    transition-property: opacity, visibility;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_container {
    position: relative;
    padding: 38px 35px 37px;
    background-color: #56c0ee;
    z-index: 1;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_nav {
    display: grid;
    gap: 3px 0;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_list {
    display: contents;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_list + .ly_header_list {
    margin-top: 6px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_list > li:not(:has(.ly_header_child)) button {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_list > li + li {
    margin-top: 6px;
  }
}
.ly_header_parent {
  display: grid;
  grid-template-columns: auto max-content;
}
.ly_header_parent a {
  transition: color var(--transDur) var(--transEasing);
}
.ly_header_parent a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.ly_header_parent a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_header_parent a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_header_parent a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.ly_header_parent a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.ly_header_parent a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.ly_header_parent a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 1000px), print {
  .ly_header_parent a {
    position: relative;
    display: block;
    padding: 15px 20px;
    background-color: #e4f5fc;
    font-size: 0.875rem;
    font-weight: 600;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_parent a {
    display: block;
    padding: 10px 21px 11px;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.08em;
  }
}
.ly_header_parent a:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .ly_header_parent a:hover {
    color: #0084CC;
  }
}
.ly_header_parent a:after {
  translate: 3px 0;
  vertical-align: -5px;
}
.ly_header_parent button {
  position: relative;
  display: block;
}
@media not all and (max-width: 1000px), print {
  .ly_header_parent button {
    width: 50px;
    background-color: #e4f5fc;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_parent button {
    width: 60px;
    background-color: #fff;
  }
}
.ly_header_parent button[aria-expanded=true]:after {
  rotate: 0deg;
}
.ly_header_parent button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: 2px;
  background-color: #0084cc;
}
@media not all and (max-width: 1000px), print {
  .ly_header_parent button:before {
    width: 13px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_parent button:before {
    width: 16px;
  }
}
.ly_header_parent button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 90deg;
  height: 2px;
  background-color: #0084cc;
  transition: rotate var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .ly_header_parent button:after {
    width: 13px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_parent button:after {
    width: 16px;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_child {
    position: absolute;
    top: 0;
    left: 100%;
    display: block !important;
    width: 260px;
    height: 100svh;
    background-color: #cceefd;
    overflow-y: auto;
    z-index: -1;
    transition: left var(--transDur) var(--transEasing);
  }
  .ly_header_child[hidden] {
    left: 0;
  }
}
.ly_header_subList {
  display: grid;
}
@media not all and (max-width: 1000px), print {
  .ly_header_subList {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_subList {
    gap: 19px;
    padding: 5px 15px 20px 45px;
    background-color: #fff;
  }
}
@media not all and (max-width: 1000px), print {
  .ly_header_subList > li {
    border-bottom: 2px solid #0084CC;
  }
}
.ly_header_subList a {
  position: relative;
  font-weight: 500;
  transition: color var(--transDur) var(--transEasing);
}
.ly_header_subList a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.ly_header_subList a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_header_subList a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_header_subList a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.ly_header_subList a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.ly_header_subList a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.ly_header_subList a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 1000px), print {
  .ly_header_subList a {
    display: block;
    padding-block: 15px;
    padding-right: 15px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_subList a {
    display: block;
    padding-left: 20px;
    font-size: 0.9375rem;
  }
}
.ly_header_subList a:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .ly_header_subList a:hover {
    color: #0084CC;
  }
}
.ly_header_subList a:before {
  content: "";
  position: absolute;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 1000px), print {
  .ly_header_subList a:before {
    top: 50%;
    right: 0;
    translate: -2px -50%;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_subList a:before {
    top: 0;
    left: 1px;
    translate: 0 6px;
  }
}
.ly_header_subList a:after {
  translate: 3px 0;
  vertical-align: -5px;
}
.ly_header_sns {
  display: grid;
  place-items: center;
  margin-top: 31px;
}
@media not all and (max-width: 1000px), print {
  .ly_header_sns {
    display: none;
  }
}
.ly_header_sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  border-radius: 200px;
  background-color: #fff;
  margin-inline: auto;
}
@media not all and (max-width: 1000px), print {
  .ly_header_sns ul {
    gap: 14px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_sns ul {
    gap: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_sns li {
    width: 38px;
  }
}
.ly_header_sns a {
  display: block;
  transition: opacity var(--transDur);
}
.ly_header_sns a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_header_sns a:hover {
    opacity: var(--opa);
  }
}
.ly_header_hdg {
  margin-bottom: 7px;
  text-align: center;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1000px) {
  .ly_header_hdg {
    margin-bottom: 13px;
  }
}
.ly_header_searchBox {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 1000px), print {
  .ly_header_searchBox {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_searchBox {
    position: absolute;
    width: 100%;
    padding-block: 12px;
    margin-bottom: 20px;
    background-color: #eef1f2;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
.ly_header_searchBox.is_hidden {
  display: none !important;
}
.ly_header_searchBox.is_hidden + .ly_header_sideFootList {
  padding-top: 0 !important;
}
.ly_header_searchBox > div {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  background-color: #fff;
}
@media not all and (max-width: 1000px), print {
  .ly_header_searchBox > div {
    width: -moz-max-content;
    width: max-content;
    width: calc(100% - 20px);
    padding-inline: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_searchBox > div {
    padding-inline: 16px;
    border: 2px solid #0084CC;
    border-radius: 200px;
  }
}
.ly_header_searchBox input {
  display: block;
  width: 100%;
  font-weight: 500;
}
@media not all and (max-width: 1000px), print {
  .ly_header_searchBox input {
    padding-block: 12px;
    font-size: 0.75rem;
  }
  .ly_header_searchBox input::-moz-placeholder {
    color: #0084CC;
  }
  .ly_header_searchBox input::placeholder {
    color: #0084CC;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_searchBox input {
    padding-block: 8px 11px;
    font-size: 1rem;
  }
  .ly_header_searchBox input::-moz-placeholder {
    color: #C5D0D3;
  }
  .ly_header_searchBox input::placeholder {
    color: #C5D0D3;
  }
}
.ly_header_searchBox button {
  display: flex;
}
@media not all and (max-width: 1000px), print {
  .ly_header_searchBox button {
    width: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_searchBox button {
    width: 26px;
  }
}
.ly_header_searchBox button img {
  width: 100%;
}
@media not all and (max-width: 1000px), print {
  .ly_header_sideFootList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-top: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_sideFootList {
    display: none;
  }
}
.ly_header_sideFootList > li:not(:first-child) {
  position: relative;
}
.ly_header_sideFootList > li:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 1px;
  height: 70%;
  background-color: #fff;
  z-index: 1;
}
.ly_header_sideFootList > li a {
  position: relative;
  display: grid;
  grid-template-rows: auto;
  aspect-ratio: 1;
  background-color: #0084cc;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
}
.ly_header_sideFootList > li a:focus-visible:before {
  opacity: 1;
}
@media (any-hover: hover) {
  .ly_header_sideFootList > li a:hover:before {
    opacity: 1;
  }
}
.ly_header_sideFootList > li a:before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 6px;
  background-color: rgba(229, 246, 252, 0.2);
  opacity: 0;
  transition: opacity var(--transDur) var(--transEasing);
}
.ly_header_sideFootList > li a.is_order .inner:before {
  -webkit-mask-image: url(../img/common/icon/icon_order_02.svg);
  mask-image: url(../img/common/icon/icon_order_02.svg);
}
.ly_header_sideFootList > li a.is_web .inner:before {
  -webkit-mask-image: url(../img/common/icon/icon_web.svg);
  mask-image: url(../img/common/icon/icon_web.svg);
}
.ly_header_sideFootList > li a.is_access .inner:before {
  width: 60px;
  aspect-ratio: 2/1;
  -webkit-mask-image: url(../img/common/icon/icon_faq.svg);
  mask-image: url(../img/common/icon/icon_faq.svg);
}
.ly_header_sideFootList > li a .inner {
  display: grid;
  place-items: center;
  place-content: center;
  gap: 5px;
}
.ly_header_sideFootList > li a .inner:before {
  content: "";
  display: block;
  width: auto;
  height: 30px;
  aspect-ratio: 1;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
@media not all and (max-width: 1000px), print {
  .ly_header_overlay {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .ly_header_overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: var(--transDur);
    transition-timing-function: var(--transEasing);
  }
}
.ly_header.is_active.open_menu .ly_header_menu .icon:before {
  top: 50%;
  rotate: 45deg;
  width: calc(100% + 3px);
}
.ly_header.is_active.open_menu .ly_header_menu .icon:after {
  top: 50%;
  rotate: -45deg;
  width: calc(100% + 3px);
}
.ly_header.is_active.open_menu .ly_header_menu .icon > span {
  opacity: 0;
}
.ly_header.is_active.open_menu .ly_header_body {
  opacity: 1;
  visibility: visible;
}
.ly_header.is_active.open_menu .ly_header_overlay {
  opacity: 1;
  visibility: visible;
}
.ly_header.is_active.open_search .ly_header_search {
  background-color: #eef1f2;
}
.ly_header.is_active.open_search .ly_header_searchBox {
  opacity: 1;
  visibility: visible;
}

/**
 * Footer
 */
.ly_footer {
  position: relative;
}
@media not all and (max-width: 767px), print {
  .ly_footer {
    padding-bottom: 157px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer {
    padding-bottom: 122px;
  }
}
.ly_footer_inner {
  position: relative;
  background-color: #56c0ee;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .ly_footer_inner {
    padding-block: 60px 13px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_inner {
    padding-block: 31px 16px;
  }
}
.ly_footer_container {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .ly_footer_container {
    display: grid;
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_head {
    display: contents;
  }
}
.ly_footer_logo {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .ly_footer_logo {
    width: 170px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_logo {
    order: 1;
    width: 145px;
    margin-inline: auto;
  }
}
.ly_footer_logo a {
  display: block;
}
.ly_footer_logo img {
  width: 100%;
}
.ly_footer_sns {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media not all and (max-width: 767px), print {
  .ly_footer_sns {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_sns {
    order: 3;
    margin-top: 32px;
  }
}
.ly_footer_sns ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  border-radius: 200px;
  margin-inline: auto;
  background-color: #fff;
}
@media not all and (max-width: 767px), print {
  .ly_footer_sns ul {
    gap: 18px;
    max-width: 95%;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_sns ul {
    gap: 20px;
    padding: 8px 12px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_sns li {
    width: 42px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_sns li {
    width: 38px;
  }
}
.ly_footer_sns a {
  display: block;
  transition: opacity var(--transDur);
}
.ly_footer_sns a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_footer_sns a:hover {
    opacity: var(--opa);
  }
}
.ly_footer_sns img {
  width: 100%;
}
.ly_footer_hdg {
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.4375rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .ly_footer_hdg {
    margin-bottom: 13px;
    letter-spacing: 0em;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_body {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_body {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_nav {
    order: 2;
    margin-top: 27px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_list {
    display: grid;
    gap: 11px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_list + .ly_footer_list {
    margin-top: 6px;
  }
}
@media not all and (max-width: 767px), print {
  .ly_footer_list > li {
    display: grid;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_list > li:not(:has(.ly_footer_child)) button {
    display: none !important;
  }
}
.ly_footer_list > li + li {
  margin-top: 6px;
}
.ly_footer_parent {
  display: grid;
  grid-template-columns: auto max-content;
}
.ly_footer_parent a {
  font-weight: 500;
  transition: color var(--transDur) var(--transEasing);
}
.ly_footer_parent a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.ly_footer_parent a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_footer_parent a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_footer_parent a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.ly_footer_parent a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.ly_footer_parent a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.ly_footer_parent a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .ly_footer_parent a {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    font-size: 1.0625rem;
    letter-spacing: 0.08em;
  }
  .ly_footer_parent a:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 16px;
    height: 2px;
    background-color: #0084cc;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_parent a {
    display: block;
    padding: 12px 21px 11px;
    background-color: #fff;
    font-size: 1rem;
    letter-spacing: 0.08em;
  }
}
.ly_footer_parent a:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .ly_footer_parent a:hover {
    color: #0084CC;
  }
}
.ly_footer_parent a:after {
  vertical-align: -3px;
}
@media not all and (max-width: 767px), print {
  .ly_footer_parent button {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_parent button {
    position: relative;
    display: block;
    width: 57px;
    background-color: #fff;
  }
  .ly_footer_parent button[aria-expanded=true]:after {
    rotate: 0deg;
  }
  .ly_footer_parent button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 16px;
    height: 2px;
    background-color: #0084cc;
  }
  .ly_footer_parent button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    rotate: 90deg;
    width: 16px;
    height: 2px;
    background-color: #0084cc;
    transition: rotate var(--transDur) var(--transEasing);
  }
}
.ly_footer_subList {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .ly_footer_subList {
    gap: 4px;
    padding-top: 12px;
    padding-left: 45px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_subList {
    gap: 19px;
    padding: 6px 15px 20px 45px;
    background-color: #fff;
  }
}
.ly_footer_subList a {
  position: relative;
  padding-left: 17px;
  font-weight: 500;
  transition: color var(--transDur) var(--transEasing);
}
.ly_footer_subList a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.ly_footer_subList a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.ly_footer_subList a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.ly_footer_subList a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.ly_footer_subList a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.ly_footer_subList a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.ly_footer_subList a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .ly_footer_subList a {
    display: inline-block;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_subList a {
    display: block;
    padding-left: 20px;
    font-size: 0.9375rem;
  }
}
.ly_footer_subList a:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .ly_footer_subList a:hover {
    color: #0084CC;
  }
}
.ly_footer_subList a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  rotate: 45deg;
  width: 9px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .ly_footer_subList a:before {
    translate: 0 7px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_subList a:before {
    left: 2px;
    translate: 0 6px;
  }
}
.ly_footer_subList a:after {
  vertical-align: -3px;
}
@media not all and (max-width: 767px), print {
  .ly_footer_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 17px;
    width: min(calc(100% - 100px), 1100px);
    margin-top: 22px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_sub {
    display: grid;
    gap: 11px;
    padding: 26px 35px;
    margin-top: 44px;
    background-color: #fff;
  }
}
.ly_footer_sub > li a {
  position: relative;
  display: block;
  padding-left: 18px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
}
.ly_footer_sub > li a:focus-visible:after {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_footer_sub > li a:hover:after {
    opacity: var(--opa);
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_sub > li a {
    padding-left: 20px;
    font-size: 0.9375rem;
    letter-spacing: -0.04em;
  }
}
.ly_footer_sub > li a:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 1px;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .ly_footer_sub > li a:before {
    border-color: #0084cc;
  }
}
.ly_footer_sub > li a:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 20px;
  width: calc(100% - 20px);
  height: 2px;
  background-color: #fff;
  opacity: 0;
  transition: opacity var(--transDur) var(--transEasing);
}
.ly_footer_copy {
  text-align: center;
  font-weight: 300;
}
@media not all and (max-width: 767px), print {
  .ly_footer_copy {
    padding-top: 12px;
    border-top: 1px solid #fff;
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_copy {
    padding-top: 11px;
  }
}
.ly_footer_fixedBanner {
  position: fixed;
  right: 0;
  display: none;
  z-index: 1100;
}
@media not all and (max-width: 767px), print {
  .ly_footer_fixedBanner {
    bottom: 160px;
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_fixedBanner {
    bottom: 140px;
    max-width: 180px;
  }
}
.ly_footer_fixedBanner a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.ly_footer_fixedBanner a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_footer_fixedBanner a:hover {
    opacity: var(--opa);
  }
}
.ly_footer_fixedBanner button {
  position: absolute;
  top: 0;
  left: 0;
  translate: -50% -50%;
  display: block;
  width: 24px;
  height: auto;
  aspect-ratio: 1;
  border: 2px solid #0084cc;
  border-radius: 50%;
  background-color: #fff;
  transition: opacity var(--transDur) var(--transEasing);
}
.ly_footer_fixedBanner button:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_footer_fixedBanner button:hover {
    opacity: var(--opa);
  }
}
.ly_footer_fixedBanner button:before, .ly_footer_fixedBanner button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 10px;
  height: 2px;
  background-color: #0084cc;
}
.ly_footer_fixedBanner button:before {
  rotate: 45deg;
}
.ly_footer_fixedBanner button:after {
  rotate: -45deg;
}
.ly_footer_fixedBanner img {
  width: 100%;
}
.ly_footer_fixedBanner.is_show {
  display: block;
}
.ly_footer_pageTop, .ly_footer_pageTopClone {
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
.ly_footer_pageTop a, .ly_footer_pageTopClone a {
  position: relative;
  display: block;
  height: auto;
  aspect-ratio: 1;
  border-radius: 6px;
  background-color: #56c0ee;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .ly_footer_pageTop a, .ly_footer_pageTopClone a {
    width: 60px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_pageTop a, .ly_footer_pageTopClone a {
    width: 40px;
  }
}
.ly_footer_pageTop a:focus-visible, .ly_footer_pageTopClone a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .ly_footer_pageTop a:hover, .ly_footer_pageTopClone a:hover {
    opacity: var(--opa);
  }
}
.ly_footer_pageTop a:before, .ly_footer_pageTopClone a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  height: auto;
  aspect-ratio: 23/28;
  background-image: url(../img/common/icon/icon_pagetop.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media not all and (max-width: 767px), print {
  .ly_footer_pageTop a:before, .ly_footer_pageTopClone a:before {
    width: 23px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_pageTop a:before, .ly_footer_pageTopClone a:before {
    width: 14px;
  }
}
.ly_footer_pageTop {
  position: fixed;
  z-index: 1000;
}
@media not all and (max-width: 767px), print {
  .ly_footer_pageTop {
    bottom: 10px;
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_pageTop {
    bottom: 5px;
    right: 5px;
  }
}
.ly_footer_pageTop.is_show {
  opacity: 1;
  visibility: visible;
}
.ly_footer_pageTop.is_fixed {
  opacity: 0 !important;
  visibility: hidden !important;
}
.ly_footer_pageTopClone {
  position: absolute;
  z-index: 700;
}
@media not all and (max-width: 767px), print {
  .ly_footer_pageTopClone {
    bottom: calc(100% + 10px);
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .ly_footer_pageTopClone {
    bottom: calc(100% + 5px);
    right: 5px;
  }
}
.ly_footer_pageTopClone.is_fixed {
  opacity: 1 !important;
  visibility: visible !important;
}

.navigation {
  position: relative;
  background-color: #eff2f3;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .navigation {
    padding-block: 41px 68px;
  }
}
@media screen and (max-width: 767px) {
  .navigation {
    padding-block: 18px 67px;
    padding-inline: 20px;
  }
}
.navigation__sticky {
  position: fixed;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
  z-index: 800;
}
@media not all and (max-width: 767px), print {
  .navigation__sticky {
    right: 0;
    padding-block: 20px;
  }
}
@media screen and (max-width: 767px) {
  .navigation__sticky {
    padding-block: 6px;
  }
}
@media not all and (max-width: 1000px), print {
  .navigation__sticky {
    width: calc(100% - 260px);
  }
}
@media screen and (max-width: 1000px) {
  .navigation__sticky {
    width: 100%;
  }
}
.navigation__sticky.is_show {
  opacity: 1;
  visibility: visible;
}
.navigation_container {
  display: flex;
  overflow-x: auto;
}
@media not all and (max-width: 767px), print {
  .navigation_container {
    width: min(calc(100% - 100px), 1000px);
    margin-inline: auto;
  }
}
.navigation_container::-webkit-scrollbar {
  height: 6px;
}
.navigation_container::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 100px;
}
.navigation_container::-webkit-scrollbar-thumb {
  background-color: #C5D0D3;
  border-radius: 100px;
  border: 1px solid #fff;
}
.navigation_list {
  display: flex;
  padding-top: 20px;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .navigation_list {
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_list {
    gap: 9px;
    padding-bottom: 16px;
  }
}
.navigation_list li {
  flex-shrink: 0;
}
@media not all and (max-width: 767px), print {
  .navigation_list li {
    width: 98px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_list li {
    width: 73px;
  }
}
.navigation_list li.is_new {
  position: relative;
}
.navigation_list li.is_new:before {
  content: "NEW";
  position: absolute;
  top: 0;
  right: -2px;
  translate: 0 -50%;
  display: grid;
  place-items: center;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #fff23f;
  color: #0084cc;
  font-family: var(--ff_oswald);
  font-weight: 700;
}
@media not all and (max-width: 767px), print {
  .navigation_list li.is_new:before {
    width: 38px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .navigation_list li.is_new:before {
    width: 28px;
    font-size: 0.625rem;
  }
}
.navigation_list a {
  display: block;
  height: 100%;
}
.navigation_list a:focus-visible .navigation_box {
  background-color: #CBECFA;
}
@media (any-hover: hover) {
  .navigation_list a:hover .navigation_box {
    background-color: #CBECFA;
  }
}
.navigation_box {
  display: grid;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .navigation_box {
    padding: 12px 6px 10px;
    border-radius: 4px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_box {
    padding: 10px 2px 7px;
    border-radius: 4px;
  }
}
.navigation_icon {
  display: block;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .navigation_icon {
    height: 36px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_icon {
    height: 27px;
    margin-bottom: 5px;
  }
}
.navigation_icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.navigation_hdg {
  text-align: center;
  font-weight: 400;
  line-height: 1.14071429;
  letter-spacing: 0.1em;
}
@media not all and (max-width: 767px), print {
  .navigation_hdg {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .navigation_hdg {
    font-size: 0.6875rem;
  }
}
@media not all and (max-width: 767px), print {
  .navigation_slider {
    margin-top: 41px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_slider {
    margin-top: 26px;
    overflow: hidden;
  }
}
.navigation_slider .splide__track {
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .navigation_slider .splide__track {
    max-width: 41%;
    margin-inline: auto;
  }
}
.navigation_slider .splide__slide a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.navigation_slider .splide__slide a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .navigation_slider .splide__slide a:hover {
    opacity: var(--opa);
  }
}
.navigation_slider .splide__slide img {
  width: 100%;
  aspect-ratio: 590/260;
  -o-object-fit: cover;
  object-fit: cover;
}
.navigation_slider .splide__controls {
  justify-content: center;
}
@media not all and (max-width: 767px), print {
  .navigation_slider .splide__controls {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .navigation_slider .splide__controls {
    margin-top: 11px;
  }
}

/**
 * Container
 */
.ct_std {
  width: var(--contW);
  margin-inline: auto;
}

.ct_middle {
  width: var(--contW_middle);
  margin-inline: auto;
}

.ct_semiWide {
  width: var(--contW_semiWide);
  margin-inline: auto;
}

.ct_wide {
  width: var(--contW_wide);
  margin-inline: auto;
}

/**
 * Block
 */
.bl_breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.bl_breadcrumb li:not(:first-child) {
  position: relative;
  padding-left: 14px;
}
.bl_breadcrumb li:not(:first-child)::before {
  content: "";
  position: absolute;
  top: calc(0.5lh - 1px);
  left: 0;
  translate: 0 -50%;
  rotate: 45deg;
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #C8C8C8;
  border-right: 2px solid #C8C8C8;
}
.bl_breadcrumb a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
  font-size: 0.875rem;
}
.bl_breadcrumb a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .bl_breadcrumb a:hover {
    opacity: var(--opa);
  }
}
.bl_breadcrumb li:last-child a {
  pointer-events: none;
}

@media not all and (max-width: 767px), print {
  .bl_singleHead {
    padding-block: 18px 40px;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead {
    padding-block: 20px 50px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_bread {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_bread {
    margin-bottom: 30px;
  }
}
.bl_singleHead_title {
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_title {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_title {
    font-size: 1.25rem;
  }
}
.bl_singleHead_meta {
  display: flex;
  margin-top: 11px;
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_meta {
    gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_meta {
    gap: 10px;
  }
}
.bl_singleHead_date {
  align-self: center;
  color: #0084cc;
  line-height: 0.74888889;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_date {
    width: 92px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_date {
    width: 74px;
    font-size: 0.9375rem;
  }
}
.bl_singleHead_cat {
  display: block;
  border-radius: 2px;
  text-align: center;
  background-color: #C5D0D3;
  font-weight: 500;
  line-height: 1.348;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_cat {
    width: 80px;
    padding: 2px 8px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_cat {
    width: 70px;
    padding: 2px 6px 2px;
    font-size: 0.8125rem;
  }
}
.bl_singleHead_cat[data-cat=入試情報] {
  background-color: #0084CC;
  color: #fff;
}
.bl_singleHead_cat[data-cat=イベント] {
  background-color: #8DD9FA;
}
.bl_singleHead_cat[data-cat=お知らせ] {
  border: 1px solid #0084cc;
  background-color: #fff;
  color: #0084cc;
}
.bl_singleHead_cat.is_new {
  width: auto;
  font-family: var(--ff_oswald);
  border: none !important;
  background-color: #FFF23F !important;
  color: #0084CC !important;
}
@media not all and (max-width: 767px), print {
  .bl_singleHead_cat.is_new {
    padding: 1px 7px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_singleHead_cat.is_new {
    padding: 2px 6px 1px;
    font-size: 0.75rem;
  }
}
.bl_singleHead_cat.is_importance {
  width: auto;
  border: none !important;
  background-color: #FF0000 !important;
  color: #fff !important;
}

@media not all and (max-width: 767px), print {
  .bl_pageHead {
    padding-block: 18px 48px;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead {
    padding-block: 20px 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead:has(.bl_pageHead_inner) {
    padding-block: 20px 50px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_pageHead:has(.bl_pageHead_inner) .bl_pageHead_bread {
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead:has(.bl_pageHead_inner) .bl_pageHead_bread {
    margin-bottom: 30px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_pageHead_inner {
    margin-top: 48px;
    text-align: center;
  }
}
.bl_pageHead_lTitle {
  line-height: 1.2;
  font-weight: 600;
  color: #0084CC;
}
.bl_pageHead_lTitle:lang(en) {
  font-weight: 400;
}
@media not all and (max-width: 767px), print {
  .bl_pageHead_lTitle:lang(en) {
    letter-spacing: 0.08em;
    font-size: 3.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead_lTitle:lang(en) {
    letter-spacing: 0.07em;
    font-size: 2.5rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_pageHead_lTitle {
    letter-spacing: 0.08em;
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead_lTitle {
    letter-spacing: 0.07em;
    font-size: 2.25rem;
  }
}
.bl_pageHead_title {
  font-size: 1.1875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 767px), print {
  .bl_pageHead_title {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .bl_pageHead_title {
    line-height: 1.82;
  }
}

.bl_admissionUnits_unit {
  display: grid;
  align-items: flex-start;
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_unit {
    grid-template-columns: repeat(2, 1fr);
    gap: 26px 56px;
  }
}
@media screen and (max-width: 800px) {
  .bl_admissionUnits_unit {
    grid-template-columns: 1fr;
    gap: 20px 18px;
  }
}
.bl_admissionUnits_hdg {
  position: relative;
  font-weight: 400;
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_hdg {
    translate: 10px 0;
    padding-left: 60px;
    margin-bottom: 6px;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_hdg {
    padding-left: 45px;
    margin-bottom: 7px;
    font-size: 1.3125rem;
  }
}
.bl_admissionUnits_hdg:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  height: auto;
  aspect-ratio: 1;
  background-image: var(--admission_icon);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_hdg:before {
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_hdg:before {
    height: 30px;
  }
}
.bl_admissionUnits_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.bl_admissionUnits_list > li a {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
  border: 2px solid #0084cc;
  border-radius: 40px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.1;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
.bl_admissionUnits_list > li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  translate: 0 -50%;
  rotate: 45deg;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a:after {
    width: 11px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a:after {
    right: 16px;
    width: 8px;
  }
}
.bl_admissionUnits_list > li a[target=_blank]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[target=_blank]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[target=_blank]::after {
    width: 16px;
  }
}
.bl_admissionUnits_list > li a[href$=".pdf"]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[href$=".pdf"]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href$=".pdf"]::after {
    width: 16px;
  }
}
.bl_admissionUnits_list > li a[href*=".doc"]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[href*=".doc"]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href*=".doc"]::after {
    width: 16px;
  }
}
.bl_admissionUnits_list > li a[href*=".xls"]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[href*=".xls"]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href*=".xls"]::after {
    width: 16px;
  }
}
.bl_admissionUnits_list > li a[href*=".ppt"]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[href*=".ppt"]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href*=".ppt"]::after {
    width: 16px;
  }
}
.bl_admissionUnits_list > li a[href$=".zip"]::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a[href$=".zip"]::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href$=".zip"]::after {
    width: 16px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_admissionUnits_list > li a {
    min-height: 58px;
    padding: 5px 24px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a {
    min-height: 58px;
    padding: 10px 28px 10px 18px;
    font-size: 0.875rem;
  }
}
.bl_admissionUnits_list > li a:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .bl_admissionUnits_list > li a:hover {
    background-color: #DDF3FC;
  }
}
.bl_admissionUnits_list > li a[target=_blank]:after {
  right: 8px;
  width: 16px;
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[target=_blank]:after {
    right: 16px;
  }
}
.bl_admissionUnits_list > li a[href$=".pdf"]:after {
  right: 8px;
  width: 16px;
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a[href$=".pdf"]:after {
    right: 16px;
  }
}
.bl_admissionUnits_list > li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  translate: 0 -50%;
  rotate: 45deg;
  width: 9px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media screen and (max-width: 767px) {
  .bl_admissionUnits_list > li a:after {
    right: 16px;
  }
}

.admissionBanner {
  background-color: #eef1f2;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner {
    padding-block: 33px 34px;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner {
    padding-block: 34px 39px;
  }
}
.admissionBanner_container {
  margin-inline: auto;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_container {
    display: flex;
    width: min(calc(100% - 100px), 780px);
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_container {
    width: calc(100% - 50px);
  }
}
.admissionBanner_head {
  flex-shrink: 0;
  display: grid;
  place-items: center;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_head {
    padding-block: 20px;
    padding-right: 8%;
    border-right: 1px solid #515556;
  }
}
.admissionBanner_title {
  font-weight: 500;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_title {
    font-size: 1.375rem;
    letter-spacing: 0.12em;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_title {
    width: 89%;
    padding-bottom: 5px;
    border-bottom: 1px solid #515556;
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_body {
    padding-block: 10px 5px;
    padding-left: 9.1%;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_body {
    padding-top: 13px;
  }
}
.admissionBanner_hdg {
  margin-bottom: 4px;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_hdg {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_hdg {
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.0625rem;
  }
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_data {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 41px;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_data {
    display: grid;
    gap: 4px;
    max-width: 72%;
    margin-inline: auto;
  }
}
.admissionBanner_data > div {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 13px;
}
@media screen and (max-width: 1100px) {
  .admissionBanner_data > div {
    gap: 17px;
  }
}
.admissionBanner_data dt {
  color: #00a2de;
  font-weight: 500;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_data dt {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_data dt {
    width: 32px;
    font-size: 0.9375rem;
    text-align: right;
    letter-spacing: 0.05em;
  }
}
.admissionBanner_data dd {
  font-weight: 500;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_data dd {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_data dd {
    font-size: 0.9375rem;
  }
}
.admissionBanner_data dd a {
  display: block;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_data dd a.tel {
    pointer-events: none;
  }
}
.admissionBanner_link {
  width: 100%;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_link {
    max-width: 368px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_link {
    max-width: 89%;
    margin-top: 17px;
    margin-inline: auto;
  }
}
.admissionBanner_link a {
  position: relative;
  display: block;
  border: 2px solid #0084cc;
  border-radius: 60px;
  text-align: center;
  font-size: 1.1875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_link a {
    padding: 15px 60px;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_link a {
    padding: 11px 60px 13px;
    font-size: 1rem;
    letter-spacing: 0;
  }
}
.admissionBanner_link a:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .admissionBanner_link a:hover {
    background-color: #DDF3FC;
  }
}
.admissionBanner_link a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 1100px), print {
  .admissionBanner_link a:after {
    right: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .admissionBanner_link a:after {
    right: 30px;
  }
}

/**
 * Block
 */
@media not all and (max-width: 767px), print {
  .bl_contSet > :not(:first-child) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .bl_contSet > :not(:first-child) {
    margin-top: 40px;
  }
}
.bl_contSet > .bl_hdgSet + * {
  margin-top: 0;
}

@media not all and (max-width: 767px), print {
  .bl_wysiwyg {
    line-height: 2;
    letter-spacing: 0.05em;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg {
    line-height: 2.07;
    font-size: 0.875rem;
  }
}
.bl_wysiwyg h2 {
  margin-bottom: 40px;
  font-weight: 700;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg h2 {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h2 {
    font-size: 1.4375rem;
  }
}
.bl_wysiwyg h3 {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg h3 {
    padding-left: 26px;
    margin-bottom: 28px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h3 {
    padding-left: 17px;
    margin-bottom: 32px;
    font-size: 1.4375rem;
    letter-spacing: 0.07em;
    line-height: 1.22;
  }
}
.bl_wysiwyg h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  height: 100%;
  background-color: #0084CC;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg h3:before {
    width: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h3:before {
    width: 7px;
  }
}
.bl_wysiwyg h4 {
  color: #0084CC;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg h4 {
    margin-bottom: 20px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg h4 {
    margin-bottom: 24px;
    font-size: 1.375rem;
  }
}
.bl_wysiwyg a {
  text-decoration: underline;
}
.bl_wysiwyg a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.bl_wysiwyg a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.bl_wysiwyg a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.bl_wysiwyg a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.bl_wysiwyg a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.bl_wysiwyg a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.bl_wysiwyg a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
.bl_wysiwyg a::after {
  translate: 0 4px;
}
.bl_wysiwyg a > span {
  margin-right: 5px;
}
.bl_wysiwyg a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .bl_wysiwyg a:hover {
    text-decoration: none;
  }
}
.bl_wysiwyg ol:not(.type_info) li,
.bl_wysiwyg ul:not(.type_info) li {
  letter-spacing: 0;
}
.bl_wysiwyg ol:not(.type_info) li:not(:first-child),
.bl_wysiwyg ul:not(.type_info) li:not(:first-child) {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) li:not(:first-child),
  .bl_wysiwyg ul:not(.type_info) li:not(:first-child) {
    margin-top: 0;
  }
}
.bl_wysiwyg ol:not(.type_info) li ol,
.bl_wysiwyg ol:not(.type_info) li ul,
.bl_wysiwyg ul:not(.type_info) li ol,
.bl_wysiwyg ul:not(.type_info) li ul {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) li ol,
  .bl_wysiwyg ol:not(.type_info) li ul,
  .bl_wysiwyg ul:not(.type_info) li ol,
  .bl_wysiwyg ul:not(.type_info) li ul {
    margin-top: 0;
  }
}
.bl_wysiwyg ol:not(.type_info) {
  counter-reset: liCounter;
}
.bl_wysiwyg ol:not(.type_info) > li {
  position: relative;
  letter-spacing: 0.01em;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg ol:not(.type_info) > li {
    margin-left: 33px;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) > li {
    margin-left: 24px;
  }
}
.bl_wysiwyg ol:not(.type_info) > li:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) > li:not(:first-child) {
    margin-top: 0;
  }
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg ol:not(.type_info) > li:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) > li:not(:first-child) {
    margin-top: 0;
  }
}
.bl_wysiwyg ol:not(.type_info) > li::before {
  content: counter(liCounter, decimal-leading-zero) ".";
  counter-increment: liCounter;
  position: absolute;
  right: 100%;
  top: 0;
  color: #0084CC;
  font-family: var(--ff_oswald);
  white-space: nowrap;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg ol:not(.type_info) > li::before {
    translate: 0 -6px;
    margin-right: 9px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol:not(.type_info) > li::before {
    translate: 0 -2px;
    margin-right: 5px;
    font-size: 1rem;
  }
}
.bl_wysiwyg ul:not(.type_info) > li {
  position: relative;
  padding-left: 18px;
  letter-spacing: 0.01em;
}
.bl_wysiwyg ul:not(.type_info) > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.54lh;
  border-radius: 50%;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  background-color: #0084CC;
  translate: 0 -50%;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ul:not(.type_info) > li::before {
    top: 0.5lh;
  }
}
.bl_wysiwyg ol.type_info,
.bl_wysiwyg ul.type_info {
  line-height: 1.6;
}
@media not all and (max-width: 767px), print {
  .bl_wysiwyg ol.type_info,
  .bl_wysiwyg ul.type_info {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol.type_info,
  .bl_wysiwyg ul.type_info {
    font-size: 0.8125rem;
  }
}
.bl_wysiwyg ol.type_info li,
.bl_wysiwyg ul.type_info li {
  letter-spacing: 0.04em;
}
.bl_wysiwyg ol.type_info li:not(:first-child),
.bl_wysiwyg ul.type_info li:not(:first-child) {
  margin-top: 6px;
}
.bl_wysiwyg ol.type_info li ol,
.bl_wysiwyg ol.type_info li ul,
.bl_wysiwyg ul.type_info li ol,
.bl_wysiwyg ul.type_info li ul {
  margin-top: 6px;
}
.bl_wysiwyg ol.type_info {
  counter-reset: liCounter;
}
.bl_wysiwyg ol.type_info > li {
  position: relative;
  margin-left: 28px;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg ol.type_info > li {
    margin-left: 26px;
  }
}
.bl_wysiwyg ol.type_info > li::before {
  content: "※" counter(liCounter);
  counter-increment: liCounter;
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 4px;
  white-space: nowrap;
}
.bl_wysiwyg ul.type_info > li {
  position: relative;
  padding-left: 18px;
}
.bl_wysiwyg ul.type_info > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.bl_wysiwyg table {
  border-top: 2px solid #242424;
  border-collapse: separate;
  width: 100%;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
}
.bl_wysiwyg th,
.bl_wysiwyg td {
  border-right: 1px solid #242424;
  border-bottom: 1px solid #242424;
  padding: 9px 12px 10px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg th,
  .bl_wysiwyg td {
    padding: 9px 12px;
  }
}
.bl_wysiwyg th:last-child,
.bl_wysiwyg td:last-child {
  border-right: none;
}
.bl_wysiwyg th {
  text-align: center;
  background-color: #A3E3FF;
}
@media screen and (max-width: 767px) {
  .bl_wysiwyg td {
    font-size: 0.8125rem;
  }
}
.bl_wysiwyg tbody > tr:last-child th,
.bl_wysiwyg tbody > tr:last-child td {
  border-bottom: 2px solid #242424;
}

@media screen and (max-width: 767px) {
  .bl_table__spScroll {
    padding: 0 0 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .bl_table__spScroll table {
    width: 800px;
  }
}

.bl_imgAndBody .bl_img img {
  width: 100%;
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody .bl_img figcaption {
    margin-top: 10px;
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody .el_hdgSm {
    margin-bottom: 15px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody .el_hdgSm {
    margin-bottom: 11px;
    font-size: 1.0625rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgCenter .bl_img figcaption {
    margin-top: 15px;
    font-size: 0.875rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgCenter .el_hdgSm {
    margin-bottom: 20px;
  }
}
.bl_imgAndBody__imgCenter .bl_imgAndBody_inner {
  display: grid;
}
.bl_imgAndBody__imgCenter .bl_imgAndBody_img {
  order: 2;
}
.bl_imgAndBody__imgCenter .bl_imgAndBody_body {
  display: contents;
}
.bl_imgAndBody__imgCenter .bl_imgAndBody_txt {
  order: 3;
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgCenter .bl_imgAndBody_txt {
    margin-top: 32px;
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody__imgCenter .bl_imgAndBody_txt {
    margin-top: 15px;
    font-size: 0.875rem;
    letter-spacing: 0;
    line-height: 2.07;
  }
}
.bl_imgAndBody__imgCenter .bl_imgAndBody_link {
  order: 4;
}
.bl_imgAndBody__imgCenter .el_hdg {
  order: 1;
}
.bl_imgAndBody__imgRight:has(.bl_img) .bl_imgAndBody_inner {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgRight:has(.bl_img) .bl_imgAndBody_inner {
    grid-template-columns: auto 48.75%;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody__imgRight:has(.bl_img) .bl_imgAndBody_inner {
    grid-template-columns: auto 45.29%;
    gap: 16px;
  }
}
.bl_imgAndBody__imgRight:has(.bl_img) .bl_imgAndBody_img {
  order: 2;
}
.bl_imgAndBody__imgRight:has(.bl_img) .bl_imgAndBody_body {
  order: 1;
}
.bl_imgAndBody__imgLeft:has(.bl_img) .bl_imgAndBody_inner {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody__imgLeft:has(.bl_img) .bl_imgAndBody_inner {
    grid-template-columns: 48.75% auto;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody__imgLeft:has(.bl_img) .bl_imgAndBody_inner {
    grid-template-columns: 45.29% auto;
    gap: 16px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgAndBody_txt {
    font-size: 0.9375rem;
    line-height: 1.95;
    letter-spacing: -0.06em;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgAndBody_txt {
    font-size: 0.875rem;
    line-height: 1.86;
    letter-spacing: 0;
  }
}
.bl_imgAndBody_link {
  margin-top: 20px;
}

@media not all and (max-width: 767px), print {
  .bl_img figcaption {
    margin-top: 15px;
    font-size: 0.875rem;
    text-align: center;
    line-height: 1.29;
  }
}
@media screen and (max-width: 767px) {
  .bl_img figcaption {
    margin-top: 7px;
    font-size: 0.8125rem;
    line-height: 1.38;
  }
}
.bl_img img {
  max-height: 650px;
  -o-object-fit: contain;
  object-fit: contain;
}

.bl_imgGroupList {
  visibility: visible;
}
.bl_imgGroupList .splide__controls {
  display: none;
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__1col .splide__list {
    display: grid !important;
    gap: 26px;
  }
  .bl_imgGroupList__1col .bl_img img {
    width: 100%;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__2col .splide__list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px 20px;
  }
  .bl_imgGroupList__2col .bl_img figcaption {
    text-align: left;
    line-height: 1.23;
    margin-top: 10px;
    font-size: 0.8125rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__3col .splide__list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px 20px;
  }
  .bl_imgGroupList__3col .bl_img figcaption {
    text-align: left;
    line-height: 1.23;
    margin-top: 10px;
    font-size: 0.8125rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__4col .splide__list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px 20px;
  }
  .bl_imgGroupList__4col .bl_img figcaption {
    text-align: left;
    line-height: 1.23;
    margin-top: 10px;
    font-size: 0.8125rem;
  }
}
@media not all and (max-width: 767px), print {
  .bl_imgGroupList__slider img {
    width: 100%;
  }
  .bl_imgGroupList__slider .splide__track {
    padding-inline: 16% !important;
  }
  .bl_imgGroupList__slider .splide__slide.is-active .bl_imgGroup {
    scale: 1 1;
  }
  .bl_imgGroupList__slider .splide__slide .bl_imgGroup {
    scale: 0.8 0.8;
    transition: scale 1s var(--transEasing);
  }
  .bl_imgGroupList__slider .splide__controls {
    display: flex;
    justify-content: center;
    margin-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgGroupList__sp1col .splide__list {
    display: grid !important;
    gap: 38px;
  }
  .bl_imgGroupList__sp1col .bl_img img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgGroupList__sp2col .splide__list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 38px 12px;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgGroupList__spSlider img {
    width: 100%;
  }
  .bl_imgGroupList__spSlider .splide__controls {
    display: flex;
    justify-content: center;
    margin-top: 8px;
  }
}
.bl_imgGroupList a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.bl_imgGroupList a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .bl_imgGroupList a:hover {
    opacity: var(--opa);
  }
}

.bl_imgGroup_img:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_img:not(:last-child) {
    margin-bottom: 14px;
  }
}
.bl_imgGroup .bl_img:not(:last-child) {
  margin-bottom: 15px;
}
.bl_imgGroup_title {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.bl_imgGroup_title:not(:last-child) {
  margin-bottom: 8px;
}
.bl_imgGroup_txt {
  line-height: 1.66666667;
  letter-spacing: 0.01em;
}
@media not all and (max-width: 767px), print {
  .bl_imgGroup_txt {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_imgGroup_txt {
    font-size: 0.875rem;
    line-height: 1.78571429;
  }
}

.bl_btns {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .bl_btns {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .bl_btns {
    gap: 12px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media not all and (max-width: 767px), print {
  .bl_btns__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .bl_btns__sp2col {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bl_btns__square .el_btn {
  border-radius: 0;
}
.bl_btns__blue .el_btn {
  border: none;
  background-color: #0084CC;
  color: #fff;
  transition: opacity var(--transDur) var(--transEasing);
}
.bl_btns__blue .el_btn:focus-visible {
  background-color: #0084CC;
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .bl_btns__blue .el_btn:hover {
    background-color: #0084CC;
    opacity: var(--opa);
  }
}
.bl_btns__blue .el_btn_inner:after {
  border-color: #fff !important;
}
.bl_btns__blue .el_btn[target=_blank] .el_btn_inner:after, .bl_btns__blue .el_btn[href$=".pdf"] .el_btn_inner:after {
  background-color: #fff;
}

.bl_anchorLinks {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 22px;
  background-color: #DDF3FC;
}
@media not all and (max-width: 767px), print {
  .bl_anchorLinks {
    gap: 10px 17px;
  }
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks {
    gap: 9px 17px;
    width: 100%;
    padding: 12px 25px;
  }
}
.bl_anchorLinks a {
  position: relative;
  display: block;
  padding: 4px 33px 4px 13px;
  border-radius: 4px;
  background-color: transparent;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .bl_anchorLinks a {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks a {
    padding-left: 11px;
    font-size: 0.875rem;
  }
}
.bl_anchorLinks a:focus-visible {
  background-color: #fff;
}
.bl_anchorLinks a:focus-visible:after {
  opacity: 1;
}
@media (any-hover: hover) {
  .bl_anchorLinks a:hover {
    background-color: #fff;
  }
  .bl_anchorLinks a:hover:after {
    opacity: 1;
  }
}
.bl_anchorLinks a:before {
  content: "";
  position: absolute;
  rotate: 135deg;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
@media not all and (max-width: 767px), print {
  .bl_anchorLinks a:before {
    top: 8px;
    right: 10px;
    width: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bl_anchorLinks a:before {
    top: 8px;
    right: 12px;
    width: 8px;
  }
}

.bl_tabCont_tablist {
  display: flex;
  flex-wrap: wrap;
}
@media not all and (max-width: 767px), print {
  .bl_tabCont_tablist {
    gap: 16px 19px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 767px) {
  .bl_tabCont_tablist {
    gap: 15px 8px;
    margin-bottom: 31px;
  }
}
.bl_tabCont_tablist button {
  position: relative;
  display: block;
  padding: 6px 12px;
  border-radius: 20px;
  background-color: #E8ECEE;
  letter-spacing: 0.08em;
  transition-property: color, background-color;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .bl_tabCont_tablist button {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_tabCont_tablist button {
    font-size: 0.8125rem;
  }
}
.bl_tabCont_tablist button:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .bl_tabCont_tablist button:hover {
    color: #0084CC;
  }
}
.bl_tabCont_tablist button[aria-selected=true] {
  background-color: #0084CC;
  color: #fff;
}
.bl_tabCont_tabpanel {
  animation: panelShow 0.9s ease-in-out forwards;
  font-size: 0.875rem;
  line-height: 2.07142857;
  letter-spacing: 0.01em;
}
.bl_tabCont_tabpanel .ct_std {
  width: 100%;
}

.bl_line hr.is_solid {
  border-top-color: #707070;
}
.bl_line hr.is_solid__blue {
  border-top-color: #0084CC;
}
.bl_line hr.is_dashed {
  border-top-style: dashed;
  border-top-color: #707070;
}
.bl_line hr.is_dashed__blue {
  border-top-style: dashed;
  border-top-color: #0084CC;
}

@media not all and (max-width: 767px), print {
  .bl_news {
    margin-top: 56px;
  }
}
@media screen and (max-width: 767px) {
  .bl_news {
    margin-top: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .bl_news_head {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  .bl_news_head {
    margin-bottom: 30px;
  }
}
.bl_news_list li:not(:first-child) {
  border-top: 1px solid #c5d0d3;
}
@media not all and (max-width: 767px), print {
  .bl_news_index {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_news_index {
    margin-top: 20px;
  }
}
.bl_news_index a {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 60px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .bl_news_index a {
    max-width: 380px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_news_index a {
    font-size: 0.9375rem;
  }
}
.bl_news_index a:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .bl_news_index a:hover {
    background-color: #ddf3fc;
  }
}
.bl_news_index a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .bl_news_index a:after {
    right: 33px;
  }
}
@media screen and (max-width: 767px) {
  .bl_news_index a:after {
    right: 13px;
  }
}
.bl_news_index a:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .bl_news_index a:hover {
    background-color: #DDF3FC;
  }
}

.bl_accordion > li:not(:first-child) {
  margin-top: 11px;
}
.bl_accordion_article {
  border: 1px solid #C5D0D3;
  border-radius: 8px;
}
.bl_accordion_head {
  position: relative;
  width: 100%;
  letter-spacing: 0.02em;
  line-height: 1.78571429;
  font-weight: 500;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .bl_accordion_head {
    padding-block: 16px 16px;
    padding-inline: 30px 60px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_accordion_head {
    padding-block: 18px;
    padding-inline: 18px 48px;
    font-size: 1rem;
  }
}
.bl_accordion_head:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .bl_accordion_head:hover {
    opacity: var(--opa);
  }
}
.bl_accordion_head[aria-expanded=true] .icon:after {
  rotate: 0deg;
}
.bl_accordion_head .icon {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
}
@media not all and (max-width: 767px), print {
  .bl_accordion_head .icon {
    right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_accordion_head .icon {
    right: 20px;
  }
}
.bl_accordion_head .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
}
.bl_accordion_head .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 90deg;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
  transition: rotate var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .bl_accordion_body > div {
    padding-inline: 30px;
    padding-block: 19px 30px;
  }
}
@media screen and (max-width: 767px) {
  .bl_accordion_body > div {
    padding-inline: 18px;
    padding-block: 0 25px;
  }
}
.bl_accordion_body .ct_std {
  width: 100%;
}

@media not all and (max-width: 767px), print {
  .bl_links li:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bl_links li:not(:first-child) {
    margin-top: 6px;
  }
}
.bl_links a {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  letter-spacing: 0.054em;
  text-decoration: underline;
}
.bl_links a::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.bl_links a[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.bl_links a[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.bl_links a[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.bl_links a[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.bl_links a[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.bl_links a[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .bl_links a {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .bl_links a {
    font-size: 0.875rem;
  }
}
.bl_links a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .bl_links a:hover {
    text-decoration: none;
  }
}
.bl_links a:after {
  translate: 3px 0;
  vertical-align: -4px;
}
.bl_links a .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: auto;
  aspect-ratio: 1;
  border: 2px solid #0084CC;
  border-radius: 50%;
}
.bl_links a .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  translate: -50% -50%;
  rotate: 45deg;
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}

/**
 * Element
 */
.el_sectHead {
  text-align: center;
}
.el_sectHead_title {
  line-height: 1.3;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .el_sectHead_title {
    font-size: 3.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .el_sectHead_title {
    font-size: 2.8125rem;
    line-height: 1;
  }
}
.el_sectHead_title:first-letter {
  color: #0084cc;
}
@media not all and (max-width: 767px), print {
  .el_sectHead_title:first-letter {
    font-size: 4.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .el_sectHead_title:first-letter {
    font-size: 3.125rem;
  }
}
.el_sectHead_ruby {
  font-weight: 500;
  line-height: 1.2;
}
@media not all and (max-width: 767px), print {
  .el_sectHead_ruby {
    margin-top: 2px;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  .el_sectHead_ruby {
    margin-top: 8px;
    font-size: 1.0625rem;
    letter-spacing: 0.1em;
  }
}

.el_newsIndex[data-cat=入試情報] .el_newsIndex_icon {
  background-color: #0084CC;
  color: #fff;
}
.el_newsIndex[data-cat=イベント] .el_newsIndex_icon {
  background-color: #8DD9FA;
}
.el_newsIndex[data-cat=お知らせ] .el_newsIndex_icon {
  border: 1px solid #0084cc;
  background-color: #fff;
  color: #0084cc;
}
.el_newsIndex a {
  display: block;
}
.el_newsIndex a:focus-visible .el_newsIndex_hdg {
  color: #0084cc;
  text-decoration-color: #0084cc;
}
@media (any-hover: hover) {
  .el_newsIndex a:hover .el_newsIndex_hdg {
    color: #0084cc;
    text-decoration-color: #0084cc;
  }
}
.el_newsIndex a[target=_blank] .el_newsIndex_article::after {
  content: "";
  right: 35px;
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
  border: none;
  background-color: #0084cc;
  rotate: 0deg;
}
@media screen and (max-width: 767px) {
  .el_newsIndex a[target=_blank] .el_newsIndex_article::after {
    right: 12px;
  }
}
.el_newsIndex a[href$=".pdf"] .el_newsIndex_article::after {
  content: "";
  right: 39px;
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
  border: none;
  background-color: #0084cc;
  rotate: 0deg;
}
@media screen and (max-width: 767px) {
  .el_newsIndex a[href$=".pdf"] .el_newsIndex_article::after {
    right: 14px;
  }
}
.el_newsIndex_article {
  position: relative;
  align-items: center;
  background-color: #fff;
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_article {
    display: flex;
    gap: 10px;
    padding: 21px 80px 18px 28px;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_article {
    padding: 17px 40px 14px 20px;
  }
}
.el_newsIndex_article:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  width: 9px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_article:after {
    top: 50%;
    right: 43px;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_article:after {
    top: calc(50% + 3px);
    right: 17px;
  }
}
.el_newsIndex_meta {
  align-self: flex-start;
  flex-shrink: 0;
  display: flex;
}
@media screen and (max-width: 767px) {
  .el_newsIndex_meta {
    margin-bottom: 9px;
  }
}
.el_newsIndex_date {
  align-self: center;
  color: #0084cc;
  line-height: 0.74888889;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_date {
    width: 92px;
    margin-right: 24px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_date {
    width: 74px;
    margin-right: 9px;
    font-size: 0.9375rem;
  }
}
.el_newsIndex_icon {
  display: block;
  border-radius: 2px;
  text-align: center;
  background-color: #C5D0D3;
  font-weight: 500;
  line-height: 1.348;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_icon {
    width: 80px;
    padding: 2px 8px 3px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_icon {
    width: 70px;
    padding: 2px 6px 2px;
    font-size: 0.8125rem;
  }
}
.el_newsIndex_icon.is_new {
  width: auto;
  font-family: var(--ff_oswald);
  border: none !important;
  background-color: #FFF23F !important;
  color: #0084CC !important;
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_icon.is_new {
    padding: 1px 7px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_icon.is_new {
    padding: 2px 6px 1px;
    font-size: 0.75rem;
  }
}
.el_newsIndex_icon.is_importance {
  width: auto;
  border: none !important;
  background-color: #FF0000 !important;
  color: #fff !important;
}
.el_newsIndex_icon + .el_newsIndex_icon {
  margin-left: 5px;
}
.el_newsIndex_hdg {
  line-height: 1.33333333;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition-property: color, text-decoration-color;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .el_newsIndex_hdg {
    font-size: 0.9375rem;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767px) {
  .el_newsIndex_hdg {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
  }
}

.el_studentCard a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.el_studentCard a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .el_studentCard a:hover {
    opacity: var(--opa);
  }
}
.el_studentCard_article {
  position: relative;
}
.el_studentCard_type {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  padding: 4px 2px;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_type {
    width: 71px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_type {
    width: 60px;
    font-size: 0.8125rem;
  }
}
.el_studentCard_type[data-type=在学生] {
  background-color: #FFF23F;
}
.el_studentCard_type[data-type=卒業生] {
  background-color: #56C0EE;
}
.el_studentCard_thumb {
  overflow: hidden;
  z-index: 0;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_thumb {
    border-radius: 0 20px 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_thumb {
    border-radius: 0 12px 12px 12px;
  }
}
.el_studentCard_thumb img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.el_studentCard_body {
  position: relative;
  padding: 14px 15px 13px;
  margin-right: 12px;
  background-color: #fff;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_body {
    margin-top: -30px;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_body {
    margin-top: -20px;
  }
}
.el_studentCard_title {
  font-weight: 500;
  line-height: 1.41176471;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_title {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_title {
    font-size: 0.9375rem;
  }
}
.el_studentCard_cat {
  display: inline-block;
  padding: 4px 15px;
  border-radius: 3px;
  margin-top: 10px;
  background-color: #E8ECEE;
  color: #0084CC;
  letter-spacing: -0.06em;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_cat {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_cat {
    font-size: 0.8125rem;
  }
}
.el_studentCard_affiliation {
  margin-top: 8px;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_affiliation {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_affiliation {
    font-size: 0.75rem;
  }
}
.el_studentCard_name {
  margin-top: 1px;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_name {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_name {
    font-size: 1rem;
  }
}
.el_studentCard_name .san {
  margin-left: 5px;
  font-size: 60%;
}
.el_studentCard_tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6px;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_tags {
    gap: 4px 12px;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_tags {
    gap: 2px 8px;
  }
}
.el_studentCard_tags > li {
  color: #0084CC;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 767px), print {
  .el_studentCard_tags > li {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .el_studentCard_tags > li {
    font-size: 0.875rem;
  }
}
.el_studentCard_tags > li:before {
  content: "#";
}

.js_moreViewBlock_item {
  animation: panelShow 0.9s ease-in-out forwards;
}

/**
 * Element
 */
@media not all and (max-width: 767px), print {
  .el_hdgLg {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgLg {
    margin-bottom: 32px;
  }
}
.el_hdgLg_title {
  padding: 2px 13px 5px;
  background-color: #0084CC;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .el_hdgLg_title {
    font-size: 1.625rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgLg_title {
    font-size: 1.625rem;
    line-height: 2;
  }
}
.el_hdgLg_subTitle {
  margin-top: 10px;
  font-weight: 500;
  letter-spacing: 0.06em;
  font-size: 1.25rem;
}

.el_hdgMd {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .el_hdgMd {
    padding-left: 26px;
    margin-bottom: 28px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgMd {
    padding-left: 17px;
    margin-bottom: 32px;
    font-size: 1.4375rem;
    letter-spacing: 0.07em;
    line-height: 1.22;
  }
}
.el_hdgMd:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  height: 100%;
  background-color: #0084CC;
}
@media not all and (max-width: 767px), print {
  .el_hdgMd:before {
    width: 10px;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgMd:before {
    width: 7px;
  }
}

.el_hdgSm {
  color: #0084CC;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .el_hdgSm {
    margin-bottom: 20px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .el_hdgSm {
    margin-bottom: 24px;
    font-size: 1.375rem;
  }
}

.el_hdg:has(.el_hdg_img) {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .el_hdg:has(.el_hdg_img):has(.el_hdgLg) {
    grid-template-columns: 174px auto;
    gap: 20px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .el_hdg:has(.el_hdg_img):has(.el_hdgLg) {
    grid-template-columns: 94px auto;
    gap: 15px;
    margin-bottom: 32px;
  }
}
.el_hdg:has(.el_hdg_img):has(.el_hdgLg) .el_hdgLg {
  align-self: center;
  margin-bottom: 0;
}
@media not all and (max-width: 767px), print {
  .el_hdg:has(.el_hdg_img):has(.el_hdgMd) {
    margin-bottom: 32px;
    grid-template-columns: 97px auto;
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_hdg:has(.el_hdg_img):has(.el_hdgMd) {
    margin-bottom: 24px;
    align-items: center;
    grid-template-columns: 66px auto;
    gap: 15px;
  }
}
.el_hdg:has(.el_hdg_img):has(.el_hdgMd) .el_hdgMd {
  align-self: center;
  margin-bottom: 0;
}
@media not all and (max-width: 767px), print {
  .el_hdg:has(.el_hdg_img):has(.el_hdgSm) {
    margin-bottom: 24px;
    grid-template-columns: 80px auto;
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .el_hdg:has(.el_hdg_img):has(.el_hdgSm) {
    margin-bottom: 18px;
    align-items: center;
    grid-template-columns: 66px auto;
    gap: 15px;
  }
}
.el_hdg:has(.el_hdg_img):has(.el_hdgSm) .el_hdgSm {
  align-self: center;
  margin-bottom: 0;
}
.el_hdg_img img {
  width: 100%;
  aspect-ratio: 174/107;
  -o-object-fit: cover;
  object-fit: cover;
}

.el_btn {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border: 2px solid #0084CC;
  border-radius: 62px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.05em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
.el_btn .el_btn_inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  translate: 0 -50%;
  rotate: 45deg;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
@media not all and (max-width: 767px), print {
  .el_btn .el_btn_inner:after {
    width: 11px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn .el_btn_inner:after {
    right: 16px;
    width: 8px;
  }
}
.el_btn[target=_blank] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[target=_blank] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[target=_blank] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn[href$=".pdf"] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[href$=".pdf"] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[href$=".pdf"] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn[href*=".doc"] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[href*=".doc"] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[href*=".doc"] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn[href*=".xls"] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[href*=".xls"] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[href*=".xls"] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn[href*=".ppt"] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[href*=".ppt"] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[href*=".ppt"] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn[href$=".zip"] .el_btn_inner::after {
  content: "";
  rotate: 0deg;
  aspect-ratio: 1;
  border-top: none;
  background-color: #0084CC;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .el_btn[href$=".zip"] .el_btn_inner::after {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .el_btn[href$=".zip"] .el_btn_inner::after {
    width: 16px;
  }
}
.el_btn:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .el_btn:hover {
    background-color: #DDF3FC;
  }
}
.el_btn_inner {
  position: relative;
  display: block;
  width: 100%;
}
@media not all and (max-width: 767px), print {
  .el_btn_inner {
    padding: 12px 46px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .el_btn_inner {
    padding: 16px 26px 17px;
    font-size: 0.875rem;
  }
}
.el_btn__blue {
  border: none;
  background-color: #008EDB;
  color: #fff;
  transition: opacity var(--transDur) var(--transEasing);
}
.el_btn__blue:focus-visible {
  background-color: #008EDB;
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .el_btn__blue:hover {
    background-color: #008EDB;
    opacity: var(--opa);
  }
}
.el_btn__blue[target=_blank] .el_btn_inner:after, .el_btn__blue[href$=".pdf"] .el_btn_inner:after {
  background-color: #fff;
}
.el_btn__blue .el_btn_inner:after {
  border-color: #fff;
}

/**
 * Helper
 */
@media screen and (max-width: 767px) {
  .hp_pcOnly {
    display: none !important;
  }
}

@media not all and (max-width: 767px), print {
  .hp_spOnly {
    display: none !important;
  }
}

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

@media not all and (max-width: 900px), print {
  .hp_spOnly_900 {
    display: none !important;
  }
}

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

@media not all and (max-width: 1000px), print {
  .hp_less1000Only {
    display: none !important;
  }
}

.hp_srOnly {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.hp_trimLeading::before, .hp_trimLeading::after {
  content: "";
  display: block;
}
.hp_trimLeading::before {
  margin-block-end: var(--negLeading);
}
.hp_trimLeading::after {
  margin-block-start: var(--negLeading);
}

/**
 * Page
 */
@media not all and (max-width: 767px), print {
  .tp_front-page .ly_cont {
    padding-bottom: 102px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .ly_cont {
    padding-bottom: 101px;
  }
}
.tp_front-page .el_sectHead {
  translate: 0 30px;
  opacity: 0;
  transition-duration: translate, opacity;
  transition-duration: 1s;
  transition-timing-function: var(--transEasing);
}
.tp_front-page .el_sectHead.is_show {
  opacity: 1;
  translate: 0 0;
}
.tp_front-page .fv {
  background-color: #eff2f3;
}
.tp_front-page .fv_sub {
  display: grid;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .fv_sub {
    grid-template-columns: auto max-content;
    gap: 30px;
    width: min(calc(100% - 100px), 1200px);
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv_sub {
    gap: 8px;
    width: calc(100% - 50px);
  }
}
.tp_front-page .fv_title {
  position: relative;
}
.tp_front-page .fv_title > li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.tp_front-page .fv_title > li[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
.tp_front-page .fv_title > li .txt {
  display: block;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .fv_title > li .txt {
    padding-top: 15px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv_title > li .txt {
    padding-top: 8px;
    font-size: 0.8125rem;
  }
}
.tp_front-page .fv_video {
  height: 100%;
  text-align: center;
  aspect-ratio: inherit;
  background-color: #b2e3f5;
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv_video {
    display: grid;
    place-items: center;
  }
}
.tp_front-page .fv_video iframe {
  aspect-ratio: 16/9;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .fv_video iframe {
    width: auto;
    height: inherit;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv_video iframe {
    width: 100%;
    height: auto;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .fv .splide__list {
    aspect-ratio: 1400/500;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv .splide__list {
    aspect-ratio: 390/370;
  }
}
.tp_front-page .fv .splide__slide {
  width: 100%;
  aspect-ratio: inherit;
}
.tp_front-page .fv .splide__slide a {
  display: block;
  height: 100%;
  aspect-ratio: inherit;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .fv .splide__slide a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .fv .splide__slide a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .fv .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_front-page .fv .splide__controls {
  align-self: flex-start;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .fv .splide__controls {
    translate: 10px 0;
    padding-top: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .fv .splide__controls {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .navigation_slider {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
.tp_front-page .navigation_slider .splide__slide img {
  width: 320px;
  aspect-ratio: 320/140;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tp_front-page .navigation_slider .splide__pagination__page {
    width: 16px;
  }
  .tp_front-page .navigation_slider .splide__pagination__page:before {
    width: 6px;
  }
}
.tp_front-page .news {
  background-color: #b2e3f5;
}
.tp_front-page .news_container {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_container {
    width: min(calc(100% - 100px), 1000px);
    transform: translateY(-47px);
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_container {
    width: calc(100% - 50px);
    transform: translateY(-32px);
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_body {
    padding-block: 50px 94px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_body {
    padding-block: 20px 139px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_importance {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_importance {
    margin-bottom: 29px;
  }
}
.tp_front-page .news_importance ol {
  border-top: 2px solid #0084cc;
  border-bottom: 2px solid #0084cc;
  background-color: #fff;
}
.tp_front-page .news_importance li:not(:first-child) {
  border-top: 1px solid #c5d0d3;
}
.tp_front-page .news_hdg {
  display: flex;
}
.tp_front-page .news_hdg > span {
  display: block;
  border-radius: 4px 4px 0 0;
  background-color: #0084cc;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_hdg > span {
    padding: 10px 20px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_hdg > span {
    padding: 12px 20px;
    font-size: 0.9375rem;
  }
}
.tp_front-page .news_tabs {
  display: flex;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_tabs {
    gap: 18px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_tabs {
    gap: 9px;
    margin-bottom: 10px;
  }
}
.tp_front-page .news_tab {
  position: relative;
  display: block;
  color: #515556;
  font-weight: 600;
  line-height: 1.17647059;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_tab {
    padding: 11px 10px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_tab {
    padding: 10px 8px 9px;
    font-size: 0.9375rem;
  }
}
.tp_front-page .news_tab:focus-visible:before {
  opacity: 1;
}
@media (any-hover: hover) {
  .tp_front-page .news_tab:hover:before {
    opacity: 1;
  }
}
.tp_front-page .news_tab[aria-selected=true] {
  color: #0084cc;
}
.tp_front-page .news_tab[aria-selected=true]:before {
  opacity: 1;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_tab[aria-selected=true] {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_tab[aria-selected=true] {
    font-size: 1rem;
  }
}
.tp_front-page .news_tab:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0084cc;
  opacity: 0;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .news_panel {
  animation: panelShow 0.9s ease-in-out forwards;
}
.tp_front-page .news_panel li:not(:first-child) {
  border-top: 1px solid #c5d0d3;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_index {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_index {
    margin-top: 20px;
  }
}
.tp_front-page .news_index a {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 60px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_index a {
    max-width: 380px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_index a {
    font-size: 0.9375rem;
  }
}
.tp_front-page .news_index a:focus-visible {
  background-color: rgba(255, 255, 255, 0.4);
}
@media (any-hover: hover) {
  .tp_front-page .news_index a:hover {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.tp_front-page .news_index a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .news_index a:after {
    right: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .news_index a:after {
    right: 13px;
  }
}
.tp_front-page .admission {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .admission {
    width: min(calc(100% - 100px), 1040px);
    margin-top: -56px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .admission {
    width: calc(100% - 50px);
    margin-top: -76px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .admission_units {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .admission_units {
    margin-top: 45px;
  }
}
.tp_front-page .admission_link {
  display: flex;
  justify-content: center;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .admission_link {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .admission_link {
    margin-top: 20px;
  }
}
.tp_front-page .admission_link a {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 20px 20px 21px;
  border-radius: 6px;
  background-color: #0084cc;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.14em;
  font-weight: 500;
  box-shadow: 0 0 4px #c5d0d3;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .admission_link a {
    max-width: 410px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .admission_link a {
    font-size: 1.25rem;
  }
}
.tp_front-page .admission_link a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .admission_link a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .admission_link a .inner {
  position: relative;
  display: block;
  padding-inline: 60px;
  letter-spacing: 0.14em;
}
.tp_front-page .admission_link a[target=_blank] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.tp_front-page .admission_link a[href$=".pdf"] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.tp_front-page .admission_link a[target=_blank] .inner:after, .tp_front-page .admission_link a[href$=".pdf"] .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 0deg;
  width: 20px;
  aspect-ratio: 1;
  border: none;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.tp_front-page .admission_link a .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.tp_front-page .faculty {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty {
    width: min(calc(100% - 100px), 1040px);
    margin-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty {
    width: calc(100% - 50px);
    margin-top: 94px;
  }
}
.tp_front-page .faculty_body {
  margin-top: 38px;
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_body {
    margin-top: 42px;
  }
}
.tp_front-page .faculty_title {
  text-align: center;
  margin-bottom: 25px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_title {
    font-size: 1.375rem;
  }
}
.tp_front-page .faculty_list {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_list {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 8px 12px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 6px;
  }
}
.tp_front-page .faculty_list a {
  display: block;
  height: 100%;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .faculty_list a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .faculty_list a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .faculty_box {
  display: grid;
  grid-template-rows: max-content auto;
  height: 100%;
}
.tp_front-page .faculty_box img {
  width: 100%;
  aspect-ratio: 200/115;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_front-page .faculty_hdg {
  display: grid;
  place-items: center;
  position: relative;
  background-color: #80d0ee;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.1;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_hdg {
    padding: 6px 20px 9px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_hdg {
    padding: 7px 20px 6px;
    font-size: 0.8125rem;
  }
}
.tp_front-page .faculty_hdg:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_hdg:after {
    right: 11px;
  }
}
.tp_front-page .faculty_hdg[data-faculty=法学部] {
  background-color: #addfed;
}
.tp_front-page .faculty_hdg[data-faculty=経済学部] {
  background-color: #bcdb78;
}
.tp_front-page .faculty_hdg[data-faculty=経営学部] {
  background-color: #e09e95;
}
.tp_front-page .faculty_hdg[data-faculty=人文学部] {
  background-color: #a8c2e2;
}
.tp_front-page .faculty_hdg[data-faculty=心理学部] {
  background-color: #ebcadf;
}
.tp_front-page .faculty_hdg[data-faculty=現代社会学部] {
  background-color: #f39c8b;
}
.tp_front-page .faculty_hdg[data-faculty=グローバル・コミュニケーション学部] {
  background-color: #fde096;
}
.tp_front-page .faculty_hdg[data-faculty=総合リハビリテーション学部] {
  background-color: #f6b680;
}
.tp_front-page .faculty_hdg[data-faculty=栄養学部] {
  background-color: #facd75;
}
.tp_front-page .faculty_hdg[data-faculty=薬学部] {
  background-color: #f5b6c0;
}
.tp_front-page .faculty_graduate {
  width: 100%;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_graduate {
    max-width: 409px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_graduate {
    margin-top: 5px;
  }
}
.tp_front-page .faculty_graduate a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .faculty_graduate a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .faculty_graduate a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .faculty_lBox img {
  width: 100%;
  aspect-ratio: 410/108;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_lBox img {
    aspect-ratio: 410/114;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_navi {
    margin-top: 34px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_navi {
    margin-top: 48px;
  }
}
.tp_front-page .faculty_desc {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_desc {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_desc {
    margin-bottom: 16px;
  }
}
.tp_front-page .faculty_desc > span {
  position: relative;
  display: block;
  text-align: center;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_desc > span {
    padding-inline: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_desc > span {
    padding-inline: 12px;
    letter-spacing: 0;
  }
}
.tp_front-page .faculty_desc > span .prev {
  position: absolute;
  top: 50%;
  left: 1px;
  translate: 0 -50%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_desc > span .prev {
    left: -9px;
  }
}
.tp_front-page .faculty_desc > span .prev:before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: calc(50% - 2px);
  translate: -50% -50%;
  rotate: 52deg;
  width: 16px;
  height: 2px;
  background-color: #0084cc;
}
.tp_front-page .faculty_desc > span .prev:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: calc(50% + 2px);
  translate: -50% -50%;
  rotate: 52deg;
  width: 12px;
  height: 2px;
  background-color: #0084cc;
}
.tp_front-page .faculty_desc > span .next {
  position: absolute;
  top: 50%;
  right: 1px;
  translate: 0 -50%;
  width: 20px;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_desc > span .next {
    right: -9px;
  }
}
.tp_front-page .faculty_desc > span .next:before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: calc(50% + 2px);
  translate: -50% -50%;
  rotate: -52deg;
  width: 16px;
  height: 2px;
  background-color: #0084cc;
}
.tp_front-page .faculty_desc > span .next:after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: calc(50% - 2px);
  translate: -50% -50%;
  rotate: -52deg;
  width: 12px;
  height: 2px;
  background-color: #0084cc;
}
.tp_front-page .faculty_link {
  display: flex;
  justify-content: center;
}
.tp_front-page .faculty_link a {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 20px 20px 21px;
  border-radius: 6px;
  background-color: #0084cc;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.14em;
  font-weight: 500;
  box-shadow: 0 0 4px #c5d0d3;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .faculty_link a {
    max-width: 410px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .faculty_link a {
    font-size: 1.25rem;
  }
}
.tp_front-page .faculty_link a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .faculty_link a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .faculty_link a .inner {
  position: relative;
  display: block;
  padding-inline: 60px;
  letter-spacing: 0.14em;
}
.tp_front-page .faculty_link a .inner:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  left: 21px;
  width: 32px;
  height: auto;
  aspect-ratio: 1;
  translate: 0 -50%;
  background-image: var(--iconPath);
  background-repeat: no-repeat;
  background-size: contain;
}
.tp_front-page .faculty_link a[target=_blank] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.tp_front-page .faculty_link a[href$=".pdf"] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.tp_front-page .faculty_link a[target=_blank] .inner:after, .tp_front-page .faculty_link a[href$=".pdf"] .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 0deg;
  width: 20px;
  aspect-ratio: 1;
  border: none;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.tp_front-page .faculty_link a .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.tp_front-page .pickup {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup {
    padding-block: 83px 79px;
    margin-top: 101px;
    background-image: url(../img/tp_front-page/pickup_bg.webp);
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup {
    padding-block: 78px 79px;
    margin-top: 65px;
    background-image: url(../img/tp_front-page/pickup_bg_sp.webp);
  }
}
.tp_front-page .pickup:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(340deg, rgb(173, 223, 237) 0%, rgb(246, 243, 163) 50%, rgb(255, 242, 63) 100%);
  opacity: 0.85;
  z-index: 0;
}
.tp_front-page .pickup_container {
  position: relative;
  margin-inline: auto;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_container {
    width: min(calc(100% - 100px), 1100px);
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_inner {
    display: flex;
    gap: 10px;
  }
}
.tp_front-page .pickup_head {
  position: relative;
  flex-shrink: 0;
  z-index: 1;
  pointer-events: none;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_head {
    width: 300px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_head {
    width: calc(100% - 25px);
    padding-bottom: 10px;
    margin-bottom: 18px;
    margin-left: auto;
  }
}
.tp_front-page .pickup_sub {
  pointer-events: auto;
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_sub {
    width: 242px;
    margin-left: 3px;
  }
}
.tp_front-page .pickup_sub img {
  width: 100%;
}
.tp_front-page .pickup_title {
  font-weight: 500;
  letter-spacing: 0.11em;
  line-height: 1.3;
  pointer-events: auto;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_title {
    position: relative;
    margin: 42px 0 0 4px;
    font-size: 1.0625rem;
  }
  .tp_front-page .pickup_title:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: calc(100% + 40px);
    height: 2px;
    background-color: #fff;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_title {
    margin: 34px 0 0 4px;
    padding: 0 25px 17px 0;
    font-size: 1.125rem;
    border-bottom: 1px solid #fff;
  }
}
.tp_front-page .pickup_slider {
  position: relative;
  flex-grow: 1;
  margin-top: 2px;
  z-index: 0;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_slider {
    padding-top: 80px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_slider {
    width: calc(100% - 50px);
    margin-inline: auto;
  }
}
.tp_front-page .pickup_item {
  transform-origin: right bottom;
  width: 100%;
  pointer-events: auto;
  transition-property: width, padding, translate;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_item {
    padding-inline: 0;
  }
}
.tp_front-page .pickup_item a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .pickup_item a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .pickup_item a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .pickup_article {
  transition: padding-top var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_article {
    padding-top: 150px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_article {
    padding-top: 78px;
  }
}
.tp_front-page .pickup_thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  transition: width var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_thumb {
    border-radius: 13px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_thumb {
    border-radius: 12px;
  }
}
.tp_front-page .pickup_thumb img {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_front-page .pickup_body {
  position: relative;
  background-color: #fff;
  z-index: 1;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_body {
    translate: -15px 0;
    width: 80%;
    padding: 25px;
    margin-top: -20%;
    transition-property: translate;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_body {
    translate: -20px 0;
    width: 80%;
    padding: 16px 24px;
    margin-top: -35px;
    opacity: 0;
    transition-property: opacity;
  }
}
.tp_front-page .pickup_hdg {
  font-weight: 700;
  letter-spacing: 0.1em;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_hdg {
    margin-bottom: 12px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_hdg {
    margin-bottom: 14px;
    font-size: 1rem;
    line-height: 1.3;
  }
}
.tp_front-page .pickup_hdg span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tp_front-page .pickup_faculty {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_faculty {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_faculty {
    font-size: 0.8125rem;
  }
}
.tp_front-page .pickup_name {
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_name {
    margin-top: 5px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_name {
    font-size: 0.8125rem;
  }
}
.tp_front-page .pickup_name .san {
  margin-left: 5px;
  font-size: 60%;
}
.tp_front-page .pickup_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_tags {
    margin-top: 7px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_tags {
    margin-top: 6px;
  }
}
.tp_front-page .pickup_tags > li {
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_tags > li {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_tags > li {
    font-size: 0.6875rem;
  }
}
.tp_front-page .pickup_tags > li:before {
  content: "#";
}
.tp_front-page .pickup_index {
  margin-top: 19px;
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_index {
    margin-top: 22px;
  }
}
.tp_front-page .pickup_index a {
  position: relative;
  display: block;
  width: 100%;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.02em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup_index a {
    max-width: 340px;
    padding: 13px 60px 13px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup_index a {
    padding: 13px 60px;
  }
}
.tp_front-page .pickup_index a:focus-visible {
  background-color: rgba(255, 255, 255, 0.4);
}
@media (any-hover: hover) {
  .tp_front-page .pickup_index a:hover {
    background-color: rgba(255, 255, 255, 0.4);
  }
}
.tp_front-page .pickup_index a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 13px;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
.tp_front-page .pickup .splide__track {
  overflow: visible;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__track {
    width: 275px;
    height: 610px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__track {
    width: 220px;
    height: 480px;
  }
}
.tp_front-page .pickup .splide__pagination__page::before {
  background-color: #fff;
}
.tp_front-page .pickup .splide__pagination__page.is-active::before {
  background-color: #0084cc;
}
.tp_front-page .pickup .splide__slide {
  width: 100%;
  pointer-events: none;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active .pickup_item {
    width: 500px !important;
    padding-inline: 60px 0 !important;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active .pickup_item {
    width: 300px !important;
    padding-inline: 10px 0 !important;
  }
}
.tp_front-page .pickup .splide__slide.is-active .pickup_article {
  padding-top: 0 !important;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active .pickup_body {
    translate: -40px 0 !important;
    margin-top: -30% !important;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active .pickup_body {
    opacity: 1 !important;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active .pickup_hdg {
    font-size: 1.625rem !important;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active .pickup_hdg {
    font-size: 1.25rem !important;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active .pickup_faculty {
    font-size: 1.0625rem !important;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active .pickup_faculty {
    font-size: 0.875rem !important;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active .pickup_name {
    font-size: 1.0625rem !important;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active .pickup_name {
    font-size: 0.875rem !important;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__slide.is-active ~ .splide__slide .pickup_item {
    translate: 286px 0;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__slide.is-active ~ .splide__slide .pickup_item {
    translate: 90px 0;
  }
}
.tp_front-page .pickup .splide__controls {
  justify-content: center;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__controls {
    margin-top: 23px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__controls {
    margin-top: 15px;
  }
}
.tp_front-page .pickup .splide__arrows {
  position: absolute;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__arrows {
    top: 260px;
    left: 290px;
    width: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__arrows {
    top: 350px;
    left: 0;
    width: 360px;
  }
}
.tp_front-page .pickup .splide__arrow {
  pointer-events: auto;
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__arrow {
    width: 70px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__arrow {
    width: 50px;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_front-page .pickup .splide__arrow:before {
    width: 50px;
  }
}
@media screen and (max-width: 1000px) {
  .tp_front-page .pickup .splide__arrow:before {
    width: 30px;
  }
}
.tp_front-page .pickup .splide__player:before {
  border-color: #0084cc;
}
.tp_front-page .pickup .splide__player:after {
  background-color: #0084cc;
}
.tp_front-page .campus {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus {
    width: min(calc(100% - 100px), 830px);
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus {
    width: calc(100% - 50px);
    margin-top: 90px;
  }
}
.tp_front-page .campus_list {
  display: grid;
  margin-top: 50px;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_list {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 39px 18px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 19px 10px;
    margin-top: 49px;
  }
}
.tp_front-page .campus_list > li a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .campus_list > li a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .campus_list > li a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .campus_list > li a > div {
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_list > li a > div {
    border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_list > li a > div {
    border-radius: 4px;
  }
}
.tp_front-page .campus_list > li a > div img {
  width: 100%;
  aspect-ratio: 265/162;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_list > li a > div img {
    aspect-ratio: 164/100;
  }
}
.tp_front-page .campus_hdg {
  margin-top: 4px;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_hdg {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_hdg {
    margin-top: 10px;
    font-size: 0.875rem;
    line-height: 1.1;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_subLink {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_subLink {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px 10px;
    margin-top: 39px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_subLink li {
    width: 158px;
  }
}
.tp_front-page .campus_subLink a {
  display: block;
  height: 100%;
}
.tp_front-page .campus_subLink a:focus-visible .campus_box {
  background-color: #CBECFA;
}
@media (any-hover: hover) {
  .tp_front-page .campus_subLink a:hover .campus_box {
    background-color: #CBECFA;
  }
}
.tp_front-page .campus_box {
  display: grid;
  height: 100%;
  background-color: #eef1f2;
  overflow: hidden;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_box {
    padding: 18px 6px 11px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_box {
    padding: 19px 6px 9px;
    border-radius: 6px;
  }
}
.tp_front-page .campus_icon {
  display: block;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_icon {
    height: 40px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_icon {
    height: 35px;
    margin-bottom: 1px;
  }
}
.tp_front-page .campus_icon img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.tp_front-page .campus_txt {
  margin-top: 7px;
  text-align: center;
  font-family: var(--ff_biz);
  font-weight: 600;
  line-height: 1.14071429;
  letter-spacing: 0.1em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .campus_txt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .campus_txt {
    font-size: 0.8125rem;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .loopSlider {
    margin-top: 130px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .loopSlider {
    margin-top: 69px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .loopSlider_item + .loopSlider_item {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .loopSlider_item + .loopSlider_item {
    margin-top: 6px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .loopSlider_item li {
    width: 396px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .loopSlider_item li {
    width: 225px;
  }
}
.tp_front-page .loopSlider_item img {
  width: 100%;
  aspect-ratio: 396/210;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_front-page .banner {
  width: 100%;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .banner {
    width: min(calc(100% - 100px), 1100px);
    max-width: 1100px;
    margin-top: 82px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .banner {
    width: calc(100% - 70px);
    margin-top: 70px;
  }
}
.tp_front-page .banner a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_front-page .banner a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .banner a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .banner img {
  width: 100%;
}
.tp_front-page .brochure {
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure {
    margin-top: 93px;
  }
}
.tp_front-page .brochure_container {
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_container {
    width: min(calc(100% - 100px), 1100px);
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_container {
    width: calc(100% - 50px);
  }
}
.tp_front-page .brochure_hdg {
  text-align: center;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_hdg {
    margin-bottom: 5px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_hdg {
    margin-bottom: 6px;
    font-size: 0.9375rem;
  }
}
.tp_front-page .brochure_thumb > a {
  display: block;
}
.tp_front-page .brochure_thumb img {
  width: 100%;
  aspect-ratio: 191/260;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_thumb img {
    aspect-ratio: 148/204;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_link {
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_link {
    margin-top: 23px;
  }
}
.tp_front-page .brochure_link a {
  position: relative;
  display: block;
  border: 2px solid #0084cc;
  border-radius: 6px;
  text-align: center;
  letter-spacing: 0.06em;
  font-weight: 500;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_link a {
    padding: 10px 30px 12px 20px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_link a {
    padding: 10px 40px 10px 20px;
    font-size: 0.9375rem;
    line-height: 1.2;
  }
}
.tp_front-page .brochure_link a:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_front-page .brochure_link a:hover {
    background-color: #DDF3FC;
  }
}
.tp_front-page .brochure_link a:not([target=_blank]):not([href$=".pdf"]):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  translate: 0 -50%;
  rotate: 45deg;
  width: 13px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_link a:not([target=_blank]):not([href$=".pdf"]):after {
    right: 15px;
    width: 11px;
  }
}
.tp_front-page .brochure_link a[target=_blank]:after, .tp_front-page .brochure_link a[href$=".pdf"]:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  translate: 0 -50%;
  width: 16px;
  height: auto;
  aspect-ratio: 1;
  background-color: #0084cc;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.tp_front-page .brochure_link a[target=_blank]:after {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.tp_front-page .brochure_link a[href$=".pdf"]:after {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.tp_front-page .brochure_index {
  display: flex;
  justify-content: center;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_index {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_index {
    margin-top: 21px;
  }
}
.tp_front-page .brochure_index a {
  display: grid;
  place-items: center;
  width: 100%;
  border-radius: 6px;
  background-color: #0084cc;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.14em;
  font-weight: 500;
  box-shadow: 0 0 4px #c5d0d3;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_index a {
    max-width: 400px;
    padding: 20px 20px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_index a {
    max-width: 91%;
    padding: 20px;
    font-size: 1.25rem;
  }
}
.tp_front-page .brochure_index a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_front-page .brochure_index a:hover {
    opacity: var(--opa);
  }
}
.tp_front-page .brochure_index a .inner {
  position: relative;
  display: block;
  letter-spacing: 0.07em;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_index a .inner {
    padding-inline: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_index a .inner {
    padding-inline: 40px;
  }
}
.tp_front-page .brochure_index a .inner:before {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  translate: 0 -50%;
  height: auto;
  aspect-ratio: 1;
  background-image: var(--iconPath);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure_index a .inner:before {
    left: 20px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure_index a .inner:before {
    left: -7px;
    width: 30px;
  }
}
.tp_front-page .brochure_index a[target=_blank] {
  position: absolute;
}
.tp_front-page .brochure_index a[target=_blank] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.tp_front-page .brochure_index a[href$=".pdf"] .inner:after {
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.tp_front-page .brochure_index a[target=_blank] .inner:after, .tp_front-page .brochure_index a[href$=".pdf"] .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 0deg;
  width: 20px;
  aspect-ratio: 1;
  border: none;
  background-color: #fff;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}
.tp_front-page .brochure_index a .inner:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.tp_front-page .brochure .splide {
  visibility: visible;
}
.tp_front-page .brochure .splide__track {
  overflow: visible;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure .splide__list {
    margin-top: 43px !important;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__list {
    margin-top: 43px !important;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure .splide__slide {
    width: 293px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__slide {
    width: 148px;
  }
}
.tp_front-page .brochure .splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
.tp_front-page .brochure .splide__arrow {
  pointer-events: auto;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure .splide__arrow {
    width: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__arrow {
    width: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure .splide__arrow:before {
    width: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__arrow:before {
    width: 26px;
  }
}
.tp_front-page .brochure .splide__controls {
  justify-content: center;
}
@media not all and (max-width: 767px), print {
  .tp_front-page .brochure .splide__controls {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__controls {
    margin-top: 11px;
  }
}
@media screen and (max-width: 767px) {
  .tp_front-page .brochure .splide__pagination__page {
    width: 16px;
  }
  .tp_front-page .brochure .splide__pagination__page:before {
    width: 6px;
  }
}
.tp_front-page #navigationReceiver {
  position: absolute;
  top: calc(100dvh + 100px);
  left: 0;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}

@media not all and (max-width: 767px), print {
  .tp_page main {
    padding-block: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page main {
    padding-block: 0 50px;
  }
}

.tp_page-admission .banners {
  margin-bottom: 38px;
}
.tp_page-admission .banners.is_static .splide__slide {
  width: 100% !important;
}
.tp_page-admission .banners.is_static .splide__slide > div {
  scale: 1 1 !important;
  transition: none !important;
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .banners .splide__track {
    padding-inline: 16% !important;
  }
  .tp_page-admission .banners .splide__slide.is-active > div {
    scale: 1 1;
  }
  .tp_page-admission .banners .splide__slide > div {
    scale: 0.8 0.8;
    transition: scale 1s var(--transEasing);
  }
}
.tp_page-admission .banners .splide__controls {
  display: flex;
  justify-content: center;
  margin-top: 17px;
}
.tp_page-admission .banners a {
  display: block;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_page-admission .banners a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_page-admission .banners a:hover {
    opacity: var(--opa);
  }
}
.tp_page-admission .banners img {
  width: 100%;
  aspect-ratio: 590/260;
  -o-object-fit: cover;
  object-fit: cover;
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .bl_contSet {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .bl_contSet {
    margin-top: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .news {
    margin-top: 56px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .news {
    margin-top: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .news_head {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .news_head {
    margin-bottom: 30px;
  }
}
.tp_page-admission .news_list li:not(:first-child) {
  border-top: 1px solid #c5d0d3;
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .news_index {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .news_index {
    margin-top: 20px;
  }
}
.tp_page-admission .news_index a {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 60px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .news_index a {
    max-width: 380px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .news_index a {
    font-size: 0.9375rem;
  }
}
.tp_page-admission .news_index a:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .tp_page-admission .news_index a:hover {
    background-color: #ddf3fc;
  }
}
.tp_page-admission .news_index a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .news_index a:after {
    right: 33px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-admission .news_index a:after {
    right: 13px;
  }
}
.tp_page-admission .news_index a:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_page-admission .news_index a:hover {
    background-color: #DDF3FC;
  }
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .bl_pageHead {
    padding-block: 18px 46px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_page-admission .el_newsIndex_article {
    padding: 21px 80px 17px 28px;
  }
}

.tp_page-faq .faq_search {
  background-color: #EEF1F2;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_search {
    padding-block: 15px 16px;
    margin-bottom: 29px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_search {
    padding-block: 10px;
    margin-bottom: 20px;
  }
}
.tp_page-faq .faq_search > div {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  border: 2px solid #0084cc;
  border-radius: 200px;
  background-color: #fff;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_search > div {
    padding-inline: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_search > div {
    padding-inline: 16px;
  }
}
.tp_page-faq .faq_search input {
  display: block;
  width: 100%;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_search input {
    padding-block: 12px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_search input {
    padding-block: 10px;
    font-size: 0.8125rem;
  }
}
.tp_page-faq .faq_search input::-moz-placeholder {
  color: #C5D0D3;
}
.tp_page-faq .faq_search input::placeholder {
  color: #C5D0D3;
}
.tp_page-faq .faq_search button {
  display: flex;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_search button {
    width: 25px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_search button {
    width: 18px;
  }
}
.tp_page-faq .faq_search button img {
  width: 100%;
}
.tp_page-faq .faq_select {
  position: relative;
  box-shadow: 0 0 4px #c5d0d3;
}
.tp_page-faq .faq_select:after {
  content: "";
  position: absolute;
  translate: 0 -50%;
  rotate: 135deg;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_select:after {
    top: calc(50% - 2px);
    right: 28px;
    width: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_select:after {
    top: calc(50% - 1px);
    right: 15px;
    width: 8px;
  }
}
.tp_page-faq .faq_select select {
  display: block;
  width: 100%;
  border: 2px solid #0084cc;
  border-radius: 4px;
  color: #323232;
  font-size: 500;
  letter-spacing: 0.06em;
  cursor: pointer;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_select select {
    padding: 14px 21px 13px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_select select {
    padding: 10px 16px;
    font-size: 0.8125rem;
  }
}
.tp_page-faq .faq_tabs {
  display: flex;
  flex-wrap: wrap;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_tabs {
    margin-top: 32px;
    gap: 18px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_tabs {
    margin-top: 24px;
    gap: 12px;
  }
}
.tp_page-faq .faq_tabs a {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
  padding: 7px;
  text-align: center;
  color: #515556;
  font-weight: 500;
  transition: color var(--transDur) var(--transEasing);
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_tabs a {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_tabs a {
    font-size: 0.8125rem;
  }
}
.tp_page-faq .faq_tabs a:focus-visible {
  color: #0084CC;
}
@media (any-hover: hover) {
  .tp_page-faq .faq_tabs a:hover {
    color: #0084CC;
  }
}
.tp_page-faq .faq_tabs a.is_selected {
  color: #0084CC;
  font-size: 600;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_tabs a.is_selected {
    padding: 7px 32px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_tabs a.is_selected {
    padding: 7px;
    font-size: 0.9375rem;
  }
}
.tp_page-faq .faq_tabs a.is_selected:before {
  opacity: 1;
}
.tp_page-faq .faq_tabs a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0084CC;
  opacity: 0;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_list {
    margin-top: 26px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_list {
    margin-top: 18px;
  }
}
.tp_page-faq .faq_list > li {
  border-bottom: 1px solid #C5D0D3;
}
.tp_page-faq .faq_hdg {
  position: relative;
  width: 100%;
  letter-spacing: 0.02em;
  line-height: 1.78571429;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_hdg {
    padding-block: 37px 34px;
    padding-inline: 60px 30px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_hdg {
    padding-block: 18px;
    padding-inline: 40px 30px;
    font-size: 0.8125rem;
  }
}
.tp_page-faq .faq_hdg:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_page-faq .faq_hdg:hover {
    opacity: var(--opa);
  }
}
.tp_page-faq .faq_hdg[aria-expanded=true] .icon:after {
  rotate: 0deg;
}
.tp_page-faq .faq_hdg:before {
  content: "Q";
  position: absolute;
  left: 0;
  display: grid;
  place-items: center;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 2px;
  font-family: var(--ff_oswald);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_hdg:before {
    top: 27px;
    width: 46px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_hdg:before {
    top: 16px;
    width: 28px;
    font-size: 1.125rem;
  }
}
.tp_page-faq .faq_hdg .icon {
  position: absolute;
  right: 0;
  width: 16px;
  height: auto;
  aspect-ratio: 1;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_hdg .icon {
    top: 42px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_hdg .icon {
    top: 22px;
  }
}
.tp_page-faq .faq_hdg .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
}
.tp_page-faq .faq_hdg .icon:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 90deg;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
  transition: rotate var(--transDur) var(--transEasing);
}
.tp_page-faq .faq_body > div {
  position: relative;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_body > div {
    padding-block: 11px 22px;
    padding-inline: 60px 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_body > div {
    padding-block: 2px 18px;
    padding-inline: 40px 30px;
  }
}
.tp_page-faq .faq_body > div:before {
  content: "A";
  position: absolute;
  top: 0px;
  left: 0;
  display: grid;
  place-items: center;
  height: auto;
  aspect-ratio: 1;
  border-radius: 2px;
  background-color: #56C0EE;
  color: #fff;
  font-family: var(--ff_oswald);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_body > div:before {
    width: 46px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_body > div:before {
    width: 28px;
    font-size: 1.125rem;
  }
}
.tp_page-faq .faq_txt {
  letter-spacing: 0.02em;
  line-height: 1.78571429;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_txt {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_txt {
    font-size: 0.8125rem;
  }
}
.tp_page-faq .faq_links {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_links {
    margin-top: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_links {
    margin-top: 16px;
  }
}
.tp_page-faq .faq_link {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  letter-spacing: 0.054em;
  text-decoration: underline;
}
.tp_page-faq .faq_link::after {
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}
.tp_page-faq .faq_link[target=_blank]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
}
.tp_page-faq .faq_link[href$=".pdf"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
}
.tp_page-faq .faq_link[href*=".doc"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_doc.svg);
  mask-image: url(../img/common/icon/icon_doc.svg);
}
.tp_page-faq .faq_link[href*=".xls"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_xls.svg);
  mask-image: url(../img/common/icon/icon_xls.svg);
}
.tp_page-faq .faq_link[href*=".ppt"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_ppt.svg);
  mask-image: url(../img/common/icon/icon_ppt.svg);
}
.tp_page-faq .faq_link[href$=".zip"]::after {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  -webkit-mask-image: url(../img/common/icon/icon_file.svg);
  mask-image: url(../img/common/icon/icon_file.svg);
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .faq_link {
    margin-top: 10px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_page-faq .faq_link {
    margin-top: 6px;
    font-size: 0.875rem;
  }
}
.tp_page-faq .faq_link:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .tp_page-faq .faq_link:hover {
    text-decoration: none;
  }
}
.tp_page-faq .faq_link:after {
  translate: 3px 0;
  vertical-align: -4px;
}
.tp_page-faq .faq_link .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: auto;
  aspect-ratio: 1;
  border: 2px solid #0084cc;
  border-radius: 50%;
}
.tp_page-faq .faq_link .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  translate: -50% -50%;
  rotate: 45deg;
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
@media not all and (max-width: 767px), print {
  .tp_page-faq .bl_pageHead {
    padding-block: 18px 47px;
  }
}

@media not all and (max-width: 767px), print {
  .tp_archive main {
    padding-block: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive main {
    padding-block: 0 50px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_body {
    padding-block: 50px 94px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_body {
    padding-block: 20px 139px;
  }
}
.tp_archive .news_hdg {
  color: #0084cc;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_hdg {
    padding-block: 30px;
    padding-right: 31px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_hdg {
    padding-block: 20px 10px;
    text-align: center;
    font-size: 1.25rem;
    letter-spacing: 0.1em;
  }
}
.tp_archive .news_tabs {
  display: flex;
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_tabs {
    gap: 24px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_tabs {
    gap: 9px;
    margin-bottom: 10px;
  }
}
.tp_archive .news_tab {
  position: relative;
  display: block;
  color: #515556;
  font-weight: 600;
  line-height: 1.17647059;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_tab {
    padding: 14px 5px 12px;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_tab {
    padding: 10px 8px 9px;
    font-size: 0.9375rem;
  }
}
.tp_archive .news_tab:focus-visible:before {
  opacity: 1;
}
@media (any-hover: hover) {
  .tp_archive .news_tab:hover:before {
    opacity: 1;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_tab[aria-selected=true], .tp_archive .news_tab.is_active {
    padding: 11px 5px 12px;
    color: #0084cc;
    font-size: 1.25rem;
  }
}
.tp_archive .news_tab[aria-selected=true]:before, .tp_archive .news_tab.is_active:before {
  opacity: 1;
}
.tp_archive .news_tab:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #0084cc;
  opacity: 0;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_archive .news_panel li:not(:first-child) {
  border-top: 1px solid #c5d0d3;
}
.tp_archive .news_panel li:last-child {
  border-bottom: 1px solid #c5d0d3;
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_index {
    margin-top: 29px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_index {
    margin-top: 20px;
  }
}
.tp_archive .news_index a, .tp_archive .news_index button {
  position: relative;
  display: block;
  width: 100%;
  padding: 15px 60px 18px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_index a, .tp_archive .news_index button {
    max-width: 340px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_index a, .tp_archive .news_index button {
    font-size: 0.9375rem;
  }
}
.tp_archive .news_index a:focus-visible, .tp_archive .news_index button:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .tp_archive .news_index a:hover, .tp_archive .news_index button:hover {
    background-color: #ddf3fc;
  }
}
.tp_archive .news_index a:after, .tp_archive .news_index button:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  translate: 0 -50%;
  rotate: 135deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_archive .news_index a:after, .tp_archive .news_index button:after {
    right: 21px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive .news_index a:after, .tp_archive .news_index button:after {
    right: 13px;
  }
}

.tp_archive-pickup .ly_cont {
  position: relative;
}
.tp_archive-pickup .ly_cont:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .ly_cont:after {
    aspect-ratio: 1400/805;
    background-image: url(../../assets/img/tp_page-pickup/pickup_bg.webp);
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .ly_cont:after {
    aspect-ratio: 390/920;
    background-image: url(../../assets/img/tp_page-pickup/pickup_bg_sp.webp);
  }
}
.tp_archive-pickup .ly_cont_main {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .head {
    padding-block: 18px 33px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .head {
    padding-block: 20px 30px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .head_bread {
    margin-bottom: 86px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .head_bread {
    margin-bottom: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .head_lTitle {
    width: 513px;
    margin-left: 9px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .head_lTitle {
    max-width: 80%;
  }
}
.tp_archive-pickup .head_lTitle img {
  width: 100%;
}
.tp_archive-pickup .head_title {
  margin: 10px 0 0 8px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .head_title {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .head_title {
    font-size: 1.125rem;
  }
}
.tp_archive-pickup .pickup_select {
  border: 2px solid #0084CC;
  margin-bottom: 18px;
  background-color: #fff;
  box-shadow: 0 0 4px #c5d0d3;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_select {
    border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_select {
    border-radius: 3px;
  }
}
.tp_archive-pickup .pickup_head {
  position: relative;
  display: block;
  width: 100%;
  color: #323232;
  font-size: 500;
  letter-spacing: 0.06em;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_head {
    padding-block: 13px;
    padding-inline: 21px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_head {
    padding-block: 10px;
    padding-inline: 16px;
    font-size: 1rem;
  }
}
.tp_archive-pickup .pickup_head[aria-expanded=true]:after {
  transform: translateY(-50%) rotate(0deg);
}
.tp_archive-pickup .pickup_head:before, .tp_archive-pickup .pickup_head:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 16px;
  height: 2px;
  background-color: #0084CC;
  transform: translateY(-50%);
}
.tp_archive-pickup .pickup_head:after {
  transform: translateY(-50%) rotate(90deg);
  transition: transform var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_body > div {
    padding-inline: 21px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_body > div {
    padding-inline: 16px;
    padding-bottom: 14px;
  }
}
.tp_archive-pickup .pickup_item + .pickup_item {
  margin-top: 16px;
}
.tp_archive-pickup .pickup_hdg {
  margin-bottom: 6px;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_hdg {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_hdg {
    font-size: 0.8125rem;
  }
}
.tp_archive-pickup .pickup_box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  color: #0084CC;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.06em;
}
.tp_archive-pickup .pickup_box input {
  display: none !important;
}
.tp_archive-pickup .pickup_box input:checked + span:before {
  border-color: #0084CC;
  background-color: #0084CC;
}
.tp_archive-pickup .pickup_box input:checked + span:after {
  opacity: 1;
}
.tp_archive-pickup .pickup_box span {
  position: relative;
  display: block;
  padding-left: 20px;
}
.tp_archive-pickup .pickup_box span:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1em;
  height: auto;
  aspect-ratio: 1;
  border: 1px solid #C5D0D3;
  border-radius: 1px;
  background-color: #fff;
}
.tp_archive-pickup .pickup_box span:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 1px;
  width: 0.8em;
  height: auto;
  aspect-ratio: 10/6;
  rotate: 130deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 0;
}
.tp_archive-pickup .pickup_btn {
  max-width: 300px;
  margin-top: 14px;
  margin-inline: auto;
}
.tp_archive-pickup .pickup_btn .el_btn {
  border-radius: 0;
}
.tp_archive-pickup .pickup_tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  padding-inline: 25px;
}
.tp_archive-pickup .pickup_tags a, .tp_archive-pickup .pickup_tags button {
  display: block;
  border: 2px solid #0084CC;
  border-radius: 60px;
  background-color: #fff;
  color: #0084CC;
  font-weight: 500;
  letter-spacing: 0.06em;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_tags a, .tp_archive-pickup .pickup_tags button {
    padding: 6px 10px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_tags a, .tp_archive-pickup .pickup_tags button {
    padding: 5px 9px;
    font-size: 0.75rem;
  }
}
.tp_archive-pickup .pickup_tags a:focus-visible, .tp_archive-pickup .pickup_tags button:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_archive-pickup .pickup_tags a:hover, .tp_archive-pickup .pickup_tags button:hover {
    background-color: #DDF3FC;
  }
}
.tp_archive-pickup .pickup_tags a:before, .tp_archive-pickup .pickup_tags button:before {
  content: "#";
}
.tp_archive-pickup .pickup_tags a.is_active, .tp_archive-pickup .pickup_tags button.is_active {
  background-color: #DDF3FC;
}
.tp_archive-pickup .pickup_list {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_list {
    grid-template-columns: repeat(4, 1fr);
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 47px 17px;
    margin-top: 62px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
    margin-top: 40px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_more {
    margin-top: 36px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_more {
    margin-top: 20px;
  }
}
.tp_archive-pickup .pickup_more button {
  position: relative;
  display: block;
  width: 100%;
  padding: 17px 60px 16px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_more button {
    max-width: 340px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_more button {
    font-size: 0.9375rem;
  }
}
.tp_archive-pickup .pickup_more button:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .tp_archive-pickup .pickup_more button:hover {
    background-color: #ddf3fc;
  }
}
.tp_archive-pickup .pickup_more button:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  translate: 0 -50%;
  rotate: 135deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .pickup_more button:after {
    right: 21px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .pickup_more button:after {
    right: 13px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_archive-pickup .bl_contSet {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .tp_archive-pickup .bl_contSet {
    padding-top: 50px;
  }
}

@media not all and (max-width: 767px), print {
  .tp_single main {
    padding-block: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single main {
    padding-block: 0 50px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .index {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index {
    margin-top: 20px;
  }
}
.tp_single .index a {
  position: relative;
  display: block;
  width: 100%;
  padding: 17px 60px 15px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_single .index a {
    max-width: 340px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index a {
    font-size: 0.875rem;
  }
}
.tp_single .index a:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .tp_single .index a:hover {
    background-color: #ddf3fc;
  }
}
.tp_single .index a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: -135deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_single .index a:after {
    left: 21px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index a:after {
    left: 10px;
  }
}
.tp_single .bl_singleHead_meta {
  gap: 12px;
}
@media not all and (max-width: 767px), print {
  .tp_single .bl_singleHead_meta {
    margin-top: 9px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .bl_contSet {
    margin-top: -3px;
  }
}

.tp_single .student_thumb {
  margin-bottom: 20px;
  border-radius: 14px;
  overflow: hidden;
  z-index: 0;
}
.tp_single .student_thumb img {
  width: 100%;
}
.tp_single .student_body {
  position: relative;
  z-index: 1;
}
.tp_single .student_title {
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_single .student_title {
    font-size: 1.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_title {
    font-size: 0.9375rem;
  }
}
.tp_single .student_cat {
  display: inline-block;
  padding: 2px 10px 2px;
  border-radius: 3px;
  margin-top: 17px;
  background-color: #E8ECEE;
  color: #0084CC;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_single .student_cat {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_cat {
    font-size: 0.75rem;
  }
}
.tp_single .student_cat:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_single .student_cat:hover {
    opacity: var(--opa);
  }
}
.tp_single .student_meta {
  display: flex;
  gap: 10px;
  align-items: center;
}
.tp_single .student_desc {
  margin-top: 6px;
}
@media not all and (max-width: 767px), print {
  .tp_single .student_desc {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_desc {
    font-size: 0.75rem;
  }
}
.tp_single .student_affiliation {
  display: block;
  margin-top: 6px;
}
@media not all and (max-width: 767px), print {
  .tp_single .student_affiliation {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_affiliation {
    font-size: 0.75rem;
  }
}
.tp_single .student_name {
  margin-top: 1px;
}
@media not all and (max-width: 767px), print {
  .tp_single .student_name {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_name {
    font-size: 1rem;
  }
}
.tp_single .student_name .san {
  margin-left: 5px;
  font-size: 60%;
}
.tp_single .student_tags {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4px;
}
@media not all and (max-width: 767px), print {
  .tp_single .student_tags {
    gap: 4px 11px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_tags {
    gap: 2px 8px;
  }
}
.tp_single .student_tags > li a {
  display: block;
  color: #0084CC;
  letter-spacing: 0.06em;
  transition: opacity var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_single .student_tags > li a {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .student_tags > li a {
    font-size: 0.75rem;
  }
}
.tp_single .student_tags > li a:focus-visible {
  opacity: var(--opa);
}
@media (any-hover: hover) {
  .tp_single .student_tags > li a:hover {
    opacity: var(--opa);
  }
}
.tp_single .student_tags > li a:before {
  content: "#";
}
@media not all and (max-width: 767px), print {
  .tp_single .pickup {
    margin-top: 63px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .pickup {
    margin-top: 40px;
  }
}
.tp_single .pickup_title {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media not all and (max-width: 767px), print {
  .tp_single .pickup_title {
    margin-bottom: 35px;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .pickup_title {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
}
.tp_single .pickup_list {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_single .pickup_list {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 50px 14px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .pickup_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 10px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_type {
    width: 71px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_type {
    width: 60px;
  }
}
.tp_single .el_studentCard_body {
  position: relative;
  padding: 6px 9px;
  margin-right: 36px;
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_body {
    margin-top: -55px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_body {
    margin-top: -45px;
  }
}
.tp_single .el_studentCard_title {
  font-weight: 500;
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_title {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_title {
    font-size: 0.8125rem;
  }
}
.tp_single .el_studentCard_cat {
  margin-top: 22px;
  padding: 0px 13px 1px 11px;
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_cat {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_cat {
    font-size: 0.75rem;
  }
}
.tp_single .el_studentCard_affiliation {
  margin-top: 6px;
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_affiliation {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_affiliation {
    font-size: 0.6875rem;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_name {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_name {
    font-size: 1rem;
  }
}
.tp_single .el_studentCard_tags {
  width: calc(100% + 54px);
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #C5D0D3;
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_tags {
    gap: 2px 15px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_tags {
    gap: 2px 6px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .el_studentCard_tags > li {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .el_studentCard_tags > li {
    font-size: 0.8125rem;
  }
}
@media not all and (max-width: 767px), print {
  .tp_single .index {
    margin-top: 34px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index {
    margin-top: 20px;
  }
}
.tp_single .index a {
  position: relative;
  display: block;
  width: 100%;
  padding: 17px 60px 15px;
  border: 2px solid #0084cc;
  margin-inline: auto;
  text-align: center;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0.1em;
  box-shadow: 0 0 4px #c5d0d3;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_single .index a {
    max-width: 340px;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index a {
    font-size: 0.875rem;
  }
}
.tp_single .index a:focus-visible {
  background-color: #ddf3fc;
}
@media (any-hover: hover) {
  .tp_single .index a:hover {
    background-color: #ddf3fc;
  }
}
.tp_single .index a:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: -135deg;
  width: 10px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084cc;
  border-right: 2px solid #0084cc;
}
@media not all and (max-width: 767px), print {
  .tp_single .index a:after {
    left: 21px;
  }
}
@media screen and (max-width: 767px) {
  .tp_single .index a:after {
    left: 10px;
  }
}
.tp_single-pickup .bl_pageHead_title {
  margin-top: 11px;
}
.tp_single-pickup .bl_contSet {
  margin-top: 29px;
}

@media not all and (max-width: 1000px), print {
  .tp_open-campus .ly_wrapper {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .tp_open-campus .ly_wrapper {
    padding-top: 0;
  }
}
@media not all and (max-width: 1000px), print {
  .tp_open-campus .ly_wrapper_main {
    width: 100%;
  }
}
.tp_open-campus .ly_footer {
  padding-bottom: 0;
}
.tp_open-campus .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  z-index: 10000;
  opacity: 0;
  transition: opacity var(--transDur) var(--transEasing);
}
.tp_open-campus .modal.is_open {
  opacity: 1;
}
.tp_open-campus .modal_overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(91, 102, 105, 0.7);
  z-index: 10;
}
.tp_open-campus .modal_body {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 11;
  pointer-events: none;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .modal_body {
    padding: 50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .modal_body {
    padding: 14px;
  }
}
.tp_open-campus .modal_inner {
  position: relative;
  align-items: center;
  width: 100%;
  max-height: 100%;
  border-radius: 20px;
  margin-inline: auto;
  background-color: #fff;
  pointer-events: auto;
  overflow-y: auto;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .modal_inner {
    max-width: 600px;
    padding: 50px 40px 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .modal_inner {
    padding: 50px 20px 30px;
  }
}
.tp_open-campus .modal_txt {
  font-size: 0.875rem;
}
.tp_open-campus .modal_link {
  max-width: 306px;
  margin-top: 20px;
  margin-inline: auto;
}
.tp_open-campus .modal_close {
  position: absolute;
  top: 5px;
  right: 10px;
  display: block;
  width: 30px;
  aspect-ratio: 1;
}
.tp_open-campus .modal_close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: 45deg;
  width: 50%;
  height: 2px;
  background-color: #0084CC;
}
.tp_open-campus .modal_close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  rotate: -45deg;
  width: 50%;
  height: 2px;
  background-color: #0084CC;
}
.tp_open-campus .section_title {
  position: relative;
  font-family: var(--ff_poppins);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .section_title {
    font-size: 5.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .section_title {
    font-size: 3.5rem;
  }
}
.tp_open-campus .section_title .main {
  position: relative;
  color: var(--mainC);
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
  z-index: 1;
}
.tp_open-campus .section_title .shadow {
  position: absolute;
  top: 0;
  left: 0;
  translate: 3px 3px;
  width: -moz-max-content;
  width: max-content;
  color: var(--shadowC);
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
  z-index: 0;
  pointer-events: none;
}
.tp_open-campus .section_ruby {
  font-weight: 700;
  letter-spacing: 0.03em;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .section_ruby {
    margin-top: 3px;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .section_ruby {
    margin-top: -5px;
    font-size: 1.125rem;
  }
}
.tp_open-campus .section_ruby > span {
  position: relative;
  padding-inline: 20px;
}
.tp_open-campus .section_ruby > span:before {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  left: 0;
  translate: 0 -50%;
  width: 8px;
  aspect-ratio: 8/26;
  background-image: url(../img/tp_open-campus/section_sub_01.svg);
}
.tp_open-campus .section_ruby > span:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  right: 0;
  translate: 0 -50%;
  width: 8px;
  aspect-ratio: 8/26;
  background-image: url(../img/tp_open-campus/section_sub_02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.tp_open-campus .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.tp_open-campus .header_logo a {
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .header_logo a {
    padding: 30px;
    border-radius: 0 0 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .header_logo a {
    padding: 15px 25px;
    border-radius: 0 0 20px 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .header_logo img {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .header_logo img {
    width: 90px;
  }
}
.tp_open-campus .mv {
  position: relative;
}
.tp_open-campus .mv:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(36, 36, 36, 0.24);
  z-index: 1;
}
.tp_open-campus .mv_title {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .mv_title {
    width: 38.23529412%;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mv_title {
    width: calc(100% - 40px);
  }
}
.tp_open-campus .mv_title img {
  width: 100%;
}
.tp_open-campus .mv_slider {
  position: relative;
  z-index: 0;
}
.tp_open-campus .mv_slider.is_single {
  visibility: visible;
}
.tp_open-campus .mv_slider.is_single .splide__slide {
  width: 100%;
}
.tp_open-campus .mv_slider img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .mv_slider img {
    aspect-ratio: 1360/600;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mv_slider img {
    aspect-ratio: 375/560;
  }
}
.tp_open-campus .schedules {
  --mainC: #fff;
  --shadowC: transparent;
  background-color: #FAFDBA;
  background-image: url(../img/tp_open-campus/bg_border.webp);
  background-repeat: repeat;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules {
    background-size: 40px 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules {
    background-size: 30px 30px;
  }
}
.tp_open-campus .schedules .splide__track {
  overflow: visible;
}
.tp_open-campus .schedules .splide__controls {
  display: flex;
  align-items: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules .splide__controls {
    gap: 40px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules .splide__controls {
    gap: 20px;
    margin-top: 20px;
  }
}
.tp_open-campus .schedules .splide__scrollbar {
  flex-grow: 1;
}
.tp_open-campus .schedules .splide__scrollbar-track {
  width: 100%;
  border: 2px solid #0084CC;
  border-radius: 20px;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules .splide__scrollbar-track {
    height: 8px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules .splide__scrollbar-track {
    height: 6px;
  }
}
.tp_open-campus .schedules .splide__scrollbar-thumb {
  box-sizing: border-box;
  translate: 0 -1px;
  border: 2px solid #0084CC;
  border-radius: 20px;
  background-color: #0084CC;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules .splide__scrollbar-thumb {
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules .splide__scrollbar-thumb {
    height: 4px;
  }
}
.tp_open-campus .schedules .splide__arrows {
  flex-shrink: 0;
  display: flex;
  gap: 6px;
}
.tp_open-campus .schedules .splide__arrow {
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #0084CC;
  background-color: #0084CC;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules .splide__arrow {
    width: 52px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules .splide__arrow {
    width: 38px;
  }
}
.tp_open-campus .schedules .splide__arrow:focus-visible:not(:disabled) {
  background-color: #FFF669;
}
.tp_open-campus .schedules .splide__arrow:focus-visible:not(:disabled):before {
  border-color: #0084CC;
}
@media (any-hover: hover) {
  .tp_open-campus .schedules .splide__arrow:hover:not(:disabled) {
    background-color: #FFF669;
  }
  .tp_open-campus .schedules .splide__arrow:hover:not(:disabled):before {
    border-color: #0084CC;
  }
}
.tp_open-campus .schedules .splide__arrow:disabled {
  opacity: 0.6;
}
.tp_open-campus .schedules .splide__arrow:before {
  border-color: #fff;
  transition: border-color var(--transDur) var(--transEasing);
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules .splide__arrow:before {
    width: 8px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules_inner {
    padding-block: 90px 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules_inner {
    padding-block: 60px;
  }
}
.tp_open-campus .schedules_head {
  display: grid;
  justify-content: center;
  text-align: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules_head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules_head {
    margin-bottom: 30px;
  }
}
.tp_open-campus .schedules_title .shadow {
  left: 50%;
  translate: calc(-50% + 3px) 3px;
}
.tp_open-campus .schedules_list {
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedules_list {
    margin-top: min(calc(70 * 1px), calc(70 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedules_list {
    margin-top: 40px;
  }
}
.tp_open-campus .schedules_slider.is_single {
  padding-bottom: 12px;
  visibility: visible;
}
.tp_open-campus .schedules_slider.is_single .splide__controls {
  display: none;
}
.tp_open-campus .schedulePanel {
  position: relative;
  height: 100%;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel {
    margin-right: 6px;
  }
}
.tp_open-campus .schedulePanel.is_finished > * {
  pointer-events: none !important;
}
.tp_open-campus .schedulePanel.is_finished:after {
  content: "終了しました";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background-color: rgba(91, 102, 105, 0.7);
  color: #fff;
  font-weight: 700;
  z-index: 10;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel.is_finished:after {
    border-radius: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(24 * 1px), calc(24 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel.is_finished:after {
    border-radius: 20px;
    font-size: 1.125rem;
  }
}
.tp_open-campus .schedulePanel:before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--borderClr);
  border-radius: 20px;
  background-color: var(--subClr);
  z-index: 0;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel:before {
    translate: 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel:before {
    translate: 6px 6px;
  }
}
.tp_open-campus .schedulePanel_inner {
  position: relative;
  height: 100%;
  border: 2px solid var(--borderClr);
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
}
.tp_open-campus .schedulePanel_head {
  position: relative;
  display: grid;
  place-items: center;
  border-bottom: 2px solid var(--borderClr);
  text-align: center;
  background-color: var(--baseClr);
  font-weight: 700;
  line-height: 1.4;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_head {
    min-height: 76px;
    padding: 20px 10px;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_head {
    min-height: 54px;
    padding: 6px 10px;
    font-size: 0.875rem;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_body {
    padding: 20px 23px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_body {
    padding: 10px;
  }
}
.tp_open-campus .schedulePanel_calendar {
  display: grid;
  place-content: center;
}
.tp_open-campus .schedulePanel_year {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_year {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_year {
    margin-bottom: 2px;
    font-size: 1.25rem;
  }
}
.tp_open-campus .schedulePanel_date {
  display: flex;
  align-items: center;
}
.tp_open-campus .schedulePanel_month1, .tp_open-campus .schedulePanel_month2 {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_month1, .tp_open-campus .schedulePanel_month2 {
    translate: 0 6px;
    font-size: 2.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_month1, .tp_open-campus .schedulePanel_month2 {
    translate: 0 1px;
    font-size: 1.5rem;
  }
}
.tp_open-campus .schedulePanel_slash1, .tp_open-campus .schedulePanel_slash2 {
  rotate: 25deg;
  background-color: #0084CC;
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_slash1, .tp_open-campus .schedulePanel_slash2 {
    translate: -1px 4px;
    width: 4px;
    height: 32px;
    margin-inline: 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_slash1, .tp_open-campus .schedulePanel_slash2 {
    translate: -1px 1px;
    width: 4px;
    height: 18px;
    margin-inline: 5px 2px;
  }
}
.tp_open-campus .schedulePanel_day1, .tp_open-campus .schedulePanel_day2 {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_day1, .tp_open-campus .schedulePanel_day2 {
    font-size: 3.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_day1, .tp_open-campus .schedulePanel_day2 {
    font-size: 1.875rem;
  }
}
.tp_open-campus .schedulePanel_days1, .tp_open-campus .schedulePanel_days2 {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border: 2px solid #0084CC;
  border-radius: 50%;
  background-color: #EEF1F2;
  color: #0084CC;
  font-weight: 700;
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_days1, .tp_open-campus .schedulePanel_days2 {
    translate: 3px 4px;
    width: 34px;
    padding-bottom: 4px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_days1, .tp_open-campus .schedulePanel_days2 {
    translate: 1px -1px;
    width: 24px;
    padding-bottom: 1px;
    font-size: 0.75rem;
  }
}
.tp_open-campus .schedulePanel_days1[data-day=土], .tp_open-campus .schedulePanel_days2[data-day=土] {
  background-color: #56C0EE;
  color: #fff;
}
.tp_open-campus .schedulePanel_days1[data-day=日], .tp_open-campus .schedulePanel_days2[data-day=日] {
  background-color: #ED6899;
  color: #fff;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_month2 {
    translate: 8px 6px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_month2 {
    translate: 2px 1px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_slash2 {
    translate: 8px 6px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_slash2 {
    translate: 2px 1px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_day2 {
    translate: 7px 0;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_day2 {
    translate: 5px 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_days2 {
    translate: 9px 4px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_days2 {
    translate: 6px -1px;
  }
}
.tp_open-campus .schedulePanel_infos {
  display: grid;
  place-content: center;
  gap: 12px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_infos {
    margin-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_infos {
    margin-top: 12px;
  }
}
.tp_open-campus .schedulePanel_info > span {
  position: relative;
  display: block;
  padding-left: 42px;
  font-weight: 600;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_info > span {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_info > span {
    font-size: 0.6875rem;
  }
}
.tp_open-campus .schedulePanel_info > span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  width: 34px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #F0F267;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.tp_open-campus .schedulePanel_info[data-icon=バス] > span:before {
  background-image: url(../img/tp_open-campus/icon_bus.svg);
}
.tp_open-campus .schedulePanel_info[data-icon=入試対策講座] > span:before {
  background-image: url(../img/tp_open-campus/icon_course.svg);
}
.tp_open-campus .schedulePanel_form {
  width: 100%;
  margin-top: 22px;
}
.tp_open-campus .schedulePanel_link {
  position: relative;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link + div {
    margin-top: 7px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link + div {
    margin-top: 6px;
  }
}
.tp_open-campus .schedulePanel_link.has_icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  translate: 0 -50%;
  width: 38px;
  aspect-ratio: 1;
  border: 2px solid #0084CC;
  border-radius: 50%;
  background-color: #fff;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: 53% 53%;
  z-index: 2;
}
.tp_open-campus .schedulePanel_link.has_icon[data-icon=バス]:before {
  background-image: url(../img/tp_open-campus/icon_bus.svg);
}
.tp_open-campus .schedulePanel_link.has_icon[data-icon=入試対策講座]:before {
  background-image: url(../img/tp_open-campus/icon_course.svg);
}
.tp_open-campus .schedulePanel_link > span {
  display: block;
  border-radius: 200px;
  text-align: center;
  border: 2px solid #D9D9D9;
  font-weight: 600;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > span {
    padding: 12px 6px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > span {
    padding: 9px 6px;
    font-size: 0.75rem;
  }
}
.tp_open-campus .schedulePanel_link > a {
  position: relative;
  display: block;
  border-radius: 200px;
  text-align: center;
  font-weight: 600;
  transition-property: background-color, color;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > a {
    padding: 12px 46px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > a {
    padding: 9px 24px;
    font-size: 0.75rem;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]) {
  border: 2px solid #0084CC;
  background-color: #0084CC;
  color: #fff;
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]):focus-visible {
  background-color: #FFF669;
  color: #0084CC;
}
@media (any-hover: hover) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]):hover {
    background-color: #FFF669;
    color: #0084CC;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank] {
  background-color: #fff;
  color: #0084CC;
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  background-color: #0084CC;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
    right: 22px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
    right: 8px;
    width: 12px;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  aspect-ratio: 1;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
    right: 25px;
    width: 12px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
    right: 8px;
    width: 10px;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"] {
  background-color: #fff;
  color: #0084CC;
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  background-color: #0084CC;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
    right: 22px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
    right: 8px;
    width: 12px;
  }
}
.tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] {
  background-color: #EEF1F2;
}
.tp_open-campus .schedulePanel_link > a[data-modal-type=trigger]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .schedulePanel_link > a[data-modal-type=trigger]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] .toggle {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] .toggle {
    right: 25px;
    width: 15px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] .toggle {
    right: 12px;
    width: 10px;
  }
}
.tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] .toggle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
}
.tp_open-campus .schedulePanel_link > a[data-modal-type=trigger] .toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2px;
  height: 100%;
  background-color: #0084CC;
}
.tp_open-campus .scheduleLgPanel {
  position: relative;
  margin-inline: auto;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel {
    width: min(calc(100% - 100px), 866px);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel {
    width: calc(100% - 40px);
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel + .scheduleLgPanel {
    margin-top: min(calc(100 * 1px), calc(100 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel + .scheduleLgPanel {
    margin-top: calc(30 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel.is_finished > * {
  pointer-events: none !important;
}
.tp_open-campus .scheduleLgPanel.is_finished:after {
  content: "終了しました";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background-color: rgba(91, 102, 105, 0.7);
  color: #fff;
  font-weight: 700;
  z-index: 10;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel.is_finished:after {
    border-radius: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(24 * 1px), calc(24 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel.is_finished:after {
    border-radius: calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(18 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel:before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid var(--borderClr);
  background-color: var(--subClr);
  z-index: 0;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel:before {
    translate: min(calc(10 * 1px), calc(10 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(10 * 1px), calc(10 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    border-radius: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel:before {
    translate: calc(8 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(8 / (335 + var(--scrollbarW)) * (100vw - 40px));
    border-radius: calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_badge {
  position: absolute;
  z-index: 1;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  text-align: center;
  background-image: url(../img/tp_open-campus/next.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #fff;
  line-height: 1.2;
  font-family: var(--ff_poppins);
  font-weight: 700;
  z-index: 10;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_badge {
    top: max(calc(-50 * 1px), calc(-50 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    left: max(calc(-55 * 1px), calc(-55 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(138 * 1px), calc(138 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(21 * 1px), calc(21 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_badge {
    top: calc(-16 / (335 + var(--scrollbarW)) * (100vw - 40px));
    left: calc(-12 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(90 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(14 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_inner {
  position: relative;
  border: 2px solid var(--borderClr);
  background-color: #fff;
  overflow: hidden;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_inner {
    border-radius: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_inner {
    border-radius: calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_head {
  position: relative;
  border-bottom: 2px solid var(--borderClr);
  background-color: var(--baseClr);
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_head {
    padding: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(90 * 1px), calc(90 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_head {
    padding: calc(15 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(10 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(16 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_body {
    padding: min(calc(25 * 1px), calc(25 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(50 * 1px), calc(50 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_body {
    padding: calc(22 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_body > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_meta {
    flex-shrink: 0;
    width: min(calc(400 * 1px), calc(400 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
.tp_open-campus .scheduleLgPanel_calendar {
  display: grid;
  place-content: center;
}
.tp_open-campus .scheduleLgPanel_year {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_year {
    margin-bottom: min(calc(4 * 1px), calc(4 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(38 * 1px), calc(38 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_year {
    font-size: calc(30 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_date {
  display: flex;
  align-items: center;
}
.tp_open-campus .scheduleLgPanel_month1, .tp_open-campus .scheduleLgPanel_month2 {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_month1, .tp_open-campus .scheduleLgPanel_month2 {
    translate: max(calc(-2 * 1px), calc(-2 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(64 * 1px), calc(64 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_month1, .tp_open-campus .scheduleLgPanel_month2 {
    translate: calc(-4 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(8 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(44 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_slash1, .tp_open-campus .scheduleLgPanel_slash2 {
  rotate: 25deg;
  background-color: #0084CC;
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_slash1, .tp_open-campus .scheduleLgPanel_slash2 {
    translate: max(calc(-2 * 1px), calc(-2 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(4 * 1px), calc(4 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    height: min(calc(40 * 1px), calc(40 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    margin-inline: min(calc(10 * 1px), calc(10 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(12 * 1px), calc(12 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_slash1, .tp_open-campus .scheduleLgPanel_slash2 {
    translate: calc(-5 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(8 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(5 / (335 + var(--scrollbarW)) * (100vw - 40px));
    height: calc(36 / (335 + var(--scrollbarW)) * (100vw - 40px));
    margin-inline: calc(9 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_day1, .tp_open-campus .scheduleLgPanel_day2 {
  color: #0084CC;
  font-weight: 600;
  font-family: var(--ff_poppins);
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_day1, .tp_open-campus .scheduleLgPanel_day2 {
    font-size: min(calc(82 * 1px), calc(82 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_day1, .tp_open-campus .scheduleLgPanel_day2 {
    translate: calc(-5 / (335 + var(--scrollbarW)) * (100vw - 40px)) 0;
    font-size: calc(60 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_days1, .tp_open-campus .scheduleLgPanel_days2 {
  border: 2px solid #0084CC;
  border-radius: 50%;
  color: #0084CC;
  background-color: #EEF1F2;
  font-weight: 700;
  line-height: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_days1, .tp_open-campus .scheduleLgPanel_days2 {
    translate: min(calc(5 * 1px), calc(5 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    padding: min(calc(7 * 1px), calc(7 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(8 * 1px), calc(8 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(8 * 1px), calc(8 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(20 * 1px), calc(20 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_days1, .tp_open-campus .scheduleLgPanel_days2 {
    translate: calc(-2 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(5 / (335 + var(--scrollbarW)) * (100vw - 40px));
    padding: calc(5 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(6 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(6 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(17 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_days1[data-day=土], .tp_open-campus .scheduleLgPanel_days2[data-day=土] {
  color: #fff;
  background-color: #56C0EE;
}
.tp_open-campus .scheduleLgPanel_days1[data-day=日], .tp_open-campus .scheduleLgPanel_days2[data-day=日] {
  color: #fff;
  background-color: #ED6899;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_month2 {
    translate: min(calc(10 * 1px), calc(10 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_month2 {
    translate: calc(3 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(6 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_slash2 {
    translate: min(calc(11 * 1px), calc(11 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_slash2 {
    translate: calc(0 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(6 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_day2 {
    translate: min(calc(13 * 1px), calc(13 / (866 + var(--scrollbarW)) * (100vw - 100px))) 0;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_day2 {
    translate: 0 calc(1 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_days2 {
    translate: min(calc(16 * 1px), calc(16 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_days2 {
    translate: calc(4 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(5 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_infos {
  display: grid;
  place-content: center;
  gap: 12px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_infos {
    margin-top: min(calc(6 * 1px), calc(6 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_infos {
    margin-top: calc(10 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_info > span {
  position: relative;
  display: block;
  font-weight: 600;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_info > span {
    padding-left: min(calc(39 * 1px), calc(39 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(15 * 1px), calc(15 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_info > span {
    padding-left: calc(40 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(13 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_info > span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #F0F267;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_info > span:before {
    width: min(calc(34 * 1px), calc(34 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    background-size: min(calc(21 * 1px), calc(21 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(21 * 1px), calc(21 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_info > span:before {
    width: calc(34 / (335 + var(--scrollbarW)) * (100vw - 40px));
    background-size: calc(21 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(21 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_info[data-icon=バス] > span:before {
  background-image: url(../img/tp_open-campus/icon_bus.svg);
}
.tp_open-campus .scheduleLgPanel_info[data-icon=入試対策講座] > span:before {
  background-image: url(../img/tp_open-campus/icon_course.svg);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_form {
    flex-shrink: 0;
    width: min(calc(326 * 1px), calc(326 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_form {
    margin-top: calc(18 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link {
  position: relative;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link + div {
    margin-top: min(calc(11 * 1px), calc(11 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link + div {
    margin-top: calc(10 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link.has_icon:before {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  border: 2px solid #0084CC;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 53% 53%;
  z-index: 2;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link.has_icon:before {
    left: min(calc(10 * 1px), calc(10 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(38 * 1px), calc(38 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    background-size: min(calc(21 * 1px), calc(21 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(21 * 1px), calc(21 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link.has_icon:before {
    left: calc(6 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(38 / (335 + var(--scrollbarW)) * (100vw - 40px));
    background-size: calc(21 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(21 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link.has_icon[data-icon=バス]:before {
  background-image: url(../img/tp_open-campus/icon_bus.svg);
}
.tp_open-campus .scheduleLgPanel_link.has_icon[data-icon=入試対策講座]:before {
  background-image: url(../img/tp_open-campus/icon_course.svg);
}
.tp_open-campus .scheduleLgPanel_link > span {
  display: block;
  border-radius: 200px;
  text-align: center;
  border: 2px solid #D9D9D9;
  font-weight: 600;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > span {
    padding: 12px 6px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > span {
    padding: 9px 6px;
    font-size: 0.75rem;
  }
}
.tp_open-campus .scheduleLgPanel_link > a {
  position: relative;
  display: block;
  border-radius: 200px;
  text-align: center;
  font-weight: 600;
  transition-property: background-color, color;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > a {
    padding: min(calc(12 * 1px), calc(12 / (866 + var(--scrollbarW)) * (100vw - 100px))) min(calc(46 * 1px), calc(46 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(16 * 1px), calc(16 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > a {
    padding: calc(13 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(40 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(14 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]) {
  border: 2px solid #0084CC;
  background-color: #0084CC;
  color: #fff;
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]):focus-visible {
  background-color: #FFF669;
  color: #0084CC;
}
@media (any-hover: hover) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]):hover {
    background-color: #FFF669;
    color: #0084CC;
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank] {
  background-color: #fff;
  color: #0084CC;
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  background-color: #0084CC;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
    right: min(calc(22 * 1px), calc(22 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(16 * 1px), calc(16 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[target=_blank]:after {
    right: calc(18 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(16 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  rotate: 45deg;
  aspect-ratio: 1;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
    right: min(calc(25 * 1px), calc(25 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(12 * 1px), calc(12 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger]):not([target=_blank]):after {
    right: calc(25 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(10 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"] {
  background-color: #fff;
  color: #0084CC;
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  background-color: #0084CC;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
    right: 22px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > a:not([data-modal-type=trigger])[href*=".pdf"]:after {
    right: 8px;
    width: 12px;
  }
}
.tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] {
  background-color: #EEF1F2;
}
.tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger]:focus-visible {
  background-color: #DDF3FC;
}
@media (any-hover: hover) {
  .tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger]:hover {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] .toggle {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] .toggle {
    right: min(calc(25 * 1px), calc(25 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(15 * 1px), calc(15 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] .toggle {
    right: calc(22 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(15 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] .toggle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 2px;
  background-color: #0084CC;
}
.tp_open-campus .scheduleLgPanel_link > a[data-modal-type=trigger] .toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2px;
  height: 100%;
  background-color: #0084CC;
}
.tp_open-campus .programs {
  --mainC: #0084CC;
  --shadowC: #fff;
  background-image: url(../img/tp_open-campus/bg_dots.webp);
  background-repeat: repeat;
  background-size: 10px 10px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .programs {
    padding-block: 120px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .programs {
    padding-block: 63px 70px;
  }
}
.tp_open-campus .programs_head {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .programs_head {
    justify-content: flex-start;
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .programs_head {
    justify-content: center;
    margin-bottom: 50px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .programs_title .shadow {
    left: 50%;
    translate: calc(-50% + 3px) 3px;
  }
}
.tp_open-campus .programs_units {
  display: grid;
  grid-auto-flow: dense;
  direction: rtl;
  counter-reset: number 0;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .programs_units {
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 60px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .programs_units {
    gap: 40px;
  }
}
.tp_open-campus .programs_unit {
  direction: ltr;
  counter-increment: number 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .programs_unit:nth-child(odd) {
    margin-top: -150px;
  }
}
.tp_open-campus .program_thumb {
  position: relative;
  border: 2px solid #0084CC;
  border-radius: 20px;
  overflow: hidden;
  z-index: 0;
}
.tp_open-campus .program_thumb img {
  width: 100%;
  aspect-ratio: 520/329;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_open-campus .program_meta {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .program_meta {
    padding-inline: 24px;
    margin-top: -22px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .program_meta {
    padding-inline: 11px;
    margin-top: -18px;
  }
}
.tp_open-campus .program_title {
  position: relative;
}
.tp_open-campus .program_title:before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
  left: 0;
  color: #fff;
  -webkit-text-stroke: 2px #0084CC;
  text-stroke: 2px #0084CC;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1;
  font-family: var(--ff_poppins);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .program_title:before {
    bottom: calc(100% - 11px);
    font-size: 4.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .program_title:before {
    bottom: calc(100% - 8px);
    font-size: 2.625rem;
  }
}
.tp_open-campus .program_title > span {
  display: inline-block;
  padding: 2px 10px;
  background-color: #0084CC;
  color: #F0F267;
  font-weight: 700;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .program_title > span {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .program_title > span {
    font-size: 1.25rem;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .program_summary {
    margin-top: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .program_summary {
    margin-top: 8px;
    font-size: 0.875rem;
  }
}
.tp_open-campus .voices {
  --mainC: #F0F267;
  --shadowC: #fff;
  background-color: #E5F7FE;
  background-image: url(../img/tp_open-campus/bg_border_02.webp);
  background-repeat: repeat;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voices {
    background-size: 40px 40px;
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices {
    background-size: 30px 30px;
  }
}
.tp_open-campus .voices_inner {
  position: relative;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voices_inner {
    padding-block: min(calc(124 * 1px), calc(124 / (1100 + var(--scrollbarW)) * (100vw - 100px))) min(calc(90 * 1px), calc(90 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_inner {
    padding-block: 60px 70px;
  }
}
.tp_open-campus .voices_head {
  display: grid;
  justify-content: flex-start;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voices_head {
    margin-bottom: min(calc(62 * 1px), calc(62 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_head {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voices_head {
    margin-bottom: 30px;
  }
}
.tp_open-campus .voices_badge {
  position: absolute;
  max-width: 360px;
  aspect-ratio: 307/308;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voices_badge {
    top: max(calc(-59 * 1px), calc(-59 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    right: max(calc(-30 * 1px), calc(-30 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(307 * 1px), calc(307 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_badge {
    top: calc(-44 / (275 + var(--scrollbarW)) * (100vw - 100px));
    right: calc(-5 / (275 + var(--scrollbarW)) * (100vw - 100px));
    width: calc(144 / (275 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voices_badge {
    top: calc(-44 / (335 + var(--scrollbarW)) * (100vw - 40px));
    right: calc(-5 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(144 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .voices_badge img {
  width: 100%;
}
.tp_open-campus .voices_comments {
  display: grid;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voices_comments {
    grid-template-columns: repeat(2, 1fr);
    gap: min(calc(100 * 1px), calc(100 / (1100 + var(--scrollbarW)) * (100vw - 100px))) 0;
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_comments {
    gap: calc(40 / (667 + var(--scrollbarW)) * (100vw - 100px));
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voices_comments {
    gap: calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_comment:nth-child(1) {
    order: 4;
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_comment:nth-child(2) {
    order: 1;
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_comment:nth-child(3) {
    order: 2;
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voices_comment:nth-child(4) {
    order: 3;
  }
}
.tp_open-campus .voice {
  position: relative;
  display: flex;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice {
    justify-content: flex-end;
  }
}
.tp_open-campus .voice_balloon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.tp_open-campus .voice_txt {
  font-weight: 600;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice_txt {
    font-size: min(calc(15 * 1px), calc(15 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice_txt {
    font-size: calc(24 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice_txt {
    font-size: calc(13 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice_avatar {
    width: min(calc(150 * 1px), calc(150 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice_avatar {
    width: calc(200 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice_avatar {
    width: calc(102 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .voice_img img {
  width: 100%;
  aspect-ratio: 150/180;
  -o-object-fit: contain;
  object-fit: contain;
}
.tp_open-campus .voice_name {
  text-align: center;
  font-weight: 700;
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice_name {
    margin-top: min(calc(4 * 1px), calc(4 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    font-size: min(calc(20 * 1px), calc(20 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice_name {
    margin-top: calc(12 / (667 + var(--scrollbarW)) * (100vw - 100px));
    font-size: calc(22 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice_name {
    margin-top: calc(4 / (335 + var(--scrollbarW)) * (100vw - 40px));
    font-size: calc(13 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(1) {
    padding-top: min(calc(64 * 1px), calc(64 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(1) {
    justify-content: flex-end;
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(1) .voice_balloon {
    top: max(calc(-7 * 1px), calc(-7 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    left: min(calc(86 * 1px), calc(86 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(340 * 1px), calc(340 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    aspect-ratio: 320/158;
    background-image: url(../img/tp_open-campus/balloon_img01.webp);
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(1) .voice_balloon {
    top: calc(28 / (667 + var(--scrollbarW)) * (100vw - 100px));
    left: 0;
    width: calc(460 / (667 + var(--scrollbarW)) * (100vw - 100px));
    aspect-ratio: 205/122;
    background-image: url(../img/tp_open-campus/balloon_img01_sp.webp);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(1) .voice_balloon {
    top: calc(12 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(220 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(1) .voice_txt {
    translate: min(calc(42 * 1px), calc(42 / (1100 + var(--scrollbarW)) * (100vw - 100px))) min(calc(47 * 1px), calc(47 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(1) .voice_txt {
    translate: calc(50 / (667 + var(--scrollbarW)) * (100vw - 100px)) calc(40 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(1) .voice_txt {
    translate: calc(22 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(17 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(1) .voice_avatar {
    translate: min(calc(20 * 1px), calc(20 / (1100 + var(--scrollbarW)) * (100vw - 100px))) max(calc(-4 * 1px), calc(-4 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(2) {
    padding-right: min(calc(69 * 1px), calc(69 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(2) {
    padding-block: calc(80 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(2) {
    padding-block: calc(39 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(2) .voice_balloon {
    top: max(calc(-180 * 1px), calc(-180 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    left: max(calc(-40 * 1px), calc(-40 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(370 * 1px), calc(370 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    aspect-ratio: 362/267;
    background-image: url(../img/tp_open-campus/balloon_img02.webp);
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(2) .voice_balloon {
    top: 0;
    right: 0;
    width: calc(440 / (667 + var(--scrollbarW)) * (100vw - 100px));
    aspect-ratio: 237/226;
    background-image: url(../img/tp_open-campus/balloon_img02_sp.webp);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(2) .voice_balloon {
    width: calc(237 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(2) .voice_txt {
    translate: min(calc(54 * 1px), calc(54 / (1100 + var(--scrollbarW)) * (100vw - 100px))) min(calc(70 * 1px), calc(70 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(2) .voice_txt {
    translate: calc(90 / (667 + var(--scrollbarW)) * (100vw - 100px)) calc(60 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(2) .voice_txt {
    translate: calc(50 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(30 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(2) .voice_avatar {
    translate: min(calc(10 * 1px), calc(10 / (1100 + var(--scrollbarW)) * (100vw - 100px))) max(calc(-22 * 1px), calc(-22 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(3) {
    padding-right: min(calc(71 * 1px), calc(71 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(3) {
    justify-content: flex-end;
    padding-block: calc(60 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(3) {
    padding-block: calc(20 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(3) .voice_balloon {
    top: max(calc(-150 * 1px), calc(-150 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    left: min(calc(55 * 1px), calc(55 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(324 * 1px), calc(324 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    aspect-ratio: 315/225;
    background-image: url(../img/tp_open-campus/balloon_img03.webp);
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(3) .voice_balloon {
    top: 0;
    left: 0;
    width: calc(460 / (667 + var(--scrollbarW)) * (100vw - 100px));
    aspect-ratio: 240/188;
    background-image: url(../img/tp_open-campus/balloon_img03_sp.webp);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(3) .voice_balloon {
    width: calc(240 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(3) .voice_txt {
    translate: min(calc(50 * 1px), calc(50 / (1100 + var(--scrollbarW)) * (100vw - 100px))) min(calc(68 * 1px), calc(68 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(3) .voice_txt {
    translate: calc(65 / (667 + var(--scrollbarW)) * (100vw - 100px)) calc(95 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(3) .voice_txt {
    translate: calc(35 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(45 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(3) .voice_avatar {
    translate: min(calc(27 * 1px), calc(27 / (1100 + var(--scrollbarW)) * (100vw - 100px))) max(calc(-11 * 1px), calc(-11 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(4) {
    padding-right: min(calc(71 * 1px), calc(71 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(4) {
    padding-block: calc(60 / (667 + var(--scrollbarW)) * (100vw - 100px)) calc(50 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(4) {
    padding-block: calc(28 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(36 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(4) .voice_balloon {
    top: max(calc(-215 * 1px), calc(-215 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    left: min(calc(24 * 1px), calc(24 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(339 * 1px), calc(339 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
    aspect-ratio: 339/266;
    background-image: url(../img/tp_open-campus/balloon_img04.webp);
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(4) .voice_balloon {
    top: 0;
    right: 0;
    width: calc(440 / (667 + var(--scrollbarW)) * (100vw - 100px));
    aspect-ratio: 237/226;
    background-image: url(../img/tp_open-campus/balloon_img04_sp.webp);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(4) .voice_balloon {
    width: calc(237 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(4) .voice_txt {
    translate: min(calc(62 * 1px), calc(62 / (1100 + var(--scrollbarW)) * (100vw - 100px))) min(calc(88 * 1px), calc(88 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 900px) {
  .tp_open-campus .voice:nth-child(4) .voice_txt {
    translate: calc(85 / (667 + var(--scrollbarW)) * (100vw - 100px)) calc(120 / (667 + var(--scrollbarW)) * (100vw - 100px));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .voice:nth-child(4) .voice_txt {
    translate: calc(45 / (335 + var(--scrollbarW)) * (100vw - 40px)) calc(60 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
@media not all and (max-width: 900px), print {
  .tp_open-campus .voice:nth-child(4) .voice_avatar {
    translate: max(calc(-42 * 1px), calc(-42 / (1100 + var(--scrollbarW)) * (100vw - 100px))) max(calc(-11 * 1px), calc(-11 / (1100 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
.tp_open-campus .movie {
  --mainC: #0084CC;
  --shadowC: #fff;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie {
    margin-top: 80px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.tp_open-campus .movie .splide.is_single {
  visibility: visible;
}
.tp_open-campus .movie .splide__track {
  overflow: visible;
}
.tp_open-campus .movie .splide__controls {
  display: flex;
  align-items: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie .splide__controls {
    gap: 40px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie .splide__controls {
    gap: 20px;
    margin-top: 20px;
  }
}
.tp_open-campus .movie .splide__scrollbar {
  flex-grow: 1;
}
.tp_open-campus .movie .splide__scrollbar-track {
  width: 100%;
  border: 2px solid #0084CC;
  border-radius: 20px;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie .splide__scrollbar-track {
    height: 8px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie .splide__scrollbar-track {
    height: 6px;
  }
}
.tp_open-campus .movie .splide__scrollbar-thumb {
  box-sizing: border-box;
  translate: 0 -1px;
  border: 2px solid #0084CC;
  border-radius: 20px;
  background-color: #0084CC;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie .splide__scrollbar-thumb {
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie .splide__scrollbar-thumb {
    height: 4px;
  }
}
.tp_open-campus .movie .splide__arrows {
  flex-shrink: 0;
  display: flex;
  gap: 6px;
}
.tp_open-campus .movie .splide__arrow {
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #0084CC;
  background-color: #0084CC;
  transition: background-color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie .splide__arrow {
    width: 52px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie .splide__arrow {
    width: 38px;
  }
}
.tp_open-campus .movie .splide__arrow:focus-visible:not(:disabled) {
  background-color: #FFF669;
}
.tp_open-campus .movie .splide__arrow:focus-visible:not(:disabled):before {
  border-color: #0084CC;
}
@media (any-hover: hover) {
  .tp_open-campus .movie .splide__arrow:hover:not(:disabled) {
    background-color: #FFF669;
  }
  .tp_open-campus .movie .splide__arrow:hover:not(:disabled):before {
    border-color: #0084CC;
  }
}
.tp_open-campus .movie .splide__arrow:disabled {
  opacity: 0.6;
}
.tp_open-campus .movie .splide__arrow:before {
  border-color: #fff;
  transition: border-color var(--transDur) var(--transEasing);
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie .splide__arrow:before {
    width: 8px;
  }
}
.tp_open-campus .movie_head {
  display: grid;
  justify-content: center;
  text-align: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie_head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie_head {
    margin-bottom: 30px;
  }
}
.tp_open-campus .movie_title .shadow {
  left: 50%;
  translate: calc(-50% + 3px) 3px;
}
.tp_open-campus .movie_frame {
  border: 2px solid #0084CC;
  border-radius: 20px;
  overflow: hidden;
}
.tp_open-campus .movie_frame iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 525/294;
}
.tp_open-campus .movie_txt {
  font-weight: 700;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .movie_txt {
    margin-top: 20px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .movie_txt {
    margin-top: 15px;
    font-size: 1.25rem;
  }
}
.tp_open-campus .features {
  --mainC: #fff;
  --shadowC: transparent;
  background-color: #FAFDBA;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .features {
    padding-block: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .features {
    padding-block: 60px 70px;
  }
}
.tp_open-campus .features_head {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .features_head {
    justify-content: flex-start;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .features_head {
    justify-content: center;
    margin-bottom: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .features_title .shadow {
    left: 50%;
    translate: calc(-50% + 3px) 3px;
  }
}
.tp_open-campus .features_units {
  display: grid;
  grid-auto-flow: dense;
  direction: rtl;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .features_units {
    grid-template-columns: repeat(2, 1fr);
    gap: 60px 50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .features_units {
    gap: 30px;
  }
}
.tp_open-campus .features_unit {
  direction: ltr;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .features_unit:nth-child(odd) {
    margin-top: -100px;
  }
}
.tp_open-campus .feature_thumb {
  position: relative;
  border: 2px solid #0084CC;
  border-radius: 20px;
  margin-left: auto;
  overflow: hidden;
  z-index: 0;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .feature_thumb {
    width: calc(100% - 61px);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .feature_thumb {
    width: calc(100% - 25px);
  }
}
.tp_open-campus .feature_thumb img {
  width: 100%;
  aspect-ratio: 460/290;
  -o-object-fit: cover;
  object-fit: cover;
}
.tp_open-campus .feature_meta {
  position: relative;
  z-index: 1;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .feature_meta {
    margin-top: -50px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .feature_meta {
    margin-top: -36px;
  }
}
.tp_open-campus .feature_title {
  position: relative;
}
.tp_open-campus .feature_title > span {
  background-color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-weight: 700;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .feature_title > span {
    padding: 3px 10px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .feature_title > span {
    padding: 1px 10px;
    font-size: 1.125rem;
  }
}
.tp_open-campus .feature_summary {
  margin-top: 15px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .feature_summary {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .feature_summary {
    font-size: 0.875rem;
  }
}
.tp_open-campus .feature_info {
  margin-top: 15px;
  font-size: 0.75rem;
}
.tp_open-campus .mores {
  --mainC: #F0F267;
  --shadowC: #fff;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .mores {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mores {
    margin-top: 60px;
  }
}
.tp_open-campus .mores_head {
  display: grid;
  justify-content: center;
  text-align: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .mores_head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mores_head {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 30px;
  }
}
.tp_open-campus .mores_title .shadow {
  left: 50%;
  translate: calc(-50% + 3px) 3px;
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mores_title .sm {
    font-size: 2.5rem;
  }
}
.tp_open-campus .mores_list {
  display: grid;
  gap: 20px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .mores_list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .mores_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tp_open-campus .more > a {
  display: block;
}
.tp_open-campus .more > a:focus-visible .more_thumb img {
  scale: 1.1;
}
.tp_open-campus .more > a:focus-visible .more_txt {
  color: #0084CC;
}
@media (any-hover: hover) {
  .tp_open-campus .more > a:hover .more_thumb img {
    scale: 1.1;
  }
  .tp_open-campus .more > a:hover .more_txt {
    color: #0084CC;
  }
}
.tp_open-campus .more_thumb {
  border: 2px solid #EEF1F2;
  overflow: hidden;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .more_thumb {
    border-radius: 22px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .more_thumb {
    border-radius: 20px;
  }
}
.tp_open-campus .more_thumb img {
  width: 100%;
  aspect-ratio: 353/195;
  -o-object-fit: contain;
  object-fit: contain;
  transition: scale var(--transDur) var(--transEasing);
}
.tp_open-campus .more_txt {
  font-weight: 700;
  transition: color var(--transDur) var(--transEasing);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .more_txt {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .more_txt {
    margin-top: 5px;
    font-size: 0.75rem;
  }
}
.tp_open-campus .access {
  --mainC: #0084CC;
  --shadowC: #fff;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access {
    margin-top: 60px;
  }
}
.tp_open-campus .access_head {
  display: grid;
  justify-content: center;
  text-align: center;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access_head {
    margin-bottom: 30px;
  }
}
.tp_open-campus .access_title .shadow {
  left: 50%;
  translate: calc(-50% + 3px) 3px;
}
.tp_open-campus .access_info {
  padding-left: 1em;
  font-weight: 350;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_info {
    margin-bottom: 40px;
    text-align: center;
  }
  .tp_open-campus .access_info:before {
    content: "※";
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access_info {
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    font-size: 0.9375rem;
  }
  .tp_open-campus .access_info:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_tabs {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access_tabs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
  }
}
.tp_open-campus .access_tab {
  padding: 10px;
  border-radius: 10px 10px 0 0;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
}
.tp_open-campus .access_tab:nth-child(1) {
  background-color: #36B598;
}
.tp_open-campus .access_tab:nth-child(2) {
  background-color: #005BAC;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access_item {
    display: none;
    padding: 20px;
    border-radius: 0 0 30px 30px;
  }
  .tp_open-campus .access_item:nth-child(1) {
    border: 2px solid #36B598;
  }
  .tp_open-campus .access_item:nth-child(2) {
    border: 2px solid #005BAC;
  }
  .tp_open-campus .access_item.is_active {
    display: block;
  }
}
.tp_open-campus .access_map {
  border-radius: 5px;
  overflow: hidden;
}
.tp_open-campus .access_map img {
  width: 100%;
}
.tp_open-campus .access_link {
  max-width: 349px;
  margin-top: 20px;
  margin-inline: auto;
}
.tp_open-campus .access_link .el_btn {
  border: 2px solid #0084CC;
  transition-property: background-color, color;
  transition-duration: var(--transDur);
  transition-timing-function: var(--transEasing);
}
.tp_open-campus .access_link .el_btn:focus-visible {
  opacity: 1;
  background-color: #FFF669;
  color: #0084CC;
}
.tp_open-campus .access_link .el_btn:focus-visible .el_btn_inner:after {
  border-color: #0084CC !important;
}
@media (any-hover: hover) {
  .tp_open-campus .access_link .el_btn:hover {
    opacity: 1;
    background-color: #FFF669;
    color: #0084CC;
  }
  .tp_open-campus .access_link .el_btn:hover .el_btn_inner:after {
    border-color: #0084CC !important;
  }
}
.tp_open-campus .access_link .el_btn[target=_blank] .el_btn_inner:after {
  content: "";
  position: absolute;
  rotate: 45deg;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_link .el_btn[target=_blank] .el_btn_inner:after {
    right: 26px;
    width: 11px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .access_link .el_btn[target=_blank] .el_btn_inner:after {
    right: 16px;
    width: 8px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .access_link .el_btn_inner {
    padding-block: 19px;
  }
}
.tp_open-campus .access_link .el_btn_inner:after {
  transition: border-color var(--transDur) var(--transEasing);
}
.tp_open-campus .faq {
  --mainC: #F0F267;
  --shadowC: #fff;
  background-color: #EDFAFF;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq {
    padding-block: 100px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq {
    padding-block: 60px 70px;
    margin-top: 70px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
  }
}
.tp_open-campus .faq_head {
  display: grid;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_head {
    justify-content: flex-start;
    flex-shrink: 0;
    width: 217px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_head {
    justify-content: center;
    margin-bottom: 30px;
    text-align: center;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_title {
    font-family: var(--ff_poppins);
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_title .shadow {
    left: 50%;
    translate: calc(-50% + 3px) 3px;
  }
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_body {
    flex-grow: 1;
    max-width: 72.72727273%;
  }
}
.tp_open-campus .faq_item {
  padding: 20px;
  border: 2px solid #0084CC;
  border-radius: 20px;
  background-color: #fff;
  transition: background-color var(--transDur) var(--transEasing);
}
.tp_open-campus .faq_item + .faq_item {
  margin-top: 20px;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_item:has(.faq_q:hover), .tp_open-campus .faq_item:has(.faq_q:focus-visible) {
    background-color: #DDF3FC;
  }
}
.tp_open-campus .faq_item:has([aria-expanded=true]) {
  background-color: #FFF669;
}
.tp_open-campus .faq_q {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 600;
  font-size: 0.875rem;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_q {
    padding: 12px 30px 12px 58px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_q {
    padding: 7px 30px 7px 46px;
  }
}
.tp_open-campus .faq_q:before {
  content: "Q";
  position: absolute;
  left: 0;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #56C0EE;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  font-family: var(--ff_oswald);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_q:before {
    top: 0;
    width: 46px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_q:before {
    top: 50%;
    translate: 0 -50%;
    width: 36px;
    font-size: 1.375rem;
  }
}
.tp_open-campus .faq_q[aria-expanded=true] .toggle:after {
  scale: 1 0;
}
.tp_open-campus .faq_q .toggle {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 16px;
  aspect-ratio: 1;
}
.tp_open-campus .faq_q .toggle:before, .tp_open-campus .faq_q .toggle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #0084CC;
}
.tp_open-campus .faq_q .toggle:before {
  width: 100%;
  height: 2px;
}
.tp_open-campus .faq_q .toggle:after {
  width: 2px;
  height: 100%;
  transition: scale var(--transDur) var(--transEasing);
}
.tp_open-campus .faq_a > div {
  position: relative;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_a > div {
    padding-top: 35px;
    padding-left: 58px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_a > div {
    padding-top: 26px;
    padding-left: 46px;
  }
}
.tp_open-campus .faq_a > div:before {
  content: "A";
  position: absolute;
  left: 0;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #0084CC;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  font-family: var(--ff_oswald);
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_a > div:before {
    top: 20px;
    width: 46px;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_a > div:before {
    top: 17px;
    width: 36px;
    font-size: 1.375rem;
  }
}
.tp_open-campus .faq_txt {
  font-size: 0.875rem;
}
.tp_open-campus .faq_txt:not(:first-child) {
  margin-top: 21px;
}
.tp_open-campus .faq_link:not(:first-child) {
  margin-top: 21px;
}
.tp_open-campus .faq_link:first-child {
  margin-top: -3px;
}
.tp_open-campus .faq_link + .faq_link {
  margin-top: 6px;
}
.tp_open-campus .faq_link a {
  position: relative;
  display: inline-block;
  padding-left: 29px;
  text-decoration: underline;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_link a {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_link a {
    font-size: 0.875rem;
  }
}
.tp_open-campus .faq_link a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .tp_open-campus .faq_link a:hover {
    text-decoration: none;
  }
}
.tp_open-campus .faq_link a[target=_blank]:after {
  content: "";
  display: inline-block;
  translate: 2px 2px;
  aspect-ratio: 1;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/icon/icon_blank.svg);
  mask-image: url(../img/common/icon/icon_blank.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_link a[target=_blank]:after {
    right: min(calc(22 * 1px), calc(22 / (866 + var(--scrollbarW)) * (100vw - 100px)));
    width: min(calc(16 * 1px), calc(16 / (866 + var(--scrollbarW)) * (100vw - 100px)));
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_link a[target=_blank]:after {
    right: calc(18 / (335 + var(--scrollbarW)) * (100vw - 40px));
    width: calc(16 / (335 + var(--scrollbarW)) * (100vw - 40px));
  }
}
.tp_open-campus .faq_link a[href*=".pdf"]:after {
  content: "";
  display: inline-block;
  translate: 2px 2px;
  aspect-ratio: 1;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/icon/icon_pdf.svg);
  mask-image: url(../img/common/icon/icon_pdf.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media not all and (max-width: 767px), print {
  .tp_open-campus .faq_link a[href*=".pdf"]:after {
    right: 22px;
    width: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tp_open-campus .faq_link a[href*=".pdf"]:after {
    right: 8px;
    width: 12px;
  }
}
.tp_open-campus .faq_link a .icon {
  position: absolute;
  top: 1px;
  left: 0;
  width: 21px;
  height: auto;
  aspect-ratio: 1;
  border: 2px solid #0084cc;
  border-radius: 50%;
  background-color: #fff;
}
.tp_open-campus .faq_link a .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 1px);
  translate: -50% -50%;
  rotate: 45deg;
  width: 6px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #0084CC;
  border-right: 2px solid #0084CC;
}
.tp_open-campus .gallery {
  padding-block: 60px;
  pointer-events: none;
}
.tp_open-campus .gallery img {
  width: 100%;
  aspect-ratio: 336/224;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}
.tp_open-campus .anime_myChildrenScaleUp > * {
  scale: 0 0;
}
.tp_open-campus .anime_myChildrenScaleUp > *:nth-child(1) {
  transition: scale 0.5s cubic-bezier(0.71, 1.52, 0.65, 1.06) 0s;
}
.tp_open-campus .anime_myChildrenScaleUp > *:nth-child(2) {
  transition: scale 0.5s cubic-bezier(0.71, 1.52, 0.65, 1.06) 0.02s;
}
.tp_open-campus .anime_myChildrenScaleUp > *:nth-child(2) {
  transition: scale 0.5s cubic-bezier(0.71, 1.52, 0.65, 1.06) 0.04s;
}
.tp_open-campus .anime_myChildrenScaleUp.is_active > * {
  scale: 1 1;
}
.tp_open-campus .anime_contentFadeUp {
  opacity: 0;
  translate: 0 20px;
  scale: 0.95 0.95;
  transition-property: opacity, translate scale;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.71, 1.52, 0.65, 1.06);
}
.tp_open-campus .anime_contentFadeUp.is_active {
  opacity: 1;
  translate: 0 0;
  scale: 1 1;
}

/**
 * Keyframes
 */
@keyframes panelShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}