@charset "UTF-8";
/*
===============
reset-css
===============
*/
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  -webkit-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;
  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 {
  -webkit-box-sizing: content-box;
          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] {
  -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;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

/**
 * 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;
}

/**
 * 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. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  --moz-appearance: textfield;
}

/**
 * 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]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

/*
===============
font-family
===============
*/
/*
===============
base-color
===============
*/
/*
===============
sp-pc display: none;
===============
*/
.sp {
  display: none !important;
}

.pc {
  display: block !important;
}

@media screen and (max-width: 899px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}
/*
===============
Google-Font
===============
*/
.sub_font {
  font-family: "Lato", sans-serif;
}

/*
===============
Base
===============
*/
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 auto;
  color: #585858;
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.hide {
  display: none !important;
}

.nowrap {
  white-space: nowrap;
}

a {
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*
===============
Link-hover
===============
*/
/*
===============
Color-Set
===============
*/
/*
===============
Common-layout
===============
*/
/*
===============
Opening-Animation
===============
*/
/*
===============
Font-Set
===============
*/
.graduate-title {
  line-height: 1;
  text-align: center;
}

.graduate-title--en {
  font-size: 24px;
  font-weight: 400;
  font-family: "Josefin Sans", sans-serif;
}
@media screen and (min-width: 900px) {
  .graduate-title--en {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-title--en {
    font-size: 32px;
  }
}

.graduate-title--ja {
  margin-top: 8px;
  font-size: 14px;
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .graduate-title--ja {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    margin-top: clamp(0.64453125rem, 1.1458333333vw + 0rem, 1.1458333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-title--ja {
    font-size: 16px;
    margin-top: 16.5px;
  }
}

.graduate-title--gradient {
  background: var(--Linear, linear-gradient(134deg, #c370a9 -54.99%, #dba4d4 58.38%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 900px) {
  .graduate-br--sp {
    display: none;
  }
}

.graduate-br--pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-br--pc {
    display: block;
  }
}

/*
===================================
header
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
footer
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-inner {
  padding: 0 clamp(1.0666666667rem, 5.3333333333vw + 0rem, 3rem);
}

.graduate-border--bottom {
  position: absolute;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #CECEF4), color-stop(59.08%, #DBA4D4), color-stop(97.54%, #D3D5F6));
  background: -webkit-linear-gradient(left, #CECEF4 16.56%, #DBA4D4 59.08%, #D3D5F6 97.54%);
  background: linear-gradient(90deg, #CECEF4 16.56%, #DBA4D4 59.08%, #D3D5F6 97.54%);
  mix-blend-mode: multiply;
  width: 100%;
  left: 0;
  height: 2px;
  bottom: 0;
}
@media screen and (min-width: 900px) {
  .graduate-border--bottom {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.area_page_nav {
  height: 32px;
}

.graduate-fv__wrapper {
  padding: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 900px) {
  .graduate-fv__wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.graduate-fv__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .graduate-fv__inner {
    width: min(100%, 1440px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 100%;
  }
}

.graduate-fv__shadow {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-4.341deg);
          transform: translateX(-50%) rotate(-4.341deg);
  z-index: 1; /* オーバーレイを前面に配置 */
  width: 105%;
  background: #f9e8f7;
  mix-blend-mode: multiply;
  height: clamp(11.7333333333rem, 58.6666666667vw + 0rem, 33rem);
  top: clamp(20.9066666667rem, 104.5333333333vw + 0rem, 58.8rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__shadow {
    height: clamp(9.375rem, 16.6666666667vw + 0rem, 16.6666666667vw + 0rem);
    top: auto;
    bottom: -55px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__shadow {
    height: 100%;
    z-index: 0;
    bottom: -80%;
  }
}

.graduate-fv__title-contents {
  position: relative;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  padding-top: clamp(0.7466666667rem, 3.7333333333vw + 0rem, 2.1rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__title-contents {
    padding-top: 0;
    height: clamp(8.984375rem, 15.9722222222vw + 0rem, 15.9722222222vw + 0rem);
    -webkit-transform: rotate(-4.341deg);
            transform: rotate(-4.341deg);
    top: clamp(-0.703125rem, -1.25vw + 0rem, -1.25vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__title-contents {
    height: 230px;
    top: 0;
  }
}

.graduate-fv__lead {
  width: 100%;
  margin-left: -4px;
  font-size: clamp(0.7466666667rem, 3.7333333333vw + 0rem, 2.1rem);
  font-style: normal;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .graduate-fv__lead {
    font-size: clamp(0.859375rem, 1.5277777778vw + 0rem, 1.5277777778vw + 0rem);
    font-weight: 700;
    line-height: 1; /* 100% */
    letter-spacing: 1.1px;
    margin-top: clamp(-0.9375rem, -1.6666666667vw + 0rem, -1.6666666667vw + 0rem);
    margin-left: clamp(-0.078125rem, -0.1388888889vw + 0rem, -0.1388888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__lead {
    font-size: 22px;
    margin-top: -24px;
    margin-left: -2px;
  }
}

.graduate-fv__lead-upper {
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-bottom: clamp(-0.4266666667rem, -2.1333333333vw + 0rem, -1.2rem);
  line-height: 100%;
  padding: clamp(0.2256rem, 1.128vw + 0rem, 0.6345rem) clamp(0.6549333333rem, 3.2746666667vw + 0rem, 1.842rem) clamp(0.2010666667rem, 1.0053333333vw + 0rem, 0.5655rem) clamp(1.3184rem, 6.592vw + 0rem, 3.708rem);
  height: clamp(1.91168rem, 9.5584vw + 0rem, 5.3766rem);
  padding-left: clamp(1.6rem, 8vw + 0rem, 4.5rem);
  padding-bottom: clamp(0.2133333333rem, 1.0666666667vw + 0rem, 0.6rem);
  height: clamp(2.1333333333rem, 10.6666666667vw + 0rem, 6rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__lead-upper {
    width: clamp(18.90625rem, 33.6111111111vw + 0rem, 33.6111111111vw + 0rem);
    height: clamp(2.0703125rem, 3.6805555556vw + 0rem, 3.6805555556vw + 0rem);
    padding: clamp(0.844921875rem, 1.5020833333vw + 0rem, 1.5020833333vw + 0rem) clamp(2.376953125rem, 4.2256944444vw + 0rem, 4.2256944444vw + 0rem) clamp(0.68046875rem, 1.2097222222vw + 0rem, 1.2097222222vw + 0rem) clamp(3.57734375rem, 6.3597222222vw + 0rem, 6.3597222222vw + 0rem);
    white-space: nowrap;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__lead-upper {
    width: 484px;
    height: 53px;
    padding: 23px 60px 17px 91px;
    margin-bottom: -8px;
  }
}

.graduate-fv__lead-lower {
  background: #fff;
  width: 105%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  line-height: 100%;
  padding: clamp(0.3888rem, 1.944vw + 0rem, 1.0935rem) clamp(1.5621333333rem, 7.8106666667vw + 0rem, 4.3935rem) clamp(0.1445333333rem, 0.7226666667vw + 0rem, 0.4065rem) clamp(1.3066666667rem, 6.5333333333vw + 0rem, 3.675rem);
  height: clamp(1.92rem, 9.6vw + 0rem, 5.4rem);
  white-space: nowrap;
  padding-left: clamp(1.44rem, 7.2vw + 0rem, 4.05rem);
  padding-top: clamp(0.32rem, 1.6vw + 0rem, 0.9rem);
  margin-top: clamp(0.16rem, 0.8vw + 0rem, 0.45rem);
  height: clamp(1.9733333333rem, 9.8666666667vw + 0rem, 5.55rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__lead-lower {
    width: clamp(29.6875rem, 52.7777777778vw + 0rem, 52.7777777778vw + 0rem);
    height: clamp(2.1875rem, 3.8888888889vw + 0rem, 3.8888888889vw + 0rem);
    padding: clamp(0.562109375rem, 0.9993055556vw + 0rem, 0.9993055556vw + 0rem) clamp(4.79609375rem, 8.5263888889vw + 0rem, 8.5263888889vw + 0rem) clamp(0.6140625rem, 1.0916666667vw + 0rem, 1.0916666667vw + 0rem) clamp(3.01640625rem, 5.3625vw + 0rem, 5.3625vw + 0rem);
    margin-left: clamp(1.40625rem, 2.5vw + 0rem, 2.5vw + 0rem);
    margin-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__lead-lower {
    width: 760px;
    height: 56px;
    padding: 14px 122px 15px 77px;
    margin-left: 36px;
  }
}

.graduate-fv__title {
  height: clamp(3.0933333333rem, 15.4666666667vw + 0rem, 8.7rem);
  background: var(--Linear, linear-gradient(90deg, #cecef4 -0.33%, #dba4d4 50.19%, #d3d5f6 95.9%));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-size: clamp(1.92rem, 9.6vw + 0rem, 5.4rem);
  font-weight: 700;
  line-height: 88.889%; /* 88.889% */
  width: 103%;
  width: 1578px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  gap: clamp(0.2666666667rem, 1.3333333333vw + 0rem, 0.75rem);
  padding-bottom: clamp(0.16rem, 0.8vw + 0rem, 0.45rem);
  margin-left: clamp(-0.32rem, -1.6vw + 0rem, -0.9rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__title {
    font-size: clamp(4.0234375rem, 7.1527777778vw + 0rem, 7.1527777778vw + 0rem);
    line-height: 1; /* 100% */
    letter-spacing: clamp(0.201171875rem, 0.3576388889vw + 0rem, 0.3576388889vw + 0rem);
    height: clamp(4.921875rem, 8.75vw + 0rem, 8.75vw + 0rem);
    width: 112%;
    padding-bottom: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__title {
    font-size: 103px;
    letter-spacing: 5.15px;
    height: 126px;
    padding-bottom: 13px;
    width: 110vw;
  }
}
.graduate-fv__title span {
  color: #fff;
  font-family: "Zen Kaku Gothic New";
  font-size: clamp(1.0666666667rem, 5.3333333333vw + 0rem, 3rem);
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 100% */
  margin-top: clamp(0.4266666667rem, 2.1333333333vw + 0rem, 1.2rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__title span {
    font-size: clamp(2.96875rem, 5.2777777778vw + 0rem, 5.2777777778vw + 0rem);
    line-height: 0.342; /* 34.211% */
    letter-spacing: clamp(0.1484375rem, 0.2638888889vw + 0rem, 0.2638888889vw + 0rem);
    margin-top: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__title span {
    font-size: 76px;
    letter-spacing: 3.8px;
    margin-top: 10px;
  }
}

.graduate-fv__contents {
  padding: 0 clamp(0.6634666667rem, 3.3173333333vw + 0rem, 1.866rem) 0 clamp(1.28rem, 6.4vw + 0rem, 3.6rem);
  z-index: 1;
  position: relative;
  margin-top: clamp(14.9866666667rem, 74.9333333333vw + 0rem, 42.15rem);
  padding-left: clamp(1.0666666667rem, 5.3333333333vw + 0rem, 3rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.796875rem, 3.1944444444vw + 0rem, 3.1944444444vw + 0rem);
    margin-top: clamp(12.109375rem, 21.5277777778vw + 0rem, 21.5277777778vw + 0rem);
    padding: 0 clamp(1.796875rem, 3.1944444444vw + 0rem, 3.1944444444vw + 0rem) 0 clamp(4.375rem, 7.7777777778vw + 0rem, 7.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__contents {
    gap: 46px;
    margin-top: 310px;
    padding: 0 46px 0 112px;
    position: absolute;
    top: auto;
    bottom: 0;
  }
}

.graduate-fv__message {
  height: clamp(7.5898666667rem, 37.9493333333vw + 0rem, 21.3465rem);
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-fv__message {
    position: relative;
    height: clamp(11.328125rem, 20.1388888889vw + 0rem, 20.1388888889vw + 0rem);
    width: clamp(44.3968rem, 221.984vw + 0rem, 124.866rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__message {
    height: 290px;
    width: 832px;
  }
}

.graduate-fv__message-upper {
  width: clamp(17.8133333333rem, 89.0666666667vw + 0rem, 50.1rem);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 900px) {
  .graduate-fv__message-upper {
    width: 100%;
  }
}

.graduate-fv__message-lower {
  margin-left: clamp(0.16rem, 0.8vw + 0rem, 0.45rem);
  width: clamp(17.4933333333rem, 87.4666666667vw + 0rem, 49.2rem);
  margin-top: clamp(-1.3866666667rem, -6.9333333333vw + 0rem, -3.9rem);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 900px) {
  .graduate-fv__message-lower {
    width: clamp(18.659765625rem, 33.1729166667vw + 0rem, 33.1729166667vw + 0rem);
    position: absolute;
    left: clamp(13.90625rem, 24.7222222222vw + 0rem, 24.7222222222vw + 0rem);
    bottom: clamp(0.8203125rem, 1.4583333333vw + 0rem, 1.4583333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__message-lower {
    width: 477px;
    left: 356px;
    bottom: 21px;
  }
}

.graduate-fv__lists {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: rotate(-4.506deg);
          transform: rotate(-4.506deg);
  gap: clamp(0.3104rem, 1.552vw + 0rem, 0.873rem);
  color: #fff;
  font-size: clamp(0.64rem, 3.2vw + 0rem, 1.8rem);
  font-weight: 700;
  line-height: 1.333; /* 133.333% */
  margin-top: clamp(-0.2133333333rem, -1.0666666667vw + 0rem, -0.6rem);
}
@media screen and (min-width: 900px) {
  .graduate-fv__lists {
    display: block;
    font-size: clamp(1.09375rem, 1.9444444444vw + 0rem, 1.9444444444vw + 0rem);
    line-height: 1.428; /* 142.857% */
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    margin-top: clamp(1.0546875rem, 1.875vw + 0rem, 1.875vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__lists {
    font-size: 28px;
    margin-top: 27px;
  }
}

.graduate-fv__list {
  background: #858CDD;
  width: clamp(5.7696rem, 28.848vw + 0rem, 16.227rem);
  height: clamp(1.84592rem, 9.2296vw + 0rem, 5.19165rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .graduate-fv__list {
    height: clamp(2.429296875rem, 4.31875vw + 0rem, 4.31875vw + 0rem);
    width: clamp(9.941796875rem, 17.6743055556vw + 0rem, 17.6743055556vw + 0rem);
  }
  .graduate-fv__list:nth-child(2) {
    margin-left: clamp(4.440625rem, 7.8944444444vw + 0rem, 7.8944444444vw + 0rem);
    margin-top: clamp(0.234375rem, 0.4166666667vw + 0rem, 0.4166666667vw + 0rem);
  }
  .graduate-fv__list:nth-child(3) {
    margin-left: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
    margin-top: clamp(0.234375rem, 0.4166666667vw + 0rem, 0.4166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-fv__list {
    height: 62px;
    width: 254px;
  }
  .graduate-fv__list:nth-child(2) {
    margin-left: 113px;
    margin-top: 6px;
  }
  .graduate-fv__list:nth-child(3) {
    margin-left: 10px;
    margin-top: 6px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-mission {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1441px) {
  .graduate-mission {
    background: url("../img/graduate/bg_mission.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top -10% center;
  }
}

.graduate-mission__title-wrapper {
  background: url("../img/graduate/bg_mission.svg") no-repeat center center/cover;
  padding-left: clamp(1.2266666667rem, 6.1333333333vw + 0rem, 3.45rem);
  width: clamp(35.8933333333rem, 179.4666666667vw + 0rem, 100.95rem);
  height: clamp(2.9866666667rem, 14.9333333333vw + 0rem, 8.4rem);
}
@media screen and (min-width: 900px) {
  .graduate-mission__title-wrapper {
    width: unset;
    height: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    padding-left: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__title-wrapper {
    height: 120px;
    padding-left: 120px;
    background: unset;
  }
}

.graduate-mission__title {
  -webkit-transform: rotate(-3.443deg);
          transform: rotate(-3.443deg);
  color: #fff;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.8px;
  font-size: clamp(0.8533333333rem, 4.2666666667vw + 0rem, 2.4rem);
  font-family: "Josefin Sans", sans-serif !important;
}
@media screen and (min-width: 900px) {
  .graduate-mission__title {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__title {
    font-size: 32px;
  }
}

.graduate-mission__contents {
  position: relative;
  margin-left: clamp(0.1066666667rem, 0.5333333333vw + 0rem, 0.3rem);
  padding: clamp(0.5333333333rem, 2.6666666667vw + 0rem, 1.5rem) 0 clamp(1.8666666667rem, 9.3333333333vw + 0rem, 5.25rem) clamp(0rem, 0vw + 0rem, 0rem);
  -webkit-clip-path: polygon(0 0, 100% 1.1%, 100% 98.9%, 0% 100%);
          clip-path: polygon(0 0, 100% 1.1%, 100% 98.9%, 0% 100%);
}
@media screen and (min-width: 900px) {
  .graduate-mission__contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: clamp(4.609375rem, 8.1944444444vw + 0rem, 8.1944444444vw + 0rem);
    padding-left: clamp(1.328125rem, 2.3611111111vw + 0rem, 2.3611111111vw + 0rem);
    margin-left: 0;
    padding-top: 0;
    padding-bottom: clamp(1.7578125rem, 3.125vw + 0rem, 3.125vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__contents {
    padding-left: 118px;
    padding-bottom: 45px;
    place-content: center;
  }
}

.graduate-mission__line {
  position: absolute;
  content: "";
  display: block;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  opacity: 0.7;
  width: 1003px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, from(#cfcaf2), color-stop(49%, #dba7d7), to(#d4cef2));
  background: -webkit-linear-gradient(left, #cfcaf2 0%, #dba7d7 49%, #d4cef2 100%);
  background: linear-gradient(to right, #cfcaf2 0%, #dba7d7 49%, #d4cef2 100%);
}
@media screen and (min-width: 900px) {
  .graduate-mission__line {
    position: absolute;
    content: "";
    display: block;
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
    opacity: 0.7;
    width: clamp(39.1796875rem, 69.6527777778vw + 0rem, 69.6527777778vw + 0rem);
    height: clamp(0.1171875rem, 0.2083333333vw + 0rem, 0.2083333333vw + 0rem);
    background: -webkit-gradient(linear, left top, right top, from(#cfcaf2), color-stop(49%, #dba7d7), to(#d4cef2));
    background: -webkit-linear-gradient(left, #cfcaf2 0%, #dba7d7 49%, #d4cef2 100%);
    background: linear-gradient(to right, #cfcaf2 0%, #dba7d7 49%, #d4cef2 100%);
  }
}

.graduate-mission__line01 {
  left: 80vw;
  top: 4vw;
}
@media screen and (min-width: 500px) {
  .graduate-mission__line01 {
    top: 10vw;
  }
}
@media screen and (min-width: 900px) {
  .graduate-mission__line01 {
    left: clamp(51.3671875rem, 91.3194444444vw + 0rem, 91.3194444444vw + 0rem);
    top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}

.graduate-mission__line02 {
  left: 93vw;
  top: -4vw;
}
@media screen and (min-width: 500px) {
  .graduate-mission__line02 {
    top: 1vw;
  }
}
@media screen and (min-width: 900px) {
  .graduate-mission__line02 {
    left: clamp(50.3515625rem, 89.5138888889vw + 0rem, 89.5138888889vw + 0rem);
    top: 25%;
  }
}

.graduate-mission__line03 {
  left: 90vw;
  top: 11vw;
}
@media screen and (min-width: 500px) {
  .graduate-mission__line03 {
    top: 12vw;
  }
}
@media screen and (min-width: 900px) {
  .graduate-mission__line03 {
    left: clamp(53.5546875rem, 95.2083333333vw + 0rem, 95.2083333333vw + 0rem);
    top: 67%;
  }
}

.graduate-mission__line04 {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-mission__line04 {
    display: block;
    right: clamp(53.75rem, 95.5555555556vw + 0rem, 95.5555555556vw + 0rem);
    top: 29%;
    opacity: 0.7;
  }
}

.graduate-mission__line05 {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-mission__line05 {
    display: block;
    right: clamp(48.359375rem, 85.9722222222vw + 0rem, 85.9722222222vw + 0rem);
    top: 62%;
  }
}

.graduate-mission__line06 {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-mission__line06 {
    display: block;
    right: clamp(53.59375rem, 95.2777777778vw + 0rem, 95.2777777778vw + 0rem);
    top: 105%;
  }
}

.graduate-mission__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.graduate-mission__box {
  padding-left: clamp(4.2133333333rem, 21.0666666667vw + 0rem, 11.85rem);
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-mission__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: clamp(11.71875rem, 20.8333333333vw + 0rem, 20.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__box {
    padding-left: 300px;
  }
}

.graduate-mission__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.graduate-mission__img {
  position: absolute;
  left: 0;
  width: clamp(5.3333333333rem, 26.6666666667vw + 0rem, 15rem);
  bottom: clamp(0.3413333333rem, 1.7066666667vw + 0rem, 0.96rem);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: clamp(8.3733333333rem, 41.8666666667vw + 0rem, 23.55rem);
  top: -6%;
}
@media screen and (min-width: 415px) {
  .graduate-mission__img {
    width: clamp(5.0666666667rem, 25.3333333333vw + 0rem, 14.25rem);
    top: -10%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (min-width: 630px) {
  .graduate-mission__img {
    width: clamp(4.8rem, 24vw + 0rem, 13.5rem);
    top: -10%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (min-width: 900px) {
  .graduate-mission__img {
    width: clamp(9.84375rem, 17.5vw + 0rem, 17.5vw + 0rem);
    height: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    top: clamp(1.9140625rem, 3.4027777778vw + 0rem, 3.4027777778vw + 0rem);
    left: clamp(2.6953125rem, 4.7916666667vw + 0rem, 4.7916666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__img {
    width: 252px;
    top: 49px;
    left: 69px;
  }
}

.graduate-mission__lists {
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg);
}
@media screen and (min-width: 900px) {
  .graduate-mission__lists {
    width: clamp(39.1796875rem, 69.6527777778vw + 0rem, 69.6527777778vw + 0rem);
    margin-left: clamp(-0.78125rem, -1.3888888889vw + 0rem, -1.3888888889vw + 0rem);
    margin-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__lists {
    width: 1003px;
    margin-left: -20px;
  }
}

.graduate-mission__list {
  position: relative;
}
.graduate-mission__list::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: clamp(17.44rem, 87.2vw + 0rem, 49.05rem);
  height: 2px; /* 下線の太さ */
  background: var(--gradient, linear-gradient(87deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%));
  mix-blend-mode: multiply;
  pointer-events: none; /* 下線がクリックなどのイベントをブロックしないようにする */
  z-index: -1;
}
@media screen and (min-width: 900px) {
  .graduate-mission__list::after {
    width: clamp(39.1796875rem, 69.6527777778vw + 0rem, 69.6527777778vw + 0rem);
    height: 3px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__list::after {
    width: 1003px;
  }
}
.graduate-mission__list:first-child {
  padding-bottom: clamp(0.4266666667rem, 2.1333333333vw + 0rem, 1.2rem);
}
@media screen and (min-width: 900px) {
  .graduate-mission__list:first-child {
    padding-bottom: 0;
  }
}
.graduate-mission__list:not(:first-child) {
  padding-bottom: clamp(0.4544rem, 2.272vw + 0rem, 1.278rem);
  margin-top: clamp(1.28rem, 6.4vw + 0rem, 3.6rem);
  margin-left: clamp(1.5466666667rem, 7.7333333333vw + 0rem, 4.35rem);
  padding-left: clamp(0.1066666667rem, 0.5333333333vw + 0rem, 0.3rem);
}
@media screen and (min-width: 900px) {
  .graduate-mission__list:not(:first-child) {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__list:not(:first-child) {
    margin-top: 24px;
    margin-left: 29px;
    padding-left: 2px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-mission__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 0;
  }
  .graduate-mission__list:first-child {
    gap: clamp(2.265625rem, 4.0277777778vw + 0rem, 4.0277777778vw + 0rem);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .graduate-mission__list:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: clamp(3.3203125rem, 5.9027777778vw + 0rem, 5.9027777778vw + 0rem);
    margin-left: 0;
    margin-top: clamp(3.7109375rem, 6.5972222222vw + 0rem, 6.5972222222vw + 0rem);
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-mission__list:first-child {
    gap: 58px;
  }
  .graduate-mission__list:nth-child(2) {
    gap: 85px;
    margin-top: 95px;
  }
}

.mission__en {
  font-family: "Josefin Sans", sans-serif;
  display: inline-block;
  background-image: -webkit-linear-gradient(3deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%);
  background-image: linear-gradient(87deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: clamp(1.0666666667rem, 5.3333333333vw + 0rem, 3rem);
  font-weight: 600;
  line-height: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  .mission__en {
    font-size: clamp(3.75rem, 6.6666666667vw + 0rem, 6.6666666667vw + 0rem);
    bottom: clamp(-0.8984375rem, -1.5972222222vw + 0rem, -1.5972222222vw + 0rem);
    position: relative;
  }
}
@media screen and (min-width: 1441px) {
  .mission__en {
    font-size: 96px;
    bottom: -23px;
  }
}

.mission__en span {
  display: inline-block;
  opacity: 0; /* 初期状態で透明 */
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px); /* 左から始まる位置 */
  background-image: inherit; /* 親要素のグラデーションを継承 */
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent; /* 背景のグラデーションを文字に適用 */
}

.mission__en.visible span {
  -webkit-animation: slideIn 0.5s forwards;
          animation: slideIn 0.5s forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

/* 各文字に遅延を設定 */
.mission__en.visible span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.mission__en.visible span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.mission__en.visible span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.mission__en.visible span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.mission__en.visible span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.mission__en.visible span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.mission__en.visible span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

/* フェードイン＋スライドインアニメーションの定義 */
@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); /* 左からスライドイン */
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); /* 元の位置 */
  }
}
@keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); /* 左からスライドイン */
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); /* 元の位置 */
  }
}
.mission__ja {
  padding-left: clamp(2.88rem, 14.4vw + 0rem, 8.1rem);
  font-weight: 500;
  margin-top: clamp(0.0533333333rem, 0.2666666667vw + 0rem, 0.15rem);
}
@media screen and (min-width: 900px) {
  .mission__ja {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
    padding-left: 0;
  }
}
@media screen and (min-width: 1441px) {
  .mission__ja {
    font-size: 32px;
    margin-top: 1px;
  }
}

.graduate-mission__line-right {
  position: absolute;
  right: 0;
  top: clamp(3.2rem, 16vw + 0rem, 9rem);
  height: 1px;
  background: var(--gradient, linear-gradient(87deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%));
  opacity: 0.3;
  mix-blend-mode: multiply;
  width: clamp(5.3333333333rem, 26.6666666667vw + 0rem, 15rem);
  -webkit-transform: rotate(-4.341deg);
          transform: rotate(-4.341deg);
}
@media screen and (min-width: 1441px) {
  .graduate-mission__line-right {
    top: 60px;
    width: 100px;
  }
}

.graduate-mission__line--right01 {
  top: 50px;
  width: 100px;
}

.graduate-mission__line--right02 {
  top: clamp(4.2666666667rem, 21.3333333333vw + 0rem, 12rem);
  width: clamp(1.6rem, 8vw + 0rem, 4.5rem);
}
@media screen and (min-width: 1441px) {
  .graduate-mission__line--right02 {
    top: 80px;
    width: 30px;
  }
}

.graduate-mission__line--right03 {
  top: clamp(6.9333333333rem, 34.6666666667vw + 0rem, 19.5rem);
  width: clamp(3.7333333333rem, 18.6666666667vw + 0rem, 10.5rem);
}
@media screen and (min-width: 1441px) {
  .graduate-mission__line--right03 {
    top: 130px;
    width: 70px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-worries {
  color: #585858;
  margin-top: -8px;
  overflow: hidden;
  position: relative;
}

.graduate-worries__inner {
  position: relative;
  padding: 64px 9px 53px 10px;
}
@media screen and (min-width: 900px) {
  .graduate-worries__inner {
    padding-top: 141px;
    padding-bottom: 175px;
  }
}
.graduate-worries__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(100% 0, 100% 93%, 50% 100%, 0 93%, 0 7.58vw);
          clip-path: polygon(100% 0, 100% 93%, 50% 100%, 0 93%, 0 7.58vw);
  z-index: -1;
  background: rgba(217, 217, 217, 0.3);
  mix-blend-mode: multiply;
  -webkit-box-shadow: 0 -2px 0 0 #000;
          box-shadow: 0 -2px 0 0 #000;
}
@media screen and (min-width: 900px) {
  .graduate-worries__inner::before {
    -webkit-clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 7.58vw);
            clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 7.58vw);
  }
}
.graduate-worries__inner::after {
  content: "";
  position: absolute;
  top: 3.5vw;
  left: 0;
  width: 110%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg); /* 斜めの角度を調整 */
}
@media screen and (min-width: 900px) {
  .graduate-worries__inner::after {
    -webkit-transform: rotate(-4.34deg);
            transform: rotate(-4.34deg);
    height: 8px;
  }
}

.graduate-worries__title {
  text-align: center;
  font-weight: 700;
  line-height: 1.875;
}
@media screen and (min-width: 900px) {
  .graduate-worries__title {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-worries__title {
    font-size: 32px;
  }
}

.graduate-worries__lists {
  display: grid;
  grid-template-rows: repeat(2, 1fr); /* 2行 */
  grid-template-columns: 1fr 1fr; /* 2列 */
  width: 356px;
  margin: 16px auto 0;
}
@media screen and (min-width: 900px) {
  .graduate-worries__lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: unset;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: clamp(1.6015625rem, 2.8472222222vw + 0rem, 2.8472222222vw + 0rem);
    gap: clamp(1.09375rem, 1.9444444444vw + 0rem, 1.9444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-worries__lists {
    margin-top: 41px;
    gap: 28px;
  }
}

.graduate-worries__list {
  background: url("../img/graduate/graduate-worries_fukidashi.svg") no-repeat center center/cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4285; /* 142.857% */
  width: 178px;
  height: 127px;
}
@media screen and (min-width: 900px) {
  .graduate-worries__list {
    width: clamp(14.2187109375rem, 25.2777083333vw + 0rem, 25.2777083333vw + 0rem);
    height: clamp(9.9609375rem, 17.7083333333vw + 0rem, 17.7083333333vw + 0rem);
    font-size: clamp(0.703125rem, 1.25vw + 0rem, 1.25vw + 0rem);
    line-height: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-worries__list {
    width: 363px;
    height: 255px;
    font-size: 18px;
    line-height: 32px;
  }
}
.graduate-worries__list:first-child {
  grid-row: 1/2; /* 1行目に配置 */
  grid-column: 1/3; /* 左右中央に配置するために、1列目から2列目にまたがる */
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .graduate-worries__list:first-child {
    margin: unset;
  }
}
.graduate-worries__list:nth-child(2) {
  grid-row: 2/3; /* 2行目に配置 */
  grid-column: 1/2; /* 1列目に配置 */
  margin-top: -10px;
}
.graduate-worries__list:nth-child(3) {
  grid-row: 2/3; /* 2行目に配置 */
  grid-column: 2/3; /* 2列目に配置 */
  margin-top: -10px;
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-solution {
  text-align: center;
  padding: 55px 16px 76px;
}
@media screen and (min-width: 900px) {
  .graduate-solution {
    padding: clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution {
    padding: 50px 120px 120px;
  }
}

.graduate-solution__inner {
  padding-top: 41px;
  position: relative;
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-solution__inner {
    padding-top: clamp(1.796875rem, 3.1944444444vw + 0rem, 3.1944444444vw + 0rem);
    width: min(100%, 1200px);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__inner {
    padding-top: 46px;
    width: min(100%, 1200px);
    margin-inline: auto;
  }
}

.graduate-solution__contents {
  border: 1px solid var(--Linear, #cecef4);
  position: relative;
  padding: 64px 8px 24px;
}
@media screen and (min-width: 900px) {
  .graduate-solution__contents {
    padding: clamp(4.95546875rem, 8.8097222222vw + 0rem, 8.8097222222vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(3.13046875rem, 5.5652777778vw + 0rem, 5.5652777778vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    border: 3px solid var(--Linear, #cecef4);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__contents {
    padding: 126px 120px 80px 120px;
  }
}

.graduate-solution__title {
  color: #fff;
  font-weight: 700;
  line-height: 1.875; /* 187.5% */
  letter-spacing: 0.8px;
  background: -webkit-gradient(linear, left top, right top, color-stop(-69.98%, #cecef4), color-stop(98.07%, #dba4d4), color-stop(111.81%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 -69.98%, #dba4d4 98.07%, #d3d5f6 111.81%);
  background: linear-gradient(90deg, #cecef4 -69.98%, #dba4d4 98.07%, #d3d5f6 111.81%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 298px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  top: 0;
  height: 81px;
  font-size: 16px;
  line-height: 1.875; /* 187.5% */
  letter-spacing: 0.8px;
}
@media screen and (min-width: 900px) {
  .graduate-solution__title {
    width: clamp(42.96875rem, 76.3888888889vw + 0rem, 76.3888888889vw + 0rem);
    height: clamp(3.6328125rem, 6.4583333333vw + 0rem, 6.4583333333vw + 0rem);
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
    font-style: normal;
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__title {
    width: 1100px;
    height: 93px;
    font-size: 32px;
  }
}

.graduate-solution__text {
  font-weight: 500;
}

.graduate-solution__description {
  font-size: 14px;
  line-height: 2.142; /* 214.286% */
}
.graduate-solution__description:not(:first-child) {
  margin-top: clamp(1.1733333333rem, 5.8666666667vw + 0rem, 3.3rem);
}
@media screen and (min-width: 900px) {
  .graduate-solution__description:not(:first-child) {
    margin-top: clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__description:not(:first-child) {
    margin-top: 50px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-solution__description {
    font-size: clamp(1.015625rem, 1.8055555556vw + 0rem, 1.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__description {
    font-size: 26px;
  }
}

.graduate-solution__accent {
  color: #858CDD;
  text-align: center;
  font-size: 18px;
  line-height: 1.666; /* 166.667% */
}
@media screen and (min-width: 900px) {
  .graduate-solution__accent {
    font-size: clamp(1.09375rem, 1.9444444444vw + 0rem, 1.9444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__accent {
    font-size: 28px;
  }
}

.graduate-solution__img {
  width: 68px;
  position: absolute;
  right: -15px;
  bottom: -38.79px;
}
@media screen and (min-width: 900px) {
  .graduate-solution__img {
    width: clamp(6.09375rem, 10.8333333333vw + 0rem, 10.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-solution__img {
    width: 156px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-work {
  overflow: hidden;
  background: rgba(249, 232, 247, 0.52);
  -webkit-clip-path: polygon(0 0, 100% 7.58vw, 100% calc(100% - 7.58vw), 0% 100%);
          clip-path: polygon(0 0, 100% 7.58vw, 100% calc(100% - 7.58vw), 0% 100%);
  padding: 64px 24px 52px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-work {
    padding: clamp(8.0078125rem, 14.2361111111vw + 0rem, 14.2361111111vw + 0rem) clamp(7.6171875rem, 13.5416666667vw + 0rem, 13.5416666667vw + 0rem) clamp(7.421875rem, 13.1944444444vw + 0rem, 13.1944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work {
    background: rgba(249, 232, 247, 0.52);
    padding: 205px 195px 190px;
  }
}

.graduate-work__inner {
  position: relative;
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-work__inner {
    width: min(100%, 1440px);
    margin-inline: auto;
    background: unset;
  }
}

.graduate-work__border--top {
  position: absolute;
  -webkit-transform: rotate(4.34deg);
          transform: rotate(4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 120%;
  left: -23px;
  height: 2px;
  top: 4.3vw;
}
@media screen and (min-width: 900px) {
  .graduate-work__border--top {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    top: clamp(2.5rem, 4.4444444444vw + 0rem, 4.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__border--top {
    height: 8px;
    top: 4.5vw;
  }
}

.graduate-work__border--bottom {
  position: absolute;
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 120%;
  left: -23px;
  bottom: 4.3vw;
  height: 2px;
}
@media screen and (min-width: 900px) {
  .graduate-work__border--bottom {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    bottom: clamp(2.5rem, 4.4444444444vw + 0rem, 4.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__border--bottom {
    height: 8px;
    bottom: 4.5vw;
  }
}

.graduate-work__title {
  color: #c370a9;
}

.graduate-work__contents {
  margin-top: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-work__contents {
    margin-top: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__contents {
    margin-top: 80px;
  }
}

.graduate-work__lists:not(:first-child) {
  margin-top: 30px;
}
@media screen and (min-width: 900px) {
  .graduate-work__lists:not(:first-child) {
    margin-top: clamp(-0.8203125rem, -1.4583333333vw + 0rem, -1.4583333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__lists:not(:first-child) {
    margin-top: -21px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(3.1640625rem, 5.625vw + 0rem, 5.625vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__lists {
    gap: 81px;
    place-content: center;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list:first-child .graduate-work__list-upper {
    gap: clamp(1.09375rem, 1.9444444444vw + 0rem, 1.9444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list:first-child .graduate-work__list-upper {
    gap: 28px;
  }
}
.graduate-work__list:not(:first-child) {
  margin-top: 30px;
}
.graduate-work__list:not(:first-child) .graduate-work__list-upper {
  margin-top: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
}
@media screen and (min-width: 900px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-upper {
    gap: clamp(1.40625rem, 2.5vw + 0rem, 2.5vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-upper {
    gap: 36px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-column {
    padding-right: 0;
    padding-left: clamp(2.4609375rem, 4.375vw + 0rem, 4.375vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-column {
    padding-left: 63px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list02 {
    margin-top: clamp(6.5234375rem, 11.5972222222vw + 0rem, 11.5972222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list02 {
    margin-top: 167px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list02 .graduate-work__heading {
    left: unset;
    right: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list02 .graduate-work__heading {
    right: 15px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list02 .graduate-work__list-upper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list04 {
    margin-top: clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list04 {
    margin-top: 136px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list04 .graduate-work__heading {
    left: unset;
    right: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list04 .graduate-work__heading {
    right: 15px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list04 .graduate-work__list-upper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list06 {
    margin-top: clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list06 {
    margin-top: 136px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list06 .graduate-work__heading {
    left: unset;
    right: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list06 .graduate-work__heading {
    right: 15px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-work__list06 .graduate-work__list-upper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.graduate-work__list-upper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-upper {
    gap: 19px;
  }
}

.graduate-work__heading-wrapper {
  margin-top: 5px;
}
@media screen and (min-width: 900px) {
  .graduate-work__heading-wrapper {
    margin-top: clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__heading-wrapper {
    margin-top: 35px;
  }
}

.graduate-work__heading-num {
  width: 78px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-work__heading-num {
    width: clamp(3.515625rem, 6.25vw + 0rem, 6.25vw + 0rem);
    height: clamp(3.515625rem, 6.25vw + 0rem, 6.25vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__heading-num {
    width: 90px;
    height: 90px;
  }
}

.graduate-work__heading {
  position: absolute;
  color: #c370a9;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.142; /* 114.286% */
  background: #fff;
  border: 1px solid transparent;
  -webkit-border-image: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(#dba4d4), to(#d3d5f6)) 1;
  -webkit-border-image: -webkit-linear-gradient(left, #cecef4, #dba4d4, #d3d5f6) 1;
       -o-border-image: linear-gradient(to right, #cecef4, #dba4d4, #d3d5f6) 1;
          border-image: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(#dba4d4), to(#d3d5f6)) 1;
          border-image: linear-gradient(to right, #cecef4, #dba4d4, #d3d5f6) 1;
  width: 187px;
  height: 39px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  left: 0;
  bottom: -34px;
  top: 75px;
}
@media screen and (min-width: 900px) {
  .graduate-work__heading {
    width: clamp(9.6875rem, 17.2222222222vw + 0rem, 17.2222222222vw + 0rem);
    height: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    line-height: 0.8; /* 80% */
    top: clamp(3.2421875rem, 5.7638888889vw + 0rem, 5.7638888889vw + 0rem);
    left: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__heading {
    width: 248px;
    height: 48px;
    font-size: 20px;
    top: 83px;
    left: 10px;
  }
}

.graduate-work__list-bg {
  position: relative;
}
.graduate-work__list-bg::before {
  position: absolute;
  content: "";
  width: 101.3%;
  height: 125%;
  background: #f9e8f7;
  top: 9px;
  right: 7px;
  z-index: -1;
}
@media screen and (min-width: 900px) {
  .graduate-work__list-bg {
    width: clamp(14.140625rem, 25.1388888889vw + 0rem, 25.1388888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-bg {
    width: 362px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-bg::before {
    top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    left: clamp(0.4296875rem, 0.7638888889vw + 0rem, 0.7638888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list:not(:first-child) .graduate-work__list-bg::before {
    top: 16px;
    left: 11px;
  }
}

.graduate-work__list-lower {
  margin-top: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-work__list-lower {
    margin-top: clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-lower {
    margin-top: 17px;
  }
}

.graduate-work__list-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 36px;
  gap: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-work__list-column {
    gap: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding-right: clamp(2.265625rem, 4.0277777778vw + 0rem, 4.0277777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-column {
    gap: 16px;
    padding-right: 58px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-work__list-img {
    width: clamp(7.9296875rem, 14.0972222222vw + 0rem, 14.0972222222vw + 0rem);
    height: clamp(6.0546875rem, 10.7638888889vw + 0rem, 10.7638888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-img {
    width: 203px;
    height: 155px;
  }
}

.graduate-work__list-text {
  margin-top: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-work__list-text {
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-text {
    margin-top: 16px;
  }
}

.graduate-work__list-description {
  text-align: justify;
  font-size: 14px;
  line-height: 1.857; /* 185.714% */
}
@media screen and (min-width: 900px) {
  .graduate-work__list-description {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    width: clamp(16.484375rem, 29.3055555556vw + 0rem, 29.3055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-work__list-description {
    font-size: 16px;
    width: 422px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-schedule {
  padding: 50px 24px 47px;
}
@media screen and (min-width: 900px) {
  .graduate-schedule {
    padding: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(3.528125rem, 6.2722222222vw + 0rem, 6.2722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-schedule {
    padding: 80px 120px 90px;
  }
}

.graduate-schedule__title {
  background: -webkit-linear-gradient(1deg, #cecef4 -42.16%, #dba4d4 59.54%, #d3d5f6 151.56%);
  background: linear-gradient(89deg, #cecef4 -42.16%, #dba4d4 59.54%, #d3d5f6 151.56%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.graduate-schedule__contents {
  margin-top: 49px;
  gap: 9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .graduate-schedule__contents {
    gap: clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-schedule__contents {
    gap: 35px;
  }
}

.graduate-list {
  font-size: 14px;
  line-height: 1;
  border: 2px solid #c370a9;
  font-weight: 700;
  letter-spacing: 0.7px;
}
.graduate-list:not(:first-child) {
  margin-top: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-list:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .graduate-list {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    letter-spacing: 0.8px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list {
    font-size: 16px;
  }
}

.graduate-schedule-lists--left {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-schedule-lists--left {
    display: block;
    padding-top: 0;
  }
}

.graduate-schedule-list--left:nth-child(2) {
  background: url("../img/graduate/graduate-schedule_img02.jpg") no-repeat center center/cover;
}
.graduate-schedule-list--left:nth-child(3) {
  margin-top: 100px;
}
@media screen and (min-width: 1441px) {
  .graduate-schedule-list--left:nth-child(3) {
    margin-top: 100px;
  }
}
.graduate-schedule-list--left:nth-child(4) {
  background: url("../img/graduate/graduate-schedule_img04.jpg") no-repeat center center/cover;
}
.graduate-schedule-list--left:nth-child(even) {
  margin-top: 140px;
}
@media screen and (min-width: 1441px) {
  .graduate-schedule-list--left:nth-child(even) {
    margin-top: 140px;
  }
}

.graduate-schedule__timeline {
  width: 109px;
}
@media screen and (min-width: 900px) {
  .graduate-schedule__timeline {
    width: clamp(10.234375rem, 18.1944444444vw + 0rem, 18.1944444444vw + 0rem);
    height: clamp(39.921875rem, 70.9722222222vw + 0rem, 70.9722222222vw + 0rem);
  }
  .graduate-schedule__timeline img {
    height: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-schedule__timeline {
    width: 262px;
    height: 1022px;
  }
}

.graduate-schedule-lists--right {
  margin-top: 7px;
}
@media screen and (min-width: 900px) {
  .graduate-schedule-lists--right {
    margin-top: 0;
    padding-top: clamp(4.0625rem, 7.2222222222vw + 0rem, 7.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-schedule-lists--right {
    padding-top: 104px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-schedule-list--right:nth-child(odd) {
    display: none;
  }
  .graduate-schedule-list--right:nth-child(4) {
    margin-top: clamp(5.78125rem, 10.2777777778vw + 0rem, 10.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-schedule-list--right:nth-child(4) {
    margin-top: 148px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-schedule-list--right:nth-child(6) {
    margin-top: clamp(3.828125rem, 6.8055555556vw + 0rem, 6.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-schedule-list--right:nth-child(6) {
    margin-top: 98px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-schedule-list--right:nth-child(8) {
    margin-top: clamp(6.171875rem, 10.9722222222vw + 0rem, 10.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-schedule-list--right:nth-child(8) {
    margin-top: 158px;
  }
}

.graduate-list--white {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #c370a9;
  font-weight: 500;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  width: 209px;
  height: 48px;
  padding-left: 30px;
  border: 2px solid #c370a9;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-list--white {
    width: clamp(16.796875rem, 29.8611111111vw + 0rem, 29.8611111111vw + 0rem);
    height: clamp(3.6328125rem, 6.4583333333vw + 0rem, 6.4583333333vw + 0rem);
    gap: unset;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list--white {
    width: 430px;
    height: 93px;
  }
}

.graduate-list--pic {
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .graduate-list--pic {
    width: clamp(16.796875rem, 29.8611111111vw + 0rem, 29.8611111111vw + 0rem);
    height: clamp(5.6640625rem, 10.0694444444vw + 0rem, 10.0694444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list--pic {
    width: 430px;
    height: 145px;
  }
}
.graduate-list--pic h3 {
  font-family: "Inter", sans-serif;
}

.graduate-list__img svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .graduate-list__img {
    position: absolute;
  }
}

.graduate-list__img-clean {
  width: 33px;
  height: 32px;
}
@media screen and (min-width: 900px) {
  .graduate-list__img-clean {
    width: clamp(2.5390625rem, 4.5138888889vw + 0rem, 4.5138888889vw + 0rem);
    height: clamp(2.5rem, 4.4444444444vw + 0rem, 4.4444444444vw + 0rem);
    left: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    bottom: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list__img-clean {
    width: 65px;
    height: 64px;
    left: 24px;
    bottom: 13px;
  }
}

.graduate-list__img-blog {
  width: 25px;
  height: 33px;
}
@media screen and (min-width: 900px) {
  .graduate-list__img-blog {
    width: clamp(2.0703125rem, 3.6805555556vw + 0rem, 3.6805555556vw + 0rem);
    height: clamp(2.7734375rem, 4.9305555556vw + 0rem, 4.9305555556vw + 0rem);
    left: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    bottom: clamp(0.2734375rem, 0.4861111111vw + 0rem, 0.4861111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list__img-blog {
    width: 53px;
    height: 71px;
    left: 24px;
    bottom: 7px;
  }
}

.graduate-list__img-cup {
  width: 33px;
  height: 33px;
}
@media screen and (min-width: 900px) {
  .graduate-list__img-cup {
    width: clamp(2.6171875rem, 4.6527777778vw + 0rem, 4.6527777778vw + 0rem);
    height: clamp(2.6171875rem, 4.6527777778vw + 0rem, 4.6527777778vw + 0rem);
    right: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem);
    bottom: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list__img-cup {
    width: 67px;
    height: 67px;
    right: 15px;
    bottom: 13px;
  }
}

.graduate-list02 {
  background: url("../img/graduate/graduate-schedule_img01.jpg") no-repeat center center/cover;
  width: 209px;
  height: 70px;
  margin-top: 15px;
}
@media screen and (min-width: 900px) {
  .graduate-list02 {
    width: clamp(16.796875rem, 29.8611111111vw + 0rem, 29.8611111111vw + 0rem);
    height: clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list02 {
    width: 430px;
    height: 136px;
    margin-top: 15px;
  }
}

.graduate-list03 {
  background: url("../img/graduate/graduate-schedule_img02.jpg") no-repeat center center/cover;
  width: 209px;
  height: 90px;
  margin-top: 16px;
}
@media screen and (min-width: 1441px) {
  .graduate-list03 {
    width: 209px;
    height: 90px;
    margin-top: 16px;
  }
}

.graduate-list05 {
  gap: 32px;
}
@media screen and (min-width: 1441px) {
  .graduate-list05 {
    gap: 32px;
  }
}

.graduate-list06 {
  background: url("../img/graduate/graduate-schedule_img03.jpg") no-repeat center center/cover;
  width: 209px;
  height: 76px;
}
@media screen and (min-width: 900px) {
  .graduate-list06 {
    width: clamp(16.796875rem, 29.8611111111vw + 0rem, 29.8611111111vw + 0rem);
    height: clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
    margin-top: clamp(3.828125rem, 6.8055555556vw + 0rem, 6.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list06 {
    width: 430px;
    height: 136px;
    margin-top: 98px;
  }
}

.graduate-list07 {
  background: url("../img/graduate/graduate-schedule_img04.jpg") no-repeat center center/cover;
  width: 209px;
  height: 83.11px;
}
@media screen and (min-width: 1441px) {
  .graduate-list07 {
    width: 209px;
    height: 83px;
  }
}

.graduate-list08 {
  background: url("../img/graduate/graduate-schedule_img05.jpg") no-repeat center center/cover;
  width: 209px;
  height: 72px;
}
@media screen and (min-width: 900px) {
  .graduate-list08 {
    width: clamp(16.796875rem, 29.8611111111vw + 0rem, 29.8611111111vw + 0rem);
    height: clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
    margin-top: clamp(6.171875rem, 10.9722222222vw + 0rem, 10.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-list08 {
    width: 430px;
    height: 136px;
    margin-top: 158px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-interview {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
  background: #f0f0ff;
  -webkit-clip-path: polygon(0 7.58vw, 100% 0, 100% 100%, 0 calc(100% - 7.58vw));
          clip-path: polygon(0 7.58vw, 100% 0, 100% 100%, 0 calc(100% - 7.58vw));
}

.graduate-interview__inner {
  position: relative;
  padding-top: 80px;
  padding-bottom: 33px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__inner {
    padding-top: clamp(7.444140625rem, 13.2340277778vw + 0rem, 13.2340277778vw + 0rem);
    padding-right: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    padding-left: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    padding-bottom: clamp(7.8125rem, 13.8888888889vw + 0rem, 13.8888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__inner {
    padding-top: 190px;
    padding-right: 120px;
    padding-left: 120px;
    padding-bottom: 200px;
    width: min(100%, 1440px);
    margin-inline: auto;
    background: unset;
  }
}

.graduate-interview__border--top {
  position: absolute;
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 105%;
  height: 2px;
  top: -0.2vw;
  -webkit-transform: rotate(-4.34deg) translateX(-50%);
          transform: rotate(-4.34deg) translateX(-50%);
  left: 50%;
}
@media screen and (min-width: 900px) {
  .graduate-interview__border--top {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    top: clamp(-0.3125rem, -0.5555555556vw + 0rem, -0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__border--top {
    height: 8px;
    top: -0.2vw;
  }
}

.graduate-interview__border--bottom {
  position: absolute;
  -webkit-transform: rotate(4.34deg);
          transform: rotate(4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 120%;
  left: -23px;
  height: 2px;
  bottom: 3.3vw;
}
@media screen and (min-width: 900px) {
  .graduate-interview__border--bottom {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    bottom: clamp(1.796875rem, 3.1944444444vw + 0rem, 3.1944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__border--bottom {
    height: 8px;
    bottom: 3.2vw;
  }
}

.graduate-interview__title {
  color: #858CDD;
}

.graduate-interview__lists {
  margin-top: 45px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__lists {
    margin-top: clamp(3.1640625rem, 5.625vw + 0rem, 5.625vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__lists {
    margin-top: 81px;
  }
}

.graduate-interview__list {
  position: relative;
  padding: 0 57px 45px 62px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__list {
    padding-bottom: clamp(4.0625rem, 7.2222222222vw + 0rem, 7.2222222222vw + 0rem);
    padding-right: 0;
    padding-left: 0;
    margin-top: clamp(2.021484375rem, 3.59375vw + 0rem, 3.59375vw + 0rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .graduate-interview__list:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .graduate-interview__list:nth-child(2)::after {
    left: 0;
    bottom: clamp(0.1953125rem, 0.3472222222vw + 0rem, 0.3472222222vw + 0rem);
  }
  .graduate-interview__list:nth-child(2) .graduate-interview__movie:after {
    left: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
    bottom: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__list {
    padding-bottom: 104px;
    margin-top: 51px;
  }
  .graduate-interview__list:nth-child(2)::after {
    bottom: 5px;
  }
  .graduate-interview__list:nth-child(2) .graduate-interview__movie::after {
    left: 13px;
    bottom: 14px;
  }
}
.graduate-interview__list::after {
  position: absolute;
  content: "";
  background: #858cdd;
  width: 100%;
  height: 295px;
  bottom: 0;
  z-index: -1;
  left: 0;
  opacity: 0.1;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
          clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}
@media screen and (min-width: 900px) {
  .graduate-interview__list::after {
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
            clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
    width: clamp(26.953125rem, 47.9166666667vw + 0rem, 47.9166666667vw + 0rem);
    height: clamp(17.3046875rem, 30.7638888889vw + 0rem, 30.7638888889vw + 0rem);
    left: unset;
    right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__list::after {
    width: 690px;
    height: 443px;
  }
}
.graduate-interview__list::before {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-interview__list::before {
    display: block;
    position: absolute;
    content: "";
    background: #fff;
    width: clamp(39.140625rem, 69.5833333333vw + 0rem, 69.5833333333vw + 0rem);
    height: clamp(0.1171875rem, 0.2083333333vw + 0rem, 0.2083333333vw + 0rem);
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
    right: 40%;
    bottom: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__list::before {
    width: 1002px;
    height: 3px;
  }
}
.graduate-interview__list:not(:first-child) {
  margin-top: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__list:not(:first-child) {
    margin-top: clamp(2.30390625rem, 4.0958333333vw + 0rem, 4.0958333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__list:not(:first-child) {
    margin-top: 58px;
  }
}
.graduate-interview__list:nth-child(1)::before {
  right: 63%;
  bottom: -6.5%;
}
.graduate-interview__list:nth-child(2)::before {
  left: 65%;
  bottom: 0;
}
.graduate-interview__list:nth-child(3)::before {
  right: 61%;
  bottom: -7.5%;
}

.graduate-interview__movie {
  margin-left: 5px;
  position: relative;
  margin: 0 auto;
  width: 251px;
  height: 150px;
}
.graduate-interview__movie::before {
  position: absolute;
  content: "";
  background: url("../img/graduate/graduate-interview_img01.png") no-repeat center center/cover;
  right: 0;
  left: 0;
  width: 251px;
  height: 150px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__movie::before {
    width: clamp(26.328125rem, 46.8055555556vw + 0rem, 46.8055555556vw + 0rem);
    height: clamp(15.703125rem, 27.9166666667vw + 0rem, 27.9166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__movie::before {
    width: 674px;
    height: 402px;
  }
}
.graduate-interview__movie::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #858CDD;
  right: 6px;
  bottom: 6px;
  z-index: 100;
  width: 251px;
  height: 150px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__movie::after {
    right: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    bottom: clamp(0.703125rem, 1.25vw + 0rem, 1.25vw + 0rem);
    width: clamp(26.328125rem, 46.8055555556vw + 0rem, 46.8055555556vw + 0rem);
    height: clamp(15.703125rem, 27.9166666667vw + 0rem, 27.9166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__movie::after {
    right: 16px;
    bottom: 18px;
    width: 674px;
    height: 402px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-interview__movie {
    width: clamp(26.328125rem, 46.8055555556vw + 0rem, 46.8055555556vw + 0rem);
    height: clamp(15.703125rem, 27.9166666667vw + 0rem, 27.9166666667vw + 0rem);
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__movie {
    width: 674px;
    height: 402px;
  }
}

.graduate-interview__movie02::before {
  background: url("../img/graduate/graduate-interview_img02.png") no-repeat center center/cover;
}

.graduate-interview__movie03::before {
  background: url("../img/graduate/graduate-interview_img03.png") no-repeat center center/cover;
}

.graduate-interview__text {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__text {
    margin-top: 0;
    padding: 190px 50px 48px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__text {
    padding: 190px 50px 48px;
  }
}

.graduate-interview__meta {
  color: #858cdd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.graduate-interview__name {
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.2px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__name {
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__name {
    font-size: 20px;
  }
}

.graduate-interview__yesrs {
  font-size: 14px;
  letter-spacing: 1.26px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__yesrs {
    letter-spacing: 1.17px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__yesrs {
    font-size: 13px;
  }
}

.graduate-interview__description {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.857; /* 185.714% */
  letter-spacing: 1.4px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__description {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    letter-spacing: 1.6px;
    margin-top: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-interview__description {
    font-size: 16px;
    margin-top: 24px;
  }
}

.graduate__modal-controls {
  position: absolute;
  width: 61%;
  bottom: 29px;
  margin-top: 0 !important;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 900px) {
  .graduate__modal-controls {
    bottom: 113px;
  }
}

.graduate-modal__pause {
  width: 32px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 12px;
  z-index: 2000;
}
@media screen and (min-width: 900px) {
  .graduate-modal__pause {
    width: clamp(3.28125rem, 5.8333333333vw + 0rem, 5.8333333333vw + 0rem);
    bottom: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-modal__pause {
    width: 84px;
  }
}

.seek-bar {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  background: #fff;
  position: relative;
  bottom: unset;
  left: unset;
  -webkit-transform: unset;
          transform: unset;
}

/* モーダル */
.graduate-interview__modal {
  position: fixed; /* 固定位置に設定 */
  top: 0;
  left: 0;
  width: 100vw; /* ビューポート幅全体 */
  height: 100vh; /* ビューポート高さ全体 */
  background-color: rgba(0, 0, 0, 0.8); /* 半透明の黒背景 */
  display: none; /* 初期状態では非表示 */
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; /* 垂直方向に中央揃え */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; /* 水平方向に中央揃え */
  z-index: 1000; /* 他の要素より前面に表示 */
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none; /* 非アクティブ時にクリックを無効化 */
  padding-top: 0;
}

.modal-video.graduate-interview__modal.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* Flexboxを使用して中央揃えを有効にする */
  opacity: 1;
  pointer-events: auto;
}

/* モーダルのコンテンツ */
.modal-content {
  position: relative;
  padding: 16px 12px;
  width: 100%;
  background-color: rgba(88, 88, 88, 0.7);
}
@media screen and (min-width: 900px) {
  .modal-content {
    padding: 60px 45px;
  }
}

.video-player {
  width: 100%;
  height: auto;
}

/* 閉じるボタン */
.close {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
}

.video-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.played {
  position: absolute;
  height: 100%;
  width: 0; /* 初期は0%に設定 */
  background-color: #858cdd; /* 再生済みの色 */
}

.thumbVideo {
  position: absolute;
  height: 100%;
  width: 10px; /* スライダーの幅 */
  background-color: #fff; /* スライダーの色 */
  border-radius: 50%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.video-open-btn {
  width: 251px;
}
@media screen and (min-width: 900px) {
  .video-open-btn {
    width: clamp(26.25rem, 46.6666666667vw + 0rem, 46.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .video-open-btn {
    width: 672px;
  }
}

.video_area {
  position: relative;
  width: 100%;
  height: 100%;
}
.video_area::after {
  position: absolute;
  content: "";
  background: url("../img/graduate/graduate-interview_play.svg") no-repeat center center/cover;
  width: clamp(1.1733333333rem, 5.8666666667vw + 0rem, 3.3rem);
  height: clamp(1.1733333333rem, 5.8666666667vw + 0rem, 3.3rem);
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 900px) {
  .video_area::after {
    width: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
    height: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .video_area::after {
    width: 60px;
    height: 60px;
  }
}

.graduate-interview__pause {
  background: unset;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: absolute;
  z-index: 2000;
  top: 24px;
  right: 20px;
}
@media screen and (min-width: 900px) {
  .graduate-interview__pause {
    top: 84px;
    right: 69px;
  }
}

.close-pause-img {
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 900px) {
  .close-pause-img {
    width: clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem);
    height: clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .close-pause-img {
    width: 35px;
    height: 35px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-reason__inner {
  padding-top: 45px;
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-reason__inner {
    padding-top: 45px;
    width: min(100%, 1440px);
    margin-inline: auto;
  }
}

.graduate-reason__title .graduate-title--en {
  background: var(--gradation, linear-gradient(89deg, #cecef4 -37.8%, #dba4d4 57.77%, #d3d5f6 144.25%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.graduate-reason__title .graduate-title--ja {
  background: -webkit-linear-gradient(2deg, #cecef4 -34.37%, #dba4d4 56.97%, #d3d5f6 139.62%);
  background: linear-gradient(88deg, #cecef4 -34.37%, #dba4d4 56.97%, #d3d5f6 139.62%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.graduate-reason__lists {
  padding-right: 24px;
  margin-top: 40px;
  padding-bottom: 36px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__lists {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: clamp(3.1640625rem, 5.625vw + 0rem, 5.625vw + 0rem);
    padding-left: clamp(8.75rem, 15.5555555556vw + 0rem, 15.5555555556vw + 0rem);
    padding-right: clamp(8.359375rem, 14.8611111111vw + 0rem, 14.8611111111vw + 0rem);
    gap: 0px clamp(2.6171875rem, 4.6527777778vw + 0rem, 4.6527777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__lists {
    margin-top: 81px;
    padding-left: 224px;
    padding-right: 214px;
  }
}

.graduate-reason__img-wrapper {
  position: relative;
  padding-bottom: 13px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__img-wrapper {
    padding-bottom: 0;
  }
}
.graduate-reason__img-wrapper::after {
  position: absolute;
  content: "";
  width: 334px;
  height: 215px;
  background: #f0f0ff;
  top: 16px;
  right: 17.38px;
  z-index: -1;
}
@media screen and (min-width: 900px) {
  .graduate-reason__img-wrapper::after {
    width: clamp(17.65625rem, 31.3888888889vw + 0rem, 31.3888888889vw + 0rem);
    height: clamp(12.265625rem, 21.8055555556vw + 0rem, 21.8055555556vw + 0rem);
    top: clamp(1.1328125rem, 2.0138888889vw + 0rem, 2.0138888889vw + 0rem);
    right: clamp(0.9765625rem, 1.7361111111vw + 0rem, 1.7361111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__img-wrapper::after {
    width: 452px;
    height: 314px;
    top: 29px;
    right: 25px;
  }
}

.graduate-reason__img {
  margin-left: auto;
  width: 312px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-reason__img {
    width: clamp(17.7734375rem, 31.5972222222vw + 0rem, 31.5972222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__img {
    width: 455px;
  }
}

.graduate-reason__img-num {
  position: absolute;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  font-size: 40px;
  top: 0;
  left: 13.62px;
  color: #fff;
}
@media screen and (min-width: 900px) {
  .graduate-reason__img-num {
    font-size: clamp(2.5rem, 4.4444444444vw + 0rem, 4.4444444444vw + 0rem);
    line-height: 1;
    top: clamp(0.4296875rem, 0.7638888889vw + 0rem, 0.7638888889vw + 0rem);
    left: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__img-num {
    font-size: 64px;
    top: 11px;
    left: 13px;
  }
}

.graduate-reason__text {
  margin-left: 18px;
  padding: 41px 0 47px 21px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-reason__text {
    padding-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
    margin-left: clamp(1.09375rem, 1.9444444444vw + 0rem, 1.9444444444vw + 0rem);
    padding-bottom: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
    padding-left: clamp(1.2890625rem, 2.2916666667vw + 0rem, 2.2916666667vw + 0rem);
    padding-right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__text {
    margin-left: 28px;
    padding-bottom: 40px;
    padding-left: 33px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-reason__text01 {
    padding-top: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
    padding-bottom: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__text01 {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

.graduate-reason__text02 {
  padding-top: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__text02 {
    padding-top: clamp(1.015625rem, 1.8055555556vw + 0rem, 1.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__text02 {
    padding-top: 26px;
  }
}

.graduate-reason__text03 {
  padding-top: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__text03 {
    padding-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__text03 {
    padding-top: 30px;
  }
}

.graduate-reason__text04 {
  padding-top: 11.43px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__text04 {
    padding-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__text04 {
    padding-top: 30px;
  }
}

.graduate-reason__animation-vertical {
  padding: 0 4px 0 3px;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  font-family: "Josefin Sans", sans-serif;
  z-index: 1;
  left: -12%;
  top: 105px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation-vertical {
    font-size: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
    line-height: 1; /* 100% */
    top: clamp(5.078125rem, 9.0277777778vw + 0rem, 9.0277777778vw + 0rem);
    left: -10%;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation-vertical {
    font-size: 12px;
    top: 130px;
  }
}

.graduate-reason__animation-text {
  background: var(--gradation, linear-gradient(89deg, #cecef4 -37.8%, #dba4d4 57.77%, #d3d5f6 144.25%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.graduate-reason__heading {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.6px;
  white-space: nowrap;
}
@media screen and (min-width: 900px) {
  .graduate-reason__heading {
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    line-height: 2;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__heading {
    font-size: 20px;
  }
}

.graduate-reason__heading03 {
  line-height: 1.6;
}

.graduate-reason__heading04 {
  line-height: 1.8;
  letter-spacing: 1px;
}
@media screen and (min-width: 1441px) {
  .graduate-reason__heading04 {
    letter-spacing: 1px;
  }
}

.graduate-reason__accent {
  font-size: 24px;
  color: #858CDD;
  position: relative;
  padding: 0 5px 0 3px;
  letter-spacing: -0.72px;
  padding-left: 3px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: clamp(0.046875rem, 0.0833333333vw + 0rem, 0.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent {
    font-size: 24px;
    letter-spacing: 1.2px;
  }
}
.graduate-reason__accent span {
  font-size: 40px;
  letter-spacing: -1.2px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent span {
    font-size: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent span {
    font-size: 40px;
  }
}
.graduate-reason__accent::before {
  position: absolute;
  z-index: -1;
  content: "";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 9px;
  background: var(--gradation, linear-gradient(89deg, #cecef4 -37.8%, #dba4d4 57.77%, #d3d5f6 144.25%));
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent::before {
    height: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
    bottom: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent::before {
    height: 9px;
  }
}

.graduate-reason__accent02 {
  margin-right: -5px;
  margin-left: -5px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent02 {
    margin-left: clamp(-0.1953125rem, -0.3472222222vw + 0rem, -0.3472222222vw + 0rem);
    margin-right: clamp(-0.1953125rem, -0.3472222222vw + 0rem, -0.3472222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent02 {
    margin-left: -5px;
    margin-right: -5px;
  }
}

.graduate-reason__accent04 {
  line-height: 1.5;
  letter-spacing: -1px;
  font-size: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent04 {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    line-height: 1.5; /* 150% */
    letter-spacing: 1.2px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent04 {
    font-size: 24px;
  }
}
.graduate-reason__accent04 span {
  letter-spacing: 2px;
  font-size: 40px;
  line-height: 1;
}
@media screen and (min-width: 900px) {
  .graduate-reason__accent04 span {
    font-size: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
    letter-spacing: 2px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__accent04 span {
    font-size: 40px;
  }
}
.graduate-reason__accent04 .small {
  font-size: 16px;
}

.graduate-reason__description {
  margin-top: 16px;
  font-family: "Zen Kaku Gothic New";
  text-align: justify;
  font-size: 14px;
  line-height: 1.857;
}
@media screen and (min-width: 900px) {
  .graduate-reason__description {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    letter-spacing: -0.48px;
    margin-top: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    padding-right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__description {
    font-size: 16px;
    margin-top: 20px;
  }
}

.graduate-reason__description02 {
  margin-top: 12px;
  padding-right: 5.92px;
  letter-spacing: -0.42px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__description02 {
    margin-top: clamp(0.703125rem, 1.25vw + 0rem, 1.25vw + 0rem);
    letter-spacing: clamp(-0.0256rem, -0.128vw + 0rem, -0.072rem);
    padding-right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__description02 {
    margin-top: 18px;
    letter-spacing: -0.48px;
  }
}

.graduate-reason__description03 {
  margin-top: 0;
}
@media screen and (min-width: 900px) {
  .graduate-reason__description03 {
    margin-top: clamp(0.8203125rem, 1.4583333333vw + 0rem, 1.4583333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__description03 {
    margin-top: 21px;
  }
}

.graduate-reason__description04 {
  margin-top: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__description04 {
    margin-top: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__description04 {
    margin-top: 9px;
  }
}

.graduate-reason__animation {
  position: absolute;
  left: 0;
  top: 0;
  width: 323px;
  height: 212px;
}
.graduate-reason__animation svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .graduate-reason__animation01 {
    width: clamp(15.80078125rem, 28.0902777778vw + 0rem, 28.0902777778vw + 0rem);
    height: clamp(9.765625rem, 17.3611111111vw + 0rem, 17.3611111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation01 {
    width: 404px;
    height: 250px;
  }
}

.graduate-reason__animation02 {
  width: 323px;
  height: 226px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation02 {
    width: clamp(15.80078125rem, 28.0902777778vw + 0rem, 28.0902777778vw + 0rem);
    height: clamp(9.765625rem, 17.3611111111vw + 0rem, 17.3611111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation02 {
    width: 404px;
    height: 250px;
  }
}

.graduate-reason__animation03 {
  width: 323px;
  height: 237px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation03 {
    display: none;
  }
}

.graduate-reason__animation03-1 {
  width: 323px;
  height: 220px;
  left: 25px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation03-1 {
    display: none;
  }
}

.graduate-reason__animation05 {
  width: 323px;
  height: 247px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation05 {
    display: none;
  }
}

.graduate-reason__animation-pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation-pc {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
  .graduate-reason__animation-pc svg {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 900px) {
  .graduate-reason__animation-pc--upper {
    width: clamp(15.80078125rem, 28.0902777778vw + 0rem, 28.0902777778vw + 0rem);
    height: clamp(9.765625rem, 17.3611111111vw + 0rem, 17.3611111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation-pc--upper {
    width: 404px;
    height: 250px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-reason__animation-pc--lower {
    width: clamp(17.3046875rem, 30.7638888889vw + 0rem, 30.7638888889vw + 0rem);
    height: clamp(9.00390625rem, 16.0069444444vw + 0rem, 16.0069444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation-pc--lower {
    width: 443px;
    height: 230px;
  }
}

.graduate-reason__animation04 {
  width: 322px;
  height: 195px;
}
@media screen and (min-width: 900px) {
  .graduate-reason__animation04 {
    width: clamp(17.3046875rem, 30.7638888889vw + 0rem, 30.7638888889vw + 0rem);
    height: clamp(9.00390625rem, 16.0069444444vw + 0rem, 16.0069444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-reason__animation04 {
    width: 443px;
    height: 230px;
  }
}

/* アニメーションの設定 */
.animate-line {
  stroke-dasharray: 1000; /* パスの長さに合わせて十分に大きな値 */
  stroke-dashoffset: 1000; /* 初期値をdasharrayと同じに設定して非表示状態にする */
  -webkit-animation: none;
          animation: none;
  opacity: 0; /* 初期状態で非表示 */
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; /* スクロール時にフェードイン効果を付ける */
}

/* visibleクラスが付与されたときにアニメーションを開始 */
.animate-line.visible {
  opacity: 1; /* スクロール時に表示される */
  -webkit-animation: lineAnimation 4s ease forwards;
          animation: lineAnimation 4s ease forwards; /* 4秒で線が左から右に描かれる */
}

/* アニメーションのキーフレーム */
@-webkit-keyframes lineAnimation {
  from {
    stroke-dashoffset: 1000; /* 線が全て非表示の状態でスタート */
  }
  to {
    stroke-dashoffset: 0; /* 線が左から右に表示される */
  }
}
@keyframes lineAnimation {
  from {
    stroke-dashoffset: 1000; /* 線が全て非表示の状態でスタート */
  }
  to {
    stroke-dashoffset: 0; /* 線が左から右に表示される */
  }
}
/* 各SVGのアニメーション遅延を指定 */
.animate-line01 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.animate-line02 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.animate-line03 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.animate-line04 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-career {
  overflow: hidden;
  color: #c370a9;
  -webkit-clip-path: polygon(0 7.58vw, 100% 0, 100% calc(100% - 7.58vw), 0 100%);
          clip-path: polygon(0 7.58vw, 100% 0, 100% calc(100% - 7.58vw), 0 100%);
  background: rgba(249, 232, 247, 0.52);
  position: relative;
  padding: 62px 24px 64px;
}
@media screen and (min-width: 900px) {
  .graduate-career {
    padding: clamp(7.712890625rem, 13.7118055556vw + 0rem, 13.7118055556vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(8.828125rem, 15.6944444444vw + 0rem, 15.6944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career {
    padding: 197px 120px 226px;
  }
}

.graduate-career__inner {
  position: relative;
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-career__inner {
    width: min(100%, 1440px);
    margin-inline: auto;
  }
}

.graduate-career__border--top {
  position: absolute;
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 120%;
  left: -23px;
  height: 2px;
  top: 3.3vw;
}
@media screen and (min-width: 900px) {
  .graduate-career__border--top {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    top: clamp(1.796875rem, 3.1944444444vw + 0rem, 3.1944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__border--top {
    height: 8px;
    top: 3.2vw;
  }
}

.graduate-career__border--bottom {
  position: absolute;
  -webkit-transform: rotate(-4.34deg);
          transform: rotate(-4.34deg);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(16.56%, #cecef4), color-stop(59.08%, #dba4d4), color-stop(97.54%, #d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  background: linear-gradient(90deg, #cecef4 16.56%, #dba4d4 59.08%, #d3d5f6 97.54%);
  mix-blend-mode: multiply;
  width: 120%;
  left: -23px;
  height: 2px;
  bottom: 4.4vw;
}
@media screen and (min-width: 900px) {
  .graduate-career__border--bottom {
    height: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    bottom: clamp(2.5rem, 4.4444444444vw + 0rem, 4.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__border--bottom {
    height: 8px;
    bottom: 4.5vw;
  }
}

.graduate-career__title {
  color: #c370a9;
}

.graduate-career__lists {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  .graduate-career__lists {
    margin-top: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__lists {
    margin-top: 80px;
  }
}

.graduate-career__list {
  padding: 15.54px 15px 38px;
  background: #fff;
  border: 1px solid #c370a9;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-career__list {
    padding: clamp(2.03125rem, 3.6111111111vw + 0rem, 3.6111111111vw + 0rem) clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem) clamp(2.03125rem, 3.6111111111vw + 0rem, 3.6111111111vw + 0rem) clamp(10.0390625rem, 17.8472222222vw + 0rem, 17.8472222222vw + 0rem);
  }
  .graduate-career__list:first-child {
    padding-right: clamp(10.078125rem, 17.9166666667vw + 0rem, 17.9166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__list {
    padding: 52px 24px 52px 257px;
  }
  .graduate-career__list:first-child {
    padding-right: 258px;
  }
}
.graduate-career__list:not(:first-child) {
  margin-top: 16px;
}

.graduate-career__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.graduate-career__img {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-career__img {
    display: block;
    position: absolute;
    width: clamp(7.2265625rem, 12.8472222222vw + 0rem, 12.8472222222vw + 0rem);
    height: clamp(8.671875rem, 15.4166666667vw + 0rem, 15.4166666667vw + 0rem);
    left: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__img {
    width: 185px;
    height: 222px;
    left: 24px;
  }
}

.graduate-career__img-sp {
  width: 104px;
}
@media screen and (min-width: 900px) {
  .graduate-career__img-sp {
    display: none;
  }
}

.graduate-career__text {
  padding-top: 8.46px;
}
@media screen and (min-width: 900px) {
  .graduate-career__text {
    padding-left: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    padding-top: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__text {
    padding-left: 14px;
  }
}

.graduate-career__lead {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.714; /* 171.429% */
  width: 192px;
}
@media screen and (min-width: 900px) {
  .graduate-career__lead {
    width: unset;
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    font-weight: 500;
    line-height: 1;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__lead {
    font-size: 16px;
  }
}

.graduate-career__info {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1; /* 100% */
}
@media screen and (min-width: 900px) {
  .graduate-career__info {
    margin-top: clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
    font-size: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__info {
    margin-top: 17px;
    font-size: 12px;
  }
}

.graduate-career__name {
  margin-top: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-career__name {
    margin-top: clamp(0.2734375rem, 0.4861111111vw + 0rem, 0.4861111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__name {
    margin-top: 7px;
  }
}

.graduate-career__timeline-lists {
  margin-top: 23.46px;
  padding-right: 33px;
}
@media screen and (min-width: 900px) {
  .graduate-career__timeline-lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: clamp(1.40625rem, 2.5vw + 0rem, 2.5vw + 0rem);
    padding-right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__timeline-lists {
    margin-top: 36px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-career__timeline-list {
    position: relative;
  }
}

.career-timeline__line-pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .career-timeline__line-pc {
    display: block;
    position: absolute;
    width: clamp(7.5rem, 13.3333333333vw + 0rem, 13.3333333333vw + 0rem);
    height: clamp(0.078125rem, 0.1388888889vw + 0rem, 0.1388888889vw + 0rem);
    top: clamp(0.15625rem, 0.2777777778vw + 0rem, 0.2777777778vw + 0rem);
    left: clamp(1.015625rem, 1.8055555556vw + 0rem, 1.8055555556vw + 0rem);
    background: #c370a9;
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline__line-pc {
    width: 192px;
    height: 2px;
    top: 4px;
    left: 26px;
  }
}

.career-timeline {
  padding-left: 33px;
  font-size: 14px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .career-timeline {
    padding: clamp(0.859375rem, 1.5277777778vw + 0rem, 1.5277777778vw + 0rem) clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem) clamp(0.8984375rem, 1.5972222222vw + 0rem, 1.5972222222vw + 0rem) clamp(0.859375rem, 1.5277777778vw + 0rem, 1.5277777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline {
    padding: 22px 9px 23px 22px;
  }
}
.career-timeline::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #c370a9;
  left: 15px;
  top: 3.54px;
}
@media screen and (min-width: 900px) {
  .career-timeline::before {
    width: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
    height: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline::before {
    width: 10px;
    height: 10px;
  }
}
.career-timeline::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 58px;
  top: 22px;
  left: 19px;
  background: #c370a9;
}
@media screen and (min-width: 900px) {
  .career-timeline::after {
    height: clamp(3.7109375rem, 6.5972222222vw + 0rem, 6.5972222222vw + 0rem);
    left: clamp(0.15625rem, 0.2777777778vw + 0rem, 0.2777777778vw + 0rem);
    width: clamp(0.078125rem, 0.1388888889vw + 0rem, 0.1388888889vw + 0rem);
    top: clamp(1.015625rem, 1.8055555556vw + 0rem, 1.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline::after {
    height: 95px;
    left: 4px;
    width: 2px;
    top: 26px;
  }
}
.career-timeline:not(:first-child) {
  margin-top: 26px;
}
@media screen and (min-width: 900px) {
  .career-timeline:not(:first-child) {
    margin-top: 0;
  }
}

.career-timeline__year {
  line-height: 1;
}
.career-timeline__year span {
  margin-left: 8.29px;
}
@media screen and (min-width: 900px) {
  .career-timeline__year {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline__year {
    font-size: 16px;
  }
}

.career-timeline__description {
  margin-top: 8px;
  font-weight: 400;
  letter-spacing: 0.7px;
  line-height: 1.285;
}
@media screen and (min-width: 900px) {
  .career-timeline__description {
    font-size: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    font-weight: 500;
    letter-spacing: 0.7px;
    margin-top: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    padding-right: clamp(0.1953125rem, 0.3472222222vw + 0rem, 0.3472222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .career-timeline__description {
    font-size: 14px;
    margin-top: 24px;
    padding-right: 5px;
  }
}

.graduate-career__img-wrapper {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 10;
  width: 95px;
  height: 95px;
}
@media screen and (min-width: 900px) {
  .graduate-career__img-wrapper {
    top: clamp(-0.9375rem, -1.6666666667vw + 0rem, -1.6666666667vw + 0rem);
    right: clamp(-2.265625rem, -4.0277777778vw + 0rem, -4.0277777778vw + 0rem);
    width: clamp(11.71875rem, 20.8333333333vw + 0rem, 20.8333333333vw + 0rem);
    height: clamp(14.0625rem, 25vw + 0rem, 25vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__img-wrapper {
    top: -24px;
    right: -58px;
    width: 300px;
    height: 360px;
  }
}

/* 矢印のコンテナ */
.arrows {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 矢印と人の共通スタイル */
.graduate-career__arrow,
.graduate-career__person {
  position: absolute;
  opacity: 0; /* 初期状態で非表示 */
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); /* 初期位置: 左にオフセット */
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* 矢印01 */
.graduate-career__arrow01 {
  top: 0;
  left: 0;
  width: 64px;
}
@media screen and (min-width: 900px) {
  .graduate-career__arrow01 {
    width: clamp(7.8125rem, 13.8888888889vw + 0rem, 13.8888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__arrow01 {
    width: 200px;
  }
}

/* 矢印02 */
.graduate-career__arrow02 {
  top: 17px;
  right: 6px;
  width: 56px;
}
@media screen and (min-width: 900px) {
  .graduate-career__arrow02 {
    width: clamp(7.2265625rem, 12.8472222222vw + 0rem, 12.8472222222vw + 0rem);
    right: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    top: clamp(1.8359375rem, 3.2638888889vw + 0rem, 3.2638888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__arrow02 {
    width: 185px;
    right: 8px;
    top: 47px;
  }
}

/* 矢印03 */
.graduate-career__arrow03 {
  top: 42px;
  right: 3.37px;
  width: 90px;
}
@media screen and (min-width: 900px) {
  .graduate-career__arrow03 {
    width: clamp(10.9375rem, 19.4444444444vw + 0rem, 19.4444444444vw + 0rem);
    top: clamp(4.8828125rem, 8.6805555556vw + 0rem, 8.6805555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__arrow03 {
    width: 280px;
    top: 125px;
  }
}

/* 人の画像 */
.graduate-career__person {
  top: 36px;
  left: 10px;
  width: 33px;
  -webkit-transform: translateY(20px);
          transform: translateY(20px); /* 下にオフセット */
}
@media screen and (min-width: 900px) {
  .graduate-career__person {
    width: clamp(3.984375rem, 7.0833333333vw + 0rem, 7.0833333333vw + 0rem);
    right: clamp(6.3671875rem, 11.3194444444vw + 0rem, 11.3194444444vw + 0rem);
    top: clamp(4.296875rem, 7.6388888889vw + 0rem, 7.6388888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-career__person {
    width: 102px;
    right: 163px;
    top: 110px;
  }
}

/* visibleクラスを追加した際にアニメーションを適用 */
.graduate-career__arrow01.visible {
  -webkit-animation: slide-in 0.5s ease-out 0.5s forwards;
          animation: slide-in 0.5s ease-out 0.5s forwards;
}

.graduate-career__arrow02.visible {
  -webkit-animation: slide-in 0.5s ease-out 1s forwards;
          animation: slide-in 0.5s ease-out 1s forwards;
}

.graduate-career__arrow03.visible {
  -webkit-animation: slide-in 0.5s ease-out 1.5s forwards;
          animation: slide-in 0.5s ease-out 1.5s forwards;
}

.graduate-career__person.visible {
  -webkit-animation: fade-in 0.5s ease-out 2s forwards;
          animation: fade-in 0.5s ease-out 2s forwards;
}

/* 矢印を左から右に移動するアニメーション */
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* 人の画像をフェードインさせるアニメーション */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); /* 下から表示 */
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); /* 下から表示 */
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-data {
  padding: 44px 24px 64px;
}
@media screen and (min-width: 900px) {
  .graduate-data {
    padding: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(5.3125rem, 9.4444444444vw + 0rem, 9.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data {
    padding: 40px 120px 136px;
  }
}

.graduate-data__inner {
  width: min(100%, 327px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-data__inner {
    width: min(100%, 1200px);
    margin-inline: auto;
  }
}

.graduate-data__title {
  background: var(--Linear, linear-gradient(134deg, #c370a9 -54.99%, #dba4d4 58.38%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.graduate-data__lists {
  margin-top: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-data__lists {
    grid-template-columns: 1fr 1fr;
    display: grid;
    margin-top: clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem);
    gap: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__lists {
    margin-top: 50px;
    gap: 40px;
    justify-items: center;
  }
}

.graduate-data__list {
  width: 327px;
  height: 283px;
  border: 1px solid #c370a9;
  text-align: center;
  padding: 30px 30px 64px;
  background: var(--Linear, linear-gradient(134deg, #c370a9 -54.99%, #dba4d4 58.38%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-data__list {
    width: clamp(22.65625rem, 40.2777777778vw + 0rem, 40.2777777778vw + 0rem);
    height: clamp(11.0546875rem, 19.6527777778vw + 0rem, 19.6527777778vw + 0rem);
    padding-top: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list {
    width: 580px;
    height: 283px;
    padding-top: 20px;
  }
}
.graduate-data__list::before {
  position: absolute;
  content: "";
}
.graduate-data__list:not(:first-child) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .graduate-data__list:first-child {
    padding: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem) clamp(4.0234375rem, 7.1527777778vw + 0rem, 7.1527777778vw + 0rem) clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem) clamp(5.1953125rem, 9.2361111111vw + 0rem, 9.2361111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:first-child {
    padding: 20px 103px 40px 133px;
  }
}
.graduate-data__list:first-child::before {
  width: 67.763px;
  height: 110.268px;
  left: 9px;
  bottom: 10.73px;
  background: url("../img/graduate/graduate-data_img01.svg") no-repeat center center/cover;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:first-child::before {
    width: clamp(5.078125rem, 9.0277777778vw + 0rem, 9.0277777778vw + 0rem);
    height: clamp(8.28125rem, 14.7222222222vw + 0rem, 14.7222222222vw + 0rem);
    bottom: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
    left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:first-child::before {
    width: 130px;
    height: 212px;
    bottom: 9px;
    left: 8px;
  }
}
.graduate-data__list:nth-child(2) {
  padding: 19px 35px 49px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(2) {
    padding: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem) clamp(3.3203125rem, 5.9027777778vw + 0rem, 5.9027777778vw + 0rem) clamp(1.40625rem, 2.5vw + 0rem, 2.5vw + 0rem) clamp(3.3203125rem, 5.9027777778vw + 0rem, 5.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(2) {
    padding: 20px 85px 36px 85px;
  }
}
.graduate-data__list:nth-child(2)::before {
  background: url("../img/graduate/graduate-data_img02.svg") no-repeat center center/cover;
  width: 96px;
  height: 95px;
  right: 10px;
  bottom: 11px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(2)::before {
    width: clamp(4.7265625rem, 8.4027777778vw + 0rem, 8.4027777778vw + 0rem);
    height: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    right: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
    line-break: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(2)::before {
    width: 121px;
    height: 120px;
    right: 9px;
    line-break: 9px;
  }
}
.graduate-data__list:nth-child(3) {
  padding: 25px 35px 43px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(3) {
    padding: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem) clamp(4.0234375rem, 7.1527777778vw + 0rem, 7.1527777778vw + 0rem) clamp(1.5234375rem, 2.7083333333vw + 0rem, 2.7083333333vw + 0rem) clamp(3.828125rem, 6.8055555556vw + 0rem, 6.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(3) {
    padding: 13px 103px 39px 98px;
  }
}
.graduate-data__list:nth-child(3)::before {
  background: url("../img/graduate/graduate-data_img03.svg") no-repeat center center/cover;
  width: 72px;
  height: 83px;
  left: 15px;
  bottom: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(3)::before {
    width: clamp(3.75rem, 6.6666666667vw + 0rem, 6.6666666667vw + 0rem);
    height: clamp(4.3359375rem, 7.7083333333vw + 0rem, 7.7083333333vw + 0rem);
    left: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
    bottom: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(3)::before {
    width: 96px;
    height: 111px;
    left: 13px;
    bottom: 12px;
  }
}
.graduate-data__list:nth-child(4) {
  padding: 20px 30px 36px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(4) {
    padding: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem) clamp(3.7109375rem, 6.5972222222vw + 0rem, 6.5972222222vw + 0rem) clamp(1.6015625rem, 2.8472222222vw + 0rem, 2.8472222222vw + 0rem) clamp(3.2421875rem, 5.7638888889vw + 0rem, 5.7638888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(4) {
    padding: 13px 95px 41px 83px;
  }
}
.graduate-data__list:nth-child(4)::before {
  background: url("../img/graduate/graduate-data_img04.svg") no-repeat center center/cover;
  width: 100px;
  height: 58px;
  right: 10px;
  bottom: 13px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list:nth-child(4)::before {
    width: clamp(4.6484375rem, 8.2638888889vw + 0rem, 8.2638888889vw + 0rem);
    height: clamp(2.6953125rem, 4.7916666667vw + 0rem, 4.7916666667vw + 0rem);
    right: clamp(0.4296875rem, 0.7638888889vw + 0rem, 0.7638888889vw + 0rem);
    bottom: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list:nth-child(4)::before {
    width: 119px;
    height: 69px;
    right: 11px;
    bottom: 15px;
  }
}

.graduate-data__list-heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 1; /* 100% */
  white-space: nowrap;
  position: relative;
  background: var(--Linear, linear-gradient(134deg, #c370a9 -54.99%, #dba4d4 58.38%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading {
    font-size: 32px;
  }
}
.graduate-data__list-heading span {
  font-size: 96px;
  font-weight: 900;
  line-height: 1.25;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading span {
    font-size: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading span {
    font-size: 120px;
  }
}
.graduate-data__list-heading::after {
  position: absolute;
  content: "";
  background: url("../img/graduate/graduate-data_line.svg") no-repeat center center/cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  height: 1px;
}
.graduate-data__list-heading01 {
  padding-bottom: 17px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading01 {
    padding-bottom: 0;
  }
}
.graduate-data__list-heading01::after {
  width: 257px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading01::after {
    width: clamp(13.4375rem, 23.8888888889vw + 0rem, 23.8888888889vw + 0rem);
    margin-left: clamp(0.1953125rem, 0.3472222222vw + 0rem, 0.3472222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading01::after {
    width: 344px;
    margin-left: 5px;
  }
}

.graduate-data__list-heading02 {
  padding-bottom: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading02 {
    padding-bottom: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading02 {
    padding-bottom: 20px;
  }
}
.graduate-data__list-heading02::after {
  width: 257px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading02::after {
    width: clamp(16.09375rem, 28.6111111111vw + 0rem, 28.6111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading02::after {
    width: 412px;
  }
}

.graduate-data__list-heading03 {
  padding-bottom: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading03 {
    padding-bottom: 0;
  }
}
.graduate-data__list-heading03::after {
  width: 257px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading03::after {
    width: clamp(14.8046875rem, 26.3194444444vw + 0rem, 26.3194444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading03::after {
    width: 379px;
  }
}

.graduate-data__list-heading04 {
  padding-bottom: 0;
}
.graduate-data__list-heading04::after {
  width: 257px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-heading04::after {
    width: clamp(15.703125rem, 27.9166666667vw + 0rem, 27.9166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-heading04::after {
    width: 402px;
  }
}

.graduate-data__list-span01 {
  display: inline-block;
  width: 54px;
  height: 103px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-span01 {
    width: unset;
    height: unset;
    line-height: 1;
    padding-left: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding-right: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-span01 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.graduate-data__list-span01::after {
  width: 257px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-span01::after {
    width: clamp(15.703125rem, 27.9166666667vw + 0rem, 27.9166666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-span01::after {
    width: 402px;
  }
}

.graduate-data__list-span02 {
  display: inline-block;
  padding-right: 5px;
  padding-left: 7px;
  height: 120px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-span02 {
    width: unset;
    height: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    padding-left: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding-right: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-span02 {
    height: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.graduate-data__list-span03 {
  display: inline-block;
  height: 120px;
  padding-right: 1px;
  padding-left: 11px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-span03 {
    width: unset;
    height: unset;
    padding-left: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding-right: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-span03 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.graduate-data__list-span04 {
  display: inline-block;
  height: 120px;
  padding-right: 1px;
  padding-left: 11px;
}
@media screen and (min-width: 900px) {
  .graduate-data__list-span04 {
    width: unset;
    height: unset;
    padding-left: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding-right: clamp(0.8203125rem, 1.4583333333vw + 0rem, 1.4583333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__list-span04 {
    padding-left: 16px;
    padding-right: 21px;
  }
}

.graduate-data__description {
  margin-top: 9px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.625; /* 162.5% */
}
@media screen and (min-width: 900px) {
  .graduate-data__description {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    line-height: 1.875; /* 187.5% */
    margin-top: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__description {
    font-size: 16px;
    margin-top: 14px;
  }
}

.graduate-data__description01 {
  margin-top: 17px;
}
@media screen and (min-width: 900px) {
  .graduate-data__description01 {
    margin-top: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__description01 {
    margin-top: 12px;
  }
}

.graduate-data__description04 {
  margin-top: 17px;
}
@media screen and (min-width: 900px) {
  .graduate-data__description04 {
    margin-top: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-data__description04 {
    margin-top: 12px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-entry {
  color: #fff;
  background: url("../img/graduate/graduate-entry_bg.jpg") no-repeat center center/cover;
  padding: 81px 0 80.11px;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .graduate-entry {
    background: url("../img/graduate/graduate-entry_bg.png") no-repeat center center/cover;
  }
}
@media screen and (min-width: 900px) {
  .graduate-entry {
    padding: clamp(3.4375rem, 6.1111111111vw + 0rem, 6.1111111111vw + 0rem) clamp(3.75rem, 6.6666666667vw + 0rem, 6.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry {
    padding: 88px 96px;
  }
}

.graduate-entry__title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1; /* 100% */
  letter-spacing: 2.4px;
}
@media screen and (min-width: 900px) {
  .graduate-entry__title {
    font-size: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
    letter-spacing: clamp(0.15625rem, 0.2777777778vw + 0rem, 0.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__title {
    font-size: 40px;
    letter-spacing: 4px;
  }
}

.graduate-entry__heading {
  margin-top: 24px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.666; /* 166.667% */
}
@media screen and (min-width: 900px) {
  .graduate-entry__heading {
    font-size: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
    line-height: 1; /* 100% */
    margin-top: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__heading {
    font-size: 48px;
    margin-top: 24px;
  }
}

.graduate-entry__description {
  font-size: 14px;
  line-height: 1.857; /* 185.714% */
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-entry__description {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__description {
    font-size: 16px;
    margin-top: 16px;
  }
}

.graduate-entry__button {
  margin: 32px auto 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125;
  width: 225px;
  height: 60px;
  border-radius: 30px;
  border: 2px solid #fff;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.graduate-entry__button:hover::before {
  background-color: color-mix(in srgb, #c370a9, #680c67 50%);
}
@media screen and (min-width: 900px) {
  .graduate-entry__button {
    margin-top: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
    font-size: clamp(0.703125rem, 1.25vw + 0rem, 1.25vw + 0rem);
    line-height: 1; /* 100% */
    width: clamp(10.859375rem, 19.3055555556vw + 0rem, 19.3055555556vw + 0rem);
    height: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__button {
    margin-top: 32px;
    font-size: 18px;
    width: 278px;
    height: 60px;
  }
}
.graduate-entry__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #c370a9;
  opacity: 0.5;
  border-radius: inherit; /* ボタンの角丸に合わせる */
  z-index: -1; /* 背景を後ろに */
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.graduate-entry__button::after {
  position: absolute;
  content: "";
  background: url("../img/graduate/graduate-entry_arrow.svg") no-repeat center center/cover;
  width: 7px;
  height: 12px;
  right: 29px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 900px) {
  .graduate-entry__button::after {
    width: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    height: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    right: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__button::after {
    width: 8px;
    height: 14px;
    right: 24px;
  }
}

.graduate-entry__link {
  padding: 0 67px 0 46px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 900px) {
  .graduate-entry__link {
    padding: clamp(0.8203125rem, 1.4583333333vw + 0rem, 1.4583333333vw + 0rem) clamp(2.96875rem, 5.2777777778vw + 0rem, 5.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-entry__link {
    padding: 21px 76px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-conditions {
  padding: 64px 24px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-conditions {
    padding: clamp(5.3515625rem, 9.5138888889vw + 0rem, 9.5138888889vw + 0rem) clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(5.46875rem, 9.7222222222vw + 0rem, 9.7222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions {
    padding: 137px 120px 140px;
  }
}

.graduate-conditions__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__inner {
    width: min(100%, 1200px);
    margin-inline: auto;
  }
}

.graduate-conditions__items {
  margin-top: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: clamp(3.5546875rem, 6.3194444444vw + 0rem, 6.3194444444vw + 0rem);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__items {
    margin-top: 91px;
  }
}

.graduate-conditions__item {
  padding: 52px 28px 40px;
  position: relative;
  line-height: 1;
  height: 398px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item {
    width: clamp(22.65625rem, 40.2777777778vw + 0rem, 40.2777777778vw + 0rem);
    height: clamp(21.8359375rem, 38.8194444444vw + 0rem, 38.8194444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item {
    width: 580px;
    height: 559px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-conditions__item01 {
    padding: clamp(3.671875rem, 6.5277777778vw + 0rem, 6.5277777778vw + 0rem) clamp(1.9921875rem, 3.5416666667vw + 0rem, 3.5416666667vw + 0rem) clamp(1.9140625rem, 3.4027777778vw + 0rem, 3.4027777778vw + 0rem) clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item01 {
    padding: 94px 51px 49px 50px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-conditions__item02 {
    padding: clamp(3.515625rem, 6.25vw + 0rem, 6.25vw + 0rem) clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem) clamp(5.5078125rem, 9.7916666667vw + 0rem, 9.7916666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item02 {
    padding: 90px 35px 141px;
  }
}

.graduate-conditions__item-box {
  position: relative;
  padding-top: 22px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item-box {
    padding-top: 38px;
  }
}
.graduate-conditions__item-box::after {
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  width: 260px;
  height: 44px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item-box::after {
    width: clamp(17.96875rem, 31.9444444444vw + 0rem, 31.9444444444vw + 0rem);
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    height: 78px;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item-box::after {
    width: 460px;
    font-size: 20px;
  }
}
.graduate-conditions__item-box:first-child .graduate-conditions__item {
  background: rgba(249, 232, 247, 0.4);
  border: 1px solid #c370a9;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item-box:first-child .graduate-conditions__item {
    padding: clamp(2.734375rem, 4.8611111111vw + 0rem, 4.8611111111vw + 0rem) clamp(1.9921875rem, 3.5416666667vw + 0rem, 3.5416666667vw + 0rem) clamp(1.9140625rem, 3.4027777778vw + 0rem, 3.4027777778vw + 0rem) clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item-box:first-child .graduate-conditions__item {
    padding: 70px 51px 49px 50px;
  }
}
.graduate-conditions__item-box:first-child::after {
  content: "休日／休みの取り方";
  background: #c370a9;
}
.graduate-conditions__item-box:not(:first-child) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item-box:not(:first-child) {
    margin-top: 0;
  }
}
.graduate-conditions__item-box:not(:first-child)::after {
  content: "勤務時間";
  background: #868cd7;
}
.graduate-conditions__item-box:not(:first-child) .graduate-conditions__item {
  background: #f4f4f8;
  border: 1px solid #868cd7;
  padding-bottom: 105px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__item-box:not(:first-child) .graduate-conditions__item {
    padding: clamp(2.578125rem, 4.5833333333vw + 0rem, 4.5833333333vw + 0rem) clamp(1.3671875rem, 2.4305555556vw + 0rem, 2.4305555556vw + 0rem) clamp(5.5078125rem, 9.7916666667vw + 0rem, 9.7916666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__item-box:not(:first-child) .graduate-conditions__item {
    padding: 66px 35px 141px;
  }
}

.graduate-conditions__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding-bottom: 19px;
  border-bottom: 1px solid #585858;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
}
.graduate-conditions__list:not(:first-child) {
  margin-top: 15px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__list:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .graduate-conditions__list {
    height: clamp(3.4375rem, 6.1111111111vw + 0rem, 6.1111111111vw + 0rem);
    margin-top: 0;
    padding-bottom: 0;
    gap: clamp(1.6015625rem, 2.8472222222vw + 0rem, 2.8472222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__list {
    height: 88px;
    gap: 41px;
  }
}

.graduate-conditions__num {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #c370a9;
  width: 27px;
  height: 27px;
  color: #fff;
  padding: 8px 0 6px;
  border-radius: 50px;
  font-family: "Josefin Sans", sans-serif;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__num {
    width: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
    height: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    padding: clamp(0.5859375rem, 1.0416666667vw + 0rem, 1.0416666667vw + 0rem) 0 clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__num {
    width: 48px;
    height: 48px;
    font-size: 20px;
    padding: 15px 13px;
  }
}

.graduate-conditions__num-lower {
  background: #868cd7;
}

.graduate-conditions__ps {
  display: block;
  font-size: 10px;
  font-weight: 400;
  margin-top: 6px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__ps {
    font-size: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
    margin-top: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__ps {
    font-size: 12px;
    margin-top: 8px;
  }
}

.graduate-conditions__text {
  font-size: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__text {
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__text {
    font-size: 20px;
  }
}

.graduate-conditions__text-upper01 span {
  font-size: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__text-upper01 span {
    font-size: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__text-upper01 span {
    font-size: 48px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-conditions__text-upper01 {
    margin-bottom: clamp(0.859375rem, 1.5277777778vw + 0rem, 1.5277777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__text-upper01 {
    margin-bottom: 22px;
  }
}

.graduate-conditions__text-upper03 {
  color: #c370a9;
}
.graduate-conditions__text-upper03 span {
  color: #585858;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__text-upper03 {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__text-upper03 {
    font-size: 24px;
  }
}

.graduate-conditions__text-upper04 span {
  margin-right: 8px;
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__text-upper04 span {
    margin-right: 8px;
  }
}

.graduate-conditions__accent {
  color: #c370a9;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    line-height: 1; /* 100% */
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__accent {
    font-size: 24px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-conditions__accent-sp {
    display: none;
  }
}

.graduate-conditions__accent-pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent-pc {
    display: inline-block;
  }
}

.graduate-conditions__accent-lower {
  color: #858cdd;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent-lower {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    line-height: 1; /* 100% */
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__accent-lower {
    font-size: 24px;
  }
}

.graduate-conditions__accent-lower01 {
  font-size: 14px;
  color: #858cdd;
  margin-left: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent-lower01 {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    font-weight: 700;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__accent-lower01 {
    font-size: 24px;
    margin-left: 8px;
  }
}

.graduate-conditions__accent-lower03 {
  margin-top: 6px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent-lower03 {
    margin-top: 0;
    display: inline;
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__accent-lower03 {
    margin-left: 8px;
  }
}

.graduate-conditions__accent-lower04 {
  margin-top: 6px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__accent-lower04 {
    margin-top: 0;
    display: inline;
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__accent-lower04 {
    margin-left: 8px;
  }
}

.graduate-conditions__img {
  position: absolute;
  right: 28.45px;
  bottom: 16px;
  width: 76px;
}
@media screen and (min-width: 900px) {
  .graduate-conditions__img {
    width: clamp(4.6369921875rem, 8.2435416667vw + 0rem, 8.2435416667vw + 0rem);
    height: clamp(7.734375rem, 13.75vw + 0rem, 13.75vw + 0rem);
    right: clamp(-1.863671875rem, -3.3131944444vw + 0rem, -3.3131944444vw + 0rem);
    bottom: clamp(-0.15625rem, -0.2777777778vw + 0rem, -0.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-conditions__img {
    width: 118px;
    height: 198px;
    right: -47px;
    bottom: -4px;
  }
}
.graduate-conditions__img svg {
  width: 100%;
  height: 100%;
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-examples {
  padding: 64px 24px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-examples {
    padding: clamp(4.9078125rem, 8.725vw + 0rem, 8.725vw + 0rem) clamp(7.0703125rem, 12.5694444444vw + 0rem, 12.5694444444vw + 0rem) clamp(4.296875rem, 7.6388888889vw + 0rem, 7.6388888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples {
    padding: 125px 181px 110px;
  }
}

.graduate-examples .graduate-examples__inner {
  width: 327px;
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-examples .graduate-examples__inner {
    width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples .graduate-examples__inner {
    width: min(100%, 1078px);
    margin-inline: auto;
  }
}

.graduate-examples__title {
  white-space: nowrap;
  margin: 0 -24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__title {
    margin: 0 clamp(-1.28rem, -6.4vw + 0rem, -3.6rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__title {
    margin: 0 -24px;
  }
}

.graduate-examples__heading {
  margin-top: 40px;
  border-radius: 10px;
  background: #e3e3ff;
  width: 328px;
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #868cd7;
  font-family: "Zen Kaku Gothic New";
  font-size: 16px;
  line-height: 1; /* 100% */
}
@media screen and (min-width: 900px) {
  .graduate-examples__heading {
    display: none;
  }
}

.graduate-examples__boxes {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__boxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
    margin-top: clamp(5.03828125rem, 8.9569444444vw + 0rem, 8.9569444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__boxes {
    gap: 17px;
    margin-top: 128px;
  }
}

.graduate-examples__box {
  border: 1px solid #868cd7;
  border-radius: 10px;
  position: relative;
}
.graduate-examples__box:not(:first-child) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__box:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .graduate-examples__box {
    width: 280px;
    height: 415px;
    padding-bottom: 23px;
  }
  .graduate-examples__box:nth-child(3) {
    margin-left: 8px;
  }
  .graduate-examples__box:nth-child(4) {
    margin-left: 8px;
  }
}
@media screen and (min-width: 900px) and (min-width: 900px) {
  .graduate-examples__box {
    width: clamp(10.9375rem, 19.4444444444vw + 0rem, 19.4444444444vw + 0rem);
    height: clamp(16.2109375rem, 28.8194444444vw + 0rem, 28.8194444444vw + 0rem);
    padding-bottom: clamp(0.8984375rem, 1.5972222222vw + 0rem, 1.5972222222vw + 0rem);
  }
  .graduate-examples__box:nth-child(3) {
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
  .graduate-examples__box:nth-child(4) {
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-examples__box {
    width: 280px;
    height: 415px;
  }
  .graduate-examples__box:nth-child(3) {
    margin-left: 8px;
  }
  .graduate-examples__box:nth-child(4) {
    margin-left: 8px;
  }
}

.graduate-examples__box01 .graduate-examples__body {
  display: block;
}

.graduate-examples__head {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 21px 16px 16px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__head {
    padding: 0;
    padding-top: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem);
    padding: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem) clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem) 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__head {
    padding: 80px 16px 0;
  }
}
.graduate-examples__head::after {
  position: absolute;
  background: url("../img/graduate/graduate-examples-arrow.svg") no-repeat center center/cover;
  content: "";
  width: 16.5px;
  height: 8px;
  right: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 900px) {
  .graduate-examples__head::after {
    display: none;
  }
}
.graduate-examples__head::before {
  position: absolute;
  content: "";
  display: none;
}
.graduate-examples__head.is-open::before {
  -webkit-transform-origin: center;
          transform-origin: center;
  background: #858CDD;
  width: 1px;
  height: 20px;
  right: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.graduate-examples__head.is-open::after {
  -webkit-transform-origin: center;
          transform-origin: center;
  background: #858CDD;
  width: 1px;
  right: 30px;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.graduate-examples__img {
  width: 54px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__img {
    width: clamp(3.75rem, 6.6666666667vw + 0rem, 6.6666666667vw + 0rem);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -45%;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__img {
    width: 96px;
  }
}

.graduate-examples__name {
  width: 179px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px solid #858cdd;
  font-size: 16px;
  line-height: 1; /* 100% */
}
@media screen and (min-width: 900px) {
  .graduate-examples__name {
    padding-bottom: clamp(0.234375rem, 0.4166666667vw + 0rem, 0.4166666667vw + 0rem);
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__name {
    padding-bottom: 6px;
    font-size: 16px;
  }
}

.graduate-examples__body {
  display: none;
  padding: 0 21px 16px 16px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__body {
    display: block;
    padding: 0;
  }
}

.graduate-examples__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #868cd7;
}
@media screen and (min-width: 900px) {
  .graduate-examples__column {
    display: block;
  }
}

.graduate-examples__subhead-lists-sp {
  border-radius: 10px;
  background: #e3e3ff;
  width: 120px;
  height: 270px;
  padding: 17px 0 16px;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-lists-sp {
    display: none;
  }
}

.graduate-examples__subhead-lists-pc {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-lists-pc {
    display: block;
    border-radius: clamp(0.5333333333rem, 2.6666666667vw + 0rem, 1.5rem);
    background: #e3e3ff;
    width: clamp(6.7578125rem, 12.0138888889vw + 0rem, 12.0138888889vw + 0rem);
    height: clamp(16.25rem, 28.8888888889vw + 0rem, 28.8888888889vw + 0rem);
    padding: clamp(0.9066666667rem, 4.5333333333vw + 0rem, 2.55rem) 0 clamp(0.8533333333rem, 4.2666666667vw + 0rem, 2.4rem);
    text-align: center;
    padding: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem) 0 clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    color: #868cd7;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-lists-pc {
    border-radius: 10px;
    width: 173px;
    height: 416px;
    padding: 16px 0 24px;
  }
}

.graduate-examples__subhead-list-pc {
  font-size: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc {
    font-size: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc {
    font-size: 14px;
  }
}
.graduate-examples__subhead-list-pc:first-child {
  width: 72px;
  height: 72px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
  margin: 0 auto;
  background: #fff;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:first-child {
    width: clamp(2.8125rem, 5vw + 0rem, 5vw + 0rem);
    height: clamp(2.8125rem, 5vw + 0rem, 5vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:first-child {
    width: 72px;
    height: 72px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(2) {
  background: #fff;
  padding: 13px 0;
  margin-top: 30px;
  height: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(2) {
    margin-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
    height: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(2) {
    margin-top: 30px;
    height: 40px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(3) {
  margin-top: 17px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(3) {
    margin-top: clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(3) {
    margin-top: 17px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(4) {
  margin-top: 30px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(4) {
    margin-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(4) {
    margin-top: 30px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(5) {
  margin-top: 30px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(5) {
    margin-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(5) {
    margin-top: 30px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(6) {
  margin-top: 30px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(6) {
    margin-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(6) {
    margin-top: 30px;
  }
}
.graduate-examples__subhead-list-pc:nth-child(7) {
  margin: 30px auto 0;
  background: #fff;
  padding: 13px 0;
  width: 157px;
  border-radius: 100px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list-pc:nth-child(7) {
    margin: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem) auto 0;
    padding: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem) 0;
    width: clamp(6.1328125rem, 10.9027777778vw + 0rem, 10.9027777778vw + 0rem);
    border-radius: clamp(3.90625rem, 6.9444444444vw + 0rem, 6.9444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list-pc:nth-child(7) {
    margin: 30px auto 0;
    padding: 13px 0;
    width: 157px;
    border-radius: 100px;
  }
}

.graduate-examples__subhead-list {
  font-size: 14px;
  line-height: 1; /* 100% */
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list {
    font-size: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list {
    font-size: 14px;
  }
}
.graduate-examples__subhead-list:first-child {
  background: #fff;
  padding: 7px 0;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:first-child {
    padding: clamp(0.3733333333rem, 1.8666666667vw + 0rem, 1.05rem) 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:first-child {
    padding: 7px 0;
  }
}
.graduate-examples__subhead-list:nth-child(2) {
  margin-top: 17px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:nth-child(2) {
    margin-top: clamp(0.9066666667rem, 4.5333333333vw + 0rem, 2.55rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:nth-child(2) {
    margin-top: 17px;
  }
}
.graduate-examples__subhead-list:nth-child(3) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:nth-child(3) {
    margin-top: clamp(1.28rem, 6.4vw + 0rem, 3.6rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:nth-child(3) {
    margin-top: 24px;
  }
}
.graduate-examples__subhead-list:nth-child(4) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:nth-child(4) {
    margin-top: clamp(1.28rem, 6.4vw + 0rem, 3.6rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:nth-child(4) {
    margin-top: 24px;
  }
}
.graduate-examples__subhead-list:nth-child(5) {
  margin-top: 28px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:nth-child(5) {
    margin-top: clamp(1.4933333333rem, 7.4666666667vw + 0rem, 4.2rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:nth-child(5) {
    margin-top: 28px;
  }
}
.graduate-examples__subhead-list:nth-child(6) {
  margin: 28px auto 0;
  padding: 9px 0;
  background: #fff;
  border-radius: 100px;
  width: 79px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__subhead-list:nth-child(6) {
    margin: clamp(1.4933333333rem, 7.4666666667vw + 0rem, 4.2rem) auto 0;
    padding: clamp(0.48rem, 2.4vw + 0rem, 1.35rem) 0;
    border-radius: clamp(5.3333333333rem, 26.6666666667vw + 0rem, 15rem);
    width: clamp(4.2133333333rem, 21.0666666667vw + 0rem, 11.85rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__subhead-list:nth-child(6) {
    margin: 28px auto 0;
    padding: 9px 0;
    border-radius: 100px;
    width: 79px;
  }
}

.graduate-examples__lists {
  padding: 22px 0 16px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__lists {
    padding: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem) 0 clamp(0.8984375rem, 1.5972222222vw + 0rem, 1.5972222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__lists {
    padding: 16px 0 23px;
  }
}

.graduate-examples__list {
  text-align: center;
  font-size: 14px;
  line-height: 1; /* 100% */
  letter-spacing: 0.7px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list {
    font-size: clamp(0.7466666667rem, 3.7333333333vw + 0rem, 2.1rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list {
    font-size: 14px;
  }
}
.graduate-examples__list:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 1; /* 100% */
  letter-spacing: 0.8px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:first-child {
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    letter-spacing: 1.2px;
    padding: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem) 0;
    background: #e3e3ff;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:first-child {
    font-size: 24px;
    padding: 8px 0;
  }
}
.graduate-examples__list:nth-child(2) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(2) {
    margin-top: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(2) {
    margin-top: 8px;
    font-size: 20px;
  }
}
.graduate-examples__list:nth-child(3) {
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(3) {
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(3) {
    margin-top: 16px;
    font-size: 20px;
  }
}
.graduate-examples__list:nth-child(4) {
  margin-top: 20px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(4) {
    margin-top: clamp(0.644921875rem, 1.1465277778vw + 0rem, 1.1465277778vw + 0rem);
    font-size: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(4) {
    margin-top: 16.51px;
    font-size: 14px;
  }
}
.graduate-examples__list:nth-child(5) {
  margin-top: 12px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(5) {
    margin-top: clamp(0.916796875rem, 1.6298611111vw + 0rem, 1.6298611111vw + 0rem);
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    letter-spacing: 0.8px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(5) {
    margin-top: 23.47px;
    font-size: 16px;
  }
}
.graduate-examples__list:nth-child(5) span {
  color: #585858;
  font-size: 10px;
  font-weight: 400;
  line-height: 1; /* 100% */
  letter-spacing: 0.5px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(5) span {
    font-size: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(5) span {
    font-size: 10px;
  }
}
.graduate-examples__list:nth-child(6) {
  margin: 15px auto 0;
  width: 148px;
  height: 32px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1; /* 100% */
  letter-spacing: 0.8px;
  background: #868cd7;
  border-radius: 100px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list:nth-child(6) {
    margin-top: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    font-size: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    letter-spacing: 1.2px;
    width: clamp(7.1875rem, 12.7777777778vw + 0rem, 12.7777777778vw + 0rem);
    height: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list:nth-child(6) {
    margin-top: 24px;
    font-size: 24px;
    width: 184px;
    height: 40px;
  }
}

.graduate-examples__list-num {
  text-align: center;
  font-size: 14px;
  line-height: 1; /* 100% */
  letter-spacing: 0.7px;
  margin-top: 24px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list-num {
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    line-height: 1;
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list-num {
    font-size: 20px;
    margin-top: 16px;
  }
}

.graduate-examples__list--c {
  margin-top: 12px;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list--c {
    margin-top: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    letter-spacing: 0.8px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list--c {
    margin-top: 14px;
    font-size: 16px;
  }
}
.graduate-examples__list--c span {
  color: #585858;
  font-size: 10px;
  font-weight: 400;
  line-height: 1; /* 100% */
  letter-spacing: 0.5px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list--c span {
    font-size: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list--c span {
    font-size: 10px;
  }
}

.graduate-examples__list-bottom {
  margin-top: 3px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list-bottom {
    margin-top: clamp(0.15625rem, 0.2777777778vw + 0rem, 0.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list-bottom {
    margin-top: 4px;
  }
}

.graduate-examples__list-plus {
  font-size: 12px;
  line-height: 1; /* 100% */
  margin-top: 5px;
}
@media screen and (min-width: 900px) {
  .graduate-examples__list-plus {
    font-size: clamp(0.46875rem, 0.8333333333vw + 0rem, 0.8333333333vw + 0rem);
    margin-top: clamp(0.1953125rem, 0.3472222222vw + 0rem, 0.3472222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-examples__list-plus {
    font-size: 12px;
    margin-top: 5px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-salary {
  padding: 64px 24px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-salary {
    padding: clamp(3.90625rem, 6.9444444444vw + 0rem, 6.9444444444vw + 0rem) clamp(6.6015625rem, 11.7361111111vw + 0rem, 11.7361111111vw + 0rem) clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary {
    padding: 100px 169px 80px;
  }
}

.graduate-salary__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-salary__inner {
    width: min(100%, 1100px);
    margin-inline: auto;
  }
}

.graduate-salary__contents {
  margin-top: 40px;
  padding: 24px 30px 30px;
  border: 2px solid var(--Linear, #c370a9);
}
@media screen and (min-width: 900px) {
  .graduate-salary__contents {
    margin-top: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
    padding: clamp(1.6015625rem, 2.8472222222vw + 0rem, 2.8472222222vw + 0rem) clamp(1.953125rem, 3.4722222222vw + 0rem, 3.4722222222vw + 0rem) clamp(1.9140625rem, 3.4027777778vw + 0rem, 3.4027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__contents {
    margin-top: 40px;
    padding: 41px 50px 49px;
  }
}

@media screen and (min-width: 900px) {
  .graduate-salary__lists {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__lists {
    gap: 40px;
  }
}

.graduate-salary__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 267px;
  height: 53px;
  color: #fff;
  background: -webkit-linear-gradient(3deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%);
  background: linear-gradient(87deg, #cfcaf2 -597.02%, #dba7d7 -190.63%, #d4cef2 236.71%);
  font-size: 16px;
  margin-inline: auto;
}
.graduate-salary__list:not(:first-child) {
  margin-top: 8px;
}
@media screen and (min-width: 900px) {
  .graduate-salary__list:not(:first-child) {
    margin-top: 0;
  }
}
@media screen and (min-width: 900px) {
  .graduate-salary__list {
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    line-height: 1; /* 100% */
    height: clamp(2.0703125rem, 3.6805555556vw + 0rem, 3.6805555556vw + 0rem);
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-salary__list {
    font-size: 20px;
    height: 53px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-salary__list:first-child {
    width: 267px;
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-salary__list:first-child {
    width: 267px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-salary__list:nth-child(2) {
    width: 397px;
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-salary__list:nth-child(2) {
    width: 392px;
  }
}
@media screen and (min-width: 900px) {
  .graduate-salary__list:nth-child(3) {
    width: 262px;
  }
}
@media screen and (min-width: 900px) and (min-width: 1441px) {
  .graduate-salary__list:nth-child(3) {
    width: 262px;
  }
}

.graduate-salary__container {
  color: #c370a9;
}
@media screen and (min-width: 900px) {
  .graduate-salary__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__container {
    margin-top: 20px;
  }
}

.graduate-salary__money {
  font-size: 64px;
  font-weight: 900;
  line-height: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 900px) {
  .graduate-salary__money {
    font-size: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem);
    line-height: 1;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__money {
    font-size: 120px;
  }
}

.graduate-salary__yen {
  font-size: 36px;
  line-height: 1;
  margin-top: 23px;
}
@media screen and (min-width: 900px) {
  .graduate-salary__yen {
    font-size: clamp(2.8125rem, 5vw + 0rem, 5vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__yen {
    font-size: 72px;
  }
}

.graduate-salary__span {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 100% */
  margin-left: 8px;
  margin-top: 13px;
}
@media screen and (min-width: 900px) {
  .graduate-salary__span {
    font-size: clamp(1.25rem, 2.2222222222vw + 0rem, 2.2222222222vw + 0rem);
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__span {
    font-size: 32px;
    margin-left: 8px;
  }
}

.graduate-salary__plus {
  text-align: center;
}
@media screen and (min-width: 900px) {
  .graduate-salary__plus {
    padding-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
    margin-left: clamp(0.3125rem, 0.5555555556vw + 0rem, 0.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__plus {
    padding-top: 30px;
    margin-left: 8px;
  }
}

.graduate-salary__commission {
  margin: 24px auto 0;
  width: 82px;
  height: 26px;
}
.graduate-salary__commission svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .graduate-salary__commission {
    padding-top: clamp(1.171875rem, 2.0833333333vw + 0rem, 2.0833333333vw + 0rem);
    margin-left: clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
    margin-top: 0;
    margin-right: unset;
    width: unset;
    height: unset;
  }
  .graduate-salary__commission svg {
    width: clamp(3.75rem, 6.6666666667vw + 0rem, 6.6666666667vw + 0rem);
    height: clamp(1.2109375rem, 2.1527777778vw + 0rem, 2.1527777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salary__commission {
    padding-top: 30px;
    margin-left: 17px;
  }
  .graduate-salary__commission svg {
    width: 96px;
    height: 31px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-benefit {
  padding: 64px 24px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-benefit {
    padding: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem) clamp(4.765625rem, 8.4722222222vw + 0rem, 8.4722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit {
    padding: 120px 80px 122px;
  }
}

.graduate-benefit__balloon {
  position: absolute;
  top: -55px;
  right: -85px;
  width: 100px;
  height: auto;
}
@media screen and (min-width: 1440px) {
  .graduate-benefit__balloon {
    width: 200px;
    top: -100px;
    right: -180px;
  }
}

.graduate-benefit__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__inner {
    width: min(100%, 1282px);
    margin-inline: auto;
  }
}

.graduate-benefit__title {
  color: #858CDD;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

.graduate-benefit__lists {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem) clamp(0.6640625rem, 1.1805555556vw + 0rem, 1.1805555556vw + 0rem);
    margin-top: clamp(3.28125rem, 5.8333333333vw + 0rem, 5.8333333333vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__lists {
    gap: 16px 17px;
    margin-top: 84px;
  }
}

.graduate-benefit__list {
  padding: 14px 0 14px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  border-radius: 10px;
  border: 2px solid #858CDD;
  background: rgba(240, 240, 255, 0);
}
@media screen and (min-width: 900px) {
  .graduate-benefit__list {
    width: clamp(16.25rem, 28.8888888889vw + 0rem, 28.8888888889vw + 0rem);
    height: clamp(9.6484375rem, 17.1527777778vw + 0rem, 17.1527777778vw + 0rem);
    gap: clamp(2.34375rem, 4.1666666667vw + 0rem, 4.1666666667vw + 0rem);
    border-radius: clamp(0.390625rem, 0.6944444444vw + 0rem, 0.6944444444vw + 0rem);
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .graduate-benefit__list:nth-child(2) .graduate-benefit__heading {
    line-height: 1.363;
  }
  .graduate-benefit__list:nth-child(3) .graduate-benefit__heading {
    line-height: 1.363;
  }
  .graduate-benefit__list:nth-child(4) .graduate-benefit__heading {
    line-height: 1.363;
  }
  .graduate-benefit__list:nth-child(5) .graduate-benefit__heading {
    line-height: 1.363;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__list {
    width: 416px;
    height: 247px;
    gap: 60px;
    border-radius: 10px;
  }
}
.graduate-benefit__list:not(:first-child) {
  margin-top: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__list:not(:first-child) {
    margin-top: 0;
  }
}

@media screen and (min-width: 900px) {
  .graduate-benefit__img {
    width: clamp(2.1484375rem, 3.8194444444vw + 0rem, 3.8194444444vw + 0rem);
    height: clamp(2.1484375rem, 3.8194444444vw + 0rem, 3.8194444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__img {
    width: 55px;
    height: 55px;
  }
}

.graduate-benefit__heading {
  font-weight: 700;
  font-size: 16px;
  line-height: 2;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__heading {
    font-size: clamp(0.859375rem, 1.5277777778vw + 0rem, 1.5277777778vw + 0rem);
    line-height: 1.09;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__heading {
    font-size: 22px;
  }
}

.graduate-benefit__description {
  display: none;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__description {
    display: block;
    font-size: clamp(0.703125rem, 1.25vw + 0rem, 1.25vw + 0rem);
    line-height: 1.666; /* 166.667% */
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__description {
    font-size: 18px;
    margin-top: 16px;
  }
}

.graduate-benefit__lists--lower {
  margin-top: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-benefit__lists--lower {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(0.8203125rem, 1.4583333333vw + 0rem, 1.4583333333vw + 0rem);
    margin-top: clamp(0.5078125rem, 0.9027777778vw + 0rem, 0.9027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-benefit__lists--lower {
    gap: 21px;
    margin-top: 13px;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-recruitment {
  padding: 64px 24px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment {
    padding: clamp(5.9375rem, 10.5555555556vw + 0rem, 10.5555555556vw + 0rem) clamp(8.5546875rem, 15.2083333333vw + 0rem, 15.2083333333vw + 0rem) clamp(4.7265625rem, 8.4027777778vw + 0rem, 8.4027777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment {
    padding: 152px 219px 121px;
  }
}

.graduate-recruitment__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__inner {
    width: min(100%, 1000px);
    margin-inline: auto;
  }
}

.graduate-recruitment__title {
  color: #858CDD;
}

.graduate-recruitment__contents {
  margin-top: 48px;
  position: relative;
}
.graduate-recruitment__contents::after {
  position: absolute;
  content: "";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  left: 0;
  height: 2px;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(51%, #dba4d4), to(#d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
  background: linear-gradient(90deg, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__contents::after {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__contents {
    margin-top: clamp(4.140625rem, 7.3611111111vw + 0rem, 7.3611111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment__contents {
    margin-top: 106px;
  }
}

.graduate-recruitment__dl {
  padding: 24px 0 16px;
  position: relative;
  line-height: 1; /* 100% */
  font-size: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    gap: clamp(0.3515625rem, 0.625vw + 0rem, 0.625vw + 0rem);
    padding: 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .graduate-recruitment__dl:nth-child(n+4):nth-child(-n+9) {
    line-height: 1.875; /* 187.5% */
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment__dl {
    font-size: 16px;
    gap: 9px;
  }
}
.graduate-recruitment__dl::after {
  position: absolute;
  content: "";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  left: 0;
  height: 2px;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(51%, #dba4d4), to(#d3d5f6));
  background: -webkit-linear-gradient(left, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
  background: linear-gradient(90deg, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dl::after {
    display: none;
  }
}
.graduate-recruitment__dl:nth-child(5) dd {
  line-height: 2.18; /* 218.75% */
}
.graduate-recruitment__dl:nth-child(8) dd {
  line-height: 2.18; /* 218.75% */
}

.graduate-recruitment__dt {
  font-weight: 700;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dt {
    padding: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem) 0;
    position: relative;
    width: clamp(8.3984375rem, 14.9305555556vw + 0rem, 14.9305555556vw + 0rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .graduate-recruitment__dt::after {
    position: absolute;
    content: "";
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    left: 0;
    height: 2px;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(51%, #dba4d4), to(#d3d5f6));
    background: -webkit-linear-gradient(left, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
    background: linear-gradient(90deg, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment__dt {
    padding: 40px 0;
    width: 215px;
  }
}

.graduate-recruitment__dd {
  line-height: 1.875; /* 187.5% */
  margin-top: 16px;
}
.graduate-recruitment__dd a {
  font-size: 14px;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dd a {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment__dd a {
    font-size: 16px;
  }
}
.graduate-recruitment__dd .sp {
  display: inline-block !important;
  color: #c370a9;
  font-size: 16px;
  line-height: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.graduate-recruitment__dd .sp:hover {
  color: color-mix(in srgbdd, #c370a9, white 10%);
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dd .sp {
    display: none !important;
  }
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dd {
    margin-top: 0;
    padding: clamp(1.5625rem, 2.7777777778vw + 0rem, 2.7777777778vw + 0rem) 0;
    width: clamp(30.3515625rem, 53.9583333333vw + 0rem, 53.9583333333vw + 0rem);
    position: relative;
  }
  .graduate-recruitment__dd::after {
    position: absolute;
    content: "";
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    left: 0;
    height: 2px;
    bottom: 0;
    background: rgba(88, 88, 88, 0.3);
  }
  .graduate-recruitment__dd:first-child::before {
    position: absolute;
    content: "";
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    left: 0;
    height: 2px;
    top: 0;
    background: rgba(88, 88, 88, 0.3);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-recruitment__dd {
    padding: 40px 0;
    width: 777px;
  }
}

.graduate-recruitment__dd-line {
  line-height: 1;
}

@media screen and (min-width: 900px) {
  .graduate-recruitment__dt--first::before {
    position: absolute;
    content: "";
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    left: 0;
    height: 2px;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(#cecef4), color-stop(51%, #dba4d4), to(#d3d5f6));
    background: -webkit-linear-gradient(left, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
    background: linear-gradient(90deg, #cecef4 0%, #dba4d4 51%, #d3d5f6 100%);
  }
}

@media screen and (min-width: 900px) {
  .graduate-recruitment__dd--first::before {
    position: absolute;
    content: "";
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    left: 0;
    height: 2px;
    top: 0;
    background: rgba(88, 88, 88, 0.3);
  }
}

.graduate-recruitment__dd-custom {
  margin-left: 15px;
}
@media screen and (min-width: 900px) {
  .graduate-recruitment__dd-custom {
    margin-left: 0;
  }
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-profile {
  padding: 64px 24px;
  position: relative;
  background-color: rgba(249, 232, 247, 0.3);
}
@media screen and (min-width: 900px) {
  .graduate-profile {
    padding: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(13.203125rem, 23.4722222222vw + 0rem, 23.4722222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-profile {
    padding: 120px 338px;
  }
}

.graduate-profile__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-profile__inner {
    width: min(100%, 761px);
    margin-inline: auto;
  }
}

.graduate-profile__title {
  color: #858CDD;
}

.graduate-profile__contents {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  .graduate-profile__contents {
    margin-top: clamp(3.125rem, 5.5555555556vw + 0rem, 5.5555555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-profile__contents {
    margin-top: 80px;
  }
}

.graduate-profile__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  border-bottom: 1px solid #585858;
  font-size: 16px;
  line-height: 1; /* 100% */
}
.graduate-profile__dl:first-child {
  border-top: 1px solid #585858;
}
.graduate-profile__dl:nth-child(6) {
  line-height: 1.875;
}
@media screen and (min-width: 900px) {
  .graduate-profile__dl {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    padding: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem) 0;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-profile__dl {
    font-size: 16px;
    padding: 24px 0;
  }
}

.graduate-profile__dd {
  width: 119px;
  font-weight: 700;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .graduate-profile__dd {
    width: clamp(10.9375rem, 19.4444444444vw + 0rem, 19.4444444444vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-profile__dd {
    width: 280px;
  }
}

.graduate-profile__dt {
  font-weight: 500;
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-salon {
  padding: 64px 32px;
  position: relative;
}
@media screen and (min-width: 900px) {
  .graduate-salon {
    padding: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(8.59375rem, 15.2777777778vw + 0rem, 15.2777777778vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salon {
    padding: 120px 220px;
  }
}

.graduate-salon__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-salon__inner {
    width: min(100%, 1000px);
    margin-inline: auto;
  }
}

.graduate-salon__title {
  color: #858CDD;
}

.graduate-salon__lists {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  .graduate-salon__lists {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(2.421875rem, 4.3055555556vw + 0rem, 4.3055555556vw + 0rem) clamp(1.484375rem, 2.6388888889vw + 0rem, 2.6388888889vw + 0rem);
    margin-top: clamp(3.828125rem, 6.8055555556vw + 0rem, 6.8055555556vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salon__lists {
    gap: 62px 38px;
    margin-top: 98px;
  }
}

.graduate-salon__list {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.graduate-salon__list:hover {
  opacity: 0.7;
}
.graduate-salon__list:not(:first-child) {
  margin-top: 40px;
}
@media screen and (min-width: 900px) {
  .graduate-salon__list:not(:first-child) {
    margin-top: 0;
  }
}

.graduate-salon__link {
  color: #858CDD;
  font-size: 14px;
  position: relative;
  padding: 0 17px 3px;
  margin-left: auto;
  display: block;
  margin-top: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 204px;
  line-height: normal;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .graduate-salon__link {
    font-size: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    margin-top: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
    padding: 0;
    padding-bottom: clamp(0.1171875rem, 0.2083333333vw + 0rem, 0.2083333333vw + 0rem);
    width: clamp(7.96875rem, 14.1666666667vw + 0rem, 14.1666666667vw + 0rem);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salon__link {
    font-size: 14px;
    margin-top: 24px;
    padding-bottom: 3px;
    width: 204px;
  }
}
.graduate-salon__link::after {
  position: absolute;
  content: "";
  background: url("../img/graduate/graduate-salon_arrow.svg") no-repeat center center/cover;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 7px;
}
@media screen and (min-width: 900px) {
  .graduate-salon__link::after {
    width: 100%;
    height: clamp(0.2734375rem, 0.4861111111vw + 0rem, 0.4861111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-salon__link::after {
    height: 7px;
  }
}
.graduate-salon__link:hover {
  opacity: 0.7;
}

/*
===================================
SPレイアウト記述（0px～899px）
===================================
*/
/*
===================================
PCレイアウト記述（900px～）
===================================
*/
.graduate-qa {
  padding: 64px 24px;
  background: #f0f0ff;
}
@media screen and (min-width: 900px) {
  .graduate-qa {
    padding: clamp(4.6875rem, 8.3333333333vw + 0rem, 8.3333333333vw + 0rem) clamp(12.5rem, 22.2222222222vw + 0rem, 22.2222222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa {
    padding: 120px 320px;
  }
}

.graduate-qa__inner {
  width: min(100%, 500px);
  margin-inline: auto;
}
@media screen and (min-width: 900px) {
  .graduate-qa__inner {
    width: min(100%, 800px);
    margin-inline: auto;
  }
}

.graduate-qa__title {
  color: #858CDD;
}
@media screen and (min-width: 900px) {
  .graduate-qa__title {
    font-size: clamp(1.875rem, 3.3333333333vw + 0rem, 3.3333333333vw + 0rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1; /* 100% */
    letter-spacing: 4.8px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__title {
    font-size: 48px;
  }
}

.graduate-qa__boxes {
  margin-top: 48px;
}
@media screen and (min-width: 900px) {
  .graduate-qa__boxes {
    margin-top: clamp(2.3828125rem, 4.2361111111vw + 0rem, 4.2361111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__boxes {
    margin-top: 61px;
  }
}

.graduate-qa_box:not(:first-child) {
  margin-top: 16px;
}
@media screen and (min-width: 900px) {
  .graduate-qa_box:not(:first-child) {
    margin-top: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa_box:not(:first-child) {
    margin-top: 16px;
  }
}

.graduate-qa__head {
  background: #fff;
  position: relative;
  padding: 16px 60px 16px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 900px) {
  .graduate-qa__head {
    padding: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem) clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__head {
    padding: 16px 24px;
  }
}
.graduate-qa__head::before {
  position: absolute;
  content: "";
  background: #858CDD;
  width: 2px;
  height: 16px;
  right: 23px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
}
@media screen and (min-width: 900px) {
  .graduate-qa__head::before {
    width: clamp(0.078125rem, 0.1388888889vw + 0rem, 0.1388888889vw + 0rem);
    height: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    right: clamp(0.8984375rem, 1.5972222222vw + 0rem, 1.5972222222vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__head::before {
    width: 2px;
    height: 20px;
    right: 23px;
  }
}
.graduate-qa__head::after {
  position: absolute;
  content: "";
  background: #858CDD;
  width: 16px;
  right: 16px;
  height: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 900px) {
  .graduate-qa__head::after {
    width: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    right: clamp(0.546875rem, 0.9722222222vw + 0rem, 0.9722222222vw + 0rem);
    height: clamp(0.078125rem, 0.1388888889vw + 0rem, 0.1388888889vw + 0rem);
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__head::after {
    width: 20px;
    right: 14px;
    height: 2px;
  }
}
.graduate-qa__head.is-open {
  background: #858CDD;
  color: #fff;
}
.graduate-qa__head.is-open .graduate-qa__q {
  color: #fff;
}
.graduate-qa__head.is-open .graduate-qa__q-num {
  color: #fff;
}
.graduate-qa__head.is-open::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  background: #fff;
}
.graduate-qa__head.is-open::after {
  background: #fff;
}

.graduate-qa__q-num {
  font-family: "Josefin Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1; /* 100% */
  letter-spacing: 1.92px;
  margin-top: 4px;
  color: #858CDD;
  width: 48px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .graduate-qa__q-num {
    margin-top: 0;
    font-size: clamp(0.78125rem, 1.3888888889vw + 0rem, 1.3888888889vw + 0rem);
    letter-spacing: 2.4px;
    width: 9%;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__q-num {
    font-size: 20px;
  }
}

.graduate-qa__q {
  text-align: justify;
  font-size: 14px;
  line-height: 1.428; /* 142.857% */
  letter-spacing: 1.4px;
  color: #585858;
}
@media screen and (min-width: 900px) {
  .graduate-qa__q {
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    line-height: 1; /* 100% */
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__q {
    font-size: 16px;
  }
}

.graduate-qa__body {
  background: #fff;
  display: none;
}

.graduate-qa__a {
  padding: 24px 57px 24px 56px;
  text-align: justify;
  font-size: 14px;
  font-style: normal;
  line-height: 2.142; /* 214.286% */
  letter-spacing: 1.4px;
}
@media screen and (min-width: 900px) {
  .graduate-qa__a {
    padding: clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem) clamp(3.2421875rem, 5.7638888889vw + 0rem, 5.7638888889vw + 0rem) clamp(0.9375rem, 1.6666666667vw + 0rem, 1.6666666667vw + 0rem) clamp(3.59375rem, 6.3888888889vw + 0rem, 6.3888888889vw + 0rem);
    font-size: clamp(0.625rem, 1.1111111111vw + 0rem, 1.1111111111vw + 0rem);
    line-height: 1.875; /* 187.5% */
    letter-spacing: 1.6px;
  }
}
@media screen and (min-width: 1441px) {
  .graduate-qa__a {
    padding: 24px 83px 24px 92px;
    font-size: 16px;
  }
}/*# sourceMappingURL=graduate.css.map */