@charset "UTF-8";

div.l-main * {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  vertical-align: baseline;
  text-shadow: none;
}

div.l-main *:focus:not(:focus-visible) {
  outline: none;
}

div.l-main *::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button;
  font: inherit;
}

div.l-main *,
div.l-main *::before,
div.l-main *::after {
  min-inline-size: 0;
  min-block-size: 0;
  margin: 0;
  padding: 0;
  overflow-wrap: break-word;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

  div.l-main *,
  div.l-main *::before,
  div.l-main *::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media only print {
  div.l-main body {
    -webkit-print-color-adjust: exact;
  }
}

@media only print {

  div.l-main article,
  div.l-main section,
  div.l-main h1,
  div.l-main h2,
  div.l-main h3,
  div.l-main p,
  div.l-main div,
  div.l-main dl,
  div.l-main img {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}

div.l-main h1,
div.l-main h2,
div.l-main h3,
div.l-main strong,
div.l-main var {
  font-style: normal;
  font-weight: normal;
}

div.l-main h1,
div.l-main h2,
div.l-main h3 {
  text-wrap: balance;
}

@media only print {

  div.l-main h1,
  div.l-main h2,
  div.l-main h3 {
    -webkit-column-break-after: avoid;
    -moz-column-break-after: avoid;
    break-after: avoid-page;
  }
}

div.l-main p {
  text-wrap: pretty;
}

@media only print {
  div.l-main p {
    orphans: 2;
    widows: 2;
  }
}

div.l-main a {
  text-decoration: none;
}

div.l-main em {
  font-style: italic;
}

div.l-main strong,
div.l-main b {
  font-weight: bolder;
}

div.l-main s {
  text-decoration: line-through;
}

div.l-main br {
  display: block;
  line-height: 1;
}

div.l-main img {
  max-inline-size: 100%;
  inline-size: auto;
  block-size: auto;
  vertical-align: middle;
  font-style: italic;
  image-rendering: auto;
  border-style: none;
}

div.l-main svg:not(:root) {
  overflow: hidden;
}

div.l-main button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  background: none;
  font: inherit;
  text-box: none;
}

div.l-main button {
  overflow: visible;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

div.l-main button {
  text-transform: none;
  cursor: pointer;
}

div.l-main button {
  background: none;
  color: inherit;
  text-align: start;
}

div.l-main font {
  display: contents;
}

div.l-main a[target=_blank]::after,
div.l-main s::before,
div.l-main s::after {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: 0;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: clip;
  border: 0;
  white-space: nowrap;
  pointer-events: none;
}

div.l-main .c-button:focus-visible,
.l-fixed__button:focus-visible {
  --focus-ring--outline-offset: 0;
}

div.l-main .p-interview-introduction__figcaption-text,
div.l-main .c-title,
div.l-main .c-button__text,
div.l-main .c-text-definition-list__term {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

div.l-main .p-interview-main__faq-question,
div.l-main .p-interview-main__faq-answer-name,
div.l-main .p-interview-main__faq-answer-text,
div.l-main .c-title,
div.l-main .c-text,
div.l-main .c-button__text,
div.l-main .c-text-definition-list {
  margin-block: var(--text-box-trim);
}

@property --viewport-scale {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

:root {
  --gap--xx-small: 5;
  --gap--xx-small--px: 5px;
  --gap--x-small: 10;
  --gap--x-small--px: 10px;
  --gap--small: 20;
  --gap--small--px: 20px;
  --gap--medium: 30;
  --gap--medium--px: 30px;
  --gap--large: 40;
  --gap--large--px: 40px;
  --gap--x-large: 50;
  --gap--x-large--px: 50px;
  --gap--xx-large: 60;
  --gap--xx-large--px: 60px;
}

:root {
  --border-radius--small: 10;
  --border-radius--small--px: 10px;
  --border-radius--medium: 20;
  --border-radius--medium--px: 20px;
  --border-radius--large: 40;
  --border-radius--large--px: 40px;
}

:root {
  --color--black: #17171a;
  --color--white: #ffffff;
  --color--red: #e5004a;
  --color--blue: #008acd;
  --color--light-blue: #6abbdb;
  --color--pale-blue: #e3f0f8;
  --color--green: #77ae6d;
  --color--orange: #ef7b0a;
  --color--light-orange: #fffae0;
  --color--smart-school-green: #009944;
  --color--smart-school-yellow: #fbf5e7;
  --color--series-blue: #6abbdb;
  --color--series-pink: #eb9bc1;
}

:root {
  --color-palette--primary: var(--color--red);
  --color-palette--secondary: var(--color--blue);
  --color-palette--tertiary: var(--color--green);
  --color-palette--quaternary: var(--color--orange);
  --color-palette--quaternary-light: var(--color--light-orange);
  --color-palette--border: var(--color--light-blue);
  --color-palette--background: var(--color--white);
  --color-palette--text: var(--color--black);
  --color-palette--text-contrast: var(--color--white);
  --color-palette--mark: var(--color--light-orange);
  --color-palette--active: var(--color--red);
  --color-palette--point: var(--color--red);
  --color-palette--smart-school-main: var(--color--smart-school-green);
  --color-palette--smart-school-background: var(--color--smart-school-yellow);
  --color-palette--college-animal: var(--color--series-pink);
  --color-palette--school-line: var(--color--series-blue);
}

:root {
  --font-weight--normal: 400;
  --font-weight--bold: 700;
  --font-size--xx-small: 10;
  --font-size--xx-small--px: 10px;
  --font-size--xx-small--dvi: calc(1000 / var(--device--base) * var(--dvi));
  --font-size--x-small: 12;
  --font-size--x-small--px: 12px;
  --font-size--x-small--dvi: calc(1200 / var(--device--base) * var(--dvi));
  --font-size--small: 14;
  --font-size--small--px: 14px;
  --font-size--small--dvi: calc(1400 / var(--device--base) * var(--dvi));
  --font-size--medium: 16;
  --font-size--medium--px: 16px;
  --font-size--medium--dvi: calc(1600 / var(--device--base) * var(--dvi));
  --font-size--large: 17;
  --font-size--large--px: 17px;
  --font-size--large--dvi: calc(1700 / var(--device--base) * var(--dvi));
  --font-size--x-large: 18;
  --font-size--x-large--px: 18px;
  --font-size--x-large--dvi: calc(1800 / var(--device--base) * var(--dvi));
  --font-size--xx-large: 20;
  --font-size--xx-large--px: 20px;
  --font-size--xx-large--dvi: calc(2000 / var(--device--base) * var(--dvi));
  --font-size--xxx-large: 22;
  --font-size--xxx-large--px: 22px;
  --font-size--xxx-large--dvi: calc(2200 / var(--device--base) * var(--dvi));
  --font-size--xxxx-large: 25;
  --font-size--xxxx-large--px: 25px;
  --font-size--xxxx-large--dvi: calc(2500 / var(--device--base) * var(--dvi));
  --font-size--xxxxx-large: 30;
  --font-size--xxxxx-large--px: 30px;
  --font-size--xxxxx-large--dvi: calc(3000 / var(--device--base) * var(--dvi));
  --line-height--small: 1.5;
  --line-height--normal: 1.75;
  --line-height--large: 2;
  --font-family--dnp-shuei-mgothic-std: "dnp-shuei-mgothic-std", sans-serif;
  --font-family--noto-sans-jp: "Noto Sans JP", sans-serif;
  --letter-spacing--tight: -0.01em;
  --letter-spacing--normal: 0;
  --letter-spacing--wide: 0.01em;
}

:root {
  --font-family-palette--title: var(--font-family--dnp-shuei-mgothic-std);
  --font-family-palette--text: var(--font-family--noto-sans-jp);
}

:root {
  --duration--short: 250;
  --duration--short--ms: 250ms;
  --duration--short--s: 0.25s;
  --duration--middle: 500;
  --duration--middle--ms: 500ms;
  --duration--middle--s: 0.5s;
  --duration--long: 1000;
  --duration--long--ms: 1000ms;
  --duration--long--s: 1s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration--short: 0;
    --duration--short--ms: 0;
    --duration--short--s: 0;
    --duration--middle: 0;
    --duration--middle--ms: 0;
    --duration--middle--s: 0;
    --duration--long: 0;
    --duration--long--ms: 0;
    --duration--long--s: 0;
  }
}

:root {
  --device--sp: 375;
  --device--sp--px: 375px;
  --device--pc: 1300;
  --device--pc--px: 1300px;
  --device--base: var(--device--pc);
  --device--base--px: var(--device--pc--px);
}

@media screen and (max-width: 768px) {
  :root {
    --device--base: var(--device--sp);
    --device--base--px: var(--device--sp--px);
  }
}

:root {
  --screen--min: 320;
  --screen--min--px: 320px;
  --screen--max: 1600;
  --screen--max--px: 1600px;
}

:root {
  --breakpoint--sm: 640;
  --breakpoint--sm--px: 640px;
  --breakpoint--md: 768;
  --breakpoint--md--px: 768px;
  --breakpoint--lg: 1024;
  --breakpoint--lg--px: 1024px;
}

:root {
  --focus-ring--border-radius: 4px;
}

:root {
  --focus-ring--outline-width: 4px;
}

:root {
  --focus-ring--outline-style: solid;
}

:root {
  --focus-ring--outline-color: var(--color-palette--point);
}

:root {
  --focus-ring--outline-offset: 8px;
}

:root {
  --theme--color--primary: var(--color-palette--primary);
  --theme--color--secondary: var(--color-palette--secondary);
  --theme--color--tertiary: var(--color-palette--tertiary);
  --theme--color--quaternary: var(--color-palette--quaternary);
}

:root {
  --wrapper--padding-block--small: 60px;
  --wrapper--padding-block--medium: 100px;
  --wrapper--padding-block--large: 140px;
}

@media screen and (max-width: 768px) {
  :root {
    --wrapper--padding-block--small: 50px;
    --wrapper--padding-block--medium: 75px;
    --wrapper--padding-block--large: 100px;
  }
}

:root {
  --container--fluid-inline-size--medium: calc(110000 / var(--device--base) * var(--limited-dvi));
}

@media screen and (max-width: 768px) {
  :root {
    --container--fluid-inline-size--medium: calc(33500 / var(--device--base) * var(--limited-dvi));
  }
}

:root {
  --flex--gap--x-small: var(--gap--x-small--px);
  --flex--gap--small: var(--gap--small--px);
  --flex--gap--medium: var(--gap--medium--px);
  --flex--gap--large: var(--gap--large--px);
  --flex--gap--x-large: var(--gap--x-large--px);
}

:root {
  --flex--justify-content--start: start;
  --flex--justify-content--center: center;
  --flex--justify-content--end: end;
}

:root {
  --grid--gap--x-small: var(--gap--x-small--px);
  --grid--gap--small: var(--gap--small--px);
  --grid--gap--medium: var(--gap--medium--px);
  --grid--gap--large: var(--gap--large--px);
  --grid--gap--x-large: var(--gap--x-large--px);
}

:root {
  --grid--division: 12;
}

@media screen and (max-width: 768px) {
  :root {
    --grid--division: 4;
  }
}

:root {
  --content--margin-block-start--none: 0;
  --content--margin-block-start--primary: 60px;
  --content--margin-block-start--tertiary: 40px;
}

@media screen and (max-width: 768px) {
  :root {
    --content--margin-block-start--primary: 40px;
    --content--margin-block-start--tertiary: 30px;
  }
}

:root {
  --section-group--gap--large: var(--gap--large--px);
  --section-group--gap--x-large: var(--gap--x-large--px);
}

:root {
  --section-group--margin-block-start--primary: 50px;
}

@media screen and (max-width: 768px) {
  :root {
    --section-group--margin-block-start--primary: 40px;
  }
}

:root {
  --article-group--gap--large: var(--gap--large--px);
  --article-group--gap--x-large: var(--gap--x-large--px);
}

:root {
  --article-group--margin-block-start--primary: 50px;
}

@media screen and (max-width: 768px) {
  :root {
    --article-group--margin-block-start--primary: 40px;
  }
}

:root {
  --text--margin-block-start--medium: 20px;
}

:root {
  --list--gap--small: var(--gap--small--px);
  --list--gap--medium: var(--gap--medium--px);
  --list--gap--large: var(--gap--large--px);
}

:root {
  --list--margin-block-start--small: 20px;
  --list--margin-block-start--medium: 30px;
  --list--margin-block-start--large: 40px;
}

:root {
  --list--prefix--dot: '・';
  --list--prefix--note: '※';
  --list--prefix--order: counter(list);
}

:root {
  --list--font-size--x-small: var(--font-size--x-small--px);
  --list--font-size--small: var(--font-size--small--px);
  --list--font-size--medium: var(--font-size--medium--px);
  --list--font-size--large: var(--font-size--large--px);
  --list--font-size--x-large: var(--font-size--x-large--px);
}

:root {
  --link-group--gap--x-small: var(--gap--x-small--px);
  --link-group--gap--small: var(--gap--small--px);
  --link-group--gap--medium: var(--gap--medium--px);
  --link-group--gap--large: var(--gap--large--px);
  --link-group--gap--x-large: var(--gap--x-large--px);
}

:root {
  --link-group--margin-block-start--none: 0;
  --link-group--margin-block-start--small: 20px;
  --link-group--margin-block-start--medium: 30px;
  --link-group--margin-block-start--large: 40px;
}

:root {
  --button-group--gap--x-small: var(--gap--x-small--px);
  --button-group--gap--small: var(--gap--small--px);
  --button-group--gap--medium: var(--gap--medium--px);
  --button-group--gap--large: var(--gap--large--px);
  --button-group--gap--x-large: var(--gap--x-large--px);
}

:root {
  --button-group--margin-block-start--none: 0;
  --button-group--margin-block-start--x-small: 15px;
  --button-group--margin-block-start--small: 25px;
  --button-group--margin-block-start--medium: 35px;
}

:root {
  --button--color--primary: var(--color-palette--college-animal);
  --button--color--secondary: var(--color-palette--school-line);
  --button--color--tertiary: var(--color-palette--smart-school-main);
}

:root {
  --definition-list--margin-block-start--none: 0;
  --definition-list--margin-block-start--small: 30px;
  --definition-list--margin-block-start--medium: 40px;
  --definition-list--margin-block-start--large: 50px;
}

:root {
  --viewport-scale: min(var(--screen--min--px), 100dvi);
}

@media screen and (max-width: 768px) {
  :root {
    --viewport-scale: max(var(--screen--max--px), 100dvi);
  }
}

:root {
  --vw: 1vw;
  --svw: var(--vw);
  --lvw: var(--vw);
  --dvw: var(--vw);
  --vi: var(--vw);
  --svi: var(--vw);
  --lvi: var(--vw);
  --dvi: var(--vw);
}

@supports (inline-size: 1svw) {
  :root {
    --svw: 1svw;
  }
}

@supports (inline-size: 1lvw) {
  :root {
    --lvw: 1lvw;
  }
}

@supports (inline-size: 1dvw) {
  :root {
    --dvw: 1dvw;
  }
}

@supports (inline-size: 1vi) {
  :root {
    --vi: 1vi;
  }
}

@supports (inline-size: 1svi) {
  :root {
    --svi: 1svi;
  }
}

@supports (inline-size: 1lvi) {
  :root {
    --lvi: 1lvi;
  }
}

@supports (inline-size: 1dvi) {
  :root {
    --dvi: 1dvi;
  }
}

:root {
  --limited-vw: clamp(3.2px, 1vw, 16px);
  --limited-svw: var(--limited-vw);
  --limited-lvw: var(--limited-vw);
  --limited-dvw: var(--limited-vw);
  --limited-vi: var(--limited-vw);
  --limited-svi: var(--limited-vw);
  --limited-lvi: var(--limited-vw);
  --limited-dvi: var(--limited-vw);
}

@supports (inline-size: 1svw) {
  :root {
    --limited-svw: clamp(3.2px, 1svw, 16px);
  }
}

@supports (inline-size: 1lvw) {
  :root {
    --limited-lvw: clamp(3.2px, 1lvw, 16px);
  }
}

@supports (inline-size: 1dvw) {
  :root {
    --limited-dvw: clamp(3.2px, 1dvw, 16px);
  }
}

@supports (inline-size: 1vi) {
  :root {
    --limited-vi: clamp(3.2px, 1vi, 16px);
  }
}

@supports (inline-size: 1svi) {
  :root {
    --limited-svi: clamp(3.2px, 1svi, 16px);
  }
}

@supports (inline-size: 1lvi) {
  :root {
    --limited-lvi: clamp(3.2px, 1lvi, 16px);
  }
}

@supports (inline-size: 1dvi) {
  :root {
    --limited-dvi: clamp(3.2px, 1dvi, 16px);
  }
}

:root {
  --half-leading: calc((1lh - 1em) / 2);
}

:root {
  --text-box-trim: 0px;
  /*
  @supports ( text-box: normal ) {
  	--text-box-trim: 0px;
  }
  */
}

@supports (margin-block: 1lh) {
  :root {
    --text-box-trim: calc(var(--half-leading) * -1);
  }
}

:root {
  interpolate-size: allow-keywords;
  container-type: scroll-state;
}

@media (scripting: none) {
  :root {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
  }
}

@media (scripting: none) and (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}

div.l-main {
  container: root/inline-size;
  color: var(--color-palette--text);
  font: var(--font-size--medium--px)/var(--line-height--large) var(--font-family-palette--text);
  background: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/texture_background_01.jpg") top center/20px;
}

@media screen and (max-width: 768px) {
  div.l-main {
    background-size: 15px;
  }
}

div.l-main.js-loading {
  --duration--short: 0;
  --duration--short--ms: 0;
  --duration--short--s: 0;
  --duration--middle: 0;
  --duration--middle--ms: 0;
  --duration--middle--s: 0;
  --duration--long: 0;
  --duration--long--ms: 0;
  --duration--long--s: 0;
}

@media (scripting: none) {
  div.l-main.js-loading {
    --duration--short: 250;
    --duration--short--ms: 250ms;
    --duration--short--s: 0.25s;
    --duration--middle: 500;
    --duration--middle--ms: 500ms;
    --duration--middle--s: 0.5s;
    --duration--long: 1000;
    --duration--long--ms: 1000ms;
    --duration--long--s: 1s;
  }
}

@media only print {
  div.l-main a::after {
    content: "（" attr(href) "）";
  }
}

div.l-main a[target=_blank]::after {
  content: "別ウインドウで開く";
}

div.l-main em {
  font-style: italic;
}

div.l-main strong {
  font-weight: var(--font-weight--bold);
}

div.l-main s::before {
  content: "取り消しテキスト開始";
}

div.l-main s::after {
  content: "取り消しテキスト終了";
}

div.l-main h1,
div.l-main h2,
div.l-main h3 {
  background: none;
}

div.l-main h1 span,
div.l-main h1 strong,
div.l-main h1 em,
div.l-main h2 span,
div.l-main h2 strong,
div.l-main h2 em,
div.l-main h3 span,
div.l-main h3 strong,
div.l-main h3 em {
  font-family: inherit;
}

div.l-main {
  overflow: clip;
}

div.l-main .l-section {
  position: relative;
  z-index: 5;
}

div.l-main .l-section:first-child {
  --wrapper--padding-block-start: 40px;
}

div.l-main .l-section--primary:has(+ .l-section--primary) {
  --wrapper--padding-block-end: 0;
}

div.l-main .l-section--secondary {
  background-color: var(--color-palette--background);
}

div.l-main .l-section--secondary:has(+ .l-section--secondary) {
  --wrapper--padding-block-end: 0;
}

div.l-main .c-wrapper {
  padding-block: var(--wrapper--padding-block-start, var(--wrapper--padding-block, 0px)) var(--wrapper--padding-block-end, var(--wrapper--padding-block, 0px));
}

div.l-main .c-wrapper--padding-block--medium {
  --wrapper--padding-block: var(--wrapper--padding-block--medium, 0px);
}

div.l-main .c-container {
  inline-size: var(--container--fluid-inline-size, auto);
  margin-inline: auto;
}

div.l-main .c-container--fluid-inline-size--medium {
  --container--fluid-inline-size: var(--container--fluid-inline-size--medium, auto);
}

div.l-main .l-grid,
div.l-main .l-subgrid--column {
  display: grid;
  gap: var(--grid--row-gap, var(--grid--gap, 0)) var(--grid--column-gap, var(--grid--gap, 0));
}

div.l-main .l-grid>*,
div.l-main .l-subgrid--column>* {
  grid-column-end: span var(--grid--column-count, var(--grid--division, auto-fill));
  min-block-size: auto;
}

div.l-main .l-grid {
  grid-template-rows: repeat(var(--grid--row-count, 1), auto);
  grid-template-columns: repeat(var(--grid--division, auto-fill), minmax(0, 1fr));
}

div.l-main .l-grid__span--4 {
  --grid--column-count: 4;
}

div.l-main .l-grid__span--4>* {
  --grid--division: 4;
}

div.l-main .l-grid__span--5 {
  --grid--column-count: 5;
}

div.l-main .l-grid__span--5>* {
  --grid--division: 5;
}

div.l-main .l-grid__span--6 {
  --grid--column-count: 6;
}

div.l-main .l-grid__span--6>* {
  --grid--division: 6;
}

div.l-main .l-grid__span--7 {
  --grid--column-count: 7;
}

div.l-main .l-grid__span--7>* {
  --grid--division: 7;
}

div.l-main .l-grid__span--8 {
  --grid--column-count: 8;
}

div.l-main .l-grid__span--8>* {
  --grid--division: 8;
}

@media screen and (max-width: 1024px) {
  div.l-main .l-grid__span--lg--6 {
    --grid--column-count: 6;
  }

  div.l-main .l-grid__span--lg--6>* {
    --grid--division: 6;
  }

  div.l-main .l-grid__span--lg--12 {
    --grid--column-count: 12;
  }

  div.l-main .l-grid__span--lg--12>* {
    --grid--division: 12;
  }
}

@media screen and (max-width: 768px) {
  div.l-main .l-grid__span--md--4 {
    --grid--column-count: 4;
  }

  div.l-main .l-grid__span--md--4>* {
    --grid--division: 4;
  }
}

div.l-main .l-subgrid--column {
  grid-template-columns: subgrid;
}

.l-fixed {
  position: fixed;
  inset: 0;
  z-index: 500;
  pointer-events: none;
}

@media only print {
  .l-fixed {
    display: none;
  }
}

.l-fixed__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  place-items: center;
  position: absolute;
  inset-inline-end: 30px;
  inset-block-end: 200px;
  opacity: 0;
  inline-size: 35px;
  padding-inline: 25px;
  padding-block: 70px 13px;
  /* padding-inline: 15px;
  padding-block: 70px 15px; */
  border-radius: 100px;
  background-color: var(--color-palette--smart-school-main);
  text-decoration: none;
  pointer-events: auto;
  -webkit-transition-property: scale, opacity;
  transition-property: scale, opacity;
  -webkit-transition-duration: var(--duration--short--s);
  transition-duration: var(--duration--short--s);
}

@media screen and (max-width: 768px) {
  .l-fixed__button {
    inset-inline-end: 10px;
    inset-block-end: 100px;
    inline-size: 25px;
    padding-inline: 23px;
    padding-block: 50px 10px;
  }
}

.l-fixed__button::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: 15px;
  inline-size: 60px;
  aspect-ratio: 120/100;
  margin-inline: auto;
  background: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/icon_list.png") no-repeat center/contain;
}

@media screen and (max-width: 768px) {
  .l-fixed__button::before {
    inline-size: 40px;
  }
}

@media (any-hover: hover) {
  .l-fixed__button:hover {
    scale: 1.1;
  }
}

.l-fixed__button-text {
  position: relative;
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
  color: var(--color-palette--text-contrast);
  font-size: var(--font-size--xx-large--px);
  font-family: var(--font-family-palette--title);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.l-fixed__button-text::before,
.l-fixed__button-text::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  inline-size: 30px;
  block-size: 30px;
  margin-block: auto;
}

.l-fixed__button-text::before {
  border-radius: 50%;
  background-color: currentcolor;
}

.l-fixed__button-text::after {
  background-color: var(--color-palette--smart-school-main);
  -webkit-mask: url("../images/icon_arrow_right.svg") no-repeat center/7.5px;
  mask: url("../images/icon_arrow_right.svg") no-repeat center/7.5px;
  -webkit-transition: background-color var(--duration--short--s);
  transition: background-color var(--duration--short--s);
}

@media screen and (max-width: 768px) {
  .l-fixed__button-text {
    font-size: 15px;
  }
}

.l-fixed__button.is-show {
  opacity: 1;
}

@media (scripting: none) {
  .l-fixed__button {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -webkit-transition-duration: var(--duration--middle--s);
    transition-duration: var(--duration--middle--s);
  }

  @supports (container-type: scroll-state) {
    .l-fixed__button {
      visibility: visible;
      opacity: 0;
    }

    @starting-style {
      .l-fixed__button {
        opacity: 0;
      }
    }

    @container scroll-state(scrollable: top) {
      .l-fixed__button {
        visibility: visible;
        opacity: 1;
      }
    }
  }
}

div.l-main .c-title {
  font-family: var(--font-family-palette--title);
  line-height: var(--line-height--small);
  letter-spacing: var(--letter-spacing--wide);
}

div.l-main .c-title--primary {
  font-weight: var(--font-weight--bold);
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  div.l-main .c-title--primary {
    font-size: 25px;
  }
}

div.l-main .c-content {
  container: content/inline-size;
  -webkit-margin-before: var(--content--margin-block-start, 0px);
  margin-block-start: var(--content--margin-block-start, 0px);
}

@media only print {
  div.l-main .c-content {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}

div.l-main .c-content--margin-block-start--primary {
  --content--margin-block-start: var(--content--margin-block-start--primary, 0px);
}

div.l-main .c-content--margin-block-start--tertiary {
  --content--margin-block-start: var(--content--margin-block-start--tertiary, 0px);
}

div.l-main .c-content:first-child {
  --content--margin-block-start: 0;
}

div.l-main .c-text {
  -webkit-margin-before: calc(var(--text--margin-block-start, 0px) + var(--text-box-trim));
  margin-block-start: calc(var(--text--margin-block-start, 0px) + var(--text-box-trim));
}

div.l-main .c-text:first-child {
  --text--margin-block-start: 0;
}

div.l-main .c-text+.c-text,
div.l-main .c-text+.c-text-definition-list {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}

div.l-main .c-text:has(+ .c-text, + .c-text-definition-list) {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

div.l-main .c-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--button-group--row-gap, var(--button-group--gap, 0)) var(--button-group--column-gap, var(--button-group--gap, 0));
  -webkit-margin-before: var(--button-group--margin-block-start, 0px);
  margin-block-start: var(--button-group--margin-block-start, 0px);
}

@media only print {
  div.l-main .c-button-group {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}

div.l-main .c-button-group:first-child {
  --button-group--margin-block-start: 0;
}

div.l-main .c-button-group--gap--x-large {
  --button-group--gap: var(--button-group--gap--x-large, 0);
}

div.l-main .c-button-group--margin-block-start--x-small {
  --button-group--margin-block-start: var(--button-group--margin-block-start--x-small, 0px);
}

div.l-main .c-button-group--margin-block-start--small {
  --button-group--margin-block-start: var(--button-group--margin-block-start--small, 0px);
}

@media screen and (max-width: 768px) {
  div.l-main .c-button-group--md--gap--large {
    --button-group--gap: var(--button-group--gap--large, 0);
  }
}

div.l-main .c-button-group--primary {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

div.l-main .c-button {
  display: block;
  text-decoration: none;
}

@media (any-hover: hover) {
  div.l-main .c-button:not(:where(.p-interview-main__button--college-animal, .p-interview-main__button--school-line)):hover .c-button__text {
    color: var(--button--color, inherit);
  }

  div.l-main .c-button:not(:where(.p-interview-main__button--college-animal, .p-interview-main__button--school-line)):hover .c-button__text::after {
    background-color: var(--color-palette--text-contrast);
  }
}

div.l-main .c-button:has(.c-button__image) .c-button__text {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

div.l-main .c-button--color--primary {
  --button--color: var(--button--color--primary, inherit);
}

div.l-main .c-button--color--secondary {
  --button--color: var(--button--color--secondary, inherit);
}

div.l-main .c-button--color--tertiary {
  --button--color: var(--button--color--tertiary, inherit);
}

div.l-main .c-button--primary {
  padding-inline: 15px;
  padding-block: 15px;
  border: 2px solid var(--button--color, inherit) !important;
  border-radius: 100px !important;
  background-color: var(--button--color, inherit) !important;
  -webkit-transition: background-color var(--duration--short--s);
  transition: background-color var(--duration--short--s);
}

@media (any-hover: hover) {
  div.l-main .c-button--primary:not(:where(.p-interview-main__button--college-animal, .p-interview-main__button--school-line)):hover {
    background-color: var(--color-palette--background) !important;
  }
}

div.l-main .c-button--primary:has(.c-button__image) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--gap--x-small--px);
  -moz-column-gap: var(--gap--x-small--px);
  column-gap: var(--gap--x-small--px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  div.l-main .c-button--primary:has(.c-button__image) {
    -webkit-column-gap: var(--gap--xx-small--px);
    -moz-column-gap: var(--gap--xx-small--px);
    column-gap: var(--gap--xx-small--px);
  }
}

div.l-main .c-button.is-disabled {
  opacity: 0.6;
}

div.l-main .c-button__text {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

div.l-main .c-button__text--primary {
  position: relative;
  padding-inline: 15px 25px;
  color: var(--color-palette--text-contrast);
  font-size: var(--font-size--x-large--px);
  line-height: var(--line-height--small);
  font-family: var(--font-family-palette--title);
  -webkit-transition: color var(--duration--short--s);
  transition: color var(--duration--short--s);
}

div.l-main .p-interview-main__button-text-small {
  font-family: var(--font-family-palette--title);
}

div.l-main .c-button__text--primary::before,
div.l-main .c-button__text--primary::after {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  inline-size: 30px;
  block-size: 30px;
  margin-block: auto;
}

@media screen and (max-width: 768px) {

  div.l-main .c-button__text--primary::before,
  div.l-main .c-button__text--primary::after {
    inline-size: 25px;
    block-size: 25px;
  }
}

div.l-main .c-button__text--primary::before {
  border-radius: 50%;
  background-color: currentcolor;
}

div.l-main .c-button__text--primary::after {
  background-color: var(--button--color, inherit);
  -webkit-mask: url("../images/icon_arrow_right.svg") no-repeat center/7.5px;
  mask: url("../images/icon_arrow_right.svg") no-repeat center/7.5px;
  -webkit-transition: background-color var(--duration--short--s);
  transition: background-color var(--duration--short--s);
}

@media (any-hover: hover) {
  div.l-main .c-button__text--primary .c-button__text--primary {
    color: var(--button--color, inherit);
  }

  div.l-main .c-button__text--primary .c-button__text--primary::after {
    background-color: var(--color-palette--text-contrast);
  }
}

div.l-main .c-button__image {
  display: block;
}

div.l-main #division .c-button__text--primary {
  padding-inline: 15px;
}

div.l-main #division .c-button__text--primary::before,
div.l-main #division .c-button__text--primary::after {
  display: none;
}

div.l-main .c-text-definition-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

div.l-main .c-text-definition-list+.c-text,
div.l-main .c-text-definition-list+.c-text-definition-list {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}

div.l-main .c-text-definition-list:has(+ .c-text, + .c-text-definition-list) {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

div.l-main .c-text-definition-list__item {
  line-height: var(--line-height--normal);
}

div.l-main .c-text-definition-list__term,
div.l-main .c-text-definition-list__description {
  display: inline;
}

div.l-main .c-text-definition-list__term::after {
  content: "：";
}

div.l-main .c-body {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

div.l-main .c-body--first {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

div.l-main .c-figure-group {
  display: grid;
  row-gap: var(--gap--small--px);
  block-size: -webkit-fit-content;
  block-size: -moz-fit-content;
  block-size: fit-content;
}

div.l-main .c-figure {
  min-block-size: auto;
}

div.l-main .c-figure .c-image {
  inline-size: 100%;
}

div.l-main .c-figcaption {
  -webkit-margin-before: calc(15px + var(--text-box-trim));
  margin-block-start: calc(15px + var(--text-box-trim));
  font-size: var(--font-size--small--px);
  line-height: var(--line-height--normal);
}

@media screen and (max-width: 768px) {
  div.l-main .c-figcaption {
    font-size: var(--font-size--x-small--px);
  }
}

div.l-main .c-image {
  display: block;
  aspect-ratio: attr(width)/attr(height);
  -o-object-fit: cover;
  object-fit: cover;
}

div.l-main .p-interview-introduction__heading {
  padding-inline: 50px;
}

@media screen and (max-width: 1024px) {
  div.l-main .p-interview-introduction__heading {
    padding-inline: 25px;
  }
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__heading {
    inline-size: 105%;
    margin-inline: -1.75%;
    padding-inline: 0;
  }
}

div.l-main .p-interview-introduction__title-group {
  display: grid;
  row-gap: 25px;
  max-inline-size: 1000px;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__title-group {
    max-inline-size: 360px;
  }
}

div.l-main .p-interview-introduction__title,
div.l-main .p-interview-introduction__subtitle {
  min-block-size: auto;
  margin-block: 0;
}

div.l-main .p-interview-introduction__subtitle {
  position: relative;
  padding-inline: 25px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__subtitle {
    padding-inline: 0 20px;
    -webkit-padding-after: 65%;
    padding-block-end: 65%;
  }
}

div.l-main .p-interview-introduction__subtitle::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: -20%;
  z-index: -5;
  translate: -50% 0;
  inline-size: 195%;
  aspect-ratio: 1900/305;
  background: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/decoration_subtitle_01_pc.png") no-repeat center/contain;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__subtitle::before {
    inset-block-start: 2.5%;
    inline-size: 105%;
    aspect-ratio: 360/435;
    background: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/decoration_subtitle_01_sp.png") no-repeat center/contain;
  }
}

div.l-main .p-interview-introduction__figcaption {
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
  padding-inline: 50px;
  padding-block: 40px;
  background-color: var(--color-palette--quaternary-light);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__figcaption {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    padding-inline: 20px;
    padding-block: 30px;
  }
}

div.l-main .p-interview-introduction__figcaption-title {
  color: var(--color-palette--quaternary);
  font-size: 25px;
}

div.l-main .p-interview-introduction__figcaption-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: var(--gap--medium--px) 7.5%;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-introduction__figcaption-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

div.l-main .p-interview-introduction__figcaption-text-group {
  display: grid;
  position: relative;
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}

div.l-main .p-interview-introduction__figcaption-text-group::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0;
  inline-size: 5px;
  background-color: var(--color-palette--quaternary);
}

div.l-main .p-interview-introduction__figcaption-text {
  min-block-size: auto;
  font-size: 15px;
}

div.l-main .p-interview-introduction__figcaption-text--name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: var(--gap--small--px);
  -moz-column-gap: var(--gap--small--px);
  column-gap: var(--gap--small--px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

div.l-main .p-interview-introduction__figcaption-text em {
  font-style: normal;
  font-size: var(--font-size--xx-large--px);
}

div.l-main .p-interview-message__heading,
div.l-main .p-interview-message__content {
  position: relative;
}

div.l-main .p-interview-message__content {
  z-index: -5;
}

div.l-main .p-interview-message__title {
  display: grid;
  row-gap: var(--gap--xx-small--px);
  justify-items: start;
  font-size: 35px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-message__title {
    font-size: 21px;
  }
}

div.l-main .p-interview-message__title-item {
  display: block;
  padding-inline: 20px 40px;
  background-color: var(--color-palette--tertiary);
  border-start-end-radius: 50px;
  border-end-end-radius: 50px;
  color: var(--color-palette--text-contrast);
  line-height: var(--line-height--normal);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-message__title-item {
    padding-inline: 10px 20px;
    padding-block: 4px;
  }
}

div.l-main .p-interview-message__title-item:first-child {
  border-start-start-radius: 20px;
}

div.l-main .p-interview-message__content {
  --content--margin-block-start: -95px;
  border: 2px solid var(--color-palette--tertiary);
  border-radius: 10px;
  background-color: var(--color-palette--background);
  padding-inline: 50px;
  padding-block: 125px 40px;
}

@media screen and (max-width: 1024px) {
  div.l-main .p-interview-message__content {
    --content--margin-block-start: -160px;
    -webkit-padding-before: 200px;
    padding-block-start: 200px;
  }
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-message__content {
    --content--margin-block-start: -120px;
    padding-inline: 20px;
    -webkit-padding-before: 165px;
    padding-block-start: 165px;
  }
}

div.l-main .p-interview-message__text {
  font-size: var(--font-size--x-large--px);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-message__text {
    font-size: var(--font-size--medium--px);
  }
}

div.l-main .p-interview-main--primary {
  --theme--color: var(--theme--color--primary, inherit);
}

div.l-main .p-interview-main--secondary {
  --theme--color: var(--theme--color--secondary, inherit);
}

div.l-main .p-interview-main--tertiary {
  --theme--color: var(--theme--color--tertiary, inherit);
}

div.l-main .p-interview-main--quaternary {
  --theme--color: var(--theme--color--quaternary, inherit);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__block {
    --grid--row-gap: 50px;
  }
}

div.l-main .p-interview-main__block:not(:first-child) {
  -webkit-margin-before: 60px;
  margin-block-start: 60px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__block:not(:first-child) {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
  }
}

div.l-main .p-interview-main__block .p-interview-main__figure-group:not(:first-child) {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}

div.l-main .p-interview-main__heading,
div.l-main .p-interview-main__faq-list {
  padding-inline: 50px;
}

@media screen and (max-width: 1024px) {

  div.l-main .p-interview-main__heading,
  div.l-main .p-interview-main__faq-list {
    padding-inline: 25px;
  }
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__heading,
  div.l-main .p-interview-main__faq-list {
    padding-inline: 0;
  }
}

div.l-main .p-interview-main__heading {
  /*
  &::first-letter {
  	color: get-element-custom-property( foundation, theme, color );
  	font-size: 1.4em;
  }
  */
}

div.l-main .p-interview-main__heading strong {
  color: var(--theme--color, inherit);
  font-size: 1.4em;
}

div.l-main .p-interview-main__content {
  --content--margin-block-start: 60px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__content {
    --content--margin-block-start: 50px;
  }
}

div.l-main .p-interview-main__faq-list,
div.l-main .p-interview-main__figure {
  min-block-size: auto;
}

div.l-main .p-interview-main__faq-list {
  display: grid;
  row-gap: var(--gap--large--px);
}

div.l-main .p-interview-main__faq-list:not(:first-child) {
  -webkit-margin-before: 60px;
  margin-block-start: 60px;
}

div.l-main .p-interview-main__faq-question,
div.l-main .p-interview-main__faq-answer {
  min-block-size: auto;
}

div.l-main .p-interview-main__faq-question,
div.l-main .p-interview-main__faq-answer-name,
div.l-main .p-interview-main__faq-answer-text {
  font-size: var(--font-size--x-large--px);
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__faq-question,
  div.l-main .p-interview-main__faq-answer-name,
  div.l-main .p-interview-main__faq-answer-text {
    font-size: var(--font-size--medium--px);
  }
}

div.l-main .p-interview-main__faq-question {
  position: relative;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-padding-before: 10px;
  padding-block-start: 10px;
  -webkit-padding-start: 30px;
  padding-inline-start: 30px;
  font-weight: var(--font-weight--bold);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__faq-question {
    -webkit-padding-before: 5px;
    padding-block-start: 5px;
    -webkit-padding-start: 25px;
    padding-inline-start: 25px;
  }
}

div.l-main .p-interview-main__faq-question::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  inline-size: 25px;
  block-size: 25px;
  background-color: var(--theme--color, inherit);
  -webkit-mask: url("../images/icon_bubble.svg") no-repeat center/contain;
  mask: url("../images/icon_bubble.svg") no-repeat center/contain;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__faq-question::before {
    inline-size: 20px;
    block-size: 20px;
  }
}

div.l-main .p-interview-main__faq-answer-list {
  display: grid;
  row-gap: var(--gap--medium--px);
}

div.l-main .p-interview-main__faq-answer-item {
  display: grid;
  row-gap: var(--gap--small--px);
  min-block-size: auto;
}

div.l-main .p-interview-main__faq-answer-name,
div.l-main .p-interview-main__faq-answer-text {
  min-block-size: auto;
}

div.l-main .p-interview-main__faq-answer-name {
  position: relative;
  -webkit-padding-start: 15px;
  padding-inline-start: 15px;
  font-weight: var(--font-weight--bold);
  line-height: var(--line-height--small);
}

div.l-main .p-interview-main__faq-answer-name::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block: 0;
  inline-size: 5px;
  background-color: var(--theme--color, inherit);
}

div.l-main .p-interview-main__button-group {
  --button-group--margin-block-start: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__button-group {
    --button-group--margin-block-start: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__button-group+.p-interview-main__faq-list {
    -webkit-margin-before: 80px;
    margin-block-start: 80px;
  }
}

div.l-main .p-interview-main__button {
  max-inline-size: 450px;
  inline-size: 100%;
}

div.l-main .p-interview-main__button--college-animal,
div.l-main .p-interview-main__button--school-line {
  position: relative;
  -webkit-padding-start: 110px;
  padding-inline-start: 110px;
  padding-block: 10px;
  -webkit-transition: scale var(--duration--short--s);
  transition: scale var(--duration--short--s);
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__button--college-animal,
  div.l-main .p-interview-main__button--school-line {
    -webkit-padding-start: 70px;
    padding-inline-start: 70px;
  }
}

div.l-main .p-interview-main__button--college-animal::before,
div.l-main .p-interview-main__button--school-line::before {
  content: "";
  position: absolute;
  inset-inline-start: 20px;
  inset-block: 0;
  inline-size: 100px;
  aspect-ratio: 140/184;
  margin-block: auto;
  background-size: 70px auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(-5px 5px 5px color-mix(in srgb, var(--color-palette--text) 25%, transparent));
  filter: drop-shadow(-5px 5px 5px color-mix(in srgb, var(--color-palette--text) 25%, transparent));
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__button--college-animal::before,
  div.l-main .p-interview-main__button--school-line::before {
    inset-inline-start: 0;
    inline-size: 80px;
    background-size: 50px auto;
  }
}

@media (any-hover: hover) {

  div.l-main .p-interview-main__button--college-animal:hover,
  div.l-main .p-interview-main__button--school-line:hover {
    scale: 1.1;
  }
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__button--college-animal .p-interview-main__button-text,
  div.l-main .p-interview-main__button--school-line .p-interview-main__button-text {
    font-size: 15px;
  }
}

div.l-main .p-interview-main__button--college-animal::before {
  background-image: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/cover_college-animal.png");
}

div.l-main .p-interview-main__button--college-animal .p-interview-main__button-image {
  inline-size: 100px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__button--college-animal .p-interview-main__button-image {
    inline-size: 80px;
  }
}

div.l-main .p-interview-main__button--school-line::before {
  background-image: url("https://d3t0ae4e2cnggp.cloudfront.net/resource/20251107/cover_school-line.png");
}

div.l-main .p-interview-main__button--school-line .p-interview-main__button-image {
  inline-size: 150px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__button--school-line .p-interview-main__button-image {
    inline-size: 125px;
  }
}

div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text {
  -webkit-padding-end: 40px;
  padding-inline-end: 40px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
  }
}

div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text::before,
div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text::after {
  inline-size: 40px;
  block-size: 40px;
}

@media screen and (max-width: 768px) {

  div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text::before,
  div.l-main .p-interview-main__button--smart-school .p-interview-main__button-text::after {
    inline-size: 30px;
    block-size: 30px;
  }
}

div.l-main .p-interview-main__button-text-small {
  display: block;
  font-size: 0.75em;
}

div.l-main .p-interview-main__figure-group:not(:first-child) {
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group:not(:first-child) {
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
  }
}

div.l-main .p-interview-main__figure-group--primary_02 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group--primary_02 {
    justify-items: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

div.l-main .p-interview-main__figure-group--primary_02 .p-interview-main__figure:first-child {
  -webkit-padding-end: 75px;
  padding-inline-end: 75px;
}

@media screen and (max-width: 1024px) {
  div.l-main .p-interview-main__figure-group--primary_02 .p-interview-main__figure:first-child {
    -webkit-padding-end: 25px;
    padding-inline-end: 25px;
  }
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group--primary_02 .p-interview-main__figure:first-child {
    inline-size: 80%;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
}

div.l-main .p-interview-main__figure-group--secondary_03 {
  --grid--column-gap: var(--gap--x-small--px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group--secondary_03 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

div.l-main .p-interview-main__figure-group--tertiary_02 .p-interview-main__figure {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group--tertiary_02 .p-interview-main__figure {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

div.l-main .p-interview-main__figure-group--tertiary_02 .p-interview-main__figcaption {
  -ms-flex-item-align: end;
  align-self: end;
  -webkit-margin-before: 0;
  margin-block-start: 0;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figure-group--tertiary_02 .p-interview-main__figcaption {
    -webkit-margin-before: calc(15px + var(--text-box-trim));
    margin-block-start: calc(15px + var(--text-box-trim));
  }
}

div.l-main .p-interview-main__figure {
  --grid--column-gap: var(--gap--x-large--px);
}

@media screen and (max-width: 1024px) {
  div.l-main .p-interview-main__figure {
    --grid--column-gap: var(--gap--small--px);
  }
}

div.l-main .p-interview-main__figure--small {
  inline-size: min(550px, 100%);
  margin-inline: auto;
}

div.l-main .p-interview-main__figcaption-button-group {
  max-inline-size: 350px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__figcaption-button-group {
    max-inline-size: 290px;
    margin-inline: auto;
  }
}

div.l-main .p-interview-main__figcaption-button {
  inline-size: 100%;
}

div.l-main .p-interview-main__product-group {
  gap: var(--gap--small--px);
  -webkit-margin-before: 60px;
  margin-block-start: 60px;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__product-group {
    gap: var(--gap--x-small--px);
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
  }
}

div.l-main .p-interview-main__product {
  display: grid;
  grid-template-columns: 110px auto;
  -webkit-column-gap: var(--gap--large--px);
  -moz-column-gap: var(--gap--large--px);
  column-gap: var(--gap--large--px);
  padding: 25px;
  border: 2px solid var(--color-palette--smart-school-main);
  border-radius: 10px;
  background-color: var(--color-palette--smart-school-background);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__product {
    -webkit-column-gap: var(--gap--small--px);
    -moz-column-gap: var(--gap--small--px);
    column-gap: var(--gap--small--px);
    padding: 20px;
  }
}

div.l-main .p-interview-main__product-body,
div.l-main .p-interview-main__product-figure {
  min-block-size: auto;
}

div.l-main .p-interview-main__product-body {
  display: grid;
  grid-template-rows: auto 1fr;
}

div.l-main .p-interview-main__product-heading,
div.l-main .p-interview-main__product-content {
  min-block-size: auto;
}

div.l-main .p-interview-main__product-title {
  color: var(--color-palette--smart-school-main);
  font-weight: var(--font-weight--bold);
  font-size: var(--font-size--xx-large--px);
  line-height: var(--line-height--small);
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__product-title {
    font-size: var(--font-size--large--px);
  }
}

div.l-main .p-interview-main__product-content {
  --content--margin-block-start: 10px;
  display: grid;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-main__product-content {
    --content--margin-block-start: 5px;
  }
}

div.l-main .p-interview-main__product-button-group {
  min-block-end: auto;
}

div.l-main .p-interview-main__product-text-definition-list {
  min-block-size: auto;
}

div.l-main .p-interview-main__product-text-definition-description strong {
  color: var(--color-palette--smart-school-main);
}

div.l-main .p-interview-main__product-button-group {
  -ms-flex-item-align: end;
  align-self: end;
}

div.l-main .p-interview-main__product-button {
  padding-inline: 15px;
  padding-block: 5px;
  border: 2px solid var(--color-palette--smart-school-main);
  border-radius: 100px;
  background-color: var(--color-palette--smart-school-main);
  -webkit-transition: background-color var(--duration--short--s);
  transition: background-color var(--duration--short--s);
}

@media (any-hover: hover) {
  div.l-main .p-interview-main__product-button:hover {
    background-color: var(--color-palette--background);
  }
}

@media (any-hover: hover) {
  div.l-main .p-interview-main__product-button:hover .p-interview-main__product-button-text {
    color: var(--color-palette--smart-school-main);
  }
}

div.l-main .p-interview-main__product-button-text {
  position: relative;
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
  color: var(--color-palette--text-contrast);
  font-weight: var(--font-weight--bold);
  font-size: 15px;
  -webkit-transition: color var(--duration--short--s);
  transition: color var(--duration--short--s);
}

div.l-main .p-interview-main__product-button-text::before {
  content: "";
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  inline-size: 10px;
  block-size: 10px;
  margin-block: auto;
  background-color: currentcolor;
}

@media screen and (max-width: 768px) {
  div.l-main .p-interview-buttons__wrapper {
    --wrapper--padding-block-end: initial;
  }
}

@media (min-width: 768.13px) {
  .u-only--sp:not(.u-only--tb, .u-only--pc) {
    display: none !important;
  }
}

@media (min-width: 1024.13px) {
  .u-only--sp.u-only--tb:not(.u-only--pc) {
    display: none !important;
  }
}

@media (max-width: 768px) and (min-width: 1024.13px) {
  .u-only--sp.u-only--pc:not(.u-only--tb) {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-only--tb:not(.u-only--sp, .u-only--pc) {
    display: none !important;
  }
}

@media (min-width: 1024.13px) {
  .u-only--tb:not(.u-only--sp, .u-only--pc) {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-only--tb.u-only--pc:not(.u-only--sp) {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .u-only--pc:not(.u-only--sp, .u-only--tb) {
    display: none !important;
  }
}

.u-only--sr {
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  position: fixed !important;
  inset-inline-start: 0 !important;
  inset-block-start: 0 !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: clip !important;
  border: 0 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

@media (min-width: 768.13px) {
  .u-only--sp:not(.u-only--tb, .u-only--pc) {
    display: none !important;
  }
}

@media (min-width: 1024.13px) {
  .u-only--sp.u-only--tb:not(.u-only--pc) {
    display: none !important;
  }
}

@media (max-width: 768px) and (min-width: 1024.13px) {
  .u-only--sp.u-only--pc:not(.u-only--tb) {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-only--tb:not(.u-only--sp, .u-only--pc) {
    display: none !important;
  }
}

@media (min-width: 1024.13px) {
  .u-only--tb:not(.u-only--sp, .u-only--pc) {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .u-only--tb.u-only--pc:not(.u-only--sp) {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .u-only--pc:not(.u-only--sp, .u-only--tb) {
    display: none !important;
  }
}

.u-only--sr {
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  position: fixed !important;
  inset-inline-start: 0 !important;
  inset-block-start: 0 !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: clip !important;
  border: 0 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}



/*調整*/

div.l-main h2.c-title.c-title--primary {
  color: #17171a;
}

div.l-main .p-interview-main__faq-answer-list {
  margin-bottom: -40px;
}


dd.p-interview-main__faq-answer-text,
div.l-main .p-interview-introduction__figcaption-text-group>p,
div.l-main .p-interview-introduction__figcaption-text-group>p span,
div.l-main .p-interview-introduction__figcaption-text em,
div.l-main p.c-text:first-child,
div.l-main .c-figcaption,
div.l-main .c-text-definition-list__item dt,
div.l-main .c-text-definition-list__item dd {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

div.l-main .p-interview-main__faq-question,
div.l-main .p-interview-main__product-title,
div.l-main .p-interview-main__product-text-definition-description strong,
div.l-main span.p-interview-main__product-button-text,
div.l-main .p-interview-main__faq-answer-name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

/*SS________EC-CUBE対策リセット*/
#fil {
  margin: 0 auto;
}

main.l-container {
  width: 100%;
}

.c-main {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

#contentInner {
  width: auto;
  padding-bottom: 0;
}

#wide_main_contents {
  width: 100%;
}

.c-breadcrumb {
  width: 1200px;
  margin: auto;
}

@media (max-width: 1230px) {
  main.l-container {
    width: 123rem;
  }
}

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

  .sp {
    display: block;
  }

  .l-container {
    width: 120rem;
  }

  #contentInner {
    width: 1200px;
    padding-bottom: 0;
  }

  #wide_main_contents {
    width: 1200px
  }
}