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

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

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

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

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

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

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

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

caption {
  text-align: left;
}

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

th {
  vertical-align: top;
  padding: 0;
  text-align: left;
}

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

/**
 * Add the correct display in IE 10.
 */
/*======================================================
# Media Query
====================================================== */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #222222;
  overflow-x: hidden;
}
body.no-scroll {
  overflow: hidden;
  position: relative;
  transition: 0.4s;
}
body.no-scroll::after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 3;
}

/*
main {
  overflow: hidden;
}
 */
img {
  vertical-align: bottom;
  width: 100%;
}

a {
  transition: 0.4s;
}

/*======================================================
# サムネイル
====================================================== */
/*======================================================
# 円
====================================================== */
/*======================================================
# アローアイコン
====================================================== */
.l-inner {
  padding: 0 10px;
  max-width: 1050px;
  margin: 0 auto;
}

.l-inner-blur {
  position: relative;
  z-index: 2;
}
.l-inner-blur::after, .l-inner-blur::before {
  position: absolute;
  content: "";
  top: 63px;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  backdrop-filter: blur(3px);
  z-index: -2;
}
.l-inner-blur.is-blur-fixed::before, .l-inner-blur.is-blur-fixed::after {
  position: fixed;
  top: 0;
}

.l-inner-blur::before {
  top: 90px;
  height: 100vh;
  z-index: -1;
  backdrop-filter: blur(3px);
}

.l-inner-blur::after {
  backdrop-filter: blur(50px);
  height: 102vh;
  top: 114px;
}
.l-inner-blur.-komuin::after {
  background-color: rgba(112, 187, 193, 0.1);
}
.l-inner-blur.-kouan::after {
  background-color: rgba(106, 163, 102, 0.1);
}
.l-inner-blur.-paramedic::after {
  background-color: rgba(234, 126, 110, 0.1);
}
.l-inner-blur.-kaikei::after {
  background-color: rgba(60, 87, 151, 0.1);
}
.l-inner-blur.-business::after {
  background-color: rgba(48, 153, 238, 0.1);
}
.l-inner-blur.-jouhou::after {
  background-color: rgba(55, 145, 109, 0.1);
}
.l-inner-blur.-creator::after {
  background-color: rgba(89, 183, 134, 0.1);
}
.l-inner-blur.-iryo::after {
  background-color: rgba(255, 177, 213, 0.1);
}
.l-inner-blur.-shika::after {
  background-color: rgba(188, 178, 153, 0.1);
}
.l-inner-blur.-hoiku::after {
  background-color: rgba(251, 155, 26, 0.1);
}
.l-inner-blur.-hukushi::after {
  background-color: rgba(90, 173, 65, 0.1);
}
.l-inner-blur.-kanko::after {
  background-color: rgba(139, 184, 1, 0.1);
}
.l-inner-blur.-bridal::after {
  background-color: rgba(241, 122, 194, 0.1);
}
.l-inner-blur.-beauty::after {
  background-color: rgba(250, 151, 183, 0.1);
}
.l-inner-blur.-hair::after {
  background-color: rgba(128, 25, 128, 0.1);
}
.l-inner-blur.-sports::after {
  background-color: rgba(251, 174, 0, 0.1);
}
.l-inner-blur.-anime::after {
  background-color: rgba(251, 122, 52, 0.1);
}
.l-inner-blur.-shika::after {
  background-color: rgba(188, 178, 153, 0.1);
}
.l-inner-blur.-seiyu::after {
  background-color: rgba(119, 196, 8, 0.1);
}
.l-inner-blur.-seika::after {
  background-color: rgba(210, 163, 0, 0.1);
}
.l-inner-blur.-jidousya::after {
  background-color: rgba(9, 7, 77, 0.1);
}
.l-inner-blur.-support::after {
  background-color: rgba(233, 253, 239, 0.3);
}
.l-inner-blur.-addmission::after {
  background-color: rgba(234, 248, 253, 0.3);
}
.l-inner-blur.-daigaku::after {
  background-color: rgba(100, 129, 252, 0.1);
}

.l-inner-blur2 {
  position: relative;
  z-index: 2;
  /* &::before, */
}
.l-inner-blur2::after {
  position: absolute;
  content: "";
  top: 190px;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  /*  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); */
  z-index: -2;
}
.l-inner-blur2 {
  /*  &::before {
    z-index: -1;
    backdrop-filter: blur(5px);
    top: 40px;
  } */
}
.l-inner-blur2.-neutral::after {
  background-color: rgba(131, 222, 215, 0.3);
}

.l-inner-md {
  padding: 0 27px;
}

.l-inner-top {
  padding: 0 10px 100px;
  max-width: 1050px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-inner-top {
    overflow: hidden;
  }
}
.l-header {
  height: 70px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999999;
  opacity: 1;
  transform: translateY(0);
  transition: 0.2s;
}
@media screen and (max-width: 768px) {
  .l-header {
    height: 45px;
  }
}
.l-header.hidden {
  opacity: 0;
  transform: translateY(-170%);
}

@media screen and (min-width: 769px) {
  .l-header {
    position: relative;
  }
}

.l-header__head,
.l-header__body {
  top: 0;
  position: fixed;
  opacity: 1;
  transform: translateY(0);
  transition: 0.5s;
  z-index: 99999;
}

@media screen and (max-width: 768px) {
  .l-header__body {
    top: 40px;
    width: 100%;
  }
}
.l-header__head.hidden,
.l-header__body.hidden {
  opacity: 0;
  transform: translateY(-120%);
}

.l-fixed__body.-top .l-header {
  top: 0;
}
.l-fixed__body.-top .l-header.scrolled {
  top: 0;
}
@media screen and (max-width: 768px) {
  .l-fixed__body.-top .l-header.scrolled {
    top: 0;
  }
}

.l-header__inner {
  display: flex;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .l-header__inner {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .l-header__head {
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 9;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .l-header__head {
    width: 100%;
    height: 40px;
    display: flex;
  }
}
.l-header__logo {
  background: #202451;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  border-radius: 0 0 20px 0;
  width: 143px;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.l-header__logo .sm {
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #202451;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 111px;
  height: 25px;
}
.l-header__logo .lg {
  font-size: 22px;
  line-height: 1.2272727273;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .l-header__logo {
    width: calc(100% - 59px);
    height: 100%;
    border-radius: unset;
    border: unset;
    flex-direction: row;
    gap: 13px;
  }
  .l-header__logo--flex {
    display: flex;
    gap: 10px;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo .sm {
    border-radius: 5px;
    font-size: 22px;
    letter-spacing: 0.5em;
    width: 153px;
    padding-left: 12px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo .lg {
    letter-spacing: 0.5em;
  }
}
.l-header__body {
  display: flex;
}
@media (min-width: 769px) {
  .l-header__body {
    position: fixed;
    right: 0;
    top: -1px;
    z-index: 9;
  }
}

.l-header__buttonbox {
  display: flex;
  /*  border: 2px solid #fff;
  border-radius: 0 0 20px 20px;
  overflow: hidden; */
}

@media screen and (max-width: 768px) {
  .l-header__buttonbox {
    width: 100%;
    overflow: hidden;
    height: 40px;
  }
}
.l-header__button {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 2px;
  border: 2px solid;
  background: #fff;
  border-radius: 0 0 20px 20px;
  border-top: 0;
  padding-bottom: 2px;
}
.l-header__button.-opencampus {
  width: 120px;
  border-color: #f7a700;
  color: #f7a700;
}
.l-header__button.-opencampus:hover {
  background: #f7a700;
  color: #fff;
}
.l-header__button.-request {
  width: 81px;
  border-color: #43cc7d;
  color: #43cc7d;
}
.l-header__button.-request:hover {
  background: #43cc7d;
  color: #fff;
}
.l-header__button.-contact {
  border-color: #b36cd3;
  color: #b36cd3;
  width: 81px;
}
.l-header__button.-contact:hover {
  background: #b36cd3;
  color: #fff;
}
.l-header__button p {
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .l-header__button {
    flex-direction: row;
    font-size: 12px;
    justify-content: flex-start;
    row-gap: unset;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 0 0 20px 20px;
    /*  &:before {
      content: "";
      position: absolute;
      left: 0;
      width: 40px;
      height: 100%;
      background: #000;
      border-radius: 0 40px 40px 0;
    }
    & svg {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 40px;
      margin: auto;
    } */
  }
  .l-header__button p {
    width: calc(100% - 40px);
    font-size: clamp(10px, 3vw, 16px);
  }
}
@media screen and (max-width: 768px) {
  .l-header__button.-opencampus {
    width: 40%;
    /* -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px; */
    /*     &:before {
      background: #f7a100;
    } */
  }
}
@media screen and (max-width: 768px) {
  .l-header__button.-request {
    width: 30%;
    /* -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px; */
    /*     &:before {
      background: #43cc7d;
    } */
  }
}
@media screen and (max-width: 768px) {
  .l-header__button.-contact {
    width: 30%;
    /* -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px; */
    /*     &:before {
      background: #b36cd3;
    } */
  }
}
.l-header__buttonimg {
  border-radius: 100%;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .l-header__buttonimg {
    width: 100%;
    border-radius: 0 100% 100% 0;
    width: 40px;
  }
}

.l-footer {
  width: 100%;
  padding: 0px 0px 20px;
  position: relative;
  z-index: 3;
  background: #202451;
  border-radius: 40px 40px 0 0;
}

.l-footer__inner {
  max-width: 1030px;
  padding: 50px 30px 0px;
  margin: 0 auto;
}

.l-footer__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  color: #fff;
  font-size: 10px;
  margin: 30px auto;
}
.l-footer__list a:nth-of-type(1), .l-footer__list a:nth-of-type(6) {
  width: 170px;
}
.l-footer__list a:nth-of-type(2), .l-footer__list a:nth-of-type(7) {
  width: 160px;
}
.l-footer__list a:nth-of-type(3), .l-footer__list a:nth-of-type(8) {
  width: 220px;
}
.l-footer__list a:nth-of-type(4), .l-footer__list a:nth-of-type(9) {
  width: 100px;
}

@media screen and (max-width: 768px) {
  .l-footer__list {
    flex-direction: column;
    font-size: 13px;
    margin: 26px auto 30px;
    gap: 16px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__list a:nth-of-type(1), .l-footer__list a:nth-of-type(6) {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__list a:nth-of-type(2), .l-footer__list a:nth-of-type(7) {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__list a:nth-of-type(3), .l-footer__list a:nth-of-type(8) {
    width: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__list a:nth-of-type(4), .l-footer__list a:nth-of-type(9) {
    width: auto;
  }
}
.l-footer small {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8333333333;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.l-footer.-komuin {
  background: #71bcc1;
}
.l-footer.-support {
  background: #13c775;
}
.l-footer.-support small {
  color: #000;
}
.l-footer.-addmission {
  background: #e9f8fd;
}
.l-footer.-addmission small {
  color: #000;
}

.l-fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  overflow: hidden;
}
.l-fixed.-neutral {
  background-color: #83ded7;
}
.l-fixed.-top {
  background-color: #83ded7;
}
.l-fixed.-komuin {
  background-color: #70bbc1;
  /*
  .c-course-headerbg2::after{
    background: linear-gradient(0deg, rgba(113, 188, 193, 0) 0%, rgb(113, 188, 193) 100%);
  }
  */
}
.l-fixed.-kouan {
  background-color: rgba(106, 163, 102, 0.2);
}
.l-fixed.-paramedic {
  background-color: rgba(234, 126, 110, 0.2);
}
.l-fixed.-kaikei {
  background-color: rgba(60, 87, 151, 0.2);
}
.l-fixed.-business {
  background-color: rgba(48, 153, 238, 0.2);
}
.l-fixed.-jouhou {
  background-color: rgba(55, 145, 109, 0.2);
}
.l-fixed.-creator {
  background-color: rgba(89, 183, 134, 0.2);
}
.l-fixed.-iryo {
  background-color: rgba(255, 167, 208, 0.5);
}
.l-fixed.-shika {
  background-color: #bcb299;
}
.l-fixed.-hoiku {
  background-color: rgba(251, 155, 26, 0.2);
}
.l-fixed.-hukushi {
  background-color: rgba(90, 173, 65, 0.2);
}
.l-fixed.-kanko {
  background-color: rgba(139, 184, 1, 0.2);
}
.l-fixed.-bridal {
  background-color: rgba(241, 122, 194, 0.2);
}
.l-fixed.-beauty {
  background-color: rgba(250, 151, 183, 0.2);
}
.l-fixed.-anime {
  background-color: rgba(251, 122, 52, 0.2);
}
.l-fixed.-hair {
  background-color: rgba(128, 25, 128, 0.2);
}
.l-fixed.-sports {
  background-color: rgba(251, 174, 0, 0.2);
}
.l-fixed.-seiyu {
  background-color: rgba(119, 196, 8, 0.2);
}
.l-fixed.-seika {
  background-color: rgba(210, 163, 0, 0.2);
}
.l-fixed.-jidousya {
  background-color: rgba(9, 7, 77, 0.1);
}
.l-fixed.-daigaku {
  background-color: rgba(100, 129, 252, 0.3);
}
.l-fixed.-support {
  background-color: #e9fdef;
}
.l-fixed.-addmission {
  background-color: #eaf8fd;
}
.l-fixed.-guide {
  background-color: #b9ecff;
}
.l-fixed.-japanese {
  background-color: rgba(164, 224, 146, 0.2);
}

.l-fixed__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-fixed__body {
  margin: 0 auto;
  position: relative;
  height: 100%;
  padding-top: 75px;
}
@media screen and (max-width: 768px) {
  .l-fixed__body {
    padding-top: 110px;
  }
}

.c-bread {
  background: rgba(255, 255, 255, 0.5);
  margin: 30px 0;
  padding: 10px 0;
  overflow-x: auto;
  white-space: nowrap;
  /* border: 1px solid rgba(255, 255, 255, 0.7); */
  /* position: fixed;
  z-index: 8;
  left: 0;
  top: 81px; */
  position: relative;
  z-index: 2;
  width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: 0.2s;
}
.c-bread.hidden {
  opacity: 0;
  transform: translateY(-100%);
}
.c-bread.scrolled {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .c-bread {
    padding: 7px 0;
    /* top: 90px; */
    height: 36px;
  }
}
.c-bread__list {
  display: flex;
  align-items: center;
  max-width: 1336px;
  padding: 0 30px;
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .c-bread__list {
    padding: 0 27px;
  }
}
.c-bread__item {
  color: #222;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8666666667;
}
.c-bread__item:last-of-type {
  padding-right: 27px;
}
.c-bread__item:not(:last-of-type) {
  padding-right: 17px;
  margin-right: 14px;
  position: relative;
}
.c-bread__item:not(:last-of-type)::after {
  position: absolute;
  content: "";
  background-color: #222;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  width: 6px;
  height: 6px;
}

@media screen and (max-width: 768px) {
  .c-bread__item {
    font-size: 12px;
    line-height: 1.8333333333;
  }
}
@media screen and (max-width: 768px) {
  .c-bread__item:not(:last-of-type) {
    padding-right: 12px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .c-bread__item:not(:last-of-type)::after {
    width: 4px;
    height: 4px;
  }
}
.c-fixbread {
  background: linear-gradient(90deg, #000, #000);
  border-radius: 0 15px 15px 0;
  position: fixed;
  left: 0;
  z-index: 100;
  bottom: -100px;
  transition: bottom 0.5s ease;
  padding: 15px 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);
}
.c-fixbread.-komuin {
  background: linear-gradient(90deg, rgb(76.8195121951, 169.7463414634, 177.1804878049), #70bbc1, #70bbc1);
}
.c-fixbread.-kouan {
  background: linear-gradient(90deg, rgb(83.8530612245, 133.6408163265, 80.3591836735), #6aa366, #6aa366);
}
.c-fixbread.-paramedic {
  background: linear-gradient(90deg, rgb(227.5481927711, 86.3674698795, 65.4518072289), #ea7e6e, #ea7e6e);
}
.c-fixbread.-kaikei {
  background: linear-gradient(90deg, rgb(45.4976303318, 65.971563981, 114.5023696682), #3c5797, #3c5797);
}
.c-fixbread.-business {
  background: linear-gradient(90deg, rgb(17.8348214286, 127.9910714286, 217.1651785714), #3099ee, #3099ee);
}
.c-fixbread.-jouhou {
  background: linear-gradient(90deg, rgb(40.975, 108.025, 81.205), #37916d, #37916d);
}
.c-fixbread.-creator {
  background: linear-gradient(90deg, rgb(66.8571428571, 154.1428571429, 108.6428571429), #59b786, #59b786);
}
.c-fixbread.-shika {
  background: linear-gradient(90deg, rgb(167.7810650888, 154.7633136095, 122.2189349112), #bcb299, #bcb299);
}
.c-fixbread.-iryo {
  background: linear-gradient(90deg, rgb(255, 141.5, 194.3806818182), #ffa7d0, #ffa7d0);
}
.c-fixbread.-hoiku {
  background: linear-gradient(90deg, rgb(222.1201716738, 129.0042918455, 3.8798283262), #fb9b1a, #fb9b1a);
}
.c-fixbread.-hukushi {
  background: linear-gradient(90deg, rgb(70.7142857143, 135.9285714286, 51.0714285714), #5aad41, #5aad41);
}
.c-fixbread.-beauty {
  background: linear-gradient(90deg, rgb(247.6605504587, 102.3394495413, 149.3119266055), #fa97b7, #fa97b7);
}
.c-fixbread.-hair {
  background: linear-gradient(90deg, rgb(85.3333333333, 16.6666666667, 85.3333333333), #801980, #801980);
}
.c-fixbread.-sports {
  background: linear-gradient(90deg, rgb(200, 138.6454183267, 0), #fbae00, #fbae00);
}
.c-fixbread.-anime {
  background: linear-gradient(90deg, rgb(247.1304347826, 90.0869565217, 4.8695652174), #fb7a34, #fb7a34);
}
.c-fixbread.-seiyu {
  background: linear-gradient(90deg, rgb(104.125, 171.5, 7), #77c408, #77c408);
}
.c-fixbread.-seika {
  background: linear-gradient(90deg, rgb(159, 123.4142857143, 0), #d2a300, #d2a300);
}
.c-fixbread.-jidousya {
  background: linear-gradient(90deg, rgb(7.3607142857, 5.725, 62.975), #09074d, #09074d);
}
.c-fixbread.show {
  bottom: 20px;
}

.c-fixbread__item {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.c-nav {
  background: #202451;
  border-radius: 0 0 0 20px;
  position: fixed;
  /* z-index: 10;
  right: -100%;
  top: -1px;
  width: 100%; */
  transition: 0.7s;
  right: -100vw;
  z-index: 99999;
  top: -41px;
  width: calc(100% - 7px);
}
@media screen and (min-width: 769px) {
  .c-nav {
    width: 100vw;
    top: -1px;
  }
}
.c-nav.in {
  right: 0;
}

@media screen and (max-width: 768px) {
  .c-nav.in {
    right: -7px;
  }
}
.c-nav__inner {
  max-width: 1030px;
  padding: 11px 30px 70px;
  margin: 0 auto;
  max-height: 100vh;
  overflow-x: auto;
}

@media screen and (max-width: 768px) {
  .c-nav__inner {
    padding: 26px 27px 150px 20px;
    /* height: 721px; */
  }
}
.c-nav__list {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2307692308;
  margin-left: -36px;
  margin-top: 35px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .c-nav__list {
    flex-direction: column;
    margin-left: unset;
  }
}
.c-nav__list3 {
  display: none;
}

.c-nav__item {
  width: calc(33.33333% - 36px);
  margin-left: 36px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #fff;
  height: -moz-fit-content;
  height: fit-content;
}
.c-nav__item:nth-child(-n+1) {
  border-top: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .c-nav__item:nth-child(-n+3) {
    border-top: 1px solid #fff;
  }
}

@media screen and (max-width: 768px) {
  .c-nav__item {
    width: 100%;
    margin-left: unset;
  }
}
.c-nav__item--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 1px solid #fff; */
  /*   padding: 11px 0; */
  height: 50px;
}
.c-nav__item--flex a {
  padding: 11px 0;
  width: calc(100% - 50px);
  display: flex;
  min-height: 50px;
  align-items: center;
}

.c-nav__item--a {
  display: none;
  width: 100%;
}
.c-nav__item--a::after {
  position: absolute;
  content: "";
  background: #202451;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: calc(100% + 72px);
  height: calc(100% + 70px);
  border-radius: 20px;
  z-index: -1;
}

.c-nav__item--q2.active .c-nav__item--flex .close .plus {
  display: none;
}
.c-nav__item--q2.active .c-nav__item--flex .close .minus {
  display: block;
  padding-bottom: 5px;
  padding-right: 1px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.c-nav__item--q2.active .close {
  background-color: #fff;
}
.c-nav__item--q2.active .close .minus {
  color: #00b3ff;
}

.c-nav__item--q2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  border-left: 1px dotted rgba(255, 255, 255, 0.8);
}
.c-nav__item--q2 .c-nav__item--flex {
  justify-content: center;
}

.c-nav__list2 {
  padding-left: 20px;
  border-top: 1px dashed #fff;
}

.c-nav__item2 {
  border-top: 1px dashed #fff;
}
.c-nav__item2 > a {
  display: flex;
  align-items: center;
  height: 50px;
}

.c-nav__item2:first-child {
  border-top: none;
}

.c-nav__item2--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* border-bottom: 1px solid #fff; */
  height: 50px;
  padding: 0px 20px;
}
.c-nav__item2--flex.active .close .plus {
  display: none;
}
.c-nav__item2--flex.active .close .minus {
  display: block;
  padding-bottom: 5px;
  padding-right: 1px;
}

.c-nav__item3 {
  background: #104da3;
  border-top: 1px dashed #fff;
}
.c-nav__item3 > a {
  /* border-bottom: 1px solid #fff; */
  padding: 11px 0;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 40px;
}

.c-nav .close {
  border: 1px solid #fff;
  border-radius: 50px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  line-height: 1;
  font-weight: 400;
}
.c-nav .close .plus {
  display: block;
  padding-bottom: 2px;
}
.c-nav .close .minus {
  display: none;
}
.c-nav .close svg {
  padding-bottom: 1px;
}

.c-nav__buttonbox {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

@media screen and (max-width: 768px) {
  .c-nav__buttonbox {
    flex-wrap: wrap;
    gap: 20px 10px;
  }
}
.c-nav__button {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  height: 45px;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 0 20px 0 20px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 15px;
  font-weight: 700;
}
.c-nav__button.-opencampus {
  background: #fff;
  color: #f8a100;
  border-color: #f8a100;
}
.c-nav__button.-opencampus svg path {
  fill: #f8a100;
}
.c-nav__button.-opencampus svg text {
  fill: #fff;
}
.c-nav__button.-request {
  background: #fff;
  color: #43cc7d;
  border-color: #43cc7d;
  width: 160px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-nav__button.-request svg path {
  fill: #43cc7d;
}
.c-nav__button.-request svg text {
  fill: #fff;
}
.c-nav__button.-contact {
  background: #fff;
  color: #b36dd3;
  border-color: #b36dd3;
  width: 160px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.c-nav__button.-contact svg path {
  fill: #b36dd3;
}
.c-nav__button.-contact svg text {
  fill: #fff;
}
.c-nav__button:hover {
  background: #fff;
}
.c-nav__button:hover.-opencampus {
  color: #fff;
  background: #f8a100;
}
.c-nav__button:hover.-opencampus svg path {
  fill: #fff;
}
.c-nav__button:hover.-opencampus svg text {
  fill: #f8a100;
}
.c-nav__button:hover.-request {
  color: #fff;
  background: #43cc7d;
}
.c-nav__button:hover.-request svg path {
  fill: #fff;
}
.c-nav__button:hover.-request svg text {
  fill: #43cc7d;
}
.c-nav__button:hover.-contact {
  color: #fff;
  background: #b36dd3;
}
.c-nav__button:hover.-contact svg path {
  fill: #fff;
}
.c-nav__button:hover.-contact svg text {
  fill: #b36dd3;
}

@media screen and (max-width: 768px) {
  .c-nav__button {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__button.-opencampus {
    flex-grow: 1;
  }
}
@media screen and (max-width: 768px) {
  .c-nav__button.-request {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 768px) {
  .c-nav__button.-contact {
    width: calc(50% - 5px);
    padding: 0 15px 0 15px;
  }
}
.c-nav.-footer {
  position: unset;
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.c-nav.-footer .c-nav__inner {
  max-width: 1030px;
  padding: 50px 30px 0px;
  margin: 0 auto;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  overflow: hidden;
}
.c-nav.-footer .c-nav__list {
  margin-top: unset;
}
.c-nav.-footer .c-nav__item--a {
  position: unset;
}

@media screen and (max-width: 768px) {
  .c-nav.-footer .c-nav__inner {
    padding: 50px 27px 19px 27px;
  }
}
.c-burger {
  width: 72px;
  background: #202451;
  border-radius: 0 0 0 20px;
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  width: 72px;
  height: 71px;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}
.c-burger:hover {
  background: #fff;
  border-color: #202451;
}

.c-burger:hover .c-burger__text {
  color: #202451;
}

@media screen and (max-width: 768px) {
  .c-burger {
    width: 59px;
    height: 40px;
    border: unset;
    border-left: 1px solid #fff;
    border-radius: unset;
    transition: 0.4s;
  }
}
@media screen and (max-width: 768px) {
  .c-burger.c-burger-nav:hover .c-burger--top,
  .c-burger.c-burger-nav:hover .c-burger--bottom {
    background: #fff;
  }
}
.c-burger--top,
.c-burger--mid,
.c-burger--mid-2,
.c-burger--bottom {
  position: absolute;
  width: 39px;
  height: 3px;
  background: #fff;
  display: block;
  left: 15px;
}

.c-burger {
  transition: 0.4s;
}
.c-burger:hover .c-burger--top,
.c-burger:hover .c-burger--mid,
.c-burger:hover .c-burger--mid-2,
.c-burger:hover .c-burger--bottom {
  background: #202451;
}

@media screen and (max-width: 768px) {
  .c-burger--top,
  .c-burger--mid,
  .c-burger--mid-2,
  .c-burger--bottom {
    width: 32px;
    height: 2px;
  }
}
.c-burger--top {
  top: 9px;
}

@media screen and (max-width: 768px) {
  .c-burger--top {
    top: 9px;
  }
}
.c-burger--mid {
  top: 32%;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .c-burger--mid {
    top: 39%;
    /* top: 16px;
    -webkit-transform: unset;
    transform: unset; */
  }
}
.c-burger--mid-2 {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-burger--mid-2 {
    display: block;
    bottom: 15px;
  }
}
.c-burger--bottom {
  bottom: 35px;
}

@media screen and (max-width: 768px) {
  .c-burger--bottom {
    bottom: 17px;
  }
}
.c-burger-nav {
  border: unset;
  margin-left: auto;
}
.c-burger-nav .c-burger--top {
  rotate: 45deg;
  top: 34px;
}
.c-burger-nav .c-burger--bottom {
  rotate: -45deg;
  width: 39px;
  bottom: 34px;
}

@media screen and (max-width: 768px) {
  .c-burger-nav .c-burger--top {
    top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .c-burger-nav .c-burger--bottom {
    width: 32px;
    bottom: 13px;
  }
}
.c-contents-bg {
  background: #fff;
  border-radius: 20px;
}
.c-contents-bg.-rn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.c-contents-bg.-department {
  background: #e9fcfa;
}
.c-contents-bg.-neutral {
  background: #dcfaf8;
}
.c-contents-bg.-reco {
  background: #ebf6ff;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.c-contents-title {
  font-size: 25px;
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  padding-bottom: 16px;
  color: #000000;
  /* max-width: 315px; */
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.c-contents-title.-opencampus {
  border-bottom: #f7a200 2px solid;
}
.c-contents-title.-support {
  border-bottom: #13c775 2px solid;
}
.c-contents-title.-admission {
  border-bottom: #90bbff 2px solid;
}

.c-inner-title {
  color: #434343;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #70bbc1;
}

.c-inner-title__guide {
  color: #434343;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #00b4f7;
}

.c-school {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c-school__head,
.c-school__head2 {
  width: calc(100% - 40px);
  background: #f4fffe;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 768px) {
  .c-school__head2 {
    width: 100%;
  }
  .c-school__head2 + .c-school__list {
    margin-top: -1px;
    border-radius: 0 0 10px 10px;
    padding: 0px 22px 30px;
  }
}
.c-school__title {
  font-size: 16px;
  line-height: 1.2222222222;
  font-weight: 500;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: #000 1px solid;
  position: relative;
  margin-bottom: 4px;
  padding-left: 36px;
  color: #000;
}
.c-school__title::after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #000;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  width: 8px;
  height: 6px;
}
.c-school__title::before {
  position: absolute;
  content: "";
  background-image: url(../images/icon-school.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 36%;
  transform: translateY(-50%);
  width: 19px;
  height: 18px;
}

.c-school__list {
  background: #f4fffe;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px 30px;
  margin-top: -10px;
  color: #000;
  max-width: 680px;
  padding: 30px 40px;
}
@media screen and (max-width: 768px) {
  .c-school__list {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 768px) {
  .c-school__list {
    padding: 30px 20px 30px;
  }
}
.c-school__region {
  border: rgba(0, 0, 0, 0.03) 1px solid;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.06);
}
.c-school__region + .c-school__region {
  margin-top: 12px;
}

.c-school__regionitem {
  font-size: 20px;
  line-height: 1.2941176471;
  font-weight: 500;
  padding: 22px 51px 22px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background: #f9e2da; */
  background: #fff;
  cursor: pointer;
  position: relative;
}
.c-school__regionitem span {
  background: #82ddd6;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1.8333333333;
  font-weight: 500;
  width: 47px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-school__regionitem::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow_black.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 30px;
  top: 41%;
  transform: translateY(-50%);
  height: 16px;
  width: 10px;
  rotate: 90deg;
}
.c-school__regionitem.active {
  /*
  border-radius: 20px 20px 0 0; */
  border-bottom: #b9b9b9 1px solid;
}
.c-school__regionitem.active::before {
  position: absolute;
  content: "";
  left: 20px;
  bottom: -13px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  /* background: #f9e2da; */
  background: #fff;
  width: 34px;
  height: 14px;
}
.c-school__regionitem.active::after {
  rotate: -90deg;
  right: 14px;
  top: 38%;
}

@media screen and (max-width: 768px) {
  .c-school__regionitem::after {
    right: 26px;
  }
}
@media screen and (max-width: 768px) {
  .c-school__regionitem.active::after {
    right: 12px;
  }
}
.c-school__reception {
  position: relative;
  padding: 25px 40px 25px 54px;
  line-height: 1.5;
  font-weight: 400;
  border-bottom: #b9b9b9 1px solid;
  font-size: 15px;
}

.c-school__reception__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.c-school__pref {
  display: none;
}

.c-school__prefitem {
  font-size: 17px;
  line-height: 1.2941176471;
  font-weight: 500;
  cursor: pointer;
}
.c-school__prefitem span {
  border-bottom: #b9b9b9 1px solid;
  display: flex;
  padding: 20px 37px;
  background: #f2f2f2;
  position: relative;
  box-shadow: inset 0px 5px 10px 0px rgba(20, 11, 43, 0.06);
}
.c-school__prefitem span::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow_black.png);
  background-size: contain;
  background-repeat: no-repeat;
  rotate: 90deg;
  right: 44px;
  top: 40%;
  transform: translateY(-50%);
  height: 16px;
  width: 10px;
}
.c-school__prefitem.active:last-of-type span {
  border-radius: 0 0 0 0;
}
.c-school__prefitem.active span {
  box-shadow: 0px 5px 10px 0px rgba(20, 11, 43, 0.06);
}
.c-school__prefitem.active span::before {
  position: absolute;
  content: "";
  left: 37px;
  bottom: -14px;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #f2f2f2;
  width: 34px;
  height: 14px;
}
.c-school__prefitem.active span::after {
  rotate: -90deg;
  right: 29px;
  top: 36%;
}
.c-school__prefitem table {
  width: 100%;
}
.c-school__prefitem table th {
  font-size: 17px;
  line-height: 1.2941176471;
  font-weight: 500;
  padding: 22px 37px 22px 54px;
  border-bottom: #b9b9b9 1px solid;
  background: #e2e2e2;
}
.c-school__prefitem table td {
  background: #d7d7d7;
}
.c-school__prefitem table td .js_school_linfo_link {
  font-size: 17px;
  line-height: 1.2941176471;
  font-weight: 500;
  border-bottom: #b9b9b9 1px solid;
}
.c-school__prefitem table td .c-icontext.u-txt-bold a {
  position: relative;
  padding: 12px 40px 12px 71px;
  display: flex;
  align-items: center;
  min-height: 67px;
  transition: 0.4s;
}
.c-school__prefitem table td .c-icontext.u-txt-bold a:hover {
  opacity: 0.7;
}
.c-school__prefitem table td .c-icontext.u-txt-bold a::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-link.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 10px;
  height: 10px;
}
.c-school__prefitem table td .c-icontext2.u-txt-bold a {
  padding: 12px 40px 12px 54px;
  display: flex;
  align-items: center;
  min-height: 67px;
  transition: 0.4s;
}
.c-school__prefitem table td .c-icontext2.u-txt-bold a:hover {
  opacity: 0.7;
}
.c-school__prefitem table td .c-caption {
  display: block;
  font-size: 12px;
  padding: 0px 40px 12px 71px;
}

@media screen and (max-width: 768px) {
  .c-school__prefitem span {
    padding: 22px 29px 22px 24px;
  }
  .c-school__prefitem table th {
    padding: 22px 37px 22px 27px;
  }
  .c-school__prefitem table td .c-icontext.u-txt-bold a {
    padding: 12px 40px 12px 30px;
  }
  .c-school__prefitem table td .c-caption {
    padding: 0px 40px 12px 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-school__prefitem span::after {
    right: 34px;
  }
}
@media screen and (max-width: 768px) {
  .c-school__prefitem.active span::after {
    right: 19px;
  }
}
.c-school__prefcontent {
  display: none;
}

.c-school__nameitem {
  background: #ededed;
  font-size: 17px;
  line-height: 1.2941176471;
  font-weight: 500;
  border-top: #b9b9b9 1px solid;
}
.c-school__nameitem:last-of-type {
  border-radius: 0 0 10px 10px;
}
.c-school__nameitem a,
.c-school__nameitem p {
  display: block;
  width: 100%;
  height: 100%;
  padding: 22px 20px 22px calc(20px + 2em);
}

.c-course-headerbg {
  width: 100%;
  height: 587px;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-course-headerbg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .c-course-headerbg {
    /* height: 383px; */
    height: 418px;
  }
}
.c-course-headerbg2 {
  width: 100%;
  height: 750px;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-course-headerbg2::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  height: 320px;
}
.c-course-headerbg2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .c-course-headerbg2 {
    height: 547px;
  }
}
@media screen and (max-width: 768px) {
  .c-course-headerbg2::after {
    height: 190px;
  }
}
@media screen and (max-width: 768px) {
  .c-course-headerbg2 img {
    border-radius: 0 0 20px 20px;
  }
}
.c-course-header {
  max-width: 1336px;
  margin: 0 auto;
  padding: 0;
  display: block;
  border-radius: 20px 20px 0 0;
  /* margin-top: 450px; */
  margin-top: 365px;
}

@media screen and (max-width: 768px) {
  .c-course-header {
    /* margin-top: 330px; */
    margin-top: 195px;
  }
}
.c-course-header__inner {
  max-width: 879px;
  padding: 15px 10px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-course-header__inner {
    padding: 15px 10px;
  }
}
.c-course-header__title {
  font-weight: 700;
  color: #fff;
}

.c-course-header__title--lg {
  font-size: 45px;
  line-height: 1.4545454545;
  display: block;
}

@media screen and (max-width: 768px) {
  .c-course-header__title--lg {
    font-size: 27px;
    line-height: 1.2;
  }
  .c-course-header3 .c-course-header__title--lg {
    font-size: 35px;
  }
}
.c-course-header__title--sm {
  font-size: 25px;
  line-height: unset;
  display: block;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .c-course-header__title--sm {
    font-size: 15px;
    line-height: unset;
  }
}
.c-course-header2 {
  max-width: 1336px;
  padding: 132px 117px 0;
  height: 508px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
}

@media (max-width: 1000px) and (min-width: 769px) {
  .c-course-header2 {
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-course-header2 {
    padding: 65px 27px 0;
    height: 295px;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 42px;
  }
}
.c-course-header2__title {
  font-weight: 700;
  color: #fff;
  border: 3px solid;
  border-radius: 30px;
  padding: 28px 42px;
}

@media screen and (max-width: 768px) {
  .c-course-header2__title {
    padding: 21px 28px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.c-course-header2__title--lg {
  font-size: 40px;
  line-height: 1.5;
  display: block;
}

@media screen and (max-width: 768px) {
  .c-course-header2__title--lg {
    font-size: 34px;
    line-height: 1.4411764706;
  }
}
.c-course-header2__title.-komuin {
  background: linear-gradient(90deg, rgb(71, 173, 181) 0%, rgba(255, 255, 255, 0) 100%);
}

.c-course-header2__circle {
  width: 292px;
  height: 292px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .c-course-header2__circle {
    width: 184px;
    height: 184px;
    margin-left: auto;
  }
}
.c-course-header2__circle--lead {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
  color: #000;
}

@media screen and (max-width: 768px) {
  .c-course-header2__circle--lead {
    font-size: 12px;
    line-height: 1.4166666667;
    padding-top: 8px;
  }
}
.c-course-header2__circle--text {
  width: 235px;
  text-align: center;
  padding-bottom: 12px;
  margin-top: 48px;
}
.c-course-header2__circle--text .lg {
  font-weight: 700;
  font-size: 96px;
  letter-spacing: -0.065em;
  line-height: 0;
  display: inline-block;
}
.c-course-header2__circle--text .sm {
  font-weight: 700;
  font-size: 23px;
  display: inline-block;
  margin-left: 8px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .c-course-header2__circle--text {
    width: 152px;
    padding-bottom: 5px;
    margin-top: 28px;
  }
}
@media screen and (max-width: 768px) {
  .c-course-header2__circle--text .lg {
    font-size: 61px;
  }
}
@media screen and (max-width: 768px) {
  .c-course-header2__circle--text .sm {
    font-size: 16px;
    margin-left: 3px;
  }
}
.c-course-header2__circle--small {
  color: #777777;
  text-align: center;
  font-size: 12px;
  margin-top: 10px;
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .c-course-header2__circle--small {
    font-size: 8px;
    line-height: 1.375;
    margin-top: 6px;
  }
}
.c-course-header2__circle.-komuin {
  border: 8px solid #70bbc1;
}
.c-course-header2__circle.-komuin .c-course-header2__circle--text {
  border-bottom: 3px solid #70bbc1;
}
.c-course-header2__circle.-komuin .c-course-header2__circle--text .lg {
  color: #70bbc1;
}
.c-course-header2__circle.-kouan {
  border: 8px solid #6aa366;
}
.c-course-header2__circle.-kouan .c-course-header2__circle--text {
  border-bottom: 3px solid #6aa366;
}
.c-course-header2__circle.-kouan .c-course-header2__circle--text .lg {
  color: #6aa366;
}
.c-course-header2__circle.-paramedic {
  border: 8px solid #ea7e6e;
}
.c-course-header2__circle.-paramedic .c-course-header2__circle--text {
  border-bottom: 3px solid #ea7e6e;
}
.c-course-header2__circle.-paramedic .c-course-header2__circle--text .lg {
  color: #ea7e6e;
}
.c-course-header2__circle.-kaikei {
  border: 8px solid #3c5797;
}
.c-course-header2__circle.-kaikei .c-course-header2__circle--text {
  border-bottom: 3px solid #3c5797;
}
.c-course-header2__circle.-kaikei .c-course-header2__circle--text .lg {
  color: #3c5797;
}
.c-course-header2__circle.-business {
  border: 8px solid #3099ee;
}
.c-course-header2__circle.-business .c-course-header2__circle--text {
  border-bottom: 3px solid #3099ee;
}
.c-course-header2__circle.-business .c-course-header2__circle--text .lg {
  color: #3099ee;
}
.c-course-header2__circle.-jouhou {
  border: 8px solid #37916d;
}
.c-course-header2__circle.-jouhou .c-course-header2__circle--text {
  border-bottom: 3px solid #37916d;
}
.c-course-header2__circle.-jouhou .c-course-header2__circle--text .lg {
  color: #37916d;
}
.c-course-header2__circle.-creator {
  border: 8px solid #59b786;
}
.c-course-header2__circle.-creator .c-course-header2__circle--text {
  border-bottom: 3px solid #59b786;
}
.c-course-header2__circle.-creator .c-course-header2__circle--text .lg {
  color: #59b786;
}
.c-course-header2__circle.-iryo {
  border: 8px solid #ffa7d0;
}
.c-course-header2__circle.-iryo .c-course-header2__circle--text {
  border-bottom: 3px solid #ffa7d0;
}
.c-course-header2__circle.-iryo .c-course-header2__circle--text .lg {
  color: #ffa7d0;
}
.c-course-header2__circle.-shika {
  border: 8px solid #bcb299;
}
.c-course-header2__circle.-shika .c-course-header2__circle--text {
  border-bottom: 3px solid #bcb299;
}
.c-course-header2__circle.-shika .c-course-header2__circle--text .lg {
  color: #bcb299;
}
.c-course-header2__circle.-hoiku {
  border: 8px solid #fb9b1a;
}
.c-course-header2__circle.-hoiku .c-course-header2__circle--text {
  border-bottom: 3px solid #fb9b1a;
}
.c-course-header2__circle.-hoiku .c-course-header2__circle--text .lg {
  color: #fb9b1a;
}
.c-course-header2__circle.-hukushi {
  border: 8px solid #5aad41;
}
.c-course-header2__circle.-hukushi .c-course-header2__circle--text {
  border-bottom: 3px solid #5aad41;
}
.c-course-header2__circle.-hukushi .c-course-header2__circle--text .lg {
  color: #5aad41;
}
.c-course-header2__circle.-kanko {
  border: 8px solid #8bb801;
}
.c-course-header2__circle.-kanko .c-course-header2__circle--text {
  border-bottom: 3px solid #8bb801;
}
.c-course-header2__circle.-kanko .c-course-header2__circle--text .lg {
  color: #8bb801;
}
.c-course-header2__circle.-bridal {
  border: 8px solid #f17ac2;
}
.c-course-header2__circle.-bridal .c-course-header2__circle--text {
  border-bottom: 3px solid #f17ac2;
}
.c-course-header2__circle.-bridal .c-course-header2__circle--text .lg {
  color: #f17ac2;
}
.c-course-header2__circle.-beauty {
  border: 8px solid #fa97b7;
}
.c-course-header2__circle.-beauty .c-course-header2__circle--text {
  border-bottom: 3px solid #fa97b7;
}
.c-course-header2__circle.-beauty .c-course-header2__circle--text .lg {
  color: #fa97b7;
}
.c-course-header2__circle.-anime {
  border: 8px solid #fb7a34;
}
.c-course-header2__circle.-anime .c-course-header2__circle--text {
  border-bottom: 3px solid #fb7a34;
}
.c-course-header2__circle.-anime .c-course-header2__circle--text .lg {
  color: #fb7a34;
}
.c-course-header2__circle.-hair {
  border: 8px solid #801980;
}
.c-course-header2__circle.-hair .c-course-header2__circle--text {
  border-bottom: 3px solid #801980;
}
.c-course-header2__circle.-hair .c-course-header2__circle--text .lg {
  color: #801980;
}
.c-course-header2__circle.-sports {
  border: 8px solid #fbae00;
}
.c-course-header2__circle.-sports .c-course-header2__circle--text {
  border-bottom: 3px solid #fbae00;
}
.c-course-header2__circle.-sports .c-course-header2__circle--text .lg {
  color: #fbae00;
}
.c-course-header2__circle.-shika {
  border: 8px solid #bcb299;
}
.c-course-header2__circle.-shika .c-course-header2__circle--text {
  border-bottom: 3px solid #bcb299;
}
.c-course-header2__circle.-shika .c-course-header2__circle--text .lg {
  color: #bcb299;
}
.c-course-header2__circle.-seiyu {
  border: 8px solid #77c408;
}
.c-course-header2__circle.-seiyu .c-course-header2__circle--text {
  border-bottom: 3px solid #77c408;
}
.c-course-header2__circle.-seiyu .c-course-header2__circle--text .lg {
  color: #77c408;
}
.c-course-header2__circle.-seika {
  border: 8px solid #d2a300;
}
.c-course-header2__circle.-seika .c-course-header2__circle--text {
  border-bottom: 3px solid #d2a300;
}
.c-course-header2__circle.-seika .c-course-header2__circle--text .lg {
  color: #d2a300;
}
.c-course-header2__circle.-jidousya {
  border: 8px solid #09074d;
}
.c-course-header2__circle.-jidousya .c-course-header2__circle--text {
  border-bottom: 3px solid #09074d;
}
.c-course-header2__circle.-jidousya .c-course-header2__circle--text .lg {
  color: #09074d;
}
.c-course-header2__circle.-support {
  background-color: #13c775;
}
.c-course-header2__circle.-addmission {
  background-color: #90bbff;
}

@media screen and (max-width: 768px) {
  .c-course-header2__circle.-komuin {
    border: 5px solid #70bbc1;
  }
  .c-course-header2__circle.-kouan {
    border: 5px solid #6aa366;
  }
  .c-course-header2__circle.-paramedic {
    border: 5px solid #ea7e6e;
  }
  .c-course-header2__circle.-kaikei {
    border: 5px solid #3c5797;
  }
  .c-course-header2__circle.-business {
    border: 5px solid #3099ee;
  }
  .c-course-header2__circle.-jouhou {
    border: 5px solid #37916d;
  }
  .c-course-header2__circle.-creator {
    border: 5px solid #59b786;
  }
  .c-course-header2__circle.-iryo {
    border: 5px solid #ffa7d0;
  }
  .c-course-header2__circle.-shika {
    border: 5px solid #bcb299;
  }
  .c-course-header2__circle.-hoiku {
    border: 5px solid #fb9b1a;
  }
  .c-course-header2__circle.-hukushi {
    border: 5px solid #5aad41;
  }
  .c-course-header2__circle.-kanko {
    border: 5px solid #8bb801;
  }
  .c-course-header2__circle.-bridal {
    border: 5px solid #f17ac2;
  }
  .c-course-header2__circle.-beauty {
    border: 5px solid #fa97b7;
  }
  .c-course-header2__circle.-anime {
    border: 5px solid #fb7a34;
  }
  .c-course-header2__circle.-hair {
    border: 5px solid #801980;
  }
  .c-course-header2__circle.-sports {
    border: 5px solid #fbae00;
  }
  .c-course-header2__circle.-shika {
    border: 5px solid #bcb299;
  }
  .c-course-header2__circle.-seiyu {
    border: 5px solid #77c408;
  }
  .c-course-header2__circle.-seika {
    border: 5px solid #d2a300;
  }
  .c-course-header2__circle.-jidousya {
    border: 5px solid #09074d;
  }
}
.c-course-header2__circle.-neutral {
  border: 5px solid #83ded7;
}

.c-course-header3 {
  margin-top: 0;
}

.c-course-title {
  font-size: 31px;
  line-height: 1.4516129032;
  font-weight: 700;
  text-align: center;
  padding-bottom: 11px;
  color: #fff;
  border-bottom: #fff 1px solid;
  position: relative;
  margin-bottom: 36px;
  line-break: anywhere;
  word-wrap: break-word;
}
.c-course-title::after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #fff;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  width: 15px;
  height: 12px;
}
.c-course-title.-black {
  color: #222;
  border-bottom: #222 1px solid;
}
.c-course-title.-black::after {
  background: #222;
}
.c-course-title.-neutral {
  border-bottom: #83ded7 1px solid;
}
.c-course-title.-neutral::after {
  background-color: #83ded7;
}
.c-course-title.-komuin {
  border-bottom: #70bbc1 1px solid;
}
.c-course-title.-komuin::after {
  background-color: #70bbc1;
}
.c-course-title.-kouan {
  border-bottom: #6aa366 1px solid;
}
.c-course-title.-kouan::after {
  background-color: #6aa366;
}
.c-course-title.-paramedic {
  border-bottom: #ea7e6e 1px solid;
}
.c-course-title.-paramedic::after {
  background-color: #ea7e6e;
}
.c-course-title.-kaikei {
  border-bottom: #3c5797 1px solid;
}
.c-course-title.-kaikei::after {
  background-color: #3c5797;
}
.c-course-title.-business {
  border-bottom: #3099ee 1px solid;
}
.c-course-title.-business::after {
  background-color: #3099ee;
}
.c-course-title.-jouhou {
  border-bottom: #37916d 1px solid;
}
.c-course-title.-jouhou::after {
  background-color: #37916d;
}
.c-course-title.-creator {
  border-bottom: #59b786 1px solid;
}
.c-course-title.-creator::after {
  background-color: #59b786;
}
.c-course-title.-iryo {
  border-bottom: #ffa7d0 1px solid;
}
.c-course-title.-iryo::after {
  background-color: #ffa7d0;
}
.c-course-title.-shika {
  border-bottom: #bcb299 1px solid;
}
.c-course-title.-shika::after {
  background-color: #bcb299;
}
.c-course-title.-hoiku {
  border-bottom: #fb9b1a 1px solid;
}
.c-course-title.-hoiku::after {
  background-color: #fb9b1a;
}
.c-course-title.-hukushi {
  border-bottom: #5aad41 1px solid;
}
.c-course-title.-hukushi::after {
  background-color: #5aad41;
}
.c-course-title.-kanko {
  border-bottom: #8bb801 1px solid;
}
.c-course-title.-kanko::after {
  background-color: #8bb801;
}
.c-course-title.-bridal {
  border-bottom: #f17ac2 1px solid;
}
.c-course-title.-bridal::after {
  background-color: #f17ac2;
}
.c-course-title.-beauty {
  border-bottom: #fa97b7 1px solid;
}
.c-course-title.-beauty::after {
  background-color: #fa97b7;
}
.c-course-title.-anime {
  border-bottom: #fb7a34 1px solid;
}
.c-course-title.-anime::after {
  background-color: #fb7a34;
}
.c-course-title.-hair {
  border-bottom: #801980 1px solid;
}
.c-course-title.-hair::after {
  background-color: #801980;
}
.c-course-title.-sports {
  border-bottom: #fbae00 1px solid;
}
.c-course-title.-sports::after {
  background-color: #fbae00;
}
.c-course-title.-seiyu {
  border-bottom: #77c408 1px solid;
}
.c-course-title.-seiyu::after {
  background-color: #77c408;
}
.c-course-title.-seika {
  border-bottom: #d2a300 1px solid;
}
.c-course-title.-seika::after {
  background-color: #d2a300;
}
.c-course-title.-jidousya {
  border-bottom: #09074d 1px solid;
}
.c-course-title.-jidousya::after {
  background-color: #09074d;
}
.c-course-title.-addmission {
  border-bottom: #90bbff 1px solid;
}
.c-course-title.-addmission::after {
  background-color: #90bbff;
}
.c-course-title.-support {
  border-bottom: #13c775 1px solid;
}
.c-course-title.-support::after {
  background-color: #13c775;
}
.c-course-title.-guide {
  border-bottom: #00b4f7 1px solid;
}
.c-course-title.-guide::after {
  background-color: #00b4f7;
}
.c-course-title.-japanese {
  border-bottom: #2fbf04 1px solid;
}
.c-course-title.-japanese::after {
  background-color: #2fbf04;
}

/* @media screen and (max-width: 768px) {
  .c-course-title {
    font-size: 26px;
    margin-bottom: 36px;
  }
} */
@media screen and (max-width: 768px) {
  .c-course-title::after {
    bottom: -6px !important;
    width: 8px;
    height: 6px;
  }
}
.c-course-title2 {
  font-size: 25px;
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-bottom: -7px;
}

@media screen and (max-width: 768px) {
  .c-course-title2 {
    font-size: 20px;
    line-height: 2.25;
  }
}
.c-button-recolist {
  max-width: 540px;
  margin: 0 auto;
}

.c-button {
  max-width: 540px;
  width: 100%;
}
.c-button a {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  padding: 23px 15px 23px 30px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 768px) {
  .c-button a {
    max-width: calc(100% - 30px);
  }
}
.c-button a p {
  position: relative;
  padding-right: 26px;
  width: 100%;
}
.c-button a p::after {
  position: absolute;
  content: "";
  background-image: url(../images/reco_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  transition: 0.4s;
}
.c-button:hover a {
  background: #000;
  color: #fff;
}
.c-button:hover p::after {
  background-image: url(../images/reco_arrow_white.svg);
}
.c-button + .c-button {
  margin-top: 17px;
}
.c-button.-admission a {
  padding: 23px 15px 23px 25px;
  border: unset;
}
.c-button.-admission a p {
  padding-left: 28px;
}
.c-button.-admission a p::after {
  background-image: url(../images/arrow6.svg);
}
.c-button.-admission a p::before {
  position: absolute;
  content: "";
  background-image: url(../images/icon-study.svg);
  width: 18px;
  height: 22px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.c-button.-admission:hover a {
  background: #202451;
  color: #fff;
}
.c-button.-admission:hover a p::after {
  background-image: url(../images/arrow8.svg);
  border-radius: 50px;
}
.c-button.-admission:hover a p::before {
  background-image: url(../images/icon-study-white.svg);
}

@media screen and (max-width: 768px) {
  .c-button a {
    max-width: calc(100% - 40px);
    border-radius: 15px;
    padding: 23px 15px 23px 20px;
  }
}
.c-button2 {
  width: 207px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin: 33px auto 0;
  font-size: 15px;
  font-weight: 700;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  color: #fff;
  border: 2px solid #fff;
}
.c-button2 p {
  position: relative;
  padding-right: 28px;
}
.c-button2 p::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  right: 0px;
  transition: 0.4s;
}
.c-button2.-yellow {
  background: #fbdb00;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-yellow p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-yellow:hover {
  border: 2px solid #fbdb00;
  color: #fbdb00;
}
.c-button2.-yellow:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fbdb00;
}
.c-button2.-blue {
  background: #00b4f7;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-blue p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-blue:hover {
  border: 2px solid #00b4f7;
  color: #00b4f7;
}
.c-button2.-blue:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #00b4f7;
}
.c-button2.-purple {
  background: #aab4ff;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-purple p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-purple:hover {
  border: 2px solid #aab4ff;
  color: #aab4ff;
}
.c-button2.-purple:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #aab4ff;
}
.c-button2.-green {
  background: #13c775;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-green p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-green:hover {
  border: 2px solid #13c775;
  color: #13c775;
}
.c-button2.-green:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #13c775;
}
.c-button2.-pink {
  background: #f5a2c3;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-pink p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-pink:hover {
  border: 2px solid #f5a2c3;
  color: #f5a2c3;
}
.c-button2.-pink:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f5a2c3;
}
.c-button2.-dpurple {
  background: #cf9ade;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-dpurple p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-dpurple:hover {
  border: 2px solid #cf9ade;
  color: #cf9ade;
}
.c-button2.-dpurple:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #cf9ade;
}
.c-button2.-orange {
  background: #f0a96c;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-orange p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-orange:hover {
  border: 2px solid #f0a96c;
  color: #f0a96c;
}
.c-button2.-orange:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f0a96c;
}
.c-button2.-komuin {
  background: #70bbc1;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-komuin p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-komuin:hover {
  border: 2px solid #70bbc1;
  color: #70bbc1;
}
.c-button2.-komuin:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #70bbc1;
}
.c-button2.-kouan {
  background: #6aa366;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-kouan p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-kouan:hover {
  border: 2px solid #6aa366;
  color: #6aa366;
}
.c-button2.-kouan:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #6aa366;
}
.c-button2.-paramedic {
  background: #ea7e6e;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-paramedic p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-paramedic:hover {
  border: 2px solid #ea7e6e;
  color: #ea7e6e;
}
.c-button2.-paramedic:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #ea7e6e;
}
.c-button2.-kaikei {
  background: #3c5797;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-kaikei p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-kaikei:hover {
  border: 2px solid #3c5797;
  color: #3c5797;
}
.c-button2.-kaikei:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #3c5797;
}
.c-button2.-business {
  background: #3099ee;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-business p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-business:hover {
  border: 2px solid #3099ee;
  color: #3099ee;
}
.c-button2.-business:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #3099ee;
}
.c-button2.-jouhou {
  background: #37916d;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-jouhou p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-jouhou:hover {
  border: 2px solid #37916d;
  color: #37916d;
}
.c-button2.-jouhou:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #37916d;
}
.c-button2.-creator {
  background: #59b786;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-creator p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-creator:hover {
  border: 2px solid #59b786;
  color: #59b786;
}
.c-button2.-creator:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #59b786;
}
.c-button2.-iryo {
  background: #ffa7d0;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-iryo p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-iryo:hover {
  border: 2px solid #ffa7d0;
  color: #ffa7d0;
}
.c-button2.-iryo:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #ffa7d0;
}
.c-button2.-shika {
  background: #bcb299;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-shika p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-shika:hover {
  border: 2px solid #bcb299;
  color: #bcb299;
}
.c-button2.-shika:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #bcb299;
}
.c-button2.-hoiku {
  background: #fb9b1a;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-hoiku p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-hoiku:hover {
  border: 2px solid #fb9b1a;
  color: #fb9b1a;
}
.c-button2.-hoiku:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fb9b1a;
}
.c-button2.-hukushi {
  background: #5aad41;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-hukushi p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-hukushi:hover {
  border: 2px solid #5aad41;
  color: #5aad41;
}
.c-button2.-hukushi:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #5aad41;
}
.c-button2.-kanko {
  background: #8bb801;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-kanko p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-kanko:hover {
  border: 2px solid #8bb801;
  color: #8bb801;
}
.c-button2.-kanko:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #8bb801;
}
.c-button2.-bridal {
  background: #f17ac2;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-bridal p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-bridal:hover {
  border: 2px solid #f17ac2;
  color: #f17ac2;
}
.c-button2.-bridal:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f17ac2;
}
.c-button2.-beauty {
  background: #fa97b7;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-beauty p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-beauty:hover {
  border: 2px solid #fa97b7;
  color: #fa97b7;
}
.c-button2.-beauty:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fa97b7;
}
.c-button2.-hair {
  background: #801980;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-hair p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-hair:hover {
  border: 2px solid #801980;
  color: #801980;
}
.c-button2.-hair:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #801980;
}
.c-button2.-sports {
  background: #fbae00;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-sports p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-sports:hover {
  border: 2px solid #fbae00;
  color: #fbae00;
}
.c-button2.-sports:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fbae00;
}
.c-button2.-anime {
  background: #fb7a34;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-anime p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-anime:hover {
  border: 2px solid #fb7a34;
  color: #fb7a34;
}
.c-button2.-anime:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fb7a34;
}
.c-button2.-seiyu {
  background: #77c408;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-seiyu p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-seiyu:hover {
  border: 2px solid #77c408;
  color: #77c408;
}
.c-button2.-seiyu:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #77c408;
}
.c-button2.-seika {
  background: #d2a300;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-seika p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-seika:hover {
  border: 2px solid #d2a300;
  color: #d2a300;
}
.c-button2.-seika:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #d2a300;
}
.c-button2.-jidousya {
  background: #09074d;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-jidousya p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-jidousya:hover {
  border: 2px solid #09074d;
  color: #09074d;
}
.c-button2.-jidousya:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #09074d;
}
.c-button2.-addmission {
  background: #90bbff;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-addmission p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-addmission:hover {
  border: 2px solid #90bbff;
  color: #90bbff;
}
.c-button2.-addmission:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #90bbff;
}
.c-button2.-support {
  background: #13c775;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-support p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-support:hover {
  border: 2px solid #13c775;
  color: #13c775;
}
.c-button2.-support:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #13c775;
}
.c-button2.-contact {
  background: #b36cd3;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-contact p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-contact:hover {
  border: 2px solid #b36cd3;
  color: #b36cd3;
}
.c-button2.-contact:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #b36cd3;
}
.c-button2.-opencampus {
  background: #f7a700;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-opencampus p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-opencampus:hover {
  border: 2px solid #f7a700;
  color: #f7a700;
}
.c-button2.-opencampus:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f7a700;
}
.c-button2.-opencampus-yellow {
  background: #f7d700;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-opencampus-yellow p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-opencampus-yellow:hover {
  border: 2px solid #f7d700;
  color: #f7d700;
}
.c-button2.-opencampus-yellow:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f7d700;
}
.c-button2.-school {
  background: #82ddd6;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-school p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-school:hover {
  border: 2px solid #82ddd6;
  color: #82ddd6;
}
.c-button2.-school:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #82ddd6;
}
.c-button2.-info {
  background: #cf9ade;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-info p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-info:hover {
  border: 2px solid #cf9ade;
  color: #cf9ade;
}
.c-button2.-info:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #cf9ade;
}
.c-button2.-neutral {
  background: #83ded7;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-neutral p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-neutral:hover {
  border: 2px solid #83ded7;
  color: #83ded7;
}
.c-button2.-neutral:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #83ded7;
}
.c-button2.-daigaku {
  background: #6481fc;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-daigaku p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-daigaku:hover {
  border: 2px solid #6481fc;
  color: #6481fc;
}
.c-button2.-daigaku:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #6481fc;
}
.c-button2.-intro {
  background: #f5a2c3;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-intro p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-intro:hover {
  border: 2px solid #f5a2c3;
  color: #f5a2c3;
}
.c-button2.-intro:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #f5a2c3;
}
.c-button2.-guide {
  background: #00b4f7;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-guide p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-guide:hover {
  border: 2px solid #00b4f7;
  color: #00b4f7;
}
.c-button2.-guide:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #00b4f7;
}
.c-button2.-japanese {
  background: #2fbf04;
  border: 2px solid #fff;
  color: #fff;
}
.c-button2.-japanese p::after {
  background-image: url(../images/arrow1.svg);
}
.c-button2.-japanese:hover {
  border: 2px solid #2fbf04;
  color: #2fbf04;
}
.c-button2.-japanese:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #2fbf04;
}
.c-button2 .u-link-icon::after {
  -webkit-mask-image: url(../images/icon-link.svg);
          mask-image: url(../images/icon-link.svg);
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
  background-image: none !important;
}
.c-button2:hover .u-link-icon::after {
  background-color: #90bbff;
  border-radius: 0;
  background-image: none;
}
.c-button2:hover {
  background: #fff;
}
.c-button2:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  border-radius: 50px;
}

.c-card__button .u-link-icon::after {
  -webkit-mask-image: url(../images/icon-link.svg);
          mask-image: url(../images/icon-link.svg);
  -webkit-mask-size: 18px 18px;
          mask-size: 18px 18px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
  background-image: none !important;
  border-radius: 0;
}
.c-card__button:hover .u-link-icon::after {
  background-color: #90bbff;
  border-radius: 0;
  background-image: none;
}

.c-connectionlink,
.c-connectionlink2 {
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  padding: 38px 36px 31px;
  max-width: 1031px;
  width: 100%;
  position: relative;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .c-connectionlink,
  .c-connectionlink2 {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    padding: 16px 0px;
    border-radius: 0;
  }
}
.c-connectionlink.-neutral,
.c-connectionlink2.-neutral {
  background-color: #dcfaf8;
}
.c-connectionlink.-komuin, .c-connectionlink.-department,
.c-connectionlink2.-komuin,
.c-connectionlink2.-department {
  background-color: #f4fffe;
}
.c-connectionlink.-kouan,
.c-connectionlink2.-kouan {
  background-color: #f2fdf0;
}
.c-connectionlink.-paramedic,
.c-connectionlink2.-paramedic {
  background-color: #f2c3bc;
}
.c-connectionlink.-kaikei,
.c-connectionlink2.-kaikei {
  background-color: #c5d7ff;
}
.c-connectionlink.-business,
.c-connectionlink2.-business {
  background-color: #d6e8f7;
}
.c-connectionlink.-jouhou,
.c-connectionlink2.-jouhou {
  background-color: #bee0d3;
}
.c-connectionlink.-creator,
.c-connectionlink2.-creator {
  background-color: #e3f7ed;
}
.c-connectionlink.-iryo,
.c-connectionlink2.-iryo {
  background-color: #ffb1d5;
}
.c-connectionlink.-shika,
.c-connectionlink2.-shika {
  background-color: #fffbf0;
}
.c-connectionlink.-hoiku,
.c-connectionlink2.-hoiku {
  background-color: #fbead2;
}
.c-connectionlink.-hukushi,
.c-connectionlink2.-hukushi {
  background-color: #b0e7a0;
}
.c-connectionlink.-kanko,
.c-connectionlink2.-kanko {
  background-color: #e5f9a7;
}
.c-connectionlink.-bridal,
.c-connectionlink2.-bridal {
  background-color: #f9d4ea;
}
.c-connectionlink.-beauty,
.c-connectionlink2.-beauty {
  background-color: #f8d3df;
}
.c-connectionlink.-hair,
.c-connectionlink2.-hair {
  background-color: #f4c1f4;
}
.c-connectionlink.-anime,
.c-connectionlink2.-anime {
  background-color: #ffe9dd;
}
.c-connectionlink.-sports,
.c-connectionlink2.-sports {
  background-color: #ffe6ae;
}
.c-connectionlink.-shika,
.c-connectionlink2.-shika {
  background-color: #fffbf0;
}
.c-connectionlink.-seiyu,
.c-connectionlink2.-seiyu {
  background-color: #d5f1ac;
}
.c-connectionlink.-seika,
.c-connectionlink2.-seika {
  background-color: #f6e3a2;
}
.c-connectionlink.-jidousya,
.c-connectionlink2.-jidousya {
  background-color: #b4b3c1;
}

.c-button2.-pink.waribiki {
  margin: initial;
  width: 200px;
  height: 40px;
}

.c-connectionlink__box {
  max-width: 844px;
  margin: 0 auto;
  height: 160px;
  align-items: center;
}

.c-connectionlink .swiper-wrapper,
.c-connectionlink2 .swiper-wrapper {
  padding: 20px 0 10px;
}

.c-connectionlink__beauty {
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .c-connectionlink__beauty {
    justify-content: flex-start;
  }
}
.c-connectionlink__seika {
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .c-connectionlink__seika {
    justify-content: flex-start;
  }
}
.c-connectionlink__seiyu {
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .c-connectionlink__seiyu {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink .swiper-wrapper,
  .c-connectionlink2 .swiper-wrapper {
    justify-content: flex-start;
  }
}
.c-connectionlink__prev,
.c-connectionlink__next,
.c-connectionlink2__prev,
.c-connectionlink2__next,
.c-workslist__prev,
.c-workslist__next {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  border-radius: 32px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);
}

.c-connectionlink3__prev,
.c-connectionlink3__next {
  display: none;
}

@media screen and (max-width: 768px) {
  .c-connectionlink3__prev,
  .c-connectionlink3__next {
    display: block;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    border-radius: 32px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);
  }
  .c-connectionlink3__prev::after, .c-connectionlink3__prev::before,
  .c-connectionlink3__next::after,
  .c-connectionlink3__next::before {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    margin: auto;
    height: 32px;
    width: 32px;
  }
  .c-connectionlink3__prev {
    left: 21%;
  }
  .c-connectionlink3__next {
    right: 21%;
  }
  .c-connectionlink3__prev::before {
    background-image: url(../images/swiper-arrow1.svg);
  }
  .c-connectionlink3__next::after {
    background-image: url(../images/swiper-arrow2.svg);
  }
}
.c-workslist__prev {
  left: 5px;
}

.c-workslist__next {
  right: 5px;
}

@media screen and (max-width: 768px) {
  .c-connectionlink__prev,
  .c-connectionlink2__prev,
  .c-workslist__prev {
    left: 21%;
  }
  .c-connectionlink__next,
  .c-connectionlink2__next,
  .c-workslist__next {
    right: 21%;
  }
}
.c-connectionlink__prev::after,
.c-connectionlink__next::after,
.c-connectionlink2__prev::after,
.c-connectionlink2__next::after,
.c-workslist__prev::after,
.c-workslist__next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  height: 32px;
  width: 32px;
}

.c-connectionlink__prev::after,
.c-connectionlink2__prev::after,
.c-workslist__prev::after {
  background-image: url(../images/swiper-arrow1.svg);
}

.c-connectionlink__next::after,
.c-connectionlink2__next::after,
.c-workslist__next::after {
  background-image: url(../images/swiper-arrow2.svg);
}

.workslider {
  padding: 0 45px;
  position: relative;
}
.workslider:before, .workslider:after {
  content: "";
  position: absolute;
  height: 100%;
  background: #fff;
  width: 45px;
  top: 0;
  z-index: 2;
}
.workslider:before {
  left: 0;
}
.workslider:after {
  right: 0;
}

.c-works__box.swiper-slide > .c-workslist__title {
  margin-top: 10px;
  text-align: center;
  font-size: 15px;
}
.c-works__box.swiper-slide > .c-imageset__text {
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
}

.c-connectionlink__item,
.c-connectionlink__item2 {
  height: 125px;
  width: 152px;
  transition: 0.4s;
}
.c-connectionlink__item:hover,
.c-connectionlink__item2:hover {
  opacity: 0.7;
}
.c-connectionlink__item.-komuin a::after,
.c-connectionlink__item2.-komuin a::after {
  background-color: #70bbc1;
}
.c-connectionlink__item.-kouan a::after,
.c-connectionlink__item2.-kouan a::after {
  background-color: #6aa366;
}
.c-connectionlink__item.-paramedic a::after,
.c-connectionlink__item2.-paramedic a::after {
  background-color: #ea7e6e;
}
.c-connectionlink__item.-kaikei a::after,
.c-connectionlink__item2.-kaikei a::after {
  background-color: #3c5797;
}
.c-connectionlink__item.-business a::after,
.c-connectionlink__item2.-business a::after {
  background-color: #3099ee;
}
.c-connectionlink__item.-jouhou a::after,
.c-connectionlink__item2.-jouhou a::after {
  background-color: #37916d;
}
.c-connectionlink__item.-creator a::after,
.c-connectionlink__item2.-creator a::after {
  background-color: #59b786;
}
.c-connectionlink__item.-iryo a::after,
.c-connectionlink__item2.-iryo a::after {
  background-color: #ffa7d0;
}
.c-connectionlink__item.-shika a::after,
.c-connectionlink__item2.-shika a::after {
  background-color: #bcb299;
}
.c-connectionlink__item.-hoiku a::after,
.c-connectionlink__item2.-hoiku a::after {
  background-color: #fb9b1a;
}
.c-connectionlink__item.-hukushi a::after,
.c-connectionlink__item2.-hukushi a::after {
  background-color: #5aad41;
}
.c-connectionlink__item.-kanko a::after,
.c-connectionlink__item2.-kanko a::after {
  background-color: #8bb801;
}
.c-connectionlink__item.-bridal a::after,
.c-connectionlink__item2.-bridal a::after {
  background-color: #f17ac2;
}
.c-connectionlink__item.-beauty a::after,
.c-connectionlink__item2.-beauty a::after {
  background-color: #fa97b7;
}
.c-connectionlink__item.-anime a::after,
.c-connectionlink__item2.-anime a::after {
  background-color: #fb7a34;
}
.c-connectionlink__item.-hair a::after,
.c-connectionlink__item2.-hair a::after {
  background-color: #801980;
}
.c-connectionlink__item.-sports a::after,
.c-connectionlink__item2.-sports a::after {
  background-color: #fbae00;
}
.c-connectionlink__item.-shika a::after,
.c-connectionlink__item2.-shika a::after {
  background-color: #bcb299;
}
.c-connectionlink__item.-seiyu a::after,
.c-connectionlink__item2.-seiyu a::after {
  background-color: #77c408;
}
.c-connectionlink__item.-seika a::after,
.c-connectionlink__item2.-seika a::after {
  background-color: #d2a300;
}
.c-connectionlink__item.-jidousya a::after,
.c-connectionlink__item2.-jidousya a::after {
  background-color: #09074d;
}
.c-connectionlink__item.-contact a::after,
.c-connectionlink__item2.-contact a::after {
  background-color: #b36cd3;
}
.c-connectionlink__item.-opencampus a::after,
.c-connectionlink__item2.-opencampus a::after {
  background-color: #f7a700;
}
.c-connectionlink__item.-school a::after,
.c-connectionlink__item2.-school a::after {
  background-color: #82ddd6;
}
.c-connectionlink__item.-info a::after,
.c-connectionlink__item2.-info a::after {
  background-color: #cf9ade;
}
.c-connectionlink__item.-daigaku a::after,
.c-connectionlink__item2.-daigaku a::after {
  background-color: #6481fc;
}
.c-connectionlink__item a,
.c-connectionlink__item2 a {
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.16);
  position: relative;
  padding-top: 63px;
  padding-bottom: 10px;
  display: block;
  width: 100%;
  height: 100%;
  color: #222;
}
.c-connectionlink__item a::after,
.c-connectionlink__item2 a::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-arrow-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -4px 4px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-connectionlink__thumb {
  width: 80px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -17px;
}
.c-connectionlink__thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50px;
}

.c-connectionlink__title {
  font-size: 12px;
  line-height: 1.3076923077;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.c-connectionlink.-komuin {
  background-color: #f4fffe;
}
.c-connectionlink.-kouan {
  background-color: #f2fdf0;
}
.c-connectionlink.-paramedic {
  background-color: #f2c3bc;
}
.c-connectionlink.-kaikei {
  background-color: #c5d7ff;
}
.c-connectionlink.-business {
  background-color: #d6e8f7;
}
.c-connectionlink.-jouhou {
  background-color: #bee0d3;
}
.c-connectionlink.-creator {
  background-color: #e3f7ed;
}
.c-connectionlink.-iryo {
  background-color: #ffb1d5;
}
.c-connectionlink.-shika {
  background-color: #fffbf0;
}
.c-connectionlink.-hoiku {
  background-color: #fbead2;
}
.c-connectionlink.-hukushi {
  background-color: #b0e7a0;
}
.c-connectionlink.-kanko {
  background-color: #e5f9a7;
}
.c-connectionlink.-bridal {
  background-color: #f9d4ea;
}
.c-connectionlink.-beauty {
  background-color: #f8d3df;
}
.c-connectionlink.-anime {
  background-color: #ffe9dd;
}
.c-connectionlink.-hair {
  background-color: #f4c1f4;
}
.c-connectionlink.-sports {
  background-color: #ffe6ae;
}
.c-connectionlink.-shika {
  background-color: #fffbf0;
}
.c-connectionlink.-seiyu {
  background-color: #d5f1ac;
}
.c-connectionlink.-seika {
  background-color: #f6e3a2;
}
.c-connectionlink.-jidousya {
  background-color: #b4b3c1;
}

.c-linkcard {
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 11px 22px 38px;
  position: relative;
  display: block;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.c-linkcard__title {
  font-size: min(5.5vw, 23px);
  font-weight: 700;
  line-height: 2.0434782609;
}

.c-linkcard__title2 {
  font-size: min(10vw, 47px);
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-1 * min(10vw, 47px));
  padding-top: 3px;
  width: 100%;
}

.c-linkcard__thumb {
  margin-top: 13px;
}
.c-linkcard__thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.c-linkcard__text {
  font-size: 17px;
  line-height: 1.5294117647;
  font-weight: 900;
  margin-top: 16px;
}

.c-linkcard__button {
  font-size: 15px;
  font-weight: 700;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  max-width: 206px;
  width: 100%;
  height: 45px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  padding: 0 20px;
}
.c-linkcard__button p {
  position: relative;
  padding-right: 20px;
  width: 100%;
}
.c-linkcard__button p::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  transition: 0.4s;
}

.c-linkcard.-opencampus {
  background: #f7d700;
}
.c-linkcard.-opencampus .c-linkcard__title2 {
  color: #f7d700;
}
.c-linkcard.-opencampus .c-linkcard__button {
  background: #f7d700;
}
.c-linkcard.-opencampus .c-linkcard__button p::after {
  background-image: url(../images/arrow1.svg);
}
.c-linkcard.-opencampus .c-linkcard__button:hover {
  border: 2px solid #fbdb00;
  color: #fbdb00;
  background: #fff;
}
.c-linkcard.-opencampus .c-linkcard__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #fbdb00;
}

.c-linkcard.-contact {
  background: #b36cd3;
}
.c-linkcard.-contact .c-linkcard__title2 {
  color: #b36cd3;
}
.c-linkcard.-contact .c-linkcard__button {
  background: #b36cd3;
}
.c-linkcard.-contact .c-linkcard__button p::after {
  background-image: url(../images/arrow2.svg);
}
.c-linkcard.-contact .c-linkcard__button:hover {
  border: 2px solid #b36cd3;
  color: #b36cd3;
  background: #fff;
}
.c-linkcard.-contact .c-linkcard__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #b36cd3;
}

.c-linkcard.-intro {
  background: #13c775;
}
.c-linkcard.-intro .c-linkcard__title2 {
  color: #13c775;
}
.c-linkcard.-intro .c-linkcard__button {
  background: #13c775;
}
.c-linkcard.-intro .c-linkcard__button p::after {
  background-image: url(../images/arrow1.svg);
}
.c-linkcard.-intro .c-linkcard__button:hover {
  border: 2px solid #13c775;
  color: #13c775;
  background: #fff;
}
.c-linkcard.-intro .c-linkcard__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #13c775;
}

.c-linkcard2 {
  border-radius: 10px;
  color: #fff;
  text-align: center;
  padding: 11px 13px 38px;
  position: relative;
  display: block;
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
}

.c-linkcard2__title {
  font-size: 21px;
}
@media screen and (min-width: 769px) {
  .c-linkcard2__title {
    font-size: 22px;
  }
}
.c-linkcard2__title {
  font-weight: 700;
  line-height: 2.1363636364;
}
.c-linkcard2__title span {
  font-size: 27px;
  font-weight: 900;
  line-height: 1.7407407407;
  text-transform: uppercase;
}

.c-linkcard2__title2 {
  font-size: min(11vw, 51px);
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-1 * min(11vw, 51px));
  width: 100%;
}

.c-linkcard2__thumb {
  margin-top: 10px;
  height: 130px;
}
.c-linkcard2__thumb img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-linkcard3__thumb {
  margin-top: 10px;
}
.c-linkcard3__thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/4;
}

.c-linkcard2__body {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-top: 10px;
}

.c-linkcard2__text {
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  .c-linkcard2__text {
    font-size: 17px;
  }
}
.c-linkcard2__text {
  line-height: 1.5294117647;
  font-weight: 700;
  text-align: left;
}
.c-linkcard2__text span {
  font-weight: 900;
}

.c-linkcard2__button {
  font-size: 15px;
  font-weight: 700;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  max-width: 206px;
  width: 100%;
  height: 45px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  padding: 0 20px;
}
.c-linkcard2__button p {
  position: relative;
  width: 100%;
  padding-right: 20px;
}
.c-linkcard2__button p::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  transition: 0.4s;
}

.c-linkcard2.-free {
  background: #0072f7;
}
.c-linkcard2.-free .c-linkcard2__title2 {
  color: #3272f7;
}
.c-linkcard2.-free .c-linkcard2__button {
  background: #3272f7;
}
.c-linkcard2.-free .c-linkcard2__button p::after {
  background-image: url(../images/arrow3.svg);
}
.c-linkcard2.-free .c-linkcard2__button:hover {
  border: 2px solid #3272f7;
  color: #3272f7;
  background: #fff;
}
.c-linkcard2.-free .c-linkcard2__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #3272f7;
  width: 20px;
  height: 20px;
}

.c-card {
  border-radius: 10px;
  color: #fff;
  background: #fff;
  text-align: center;
  padding-bottom: 38px;
  position: relative;
  display: block;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.c-card__title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  border-radius: 8px 8px 0 0;
  padding: 12px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-card__thumb img {
  width: 100%;
  height: auto;
}

.c-card__text {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
  padding: 15px 30px 0px;
  min-height: 60px;
  color: #434343;
  text-align: left;
}

.c-card__lead {
  font-size: 19px;
  /* line-height: 1.875; */
  font-weight: 700;
  padding: 30px 30px 15px;
  /* min-height: 60px; */
  color: #434343;
  text-align: center;
}

.c-card__lead.-hs2 {
  padding: 30px 15px 15px;
}

.c-card__button {
  font-size: 15px;
  font-weight: 700;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  max-width: 206px;
  width: 100%;
  height: 45px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  padding: 0 20px;
}
.c-card__button p {
  position: relative;
  width: 100%;
}
.c-card__button p::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  transition: 0.4s;
}

.c-card.-step {
  border: #90bbff 1px solid;
}
.c-card.-step .c-card__title2 {
  position: relative;
  width: 100%;
  z-index: 2;
  margin-bottom: 6px;
}
.c-card.-step .c-card__title2.-absolute {
  position: absolute;
}
.c-card.-step .c-card__title2:before {
  content: "";
  position: absolute;
  display: block;
  background: #90bbff;
  height: 25.9807621135px;
  width: 100%;
  top: calc(100% - 21px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
}
.c-card.-step .c-card__title2:after {
  content: "";
  position: absolute;
  display: block;
  background: #90bbff;
  height: calc(100% - 20px);
  width: 100%;
  top: 0;
  z-index: -1;
}
.c-card.-step-bg {
  background: rgba(144, 187, 255, 0.2);
}
.c-card.-support {
  border: #13c775 1px solid;
}
.c-card.-support .c-card__title {
  background: #13c775;
}
.c-card.-support .c-card__button {
  background: #13c775;
}
.c-card.-support .c-card__button p::after {
  background-image: url(../images/arrow2.png);
}
.c-card.-support .c-card__button:hover {
  border: 2px solid #13c775;
  color: #13c775;
  background: #fff;
}
.c-card.-support .c-card__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #13c775;
}
.c-card.-addmission {
  border: #90bbff 1px solid;
}
.c-card.-addmission .c-card__title {
  background: #90bbff;
}
.c-card.-addmission .c-card__button {
  background: #90bbff;
}
.c-card.-addmission .c-card__button p::after {
  background-image: url(../images/arrow4.png);
}
.c-card.-addmission .c-card__button:hover {
  border: 2px solid #90bbff;
  color: #90bbff;
  background: #fff;
}
.c-card.-addmission .c-card__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #90bbff;
}
.c-card.-guide {
  border: #00b4f7 1px solid;
}
.c-card.-guide .c-card__title {
  background: #00b4f7;
}
.c-card.-guide .c-card__button {
  background: #00b4f7;
}
.c-card.-guide .c-card__button:hover {
  border: 2px solid #00b4f7;
  color: #00b4f7;
  background: #fff;
}
.c-card.-guide .c-card__button:hover p::after {
  background-image: url(../images/sp-arrow_hover.svg);
  background-color: #00b4f7;
}
.c-card.-point {
  border: #fd9d1a 1px solid;
}
.c-card.-point .c-card__title {
  background: #fd9d1a;
}
.c-card.-jidousya {
  border: #09074d 1px solid;
}
.c-card.-jidousya .c-card__title {
  background: #09074d;
}
.c-card.-guide {
  border: #00b4f7 1px solid;
}
.c-card.-guide .c-card__title {
  background: #00b4f7;
}
.c-card.-guide .c-card__title2 {
  position: relative;
  width: 100%;
  z-index: 2;
  margin-bottom: 6px;
}
.c-card.-guide .c-card__title2:before {
  content: "";
  position: absolute;
  display: block;
  background: #00b4f7;
  height: 25.9807621135px;
  width: 100%;
  top: calc(100% - 21px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
}
.c-card.-guide .c-card__title2:after {
  content: "";
  position: absolute;
  display: block;
  background: #00b4f7;
  height: calc(100% - 20px);
  width: 100%;
  top: 0;
  z-index: -1;
}
.c-card.-anime {
  border: #fb7a34 1px solid;
}
.c-card.-anime .c-card__title2 {
  position: relative;
  width: 100%;
  z-index: 2;
  margin-bottom: 6px;
}
.c-card.-anime .c-card__title2.-absolute {
  position: absolute;
}
.c-card.-anime .c-card__title2:before {
  content: "";
  position: absolute;
  display: block;
  height: 25.9807621135px;
  width: 100%;
  top: calc(100% - 21px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: -1;
  background: #fb7a34;
}
.c-card.-anime .c-card__title2:after {
  content: "";
  position: absolute;
  display: block;
  height: calc(100% - 20px);
  width: 100%;
  top: 0;
  z-index: -1;
  background: #fb7a34;
}
.c-card.-ofhidden {
  overflow: hidden;
}

.c-faq {
  margin-left: auto;
  margin-right: auto;
}

.c-faq__contents {
  margin: 25px auto 0;
  background: #ebf6ff;
  border-radius: 10px;
  padding: 30px 22px 30px;
  max-width: 678px;
}

@media screen and (max-width: 768px) {
  .c-faq__contents {
    padding: 14px 22px 30px;
  }
}
.c-faq__list {
  color: #000;
}

@media screen and (max-width: 768px) {
  .c-faq__list {
    margin-top: 16px;
  }
}
.c-faq__item {
  border: rgba(0, 0, 0, 0.03) 1px solid;
  box-shadow: 0px 5px 10px 0px rgba(20, 11, 43, 0.06);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 500;
}
.c-faq__item + .c-faq__item {
  margin-top: 20px;
}
.c-faq__item.active .c-faq__item--q::after {
  rotate: -90deg;
  right: 20px;
  top: 37%;
  font-size: 17px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .c-faq__item + .c-faq__item {
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-faq__item.active .c-faq__item--q::after {
    right: 14px;
  }
}
.c-faq__item--q {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 13px 50px 10px 10px;
  position: relative;
  min-height: 70px;
}
.c-faq__item--q::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow_black.png);
  background-size: contain;
  background-repeat: no-repeat;
  rotate: 90deg;
  right: 38px;
  top: 42%;
  transform: translateY(-50%);
  height: 16px;
  width: 10px;
}
.c-faq__item--q p {
  position: relative;
  padding-left: 1.5em;
}
.c-faq__item--q p::after {
  position: absolute;
  content: "q";
  text-transform: uppercase;
  left: 0;
  top: 0;
  color: #7ec5ff;
}

@media screen and (max-width: 768px) {
  .c-faq__item--q {
    flex-direction: column;
    padding: 10px 40px 10px 13px;
    -moz-column-gap: unset;
    column-gap: unset;
    align-items: flex-start;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .c-faq__item--q::after {
    right: 30px;
  }
}
.c-faq__item--a {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 0px 50px 25px 33.5px;
  position: relative;
  display: none;
  font-weight: 400;
}
.c-faq__item--a::after {
  position: absolute;
  content: "a";
  text-transform: uppercase;
  left: 12px;
  top: 0;
  font-weight: 500;
}
.c-faq__item--a span {
  font-weight: 700;
}
.c-faq__item--a a {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .c-faq__item--a {
    padding: 0px 33.5px 15px;
  }
}
.c-faq__button {
  font-size: 15px;
  font-weight: 700;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  max-width: 206px;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  color: #fff;
  background: #7cc4ff;
  margin: 30px auto 0;
}
.c-faq__button p {
  position: relative;
  width: 100%;
  text-align: center;
}
.c-faq__button svg {
  transition: 0.4s;
}
.c-faq__button:hover {
  border: 2px solid #7cc4ff;
  color: #7cc4ff;
  background: #fff;
}
.c-faq__button:hover path {
  fill: #7cc4ff;
}
.c-faq__button:hover text {
  fill: #fff;
}

.c-society__contents {
  background: #ebf6ff;
  border-radius: 20px;
  margin: 25px auto 0;
  max-width: 680px;
  padding: 45px 42px 45px;
}

@media screen and (max-width: 768px) {
  .c-society__contents {
    padding: 40px 23px 47px;
  }
}
.c-society__item + .c-society__item {
  margin-top: 40px;
}

.c-society__title {
  font-size: 22px;
  line-height: 1.2352941176;
  font-weight: 700;
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 2px #7ec5ff solid;
  color: #000;
}

@media screen and (max-width: 768px) {
  .c-society__title {
    max-width: 295px;
    margin: 0 auto;
  }
}
.c-society__text {
  /* sss */
  margin: 15px auto 0;
  font-size: 16px;
  line-height: 1.875;
}

.c-society__button {
  background: #fff;
  border-radius: 10px;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-top: 10px;
  border: rgba(0, 0, 0, 0.03) 1px solid;
  box-shadow: 0px 5px 10px 0px rgba(20, 11, 43, 0.06);
  color: #000;
  transition: 0.4s;
}
.c-society__button p {
  position: relative;
  width: 100%;
  text-align: center;
}
.c-society__button p::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-link.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
}
.c-society__button:hover {
  color: #fff;
  background: #000;
}
.c-society__button:hover p::after {
  background-image: url(../images/icon-link-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.c-society__button + .c-society__button {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .c-society__button {
    max-width: 295px;
    margin: 10px auto 0;
  }
}
.c-page.-support {
  background: #13c775;
  border-radius: 20px 20px 0 0;
}
.c-page.-addmission {
  background: #90bbff;
}

.c-page-headerbg1 {
  width: 100%;
  height: 484px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-page-headerbg1 {
    height: 451px;
  }
}
.c-page-headerbg1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-page-headerbg2 {
  width: 100%;
  height: 820px;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-page-headerbg2 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .c-page-headerbg2 {
    height: 465px;
  }
}
.c-page-header1 {
  max-width: 1336px;
  padding: 131px 117px 41px;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-page-header1 {
    padding: 0px 27px 40px;
    height: 230px;
  }
}
.c-page-headerbg3 {
  width: 100%;
  height: 516px;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-page-headerbg3 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .c-page-headerbg3 {
    height: 351px;
  }
}
.c-page-header1__title {
  font-weight: 700;
  font-size: 52px;
  line-height: 2.25;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c-page-header1__title {
    font-size: clamp(28px, 10.6666666667vw, 52px);
  }
}
.c-page-header2 {
  max-width: 1030px;
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-page-header2 {
    padding: 0 27px;
    height: 295px;
  }
}
.c-page-header2__title {
  font-weight: 700;
  font-size: 52px;
  line-height: 2.25;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.c-page-title1 {
  border-radius: 20px 20px 0 0;
  color: #fff;
  position: relative;
  min-height: 120px;
  padding: 29px 19px 16px;
  background-color: #83ded7;
}
.c-page-title1.-support {
  background-color: #13c775;
}
.c-page-title1.-addmission {
  background: #90bbff;
}
.c-page-title1.-hp {
  margin-top: 327px;
  min-height: 100px;
  padding: 11px 19px 16px;
}
@media screen and (max-width: 768px) {
  .c-page-title1.-hp {
    margin-top: 135px;
  }
}
.c-page-title1.-guide {
  background: #00b4f7;
}
.c-page-title1.-kaikei {
  background: #3c5797;
  /*     & .c-page-title1--lg {
    border-bottom: none;
  } */
}
.c-page-title1.-business {
  background: #3099ee;
  /*   & .c-page-title1--lg {
    border-bottom: none;
  } */
}
.c-page-title1.-jouhou {
  background: #37916d;
  /*     & .c-page-title1--lg {
    border-bottom: none;
  } */
}
.c-page-title1.-creator {
  background: #59b786;
  /*   & .c-page-title1--lg {
    border-bottom: none;
  } */
}

.c-page-title1--icon {
  width: 82px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -41px;
}
.c-page-title1--icon img {
  width: 100%;
  height: auto;
}

.c-page-title1--lg {
  font-size: 27px;
  line-height: 1.6666666667;
  font-weight: 700;
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  position: relative;
}

.c-page-title1--sm {
  font-size: 15px;
  line-height: 1.2666666667;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.c-page-title1--xs {
  font-size: 11px;
  line-height: 1.2666666667;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-top: 10px;
}

.c-page-main {
  padding: 30px 7px 0;
  /* &.-support {
    background: $color-support;
  }

  &.-addmission {
    background: #e9f8fd;
  } */
}

.c-cta {
  display: block;
  height: 135px;
  text-align: center;
  max-width: 542px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.c-cta::after {
  position: absolute;
  content: "";
  background: #94e69d;
  border-radius: 10px;
  right: -7px;
  top: 10px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-cta.-support::after {
  background: #94a1e6;
}

@media screen and (max-width: 768px) {
  .c-cta {
    max-width: 386px;
  }
}
.c-cta-2 {
  height: 145px;
  margin-bottom: 10px;
}
.c-cta-2 .c-cta__body {
  padding-top: 12px;
}

.c-cta-3 {
  height: 170px;
  margin-bottom: 10px;
}

.c-cta-4 {
  height: 200px;
  margin-bottom: 10px;
}

.c-cta__body {
  background: #f2fff3;
  border-radius: 10px;
  height: 100%;
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.c-cta__body::before, .c-cta__body::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
}
.c-cta__body::before {
  background-image: url(../images/cta_l.svg);
  left: 16px;
  width: 50px;
  height: 55px;
}
.c-cta__body::after {
  background-image: url(../images/cta_r.svg);
  right: 3px;
  width: 69px;
  height: 84px;
}
.c-cta__body.-support {
  background: #f4f2ff;
}
.c-cta__body.-support::after {
  background-image: url(../images/cta_r2.svg);
}

.c-cta__text1 {
  font-size: 15px;
  line-height: 2;
  font-weight: 500;
}
.c-cta__text1 span {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
}

.c-cta__text2 {
  font-size: 13px;
  line-height: 2.3076923077;
  font-weight: 500;
}
.c-cta__text2 span {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

.c-cta__text3 {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 500;
}
.c-cta__text3 span {
  font-size: 15px;
  width: 100%;
  max-width: 275px;
  display: inline-block;
  background: #613bff;
  border-radius: 15px;
  color: #fff;
  padding: 10px 0;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
  margin-bottom: 10px;
}

.c-cta__button {
  font-size: 12px;
  font-weight: 700;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  max-width: 175px;
  width: 100%;
  height: 38px;
  padding: 0 16px;
  background: #94e69d;
  color: #fff;
  margin: 11px auto 0;
  transition: 0.4s;
}
.c-cta__button:hover {
  color: #94e69d;
  background: #fff;
  border-color: #94e69d;
}
.c-cta__button.-support {
  background: #94a1e6;
}
.c-cta__button.-support:hover {
  color: #94a1e6;
  background: #fff;
  border-color: #94a1e6;
}
.c-cta__button p {
  position: relative;
  width: 100%;
  line-height: 1;
}
.c-cta__button p::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  background-color: #94e69d;
  border-radius: 100%;
  border: 1px solid #94e69d;
}
.c-cta__button p.-support::after {
  background-color: #94a1e6;
  border-color: #94a1e6;
}

@media screen and (max-width: 768px) {
  .c-tab {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
  }
}
.c-tab__links {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media screen and (max-width: 768px) {
  .c-tab__links {
    -moz-column-gap: 7px;
    column-gap: 7px;
  }
}
.c-tab__link {
  width: 50%;
  border-radius: 15px 15px 0 0;
  position: relative;
  z-index: 2;
}
.c-tab__link .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 0 16px;
  font-size: 23px;
  line-height: 1.3913043478;
  font-weight: 700;
  color: #000000;
  cursor: pointer;
}
.c-tab__link .tab.active {
  padding: 11px 0 16px;
}
.c-tab__link .tab.active p {
  border-bottom: 1px solid #000;
  max-width: 297px;
  width: 100%;
  text-align: center;
  position: relative;
  padding-bottom: 12px;
}
.c-tab__link .tab.active p::after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #000;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  width: 15px;
  height: 12px;
}
.c-tab__link.-department {
  background: #e9fcfa;
}
.c-tab__link.-department span {
  padding-left: 43px;
  margin-left: -10px;
  position: relative;
}
.c-tab__link.-department span::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-department.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 6px;
  width: 33px;
  height: 32px;
}
.c-tab__link.-school {
  background: #fcb485;
}
.c-tab__link.-school span {
  padding-left: 36px;
  position: relative;
  margin-left: -9px;
}
.c-tab__link.-school span::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-school.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: 6px;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .c-tab__link .tab {
    font-size: 16px;
    line-height: 1.375;
    padding: 9px 13px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link .tab.active {
    padding: 9px 13px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link .tab.active p {
    max-width: unset;
    width: calc(100% - 26px);
    padding-bottom: 4px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link .tab.active p::after {
    bottom: -6px;
    width: 8px;
    height: 6px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link.-department span {
    padding-left: 28px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link.-department span::after {
    width: 18px;
    height: 14px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link.-school span {
    padding-left: 25px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__link.-school span::after {
    width: 15px;
    height: 14px;
  }
}
.c-tab__content {
  display: none;
  /* margin-top: -6px; */
}

@media screen and (max-width: 768px) {
  .c-tab__content {
    padding: 41px 12px 22px;
  }
}
.c-tab__content--inner {
  max-width: 735px;
  margin: 0 auto;
}

.c-connectionlink__list {
  display: -ms-flexbox;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 53px 50px;
}
.c-connectionlink__list .c-connectionlink__item {
  /* width: calc(33.33333% - 50px);
  margin-left: 50px;
  margin-top: 70px; */
  width: auto;
  min-height: 169px;
  transition: 0.4s;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list .c-connectionlink__item {
    margin-bottom: 9px;
  }
}
.c-connectionlink__list .c-connectionlink__item:hover {
  opacity: 0.7;
}
.c-connectionlink__list .c-connectionlink__item a {
  padding-top: 80px;
}
.c-connectionlink__list .c-connectionlink__thumb {
  width: 111px;
  top: -23px;
}
.c-connectionlink__list .c-connectionlink__title {
  font-size: 15px;
  line-height: 1.3333333333;
}

.c-tab__content.-department {
  background: #e9fcfa;
  position: relative;
  width: calc(100% - 30px);
  border-radius: 0 10px 10px 10px;
  padding: 83px 29px 50px 60px;
}
.c-tab__content.-department::after {
  position: absolute;
  content: "";
  background: #fcb485;
  width: 100%;
  height: calc(100% + 30px);
  right: -30px;
  bottom: -30px;
  z-index: -1;
  border-radius: 10px 0 10px 10px;
}
.c-tab__content.-school {
  background: #fcb485;
  position: relative;
  width: calc(100% - 30px);
  border-radius: 10px 0px 10px 10px;
  margin-left: auto;
  padding: 63px 29px 50px 0px;
}
.c-tab__content.-school::after {
  position: absolute;
  content: "";
  background: #e9fcfa;
  width: 100%;
  height: calc(100% + 30px);
  left: -30px;
  bottom: -30px;
  z-index: -1;
  border-radius: 0px 20px 20px 20px;
}
.c-tab__content.-school .c-school {
  max-width: unset;
}
.c-tab__content.-school .c-school__list {
  margin-top: unset;
  background: unset;
  padding: unset;
}
.c-tab__content.active {
  display: block;
}

@media screen and (max-width: 768px) {
  .c-tab__content.-department {
    width: calc(100% - 14px);
    padding: 41px 12px 22px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__content.-department::after {
    height: calc(100% + 14px);
    right: -14px;
    bottom: -14px;
    border-radius: 10px 0 10px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list {
    /* margin-left: -9px;
    margin-top: -46px; */
    gap: 45px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list .c-connectionlink__item {
    /* width: calc(33.33333% - 9px);
    margin-left: 9px; */
    min-height: 112px;
    /* margin-top: 46px; */
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list .c-connectionlink__item a {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list .c-connectionlink__thumb {
    width: 80px;
    top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .c-connectionlink__list .c-connectionlink__title {
    font-size: 13px;
    line-height: 1.3076923077;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__content.-school {
    width: calc(100% - 14px);
    padding: 20px 29px 32px 19px;
  }
}
@media screen and (max-width: 768px) {
  .c-tab__content.-school::after {
    height: calc(100% + 14px);
    left: -14px;
    bottom: -14px;
    border-radius: 0px 10px 10px 10px;
  }
}
.c-tab__button {
  width: 275px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin: 30px auto 0;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.16);
  transition: 0.4s;
  cursor: pointer;
}
.c-tab__button::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  right: 20px;
  transition: 0.4s;
}
.c-tab__button p {
  position: relative;
}
.c-tab__button p::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.c-tab__button.-department {
  background: #fca064;
  border: 2px solid #fff;
  color: #fff;
  /* &::before {
       background-image: url(../images/arrow_white2.svg);
     }
  */
}
.c-tab__button.-department p {
  padding-left: 25px;
}
.c-tab__button.-department p::after {
  background-image: url(../images/icon-school-white.svg);
  width: 15px;
  height: 14px;
  left: 0;
}
.c-tab__button.-department:hover {
  border: 2px solid #fca064;
  background: #fff;
  color: #fca064;
  /* &::before {
    background-image: url(../images/sp-arrow_hover.svg);
    background-color: #fca064;
    border-radius: 50px;
  } */
}
.c-tab__button.-department:hover p::after {
  background-image: url(../images/icon-school-orange.svg);
}
.c-tab__button.-school {
  background: #e9fcfa;
  border: 2px solid #fff;
  color: #000;
  /* &::before {
    background-image: url(../images/arrow7.svg);
  } */
}
.c-tab__button.-school p {
  padding-left: 25px;
}
.c-tab__button.-school p::after {
  background-image: url(../images/icon-department.svg);
  width: 19px;
  height: 14px;
  left: 0;
}
.c-tab__button.-school:hover {
  border: 2px solid #000;
  background: #000;
  color: #fff;
  /* &::before {
    background-image: url(../images/sp-arrow_hover.svg);
    background-color: #000;
    border-radius: 50px;
  } */
}
.c-tab__button.-school:hover p::after {
  background-image: url(../images/icon-department-white.svg);
}

@media screen and (max-width: 768px) {
  .c-tab__button {
    margin: 33px auto 0;
  }
}
.c-toggle-container {
  margin: 0 auto;
  max-width: 678px;
}

/* @media screen and (max-width: 768px) {
  .c-toggle-container {
    padding: 14px 22px 30px;
  }
}
 */
.c-toggle {
  border: rgba(0, 0, 0, 0.03) 1px solid;
  box-shadow: 0px 5px 10px 0px rgba(20, 11, 43, 0.06);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4666666667;
  font-weight: 500;
}
.c-toggle + .c-toggle {
  margin-top: 20px;
}

.c-toggle__head {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 13px 50px 10px 10px;
  position: relative;
  min-height: 70px;
}

.c-toggle__content {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 0px 10px 13px;
  display: none;
}

.c-toggle__content.active {
  display: block;
}

.c-toggle__head::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow_black.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  height: 10px;
  width: 16px;
}

.c-toggle.active .c-toggle__head::after {
  background-image: url(../images/arrow_black2.svg);
}

@media screen and (max-width: 768px) {
  .c-toggle__head {
    padding: 10px 26px 10px 13px;
  }
  .c-toggle__head::after {
    right: 30px;
  }
}
.c-imageset-row__inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-imageset-row__inner {
    flex-wrap: wrap;
  }
}

.c-imageset-row__image {
  flex: 1;
  padding-right: 20px;
}
.c-imageset-row__image img {
  width: 100%;
}

.c-imageset-row__content {
  flex: 2;
}
@media screen and (max-width: 768px) {
  .c-imageset-row__content {
    flex: unset;
  }
}

.c-imageset-row__title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.c-imageset-row__text {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .c-imageset-row {
    flex-direction: column;
  }
  .c-imageset-row__image {
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.p-top-mv__title {
  font-family: "Zen Maru Gothic", serif;
  color: #fff;
}

.p-top-mv__title--lg {
  font-size: 41px;
  line-height: 1.4035087719;
  letter-spacing: 0.2em;
  font-weight: 700;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-top-mv__title--lg {
    font-size: 27px;
  }
}
.p-top-mv__title--sm {
  font-size: 17px;
  line-height: 2.84;
  letter-spacing: 0.035em;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-top-mv__title--sm {
    font-size: 12px;
  }
}
.p-top-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .p-top-links {
    flex-direction: column;
    gap: 15px;
  }
}
.p-top-links__item {
  width: 330px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  transition: 0.4s;
  overflow: hidden;
}
.p-top-links__item:hover {
  opacity: 0.7;
}
.p-top-links__item img {
  width: 100%;
  height: auto;
}
.p-top-links__item-2 {
  border: #cccccc solid 1px;
}
.p-top-links__item .news-item {
  width: 100%;
  height: 100%;
  color: #222222;
}
.p-top-links__item .news-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  padding: 3px 0px;
}
.p-top-links__item .news-item a .news-item_head {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-bottom: #cccccc 1px solid;
  padding: 2px 16px 2px;
}
.p-top-links__item .news-item a .news-item_head time,
.p-top-links__item .news-item a .news-item_head span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.875;
  background-color: unset;
}
.p-top-links__item .news-item a .news-item_head time {
  position: relative;
  padding-left: 0.5em;
  margin-left: 0.2em;
}
.p-top-links__item .news-item a .news-item_head time::after {
  position: absolute;
  content: "|";
  left: 0;
  top: -1px;
  width: 16px;
  height: 16px;
}
.p-top-links__item .news-item a p {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 500;
  padding: 2px 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .p-top-links__item {
    width: 100%;
    max-width: 339px;
    height: 77px;
    border-radius: 10px;
  }
}
.p-top-tab {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-top-tab {
    margin-top: 30px;
  }
}
@media (min-width: 769px) {
  .c-connectionlink__list .c-connectionlink__item a::after {
    width: 27px;
    height: 27px;
    bottom: -13px;
    background-position: left center;
    background-size: 18px;
  }
}
.p-top-news {
  background: #fff;
  border-radius: 40px;
  padding: 27px 30px 47px;
  position: relative;
  margin-top: 172px;
}
.p-top-news::after {
  position: absolute;
  content: "";
  background-image: url(../images/news-object.svg);
  background-size: contain;
  background-repeat: no-repeat;
  left: 60px;
  top: -45px;
  width: 75px;
  height: 75px;
}

@media screen and (max-width: 768px) {
  .p-top-news {
    padding: 68px 20px 62px;
    border-radius: 0 60px 60px 0px;
    margin-left: calc(50% - 50vw);
    margin-top: 172px;
    width: calc(100% - 17px);
    margin-right: auto;
  }
}
.p-top-news__title {
  text-align: center;
  color: #222;
}

.p-top-news__title--lg {
  font-size: 25px;
  line-height: 1.88;
  font-weight: 700;
  display: block;
}

.p-top-news__title--sm {
  font-size: 20px;
  font-weight: 500;
  display: block;
  text-transform: uppercase;
  border-bottom: 3px solid #fbdb00;
  width: -moz-fit-content;
  width: fit-content;
  margin: 3px auto 0;
  padding-bottom: 13px;
}

.p-top-news__list {
  margin: 43px 0 0;
}
.p-top-news__list .news-item {
  border-bottom: #dbdbdb 1px solid;
  text-align: left;
}
.p-top-news__list .news-item a {
  padding: 35px 0;
  transition: 0.4s;
  display: block;
}
.p-top-news__list .news-item a:hover {
  opacity: 0.7;
}
.p-top-news__list .news-item:first-of-type {
  border-top: #dbdbdb 1px solid;
}
.p-top-news__list .news-item time {
  font-size: 14px;
  line-height: 1.5714285714;
}
.p-top-news__list .news-item .icon_news_type {
  border-radius: 50px;
  padding: 2px 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  border-radius: 50px;
  margin-left: 6px;
  background: #fc7272;
  text-align: center;
  display: inline-block;
  min-width: 100px;
}
.p-top-news__list .news-item .icon_news_type.zenkoku {
  background: #fc7272;
}
.p-top-news__list .news-item .icon_news_type.kantou {
  background: #97d9c7;
}
.p-top-news__list .news-item p {
  font-size: 16px;
  line-height: 1.1538461538;
  margin-top: 11px;
}

.p-top-news__link {
  font-size: 14px;
  line-height: 1.5714285714;
  text-align: left;
  display: block;
  margin-top: 30px;
  /* text-decoration: underline; */
  position: relative;
  color: #222222;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 11px;
}
.p-top-news__link::after {
  position: absolute;
  content: "";
  background: #222222;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 8px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.p-top-news__button {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .p-top-news__button {
    right: 30px;
    left: unset;
    transform: unset;
  }
}
.p-top-topics {
  background: #fb9e3c;
  border-radius: 30px;
  padding: 17px 0 52px 30px;
  margin-top: 215px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-top-topics {
    margin-top: 178px;
    border-radius: 0 30px 30px 0;
    margin-left: calc(50% - 50vw);
    padding-left: 7px;
    width: calc(100% - 17px);
    margin-right: auto;
  }
}
.p-top-topics__title {
  color: #fb9e3c;
  font-size: 52px;
  line-height: 2.25px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 30px;
  top: -22px;
}
.p-top-topics__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/top-topics.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: -123px;
  top: -70px;
  width: 82px;
  height: 78px;
}

@media screen and (max-width: 768px) {
  .p-top-topics__title {
    transform: unset;
    left: 7px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-topics__title::after {
    transform: unset;
  }
}
.p-top-topics__lead {
  font-size: 24px;
  font-weight: 700;
  text-align: left;
  color: #fff;
}

.p-top-topics__slider {
  margin-top: 20px;
  margin-left: calc(50% - 51vw);
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .p-top-topics__slider {
    margin: 20px calc(50% - 50vw) 0 0;
  }
}
.p-top-topics__item a {
  border-radius: 30px;
  padding: 15px;
  background: #fff;
  display: block;
  transition: 0.4s;
}
.p-top-topics__item a:hover {
  opacity: 0.7;
}

.p-top-topics__thumb {
  border-radius: 15px;
}
.p-top-topics__thumb img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  aspect-ratio: 55/38;
}

.p-top-opencampus {
  background: #f7a700;
  border-radius: 40px;
  margin-top: 230px;
  position: relative;
  padding: 20px 0 54px 0;
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus {
    border-radius: 60px 0px 0px 60px;
    margin-right: calc(50% - 50vw);
    margin-top: 228px;
    padding: 18px 0px 55px 0px;
    width: calc(100% - 17px);
    margin-left: auto;
  }
}
.p-top-opencampus__title {
  color: #f7a700;
  font-size: 90px;
  line-height: 2.2555555556px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
  width: -moz-max-content;
  width: max-content;
}
.p-top-opencampus__title::after {
  position: absolute;
  content: "";
  background-image: url(../images/top-opencampus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  right: -99px;
  top: -89px;
  width: 68px;
  height: 95px;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__title {
    font-size: min(12.5vw, 52px);
    line-height: 2.25px;
    transform: unset;
    left: -15px;
    top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-opencampus__title::after {
    transform: unset;
    right: unset;
    left: 64px;
    top: -121px;
  }
}
.p-top-opencampus__lead {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__lead {
    text-align: left;
    font-size: 21px;
    padding-left: 35px;
  }
}
.p-top-opencampus__flexbox {
  margin-top: 20px;
  padding: 0 131px 0 78px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__flexbox {
    padding: 0 80px 0 41px;
  }
}
.p-top-opencampus__thumbbox {
  position: relative;
}

.p-top-opencampus__thumb {
  border-radius: 20px;
}
.p-top-opencampus__thumb img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__thumb {
    min-width: 244px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-opencampus__thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 293/351;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-top-opencampus__button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -34px;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__button {
    right: unset;
    left: 45%;
  }
}
.p-top-opencampus__text {
  position: absolute;
  font-size: 34px;
  line-height: 1.0882352941;
  font-weight: 700;
  color: #fff;
  writing-mode: vertical-rl;
  text-indent: -1em;
  right: -54px;
  top: 55%;
  letter-spacing: 0.1em;
  transform: translateY(-50%);
  height: -moz-max-content;
  height: max-content;
}

@media screen and (max-width: 768px) {
  .p-top-opencampus__text {
    margin-left: -18px;
    z-index: 2;
    right: -62px;
  }
}
.p-top-listboxwrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -100px;
}

@media screen and (max-width: 768px) {
  .p-top-listboxwrap {
    flex-direction: column;
    justify-content: center;
    margin-left: unset;
    margin: 0px calc(50% - 50vw) 0;
  }
}
.p-top-listbox {
  border-radius: 40px;
  background: red;
  padding: 10px 32px 45px;
  position: relative;
  width: calc(50% - 100px);
  margin-left: 100px;
  margin-top: 40px;
  position: relative;
}
.p-top-listbox.-visitor {
  background: #00b4f7;
}
.p-top-listbox.-visitor .p-top-listbox__title {
  color: #00b4f7;
}
.p-top-listbox.-visitor .p-top-listbox__title::after {
  background-image: url(../images/top-listbox1.svg);
  width: 72px;
  height: 85px;
}
.p-top-listbox.-visitor .p-top-listbox__item:hover a {
  background: #00b4f7;
}
.p-top-listbox.-admission {
  background: #aab4ff;
  margin-top: 530px;
}
.p-top-listbox.-admission .p-top-listbox__title {
  color: #aab4ff;
}
.p-top-listbox.-admission .p-top-listbox__title::after {
  background-image: url(../images/top-listbox2.svg);
  width: 113px;
  height: 88px;
}
.p-top-listbox.-admission .p-top-listbox__item:hover a {
  background: #aab4ff;
}
.p-top-listbox.-support {
  background: #13c775;
  margin-top: -27px;
}
.p-top-listbox.-support .p-top-listbox__title {
  color: #13c775;
}
.p-top-listbox.-support .p-top-listbox__title::after {
  background-image: url(../images/top-listbox3.svg);
  width: 90px;
  height: 85px;
}
.p-top-listbox.-support .p-top-listbox__item:hover a {
  background: #13c775;
}
.p-top-listbox.-campuslife {
  background: #f5a2c3;
  margin-top: 344px;
}
.p-top-listbox.-campuslife .p-top-listbox__title {
  color: #f5a2c3;
}
.p-top-listbox.-campuslife .p-top-listbox__title::after {
  background-image: url(../images/top-listbox4.svg);
  width: 93px;
  height: 85px;
}
.p-top-listbox.-campuslife .p-top-listbox__item:hover a {
  background: #f5a2c3;
}
.p-top-listbox.-information {
  background: #cf9ade;
  margin-top: -20px;
}
.p-top-listbox.-information .p-top-listbox__title {
  color: #cf9ade;
}
.p-top-listbox.-information .p-top-listbox__title::after {
  background-image: url(../images/top-listbox5.svg);
  width: 82px;
  height: 85px;
}
.p-top-listbox.-information .p-top-listbox__item:hover a {
  background: #cf9ade;
}
.p-top-listbox.-archivement {
  background: #f0a96c;
  margin-top: 344px;
}
.p-top-listbox.-archivement .p-top-listbox__title {
  color: #f0a96c;
}
.p-top-listbox.-archivement .p-top-listbox__title::after {
  background-image: url(../images/top-listbox6.svg);
  width: 93px;
  height: 85px;
}
.p-top-listbox.-archivement .p-top-listbox__item:hover a {
  background: #f0a96c;
}
.p-top-listbox .c-button2 {
  position: absolute;
  left: 30px;
  right: 30px;
  margin: auto;
  bottom: -22.5px;
}

@media screen and (max-width: 768px) {
  .p-top-listbox {
    margin-left: unset;
    margin-top: 187px;
    width: calc(100% - 27px);
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-visitor {
    border-radius: 0px 60px 60px 0;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-visitor .p-top-listbox__title::after {
    top: -77px;
    left: 237px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-admission {
    border-radius: 60px 0px 0px 60px;
    margin-left: auto;
    margin-top: 187px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-admission .p-top-listbox__title {
    left: 22px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-admission .p-top-listbox__title::after {
    top: -117px;
    left: 31px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-admission .p-top-listbox__lead {
    padding-left: 26px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-support {
    border-radius: 0px 60px 60px 0;
    margin-right: auto;
    margin-top: 210px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-support .p-top-listbox__title::after {
    top: -77px;
    left: 237px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-campuslife {
    border-radius: 60px 0px 0px 60px;
    margin-left: auto;
    margin-top: 210px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-campuslife .p-top-listbox__title {
    left: 22px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-campuslife .p-top-listbox__title::after {
    left: 31px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-campuslife .p-top-listbox__lead {
    text-align: right;
    padding-right: 26px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-information {
    border-radius: 0px 60px 60px 0;
    margin-right: auto;
    margin-top: 210px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-information .p-top-listbox__title::after {
    top: -117px;
    left: 267px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-archivement {
    border-radius: 60px 0px 0px 60px;
    margin-left: auto;
    margin-top: 210px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-archivement .p-top-listbox__title {
    left: 22px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-archivement .p-top-listbox__title::after {
    left: 31px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox.-archivement .p-top-listbox__lead {
    text-align: right;
    padding-right: 26px;
  }
}
.p-top-listbox__list {
  margin-top: 13px;
}

.p-top-listbox__title {
  font-size: 52px;
  line-height: 2.25px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -22px;
  width: -moz-max-content;
  width: max-content;
}
.p-top-listbox__title::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
  top: -122px;
}
@media screen and (max-width: 768px) {
  .p-top-listbox__title {
    font-size: clamp(16px, 12vw, 52px);
  }
}

@media screen and (max-width: 768px) {
  .p-top-listbox__title {
    transform: unset;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-top-listbox__title::after {
    transform: unset;
  }
}
.p-top-listbox__lead {
  font-size: 24px;
  line-height: 1.9583333333;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-top-listbox__lead {
    text-align: left;
  }
}
.p-top-listbox__item a {
  max-width: unset;
  height: 68px;
}
.p-top-listbox__item a:hover {
  border: 2px solid #fff;
  color: #fff;
}
.p-top-listbox__item a:hover p::after {
  background-image: url(../images/reco_arrow_white.svg);
}
.p-top-listbox__item.sm1 p {
  font-size: 15px;
  line-height: 1.4;
}
.p-top-listbox__item.sm2 p {
  font-size: 14px;
  line-height: 1.5;
}

.p-top-about {
  background: #ebf6ff;
  border-radius: 30px;
  padding: 40px 40px 50px;
}

@media screen and (max-width: 768px) {
  .p-top-about {
    margin-top: 50px;
  }
}
.p-top-about__list {
  display: flex;
  max-width: 900px;
  margin: 15px auto 0;
  -moz-column-gap: 100px;
  column-gap: 100px;
}

@media screen and (max-width: 768px) {
  .p-top-about__list {
    margin: 50px auto 0;
    display: block;
    -moz-column-gap: unset;
    column-gap: unset;
  }
}
.p-top-about__item {
  width: 50%;
}
.p-top-about__item:hover a {
  background: #ebf6ff;
  color: #000;
}
.p-top-about__item:hover a p::after {
  background-image: url(../images/reco_arrow_black.svg);
}
.p-top-about__item + .p-top-about__item {
  margin-top: unset;
}

@media screen and (max-width: 768px) {
  .p-top-about__item {
    width: 100%;
  }
  .p-top-about__item a {
    max-width: unset;
  }
}
@media screen and (max-width: 768px) {
  .p-top-about__item + .p-top-about__item {
    margin-top: 18px;
  }
}
.p-top-about__title {
  text-align: center;
  color: #222;
}

.p-top-about__title--lg {
  font-size: 25px;
  line-height: 1.88;
  font-weight: 700;
  display: block;
}

.p-top-about__title--sm {
  font-size: 20px;
  font-weight: 500;
  display: block;
  margin: 6px auto 0;
  border-bottom: #fc7272 3px solid;
  padding-bottom: 13px;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: uppercase;
}

.p-top-movie {
  background: #00439c;
  border: #00439c 8px solid;
  border-radius: 30px;
  position: relative;
  margin-top: 108px;
  /* height: 360px; */
  /* iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 22px;
  } */
}

.p-top-movie__thumb img {
  width: 100%;
  border-radius: 25px;
}

.p-top-movie__iframebox {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.p-top-movie__iframebox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-top-movie__modal {
  display: none; /* デフォルトでは非表示 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
  max-width: 1030px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.p-top-movie__modal.active {
  display: block; /* activeクラスが追加されたら表示 */
}

.p-top-movie__modal--close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  cursor: pointer;
  z-index: 1001;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-top-movie__bg {
  background: none;
}
.p-top-movie__bg.active {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 3;
}

.p-top-movie__play {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 27px;
}

.p-top-movie__textbox {
  color: #fff;
  border-radius: 30px 0 20px 0;
  background: #00439c;
  width: 290px;
  height: 105px;
  padding: 8px 8px 0px 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-top-movie__textbox--lg {
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.4074074074;
}

.p-top-movie__textbox--sm {
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 2.8333333333;
}

/* .p-course {
  padding-bottom: 100px;
} */
.c-contents-bg__inner {
  max-width: 879px;
  padding: 30px 10px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-contents-bg__inner {
    padding: 30px 20px;
  }
}
.c-contents-bg__inner > *:first-child {
  margin-top: 0 !important;
}

.p-course-point__title {
  font-weight: 700;
  text-align: center;
  color: #000;
}

.p-course-point__title--sm {
  font-size: 23px;
  line-height: 1.8695652174;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-course-point__title--sm {
    font-size: 19px;
    line-height: 2.1052631579;
  }
}
.p-course-point__title--lg {
  font-size: 31px;
  line-height: 1.3870967742;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-course-point__title--lg {
    font-size: 31px;
    line-height: 1.2903225806;
  }
}
.p-course-point__title2 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 31px;
  line-height: 1.1290322581;
  font-weight: 500;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* .p-course-point__title2 {
    margin-top: 23px;
  } */
}
.p-course-point__text {
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  max-width: 805px;
  margin: 30px auto 0;
  color: #000;
}

@media screen and (max-width: 768px) {
  .p-course-point__text {
    line-height: 1.7647058824;
    margin-top: 20px;
  }
}
.p-course-point__list {
  margin-top: 29px;
}

@media screen and (max-width: 768px) {
  .p-course-point__list {
    margin-top: 16px;
  }
}
.p-course-point__item {
  border: #b9b9b9 1px solid;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.p-course-point__item + .p-course-point__item {
  margin-top: 20px;
}
.p-course-point__item.active .p-course-point__item--q::after {
  rotate: 270deg;
  right: 22px;
  top: 40%;
}

/* @media screen and (max-width: 768px) {
  .p-course-point__item + .p-course-point__item {
    margin-top: 15px;
  }
}
 */
@media screen and (max-width: 768px) {
  .p-course-point__item.active .p-course-point__item--q::after {
    right: 5px;
  }
}
.p-course-point__item--q {
  color: #fff;
  display: flex;
  align-items: center;
  -moz-column-gap: 50px;
  column-gap: 50px;
  padding: 10px 50px 10px 30px;
  position: relative;
}
.p-course-point__item--q::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow_white.png);
  background-size: contain;
  background-repeat: no-repeat;
  right: 38px;
  top: 42%;
  transform: translateY(-50%);
  height: 16px;
  width: 10px;
  rotate: 90deg;
}
.p-course-point__item--q span:first-of-type {
  display: block;
  font-size: 27px;
  line-height: 2.4444444444;
  font-weight: 900;
}
.p-course-point__item--q span:last-of-type {
  display: block;
  font-size: 25px;
  line-height: 1.36;
  font-weight: 700;
  max-width: 610px;
}

@media screen and (max-width: 768px) {
  .p-course-point__item--q::after {
    right: 21px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-point__item--q {
    flex-direction: column;
    padding: 10px 26px 10px 13px;
    -moz-column-gap: unset;
    column-gap: unset;
    align-items: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .p-course-point__item--q span:first-of-type {
    font-size: 14px;
    line-height: 1.7857142857;
  }
}
@media screen and (max-width: 768px) {
  .p-course-point__item--q span:last-of-type {
    font-size: 17px;
    line-height: 1.4117647059;
  }
}
.p-course-point__item--a {
  background: #f2f2f2;
  border-radius: 0 0 10px 10px;
  padding: 30px 10px;
  display: none;
}
@media screen and (max-width: 768px) {
  .p-course-point__item--a {
    padding: 10px 20px;
  }
}
.p-course-point__item--a p {
  max-width: 759px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .p-course-point__item--a p {
    line-height: 1.875;
  }
}
.p-course-point__item--a p small {
  display: block;
  font-size: 14px;
  line-height: 2.3571428571;
}
@media screen and (max-width: 768px) {
  .p-course-point__item--a p small {
    font-size: 12px;
    line-height: 2.5;
  }
}

@media screen and (max-width: 768px) {
  .p-course-point__item--a {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-point__item--a p {
    font-size: 16px;
    line-height: 1.875;
  }
}
@media screen and (max-width: 768px) {
  .p-course-point__item--a p small {
    font-size: 12px;
    line-height: 2.5;
  }
}
.p-course-time {
  margin-top: 100px;
}

.p-course-time__inner {
  padding: 20px;
  overflow: hidden;
}

.c-digital-materials {
  width: 100%;
  max-width: 200px;
  margin-bottom: 30px;
}
.c-digital-materials__text {
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
}

.-komuin .c-digital-materials__text {
  background: #70bbc1;
}

.-kouan .c-digital-materials__text {
  background: #6aa366;
}

.-paramedic .c-digital-materials__text {
  background: #ea7e6e;
}

.-kaikei .c-digital-materials__text {
  background: #3c5797;
}

.-business .c-digital-materials__text {
  background: #3099ee;
}

.-jouhou .c-digital-materials__text {
  background: #37916d;
}

.-creator .c-digital-materials__text {
  background: #59b786;
}

.-iryo .c-digital-materials__text {
  background: #ffa7d0;
}

.-shika .c-digital-materials__text {
  background: #bcb299;
}

.-hoiku .c-digital-materials__text {
  background: #fb9b1a;
}

.-hukushi .c-digital-materials__text {
  background: #5aad41;
}

.-kanko .c-digital-materials__text {
  background: #8bb801;
}

.-bridal .c-digital-materials__text {
  background: #f17ac2;
}

.-beauty .c-digital-materials__text {
  background: #fa97b7;
}

.-anime .c-digital-materials__text {
  background: #fb7a34;
}

.-hair .c-digital-materials__text {
  background: #801980;
}

.-sports .c-digital-materials__text {
  background: #fbae00;
}

.-shika .c-digital-materials__text {
  background: #bcb299;
}

.-seiyu .c-digital-materials__text {
  background: #77c408;
}

.-seika .c-digital-materials__text {
  background: #d2a300;
}

.-jidousya .c-digital-materials__text {
  background: #09074d;
}

.-support .c-digital-materials__text {
  background: #13c775;
}

.-addmission .c-digital-materials__text {
  background: #90bbff;
}

.-contact .c-digital-materials__text {
  background: #b36cd3;
}

.-opencampus .c-digital-materials__text {
  background: #f7a700;
}

.-school .c-digital-materials__text {
  background: #82ddd6;
}

.-info .c-digital-materials__text {
  background: #cf9ade;
}

.-neutral .c-digital-materials__text {
  background: #83ded7;
}

/* .c-course-header {
  @media screen and (max-width: 768px) {
    margin-top: 180px;
  }
} */
@media screen and (max-width: 768px) {
  .p-course-time__tablebox {
    overflow-x: scroll;
    padding-right: 20px;
    margin-right: -20px;
  }
}
.p-course-time__table {
  width: 100%;
  font-size: 15px;
  color: #000;
}
.p-course-time__table tr:nth-of-type(even) td {
  background: #feff33;
}
.p-course-time__table tr:first-of-type, .p-course-time__table tr:last-of-type {
  border-bottom: 1px solid;
}
.p-course-time__table tr:not(:first-of-type):not(:last-of-type) {
  border-bottom: 1px dotted;
}
.p-course-time__table th,
.p-course-time__table td {
  vertical-align: middle;
  text-align: center;
  padding: 13px;
}
.p-course-time__table .th1 {
  border-left: 1px solid;
  width: 19%;
}
.p-course-time__table .th2 {
  width: 45px;
}
.p-course-time__table td {
  border-left: 1px solid;
}

@media screen and (max-width: 768px) {
  .p-course-time__table {
    width: 1030px;
  }
}
.p-course-time__small {
  font-size: 10px;
  margin-top: 2em;
  line-height: 1.7;
  display: block;
}
.p-course-time__small + .p-course-time__small {
  margin-top: unset;
}

.p-course-works {
  margin-top: 100px;
}

.p-course-schedule {
  margin-top: 100px;
}

.p-course-schedule__inner {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .p-course-schedule__inner {
    padding: 20px 0 20px 20px;
  }
}
.p-course-schedule__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-course-schedule__thumb {
    overflow-x: scroll;
    padding-right: 20px;
    margin-right: -20px;
  }
  .p-course-schedule__thumb img {
    width: 988px;
  }
}
.p-course-voice {
  margin-top: 100px;
}

.p-course-voice__box {
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .p-course-voice__box {
    flex-direction: column;
  }
}
.p-course-voice__contents {
  max-width: 542px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  margin: 27px auto 0;
}

.p-course-voice__thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 768px) {
  .p-course-voice__thumb img {
    aspect-ratio: 3/2;
  }
}

.p-course-voice__body {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 66px 20px 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-course-voice__body {
    padding: 66px 19px 30px;
  }
}
.p-course-voice__name {
  max-width: 457px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
  border-radius: 10px;
}
.p-course-voice__name img {
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 768px) {
  .p-course-voice__name {
    max-width: 295px;
  }
}
.p-course-voice__title {
  font-size: 19px;
  line-height: 1.5789473684;
  font-weight: 500;
  padding-bottom: 10px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .p-course-voice__title {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
.p-course-voice__text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.875;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.p-course-voice__text.is-hide {
  height: 110px;
  margin-bottom: unset;
}
.p-course-voice__text.is-hide::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 0%, #fff 100%);
  bottom: 0;
  content: "";
  height: 54px;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-course-voice__text {
    padding-bottom: 30px;
  }
}
.p-course-voice__button {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 16px;
  margin: 0 auto;
  width: 156px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  text-align: center;
  border-radius: 5px;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s;
  font-size: 15px;
  font-weight: 500;
  border: #707070 1px solid;
}
.p-course-voice__button::after {
  content: "";
  background-image: url(../images/voice_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 10;
  width: 15px;
  height: 9px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px;
  margin-left: 3px;
}
.p-course-voice__button::before {
  content: "メッセージを読む";
}
.p-course-voice__button.is-show {
  bottom: 16px;
}
.p-course-voice__button.is-show::before {
  content: "元に戻す";
}
.p-course-voice__button.is-show::after {
  rotate: 180deg;
  margin-top: -7px;
  margin-left: 8px;
}
.p-course-voice__button.is-show + .p-course-voice__text::before {
  display: none;
}

.p-course-voice.n-accordion .p-course-voice__text {
  height: auto !important;
}
.p-course-voice.n-accordion .p-course-voice__text::before {
  display: none;
}

.p-course-voice.-komuin .p-course-voice__name {
  background: linear-gradient(-90deg, rgb(132, 214, 221) 0%, rgb(92, 161, 167) 100%);
}
.p-course-voice.-komuin .p-course-voice__title {
  border-bottom: 2px solid #70bbc1;
}
.p-course-voice.-komuin .p-course-voice__button {
  background-color: #71bcc2;
}

.p-course-linkcard {
  margin-top: 100px;
  padding-top: 35px;
  padding-bottom: 25px;
}

.p-course-reco {
  margin-top: 100px;
}

.p-course-reco__contents {
  background: #ebf6ff;
  border-radius: 20px;
  margin: 25px auto 0;
  max-width: 680px;
  padding: 12px 42px 45px;
}

@media screen and (max-width: 768px) {
  .p-course-reco__contents {
    padding: 12px 0px 45px;
  }
}
.p-course-other {
  margin-top: 100px;
}

.p-course-other .swiper-wrapper.c-connectionlink__hukushi {
  justify-content: center;
  gap: 20px;
}

@media screen and (max-width: 768px) {
  .p-course-other .swiper-wrapper.c-connectionlink__hukushi {
    justify-content: center;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  /* .p-course-introduction {
    margin-top: 26px;
  } */
}
.p-course-introduction.-komuin .p-course-introduction__item a::after {
  background-color: #70bbc1;
}
.p-course-introduction.-kouan .p-course-introduction__item a::after {
  background-color: #6aa366;
}
.p-course-introduction.-paramedic .p-course-introduction__item a::after {
  background-color: #ea7e6e;
}
.p-course-introduction.-kaikei .p-course-introduction__item a::after {
  background-color: #3c5797;
}
.p-course-introduction.-business .p-course-introduction__item a::after {
  background-color: #3099ee;
}
.p-course-introduction.-jouhou .p-course-introduction__item a::after {
  background-color: #37916d;
}
.p-course-introduction.-creator .p-course-introduction__item a::after {
  background-color: #59b786;
}
.p-course-introduction.-iryo .p-course-introduction__item a::after {
  background-color: #ffa7d0;
}
.p-course-introduction.-shika .p-course-introduction__item a::after {
  background-color: #bcb299;
}
.p-course-introduction.-hoiku .p-course-introduction__item a::after {
  background-color: #fb9b1a;
}
.p-course-introduction.-hukushi .p-course-introduction__item a::after {
  background-color: #5aad41;
}
.p-course-introduction.-kanko .p-course-introduction__item a::after {
  background-color: #8bb801;
}
.p-course-introduction.-bridal .p-course-introduction__item a::after {
  background-color: #f17ac2;
}
.p-course-introduction.-beauty .p-course-introduction__item a::after {
  background-color: #fa97b7;
}
.p-course-introduction.-anime .p-course-introduction__item a::after {
  background-color: #fb7a34;
}
.p-course-introduction.-hair .p-course-introduction__item a::after {
  background-color: #801980;
}
.p-course-introduction.-sports .p-course-introduction__item a::after {
  background-color: #fbae00;
}
.p-course-introduction.-shika .p-course-introduction__item a::after {
  background-color: #bcb299;
}
.p-course-introduction.-seiyu .p-course-introduction__item a::after {
  background-color: #77c408;
}
.p-course-introduction.-seika .p-course-introduction__item a::after {
  background-color: #d2a300;
}
.p-course-introduction.-jidousya .p-course-introduction__item a::after {
  background-color: #09074d;
}
.p-course-introduction.-contact .p-course-introduction__item a::after {
  background-color: #b36cd3;
}
.p-course-introduction.-opencampus .p-course-introduction__item a::after {
  background-color: #f7a700;
}
.p-course-introduction.-school .p-course-introduction__item a::after {
  background-color: #82ddd6;
}
.p-course-introduction.-info .p-course-introduction__item a::after {
  background-color: #cf9ade;
}

.p-course-introduction__inner {
  max-width: 879px;
  padding: 30px 10px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-course-introduction__inner .p-course-introduction__inner {
    padding: 30px 20px;
  }
}

.p-course-introduction__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.p-course-introduction__list.p-course-introduction__list--2grid {
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
  .p-course-introduction__list {
    /* margin-left: -10px;
    margin-top: -8px;
    padding: 0 10px;*/
    gap: 10px;
  }
}
.p-course-introduction__item {
  /* width: calc(33.33333% - 30px);
  margin-left: 30px;
  margin-top: 30px; */
  padding-bottom: 15px;
  transition: 0.4s;
}
.p-course-introduction__item a {
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.16);
  position: relative;
  display: block;
}
.p-course-introduction__item a::after {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 32px;
  bottom: -16px;
  background-position: 0 50%;
  background-size: 20px;
  background-image: url(../images/icon-arrow-white.svg);
  border-radius: 50px;
  border: 1px solid #fff;
}
.p-course-introduction__item img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  aspect-ratio: 266/143;
  -o-object-fit: cover;
  object-fit: cover;
  height: auto;
}
.p-course-introduction__item:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .p-course-introduction__item {
    /* width: calc(33.33333% - 10px);
    margin-left: 10px;
    margin-top: 13px; */
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-introduction__item a::after {
    bottom: -10px;
    width: 26px;
    height: 26px;
    background-position: -3px 7px;
  }
}
.p-course-introduction__thumb {
  width: 100%;
}
.p-course-introduction__thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}

.p-course-introduction__title {
  font-size: 19px;
  line-height: 1.3076923077;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 95px;
  padding-bottom: 20px;
  color: #222222;
}

@media screen and (max-width: 768px) {
  .p-course-introduction__title {
    font-size: 12px;
    line-height: 1.4166666667;
    min-height: 70px;
    padding-bottom: 13px;
  }
}
.p-course-introduction__text {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 400;
  /* color: #fff; */
  text-align: center;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-course-introduction__text {
    text-align: left;
    margin-top: 23px;
    padding: 0 10px;
  }
}
.p-course-school {
  margin-top: 100px;
  max-width: unset;
}
.p-course-school .c-school__list {
  max-width: 680px;
  margin: 25px auto 0;
}

.p-course-achievements {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .p-course-achievements {
    margin-top: 92px;
  }
}
.p-course-achievements__inner {
  margin: 30px auto 0;
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  align-items: baseline;
  justify-content: center;
}
.p-course-achievements__inner > * {
  width: 50%;
  padding: 30px;
}
.p-course-achievements__inner > * .p-course-achievements__item:not(:last-child) {
  margin-bottom: 40px;
}

.p-course-achievements__inner2 {
  flex-direction: column;
  align-items: center;
  gap: 30px;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__inner {
    flex-direction: column;
    row-gap: 30px;
  }
  .p-course-achievements__inner > * {
    width: 100%;
    padding: 30px 20px;
  }
  .p-course-achievements__inner .c-contents-bg {
    width: 100%;
  }
}
.p-course-achievements__title,
.c-achievements__title {
  width: 100%;
  padding: 11px;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(-90deg, rgb(132, 214, 221) 0%, rgb(92, 161, 167) 100%);
}

/* @media screen and (max-width: 768px) {
  .p-course-achievements__title,
  .c-achievements__title {
    font-size: 19px;
  }
} */
.p-course-achievements__title2,
.c-achievements__title2 {
  width: 100%;
  padding: 11px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #000;
  text-align: center;
}

/* @media screen and (max-width: 768px) {
  .p-course-achievements__title2,
  .c-achievements__title2 {
    font-size: 19px;
  }
} */
.p-course-achievements__contents1,
.c-achievements__contents1 {
  display: flex;
  align-items: center;
  margin-top: 13px;
  position: relative;
  /* padding-bottom: 25px; */
}
.p-course-achievements__contents1.-center,
.c-achievements__contents1.-center {
  justify-content: center;
}

.p-course-achievements__contents1--head {
  padding-top: 25px;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents1,
  .c-achievements__contents1 {
    -moz-column-gap: 10px;
    column-gap: 10px;
    justify-content: center;
  }
}
.p-course-achievements__contents2--head {
  display: grid;
  place-items: center;
  width: 100%;
  grid-template-rows: subgrid;
  grid-row: span 3;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents2--head {
    max-width: 310px;
  }
}
.p-course-achievements__contents1--text1,
.c-achievements__contents1--text1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 240px;
}
.p-course-achievements__contents1--text1 .sm,
.c-achievements__contents1--text1 .sm {
  font-size: 14px;
  font-weight: 500;
}
.p-course-achievements__contents1--text1 .lg,
.c-achievements__contents1--text1 .lg {
  font-size: 100px;
  font-weight: 700;
  letter-spacing: -0.065em;
  display: inline-block;
}
.p-course-achievements__contents1--text1 .lg span:last-of-type,
.c-achievements__contents1--text1 .lg span:last-of-type {
  font-size: 22px;
  line-height: 1.5909090909;
  color: #000;
  display: inline-block;
  margin-left: 4px;
}

.p-course-achievements__contents1--text1 .sm {
  display: block;
  position: absolute;
  text-align: left;
  width: 100%;
  left: 0;
  top: 10px;
}

.p-course-achievements__contents1-2 {
  justify-content: center;
  gap: 15px;
}

.p-course-achievements__contents1--text1-2 {
  width: 100%;
  text-align: center;
  border: none !important;
}
.p-course-achievements__contents1--text1-2 .sm {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents1--text1,
  .c-achievements__contents1--text1 {
    width: 190px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-achievements__contents1--text1 .sm,
  .c-achievements__contents1--text1 .sm {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-achievements__contents1--text1 .lg,
  .c-achievements__contents1--text1 .lg {
    font-size: 89px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-achievements__contents1--text1 .lg span:last-of-type,
  .c-achievements__contents1--text1 .lg span:last-of-type {
    font-size: 20px;
    margin-left: 3px;
  }
}
.p-course-achievements__contents1--svg {
  width: 40px;
  height: 40px;
}
.p-course-achievements__contents1--svg svg {
  transform: unset !important;
}

.p-course-achievements__contents1--svg.-komuin svg stop:nth-of-type(1) {
  stop-color: #70bbc1;
}
.p-course-achievements__contents1--svg.-komuin svg stop:nth-of-type(2) {
  stop-color: rgb(76.8195121951, 169.7463414634, 177.1804878049);
}
.p-course-achievements__contents1--svg.-kouan svg stop:nth-of-type(1) {
  stop-color: #6aa366;
}
.p-course-achievements__contents1--svg.-kouan svg stop:nth-of-type(2) {
  stop-color: rgb(83.8530612245, 133.6408163265, 80.3591836735);
}
.p-course-achievements__contents1--svg.-paramedic svg stop:nth-of-type(1) {
  stop-color: #ea7e6e;
}
.p-course-achievements__contents1--svg.-paramedic svg stop:nth-of-type(2) {
  stop-color: rgb(227.5481927711, 86.3674698795, 65.4518072289);
}
.p-course-achievements__contents1--svg.-kaikei svg stop:nth-of-type(1) {
  stop-color: #3c5797;
}
.p-course-achievements__contents1--svg.-kaikei svg stop:nth-of-type(2) {
  stop-color: rgb(45.4976303318, 65.971563981, 114.5023696682);
}
.p-course-achievements__contents1--svg.-business svg stop:nth-of-type(1) {
  stop-color: #3099ee;
}
.p-course-achievements__contents1--svg.-business svg stop:nth-of-type(2) {
  stop-color: rgb(17.8348214286, 127.9910714286, 217.1651785714);
}
.p-course-achievements__contents1--svg.-jouhou svg stop:nth-of-type(1) {
  stop-color: #37916d;
}
.p-course-achievements__contents1--svg.-jouhou svg stop:nth-of-type(2) {
  stop-color: rgb(40.975, 108.025, 81.205);
}
.p-course-achievements__contents1--svg.-creator svg stop:nth-of-type(1) {
  stop-color: #59b786;
}
.p-course-achievements__contents1--svg.-creator svg stop:nth-of-type(2) {
  stop-color: rgb(66.8571428571, 154.1428571429, 108.6428571429);
}
.p-course-achievements__contents1--svg.-iryo svg stop:nth-of-type(1) {
  stop-color: #ffa7d0;
}
.p-course-achievements__contents1--svg.-iryo svg stop:nth-of-type(2) {
  stop-color: rgb(255, 116, 180.7613636364);
}
.p-course-achievements__contents1--svg.-shika svg stop:nth-of-type(1) {
  stop-color: #bcb299;
}
.p-course-achievements__contents1--svg.-shika svg stop:nth-of-type(2) {
  stop-color: rgb(167.7810650888, 154.7633136095, 122.2189349112);
}
.p-course-achievements__contents1--svg.-hoiku svg stop:nth-of-type(1) {
  stop-color: #fb9b1a;
}
.p-course-achievements__contents1--svg.-hoiku svg stop:nth-of-type(2) {
  stop-color: rgb(222.1201716738, 129.0042918455, 3.8798283262);
}
.p-course-achievements__contents1--svg.-hukushi svg stop:nth-of-type(1) {
  stop-color: #5aad41;
}
.p-course-achievements__contents1--svg.-hukushi svg stop:nth-of-type(2) {
  stop-color: rgb(70.7142857143, 135.9285714286, 51.0714285714);
}
.p-course-achievements__contents1--svg.-kanko svg stop:nth-of-type(1) {
  stop-color: #8bb801;
}
.p-course-achievements__contents1--svg.-kanko svg stop:nth-of-type(2) {
  stop-color: rgb(100.6810810811, 133.2756756757, 0.7243243243);
}
.p-course-achievements__contents1--svg.-bridal svg stop:nth-of-type(1) {
  stop-color: #f17ac2;
}
.p-course-achievements__contents1--svg.-bridal svg stop:nth-of-type(2) {
  stop-color: rgb(236.1428571429, 75.8571428571, 172.8367346939);
}
.p-course-achievements__contents1--svg.-beauty svg stop:nth-of-type(1) {
  stop-color: #fa97b7;
}
.p-course-achievements__contents1--svg.-beauty svg stop:nth-of-type(2) {
  stop-color: rgb(247.6605504587, 102.3394495413, 149.3119266055);
}
.p-course-achievements__contents1--svg.-anime svg stop:nth-of-type(1) {
  stop-color: #fb7a34;
}
.p-course-achievements__contents1--svg.-anime svg stop:nth-of-type(2) {
  stop-color: rgb(247.1304347826, 90.0869565217, 4.8695652174);
}
.p-course-achievements__contents1--svg.-hair svg stop:nth-of-type(1) {
  stop-color: #801980;
}
.p-course-achievements__contents1--svg.-hair svg stop:nth-of-type(2) {
  stop-color: rgb(85.3333333333, 16.6666666667, 85.3333333333);
}
.p-course-achievements__contents1--svg.-sports svg stop:nth-of-type(1) {
  stop-color: #fbae00;
}
.p-course-achievements__contents1--svg.-sports svg stop:nth-of-type(2) {
  stop-color: rgb(200, 138.6454183267, 0);
}
.p-course-achievements__contents1--svg.-shika svg stop:nth-of-type(1) {
  stop-color: #bcb299;
}
.p-course-achievements__contents1--svg.-shika svg stop:nth-of-type(2) {
  stop-color: rgb(167.7810650888, 154.7633136095, 122.2189349112);
}
.p-course-achievements__contents1--svg.-seiyu svg stop:nth-of-type(1) {
  stop-color: #77c408;
}
.p-course-achievements__contents1--svg.-seiyu svg stop:nth-of-type(2) {
  stop-color: rgb(89.25, 147, 6);
}
.p-course-achievements__contents1--svg.-seika svg stop:nth-of-type(1) {
  stop-color: #d2a300;
}
.p-course-achievements__contents1--svg.-seika svg stop:nth-of-type(2) {
  stop-color: rgb(159, 123.4142857143, 0);
}

.p-course-achievements__contents1--text2,
.c-achievements__contents1--text2 {
  font-size: 12px;
  line-height: 1.4285714286;
  color: #777777;
  font-weight: 500;
  position: relative;
  /* padding-left: 50px; */
  width: 300px;
  margin-top: 16px;
  /* &::after {
    position: absolute;
    content: "";
    background-image: url(../images/course/komuin/achievements2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
  }
  &.-komuin {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-kouan {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-paramedic {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-kaikei {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-business {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-jouhou {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-creator {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-iryo {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-shika {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-hoiku {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-hukushi {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-kanko {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-bridal {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-beauty {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-hair {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-sports {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-shika {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-seiyu {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-seika {
    background-image: url(../images/course/komuin/achievements2.svg);
  }

  &.-jidousya {
    background-image: url(../images/course/komuin/achievements2.svg);
  } */
}

.c-achievements__contents1--text2 {
  padding-left: 0;
}
.c-achievements__contents1--text2:after {
  content: none;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents1--text2,
  .c-achievements__contents1--text2 {
    margin: 16px auto 0;
  }
}
.p-course-achievements__contents1--text2--inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.p-course-achievements__contents1--thumb img {
  width: 100%;
  height: auto;
}

.p-course-achievements__contents1 svg,
.c-achievements__contents svg {
  transform: rotate(-90deg);
}
.p-course-achievements__contents1 .animated-circle,
.c-achievements__contents .animated-circle {
  fill: transparent;
  stroke-width: 24;
  stroke-dasharray: 377;
  stroke-dashoffset: 377;
}
.p-course-achievements__contents1 .animated-circle.is-animated,
.c-achievements__contents .animated-circle.is-animated {
  animation: draw-circle 1s linear forwards;
}

.p-course-achievements__contents2 {
  margin-top: 40px;
  position: relative;
}

.p-course-achievements__contents2--text1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 16px;
}
.p-course-achievements__contents2--text1 .sm {
  font-size: 14px;
  font-weight: 500;
  display: block;
  position: absolute;
  text-align: left;
  width: 100%;
  left: 0;
  top: -15px;
}
.p-course-achievements__contents2--text1 .lg {
  font-size: 89px;
  font-weight: 700;
  letter-spacing: -0.065em;
  display: inline-block;
  margin-top: 2px;
}
.p-course-achievements__contents2--text1 .lg span:last-of-type {
  font-size: 20px;
  line-height: 1.6;
  color: #000;
  display: inline-block;
  margin-left: 9px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents2--text1 .sm {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .p-course-achievements__contents2--text1 .lg span:last-of-type {
    margin-left: 4px;
  }
}
.p-course-achievements__contents2--text2 {
  font-size: 17px;
  line-height: 1.2352941176;
  font-weight: 700;
  text-align: center;
  margin: 40px 0 10px;
  color: #000;
}

.p-course-achievements__contents3 {
  color: #000;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents3 {
    flex-direction: column;
  }
}
.p-course-achievements__contents3--text1 {
  margin-top: 40px;
  width: 50%;
  text-align: center;
}
.p-course-achievements__contents3--text1 .sm {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: 500;
  text-align: center;
  display: block;
}
.p-course-achievements__contents3--text1 .lg {
  font-size: 26px;
  line-height: 1.3846153846;
  font-weight: 700;
  text-align: center;
  color: #70bbc1;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents3--text1 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-course-achievements__contents3--text1 .sm {
    font-size: 17px;
  }
}
.p-course-achievements__contents3--text2 {
  font-size: 10px;
  line-height: 1.6666666667;
  text-align: center;
  margin-top: 17px;
  color: #000;
  margin-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents3--text2 {
    text-align: left;
    margin-bottom: unset;
  }
}
.p-course-achievements__contents3-2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents3-2 {
    grid-template-columns: 1fr;
  }
}
.p-course-achievements__contents2-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  -moz-column-gap: 70px;
       column-gap: 70px;
}

@media screen and (max-width: 768px) {
  .p-course-achievements__contents2-1 {
    grid-template-columns: 1fr;
    -moz-column-gap: unset;
         column-gap: unset;
  }
}
.p-course-faq {
  margin-top: 114px;
  max-width: unset;
}
.p-course-faq .c-faq__item--q p::after {
  color: #7ec5ff;
}

.p-course-society {
  margin-top: 100px;
}

.p-course-other2 {
  margin-top: 30px;
}

.p-neutral .p-course-point__item--q,
.p-neutral .p-course-voice__name,
.p-neutral .p-course-achievements__title,
.p-neutral .c-achievements__title,
.p-neutral .c-course-header,
.p-neutral .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(52.7579617834, 198.2420382166, 187.050955414), #83ded7);
}
.p-neutral .c-contents-title,
.p-neutral .p-course-voice__title,
.p-neutral .p-course-achievements__contents1--text1,
.p-neutral .p-course-achievements__contents2--text1 {
  border-bottom: #83ded7 2px solid;
}
.p-neutral .p-course-introduction__item a::after,
.p-neutral .p-course-flow:before,
.p-neutral .p-course-flow__item3 {
  background-color: #83ded7;
}
.p-neutral .p-course-achievements__contents1--text1,
.p-neutral .p-course-achievements__contents2--text1,
.p-neutral .p-course-achievements__contents3--text1 .lg {
  color: #83ded7;
}
.p-neutral .animated-circle {
  stroke: #83ded7;
}
.p-neutral .p-course-achievements__title2 {
  border-color: #83ded7;
  color: #83ded7;
}
.p-neutral .p-course-flow__item {
  border-color: #83ded7;
}
.p-neutral .p-course-flow__txt2 {
  background: rgba(131, 222, 215, 0.2);
}
.p-neutral path#パス_54663 {
  fill: #83ded7;
}
.p-neutral .p-course-voice__contents.border {
  border: 1px solid #83ded7;
}

.p-course.-komuin .p-course-point__item--q,
.p-course.-komuin .p-course-voice__name,
.p-course.-komuin .p-course-achievements__title,
.p-course.-komuin .c-achievements__title,
.p-course.-komuin .c-course-header,
.p-course.-komuin .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(76.8195121951, 169.7463414634, 177.1804878049), #70bbc1);
}
.p-course.-komuin .c-contents-title,
.p-course.-komuin .p-course-voice__title,
.p-course.-komuin .p-course-achievements__contents1--text1,
.p-course.-komuin .p-course-achievements__contents2--text1 {
  border-bottom: #70bbc1 2px solid;
}
.p-course.-komuin .p-course-introduction__item a::after,
.p-course.-komuin .p-course-flow:before,
.p-course.-komuin .p-course-flow__item3 {
  background-color: #70bbc1;
}
.p-course.-komuin .p-course-achievements__contents1--text1,
.p-course.-komuin .p-course-achievements__contents2--text1,
.p-course.-komuin .p-course-achievements__contents3--text1 .lg {
  color: #70bbc1;
}
.p-course.-komuin .animated-circle {
  stroke: #70bbc1;
}
.p-course.-komuin .p-course-achievements__title2 {
  border-color: #70bbc1;
  color: #70bbc1;
}
.p-course.-komuin .p-course-flow__item {
  border-color: #70bbc1;
}
.p-course.-komuin .p-course-flow__txt2 {
  background: rgba(112, 187, 193, 0.2);
}
.p-course.-komuin path#パス_54663 {
  fill: #70bbc1;
}
.p-course.-komuin .p-course-voice__contents.border {
  border: 1px solid #70bbc1;
}
.p-course.-kouan .p-course-point__item--q,
.p-course.-kouan .p-course-voice__name,
.p-course.-kouan .p-course-achievements__title,
.p-course.-kouan .c-achievements__title,
.p-course.-kouan .c-course-header,
.p-course.-kouan .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(83.8530612245, 133.6408163265, 80.3591836735), #6aa366);
}
.p-course.-kouan .c-contents-title,
.p-course.-kouan .p-course-voice__title,
.p-course.-kouan .p-course-achievements__contents1--text1,
.p-course.-kouan .p-course-achievements__contents2--text1 {
  border-bottom: #6aa366 2px solid;
}
.p-course.-kouan .p-course-introduction__item a::after,
.p-course.-kouan .p-course-flow:before,
.p-course.-kouan .p-course-flow__item3 {
  background-color: #6aa366;
}
.p-course.-kouan .p-course-achievements__contents1--text1,
.p-course.-kouan .p-course-achievements__contents2--text1,
.p-course.-kouan .p-course-achievements__contents3--text1 .lg {
  color: #6aa366;
}
.p-course.-kouan .animated-circle {
  stroke: #6aa366;
}
.p-course.-kouan .p-course-achievements__title2 {
  border-color: #6aa366;
  color: #6aa366;
}
.p-course.-kouan .p-course-flow__item {
  border-color: #6aa366;
}
.p-course.-kouan .p-course-flow__txt2 {
  background: rgba(106, 163, 102, 0.2);
}
.p-course.-kouan path#パス_54663 {
  fill: #6aa366;
}
.p-course.-kouan .p-course-voice__contents.border {
  border: 1px solid #6aa366;
}
.p-course.-paramedic .p-course-point__item--q,
.p-course.-paramedic .p-course-voice__name,
.p-course.-paramedic .p-course-achievements__title,
.p-course.-paramedic .c-achievements__title,
.p-course.-paramedic .c-course-header,
.p-course.-paramedic .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(227.5481927711, 86.3674698795, 65.4518072289), #ea7e6e);
}
.p-course.-paramedic .c-contents-title,
.p-course.-paramedic .p-course-voice__title,
.p-course.-paramedic .p-course-achievements__contents1--text1,
.p-course.-paramedic .p-course-achievements__contents2--text1 {
  border-bottom: #ea7e6e 2px solid;
}
.p-course.-paramedic .p-course-introduction__item a::after,
.p-course.-paramedic .p-course-flow:before,
.p-course.-paramedic .p-course-flow__item3 {
  background-color: #ea7e6e;
}
.p-course.-paramedic .p-course-achievements__contents1--text1,
.p-course.-paramedic .p-course-achievements__contents2--text1,
.p-course.-paramedic .p-course-achievements__contents3--text1 .lg {
  color: #ea7e6e;
}
.p-course.-paramedic .animated-circle {
  stroke: #ea7e6e;
}
.p-course.-paramedic .p-course-achievements__title2 {
  border-color: #ea7e6e;
  color: #ea7e6e;
}
.p-course.-paramedic .p-course-flow__item {
  border-color: #ea7e6e;
}
.p-course.-paramedic .p-course-flow__txt2 {
  background: rgba(234, 126, 110, 0.2);
}
.p-course.-paramedic path#パス_54663 {
  fill: #ea7e6e;
}
.p-course.-paramedic .p-course-voice__contents.border {
  border: 1px solid #ea7e6e;
}
.p-course.-kaikei .p-course-point__item--q,
.p-course.-kaikei .p-course-voice__name,
.p-course.-kaikei .p-course-achievements__title,
.p-course.-kaikei .c-achievements__title,
.p-course.-kaikei .c-course-header,
.p-course.-kaikei .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(45.4976303318, 65.971563981, 114.5023696682), #3c5797);
}
.p-course.-kaikei .c-contents-title,
.p-course.-kaikei .p-course-voice__title,
.p-course.-kaikei .p-course-achievements__contents1--text1,
.p-course.-kaikei .p-course-achievements__contents2--text1 {
  border-bottom: #3c5797 2px solid;
}
.p-course.-kaikei .p-course-introduction__item a::after,
.p-course.-kaikei .p-course-flow:before,
.p-course.-kaikei .p-course-flow__item3 {
  background-color: #3c5797;
}
.p-course.-kaikei .p-course-achievements__contents1--text1,
.p-course.-kaikei .p-course-achievements__contents2--text1,
.p-course.-kaikei .p-course-achievements__contents3--text1 .lg {
  color: #3c5797;
}
.p-course.-kaikei .animated-circle {
  stroke: #3c5797;
}
.p-course.-kaikei .p-course-achievements__title2 {
  border-color: #3c5797;
  color: #3c5797;
}
.p-course.-kaikei .p-course-flow__item {
  border-color: #3c5797;
}
.p-course.-kaikei .p-course-flow__txt2 {
  background: rgba(60, 87, 151, 0.2);
}
.p-course.-kaikei path#パス_54663 {
  fill: #3c5797;
}
.p-course.-kaikei .p-course-voice__contents.border {
  border: 1px solid #3c5797;
}
.p-course.-business .p-course-point__item--q,
.p-course.-business .p-course-voice__name,
.p-course.-business .p-course-achievements__title,
.p-course.-business .c-achievements__title,
.p-course.-business .c-course-header,
.p-course.-business .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(17.8348214286, 127.9910714286, 217.1651785714), #3099ee);
}
.p-course.-business .c-contents-title,
.p-course.-business .p-course-voice__title,
.p-course.-business .p-course-achievements__contents1--text1,
.p-course.-business .p-course-achievements__contents2--text1 {
  border-bottom: #3099ee 2px solid;
}
.p-course.-business .p-course-introduction__item a::after,
.p-course.-business .p-course-flow:before,
.p-course.-business .p-course-flow__item3 {
  background-color: #3099ee;
}
.p-course.-business .p-course-achievements__contents1--text1,
.p-course.-business .p-course-achievements__contents2--text1,
.p-course.-business .p-course-achievements__contents3--text1 .lg {
  color: #3099ee;
}
.p-course.-business .animated-circle {
  stroke: #3099ee;
}
.p-course.-business .p-course-achievements__title2 {
  border-color: #3099ee;
  color: #3099ee;
}
.p-course.-business .p-course-flow__item {
  border-color: #3099ee;
}
.p-course.-business .p-course-flow__txt2 {
  background: rgba(48, 153, 238, 0.2);
}
.p-course.-business path#パス_54663 {
  fill: #3099ee;
}
.p-course.-business .p-course-voice__contents.border {
  border: 1px solid #3099ee;
}
.p-course.-jouhou .p-course-point__item--q,
.p-course.-jouhou .p-course-voice__name,
.p-course.-jouhou .p-course-achievements__title,
.p-course.-jouhou .c-achievements__title,
.p-course.-jouhou .c-course-header,
.p-course.-jouhou .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(40.975, 108.025, 81.205), #37916d);
}
.p-course.-jouhou .c-contents-title,
.p-course.-jouhou .p-course-voice__title,
.p-course.-jouhou .p-course-achievements__contents1--text1,
.p-course.-jouhou .p-course-achievements__contents2--text1 {
  border-bottom: #37916d 2px solid;
}
.p-course.-jouhou .p-course-introduction__item a::after,
.p-course.-jouhou .p-course-flow:before,
.p-course.-jouhou .p-course-flow__item3 {
  background-color: #37916d;
}
.p-course.-jouhou .p-course-achievements__contents1--text1,
.p-course.-jouhou .p-course-achievements__contents2--text1,
.p-course.-jouhou .p-course-achievements__contents3--text1 .lg {
  color: #37916d;
}
.p-course.-jouhou .animated-circle {
  stroke: #37916d;
}
.p-course.-jouhou .p-course-achievements__title2 {
  border-color: #37916d;
  color: #37916d;
}
.p-course.-jouhou .p-course-flow__item {
  border-color: #37916d;
}
.p-course.-jouhou .p-course-flow__txt2 {
  background: rgba(55, 145, 109, 0.2);
}
.p-course.-jouhou path#パス_54663 {
  fill: #37916d;
}
.p-course.-jouhou .p-course-voice__contents.border {
  border: 1px solid #37916d;
}
.p-course.-creator .p-course-point__item--q,
.p-course.-creator .p-course-voice__name,
.p-course.-creator .p-course-achievements__title,
.p-course.-creator .c-achievements__title,
.p-course.-creator .c-course-header,
.p-course.-creator .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(66.8571428571, 154.1428571429, 108.6428571429), #59b786);
}
.p-course.-creator .c-contents-title,
.p-course.-creator .p-course-voice__title,
.p-course.-creator .p-course-achievements__contents1--text1,
.p-course.-creator .p-course-achievements__contents2--text1 {
  border-bottom: #59b786 2px solid;
}
.p-course.-creator .p-course-introduction__item a::after,
.p-course.-creator .p-course-flow:before,
.p-course.-creator .p-course-flow__item3 {
  background-color: #59b786;
}
.p-course.-creator .p-course-achievements__contents1--text1,
.p-course.-creator .p-course-achievements__contents2--text1,
.p-course.-creator .p-course-achievements__contents3--text1 .lg {
  color: #59b786;
}
.p-course.-creator .animated-circle {
  stroke: #59b786;
}
.p-course.-creator .p-course-achievements__title2 {
  border-color: #59b786;
  color: #59b786;
}
.p-course.-creator .p-course-flow__item {
  border-color: #59b786;
}
.p-course.-creator .p-course-flow__txt2 {
  background: rgba(89, 183, 134, 0.2);
}
.p-course.-creator path#パス_54663 {
  fill: #59b786;
}
.p-course.-creator .p-course-voice__contents.border {
  border: 1px solid #59b786;
}
.p-course.-iryo .p-course-point__item--q,
.p-course.-iryo .p-course-voice__name,
.p-course.-iryo .p-course-achievements__title,
.p-course.-iryo .c-achievements__title,
.p-course.-iryo .c-course-header,
.p-course.-iryo .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(255, 141.5, 194.3806818182), #ffa7d0);
}
.p-course.-iryo .c-contents-title,
.p-course.-iryo .p-course-voice__title,
.p-course.-iryo .p-course-achievements__contents1--text1,
.p-course.-iryo .p-course-achievements__contents2--text1 {
  border-bottom: #ffa7d0 2px solid;
}
.p-course.-iryo .p-course-introduction__item a::after,
.p-course.-iryo .p-course-flow:before,
.p-course.-iryo .p-course-flow__item3 {
  background-color: #ffa7d0;
}
.p-course.-iryo .p-course-achievements__contents1--text1,
.p-course.-iryo .p-course-achievements__contents2--text1,
.p-course.-iryo .p-course-achievements__contents3--text1 .lg {
  color: #ffa7d0;
}
.p-course.-iryo .animated-circle {
  stroke: #ffa7d0;
}
.p-course.-iryo .p-course-achievements__title2 {
  border-color: #ffa7d0;
  color: #ffa7d0;
}
.p-course.-iryo .p-course-flow__item {
  border-color: #ffa7d0;
}
.p-course.-iryo .p-course-flow__txt2 {
  background: rgba(255, 167, 208, 0.2);
}
.p-course.-iryo path#パス_54663 {
  fill: #ffa7d0;
}
.p-course.-iryo .p-course-voice__contents.border {
  border: 1px solid #ffa7d0;
}
.p-course.-iryo {
  /* .p-course-point__item--q,
  .p-course-voice__name,
  .p-course-achievements__title,
  .c-achievements__title,
  .c-course-header {
    background: linear-gradient(90deg, darken($color-iryo, 10%), $color-iryo-bg) !important;
  } */
}
.p-course.-shika .p-course-point__item--q,
.p-course.-shika .p-course-voice__name,
.p-course.-shika .p-course-achievements__title,
.p-course.-shika .c-achievements__title,
.p-course.-shika .c-course-header,
.p-course.-shika .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(167.7810650888, 154.7633136095, 122.2189349112), #bcb299);
}
.p-course.-shika .c-contents-title,
.p-course.-shika .p-course-voice__title,
.p-course.-shika .p-course-achievements__contents1--text1,
.p-course.-shika .p-course-achievements__contents2--text1 {
  border-bottom: #bcb299 2px solid;
}
.p-course.-shika .p-course-introduction__item a::after,
.p-course.-shika .p-course-flow:before,
.p-course.-shika .p-course-flow__item3 {
  background-color: #bcb299;
}
.p-course.-shika .p-course-achievements__contents1--text1,
.p-course.-shika .p-course-achievements__contents2--text1,
.p-course.-shika .p-course-achievements__contents3--text1 .lg {
  color: #bcb299;
}
.p-course.-shika .animated-circle {
  stroke: #bcb299;
}
.p-course.-shika .p-course-achievements__title2 {
  border-color: #bcb299;
  color: #bcb299;
}
.p-course.-shika .p-course-flow__item {
  border-color: #bcb299;
}
.p-course.-shika .p-course-flow__txt2 {
  background: rgba(188, 178, 153, 0.2);
}
.p-course.-shika path#パス_54663 {
  fill: #bcb299;
}
.p-course.-shika .p-course-voice__contents.border {
  border: 1px solid #bcb299;
}
.p-course.-hoiku .p-course-point__item--q,
.p-course.-hoiku .p-course-voice__name,
.p-course.-hoiku .p-course-achievements__title,
.p-course.-hoiku .c-achievements__title,
.p-course.-hoiku .c-course-header,
.p-course.-hoiku .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(222.1201716738, 129.0042918455, 3.8798283262), #fb9b1a);
}
.p-course.-hoiku .c-contents-title,
.p-course.-hoiku .p-course-voice__title,
.p-course.-hoiku .p-course-achievements__contents1--text1,
.p-course.-hoiku .p-course-achievements__contents2--text1 {
  border-bottom: #fb9b1a 2px solid;
}
.p-course.-hoiku .p-course-introduction__item a::after,
.p-course.-hoiku .p-course-flow:before,
.p-course.-hoiku .p-course-flow__item3 {
  background-color: #fb9b1a;
}
.p-course.-hoiku .p-course-achievements__contents1--text1,
.p-course.-hoiku .p-course-achievements__contents2--text1,
.p-course.-hoiku .p-course-achievements__contents3--text1 .lg {
  color: #fb9b1a;
}
.p-course.-hoiku .animated-circle {
  stroke: #fb9b1a;
}
.p-course.-hoiku .p-course-achievements__title2 {
  border-color: #fb9b1a;
  color: #fb9b1a;
}
.p-course.-hoiku .p-course-flow__item {
  border-color: #fb9b1a;
}
.p-course.-hoiku .p-course-flow__txt2 {
  background: rgba(251, 155, 26, 0.2);
}
.p-course.-hoiku path#パス_54663 {
  fill: #fb9b1a;
}
.p-course.-hoiku .p-course-voice__contents.border {
  border: 1px solid #fb9b1a;
}
.p-course.-hukushi .p-course-point__item--q,
.p-course.-hukushi .p-course-voice__name,
.p-course.-hukushi .p-course-achievements__title,
.p-course.-hukushi .c-achievements__title,
.p-course.-hukushi .c-course-header,
.p-course.-hukushi .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(70.7142857143, 135.9285714286, 51.0714285714), #5aad41);
}
.p-course.-hukushi .c-contents-title,
.p-course.-hukushi .p-course-voice__title,
.p-course.-hukushi .p-course-achievements__contents1--text1,
.p-course.-hukushi .p-course-achievements__contents2--text1 {
  border-bottom: #5aad41 2px solid;
}
.p-course.-hukushi .p-course-introduction__item a::after,
.p-course.-hukushi .p-course-flow:before,
.p-course.-hukushi .p-course-flow__item3 {
  background-color: #5aad41;
}
.p-course.-hukushi .p-course-achievements__contents1--text1,
.p-course.-hukushi .p-course-achievements__contents2--text1,
.p-course.-hukushi .p-course-achievements__contents3--text1 .lg {
  color: #5aad41;
}
.p-course.-hukushi .animated-circle {
  stroke: #5aad41;
}
.p-course.-hukushi .p-course-achievements__title2 {
  border-color: #5aad41;
  color: #5aad41;
}
.p-course.-hukushi .p-course-flow__item {
  border-color: #5aad41;
}
.p-course.-hukushi .p-course-flow__txt2 {
  background: rgba(90, 173, 65, 0.2);
}
.p-course.-hukushi path#パス_54663 {
  fill: #5aad41;
}
.p-course.-hukushi .p-course-voice__contents.border {
  border: 1px solid #5aad41;
}
.p-course.-kanko .p-course-point__item--q,
.p-course.-kanko .p-course-voice__name,
.p-course.-kanko .p-course-achievements__title,
.p-course.-kanko .c-achievements__title,
.p-course.-kanko .c-course-header,
.p-course.-kanko .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(100.6810810811, 133.2756756757, 0.7243243243), #8bb801);
}
.p-course.-kanko .c-contents-title,
.p-course.-kanko .p-course-voice__title,
.p-course.-kanko .p-course-achievements__contents1--text1,
.p-course.-kanko .p-course-achievements__contents2--text1 {
  border-bottom: #8bb801 2px solid;
}
.p-course.-kanko .p-course-introduction__item a::after,
.p-course.-kanko .p-course-flow:before,
.p-course.-kanko .p-course-flow__item3 {
  background-color: #8bb801;
}
.p-course.-kanko .p-course-achievements__contents1--text1,
.p-course.-kanko .p-course-achievements__contents2--text1,
.p-course.-kanko .p-course-achievements__contents3--text1 .lg {
  color: #8bb801;
}
.p-course.-kanko .animated-circle {
  stroke: #8bb801;
}
.p-course.-kanko .p-course-achievements__title2 {
  border-color: #8bb801;
  color: #8bb801;
}
.p-course.-kanko .p-course-flow__item {
  border-color: #8bb801;
}
.p-course.-kanko .p-course-flow__txt2 {
  background: rgba(139, 184, 1, 0.2);
}
.p-course.-kanko path#パス_54663 {
  fill: #8bb801;
}
.p-course.-kanko .p-course-voice__contents.border {
  border: 1px solid #8bb801;
}
.p-course.-bridal .p-course-point__item--q,
.p-course.-bridal .p-course-voice__name,
.p-course.-bridal .p-course-achievements__title,
.p-course.-bridal .c-achievements__title,
.p-course.-bridal .c-course-header,
.p-course.-bridal .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(236.1428571429, 75.8571428571, 172.8367346939), #f17ac2);
}
.p-course.-bridal .c-contents-title,
.p-course.-bridal .p-course-voice__title,
.p-course.-bridal .p-course-achievements__contents1--text1,
.p-course.-bridal .p-course-achievements__contents2--text1 {
  border-bottom: #f17ac2 2px solid;
}
.p-course.-bridal .p-course-introduction__item a::after,
.p-course.-bridal .p-course-flow:before,
.p-course.-bridal .p-course-flow__item3 {
  background-color: #f17ac2;
}
.p-course.-bridal .p-course-achievements__contents1--text1,
.p-course.-bridal .p-course-achievements__contents2--text1,
.p-course.-bridal .p-course-achievements__contents3--text1 .lg {
  color: #f17ac2;
}
.p-course.-bridal .animated-circle {
  stroke: #f17ac2;
}
.p-course.-bridal .p-course-achievements__title2 {
  border-color: #f17ac2;
  color: #f17ac2;
}
.p-course.-bridal .p-course-flow__item {
  border-color: #f17ac2;
}
.p-course.-bridal .p-course-flow__txt2 {
  background: rgba(241, 122, 194, 0.2);
}
.p-course.-bridal path#パス_54663 {
  fill: #f17ac2;
}
.p-course.-bridal .p-course-voice__contents.border {
  border: 1px solid #f17ac2;
}
.p-course.-beauty .p-course-point__item--q,
.p-course.-beauty .p-course-voice__name,
.p-course.-beauty .p-course-achievements__title,
.p-course.-beauty .c-achievements__title,
.p-course.-beauty .c-course-header,
.p-course.-beauty .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(247.6605504587, 102.3394495413, 149.3119266055), #fa97b7);
}
.p-course.-beauty .c-contents-title,
.p-course.-beauty .p-course-voice__title,
.p-course.-beauty .p-course-achievements__contents1--text1,
.p-course.-beauty .p-course-achievements__contents2--text1 {
  border-bottom: #fa97b7 2px solid;
}
.p-course.-beauty .p-course-introduction__item a::after,
.p-course.-beauty .p-course-flow:before,
.p-course.-beauty .p-course-flow__item3 {
  background-color: #fa97b7;
}
.p-course.-beauty .p-course-achievements__contents1--text1,
.p-course.-beauty .p-course-achievements__contents2--text1,
.p-course.-beauty .p-course-achievements__contents3--text1 .lg {
  color: #fa97b7;
}
.p-course.-beauty .animated-circle {
  stroke: #fa97b7;
}
.p-course.-beauty .p-course-achievements__title2 {
  border-color: #fa97b7;
  color: #fa97b7;
}
.p-course.-beauty .p-course-flow__item {
  border-color: #fa97b7;
}
.p-course.-beauty .p-course-flow__txt2 {
  background: rgba(250, 151, 183, 0.2);
}
.p-course.-beauty path#パス_54663 {
  fill: #fa97b7;
}
.p-course.-beauty .p-course-voice__contents.border {
  border: 1px solid #fa97b7;
}
.p-course.-anime .p-course-point__item--q,
.p-course.-anime .p-course-voice__name,
.p-course.-anime .p-course-achievements__title,
.p-course.-anime .c-achievements__title,
.p-course.-anime .c-course-header,
.p-course.-anime .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(247.1304347826, 90.0869565217, 4.8695652174), #fb7a34);
}
.p-course.-anime .c-contents-title,
.p-course.-anime .p-course-voice__title,
.p-course.-anime .p-course-achievements__contents1--text1,
.p-course.-anime .p-course-achievements__contents2--text1 {
  border-bottom: #fb7a34 2px solid;
}
.p-course.-anime .p-course-introduction__item a::after,
.p-course.-anime .p-course-flow:before,
.p-course.-anime .p-course-flow__item3 {
  background-color: #fb7a34;
}
.p-course.-anime .p-course-achievements__contents1--text1,
.p-course.-anime .p-course-achievements__contents2--text1,
.p-course.-anime .p-course-achievements__contents3--text1 .lg {
  color: #fb7a34;
}
.p-course.-anime .animated-circle {
  stroke: #fb7a34;
}
.p-course.-anime .p-course-achievements__title2 {
  border-color: #fb7a34;
  color: #fb7a34;
}
.p-course.-anime .p-course-flow__item {
  border-color: #fb7a34;
}
.p-course.-anime .p-course-flow__txt2 {
  background: rgba(251, 122, 52, 0.2);
}
.p-course.-anime path#パス_54663 {
  fill: #fb7a34;
}
.p-course.-anime .p-course-voice__contents.border {
  border: 1px solid #fb7a34;
}
.p-course.-hair .p-course-point__item--q,
.p-course.-hair .p-course-voice__name,
.p-course.-hair .p-course-achievements__title,
.p-course.-hair .c-achievements__title,
.p-course.-hair .c-course-header,
.p-course.-hair .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(85.3333333333, 16.6666666667, 85.3333333333), #801980);
}
.p-course.-hair .c-contents-title,
.p-course.-hair .p-course-voice__title,
.p-course.-hair .p-course-achievements__contents1--text1,
.p-course.-hair .p-course-achievements__contents2--text1 {
  border-bottom: #801980 2px solid;
}
.p-course.-hair .p-course-introduction__item a::after,
.p-course.-hair .p-course-flow:before,
.p-course.-hair .p-course-flow__item3 {
  background-color: #801980;
}
.p-course.-hair .p-course-achievements__contents1--text1,
.p-course.-hair .p-course-achievements__contents2--text1,
.p-course.-hair .p-course-achievements__contents3--text1 .lg {
  color: #801980;
}
.p-course.-hair .animated-circle {
  stroke: #801980;
}
.p-course.-hair .p-course-achievements__title2 {
  border-color: #801980;
  color: #801980;
}
.p-course.-hair .p-course-flow__item {
  border-color: #801980;
}
.p-course.-hair .p-course-flow__txt2 {
  background: rgba(128, 25, 128, 0.2);
}
.p-course.-hair path#パス_54663 {
  fill: #801980;
}
.p-course.-hair .p-course-voice__contents.border {
  border: 1px solid #801980;
}
.p-course.-sports .p-course-point__item--q,
.p-course.-sports .p-course-voice__name,
.p-course.-sports .p-course-achievements__title,
.p-course.-sports .c-achievements__title,
.p-course.-sports .c-course-header,
.p-course.-sports .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(200, 138.6454183267, 0), #fbae00);
}
.p-course.-sports .c-contents-title,
.p-course.-sports .p-course-voice__title,
.p-course.-sports .p-course-achievements__contents1--text1,
.p-course.-sports .p-course-achievements__contents2--text1 {
  border-bottom: #fbae00 2px solid;
}
.p-course.-sports .p-course-introduction__item a::after,
.p-course.-sports .p-course-flow:before,
.p-course.-sports .p-course-flow__item3 {
  background-color: #fbae00;
}
.p-course.-sports .p-course-achievements__contents1--text1,
.p-course.-sports .p-course-achievements__contents2--text1,
.p-course.-sports .p-course-achievements__contents3--text1 .lg {
  color: #fbae00;
}
.p-course.-sports .animated-circle {
  stroke: #fbae00;
}
.p-course.-sports .p-course-achievements__title2 {
  border-color: #fbae00;
  color: #fbae00;
}
.p-course.-sports .p-course-flow__item {
  border-color: #fbae00;
}
.p-course.-sports .p-course-flow__txt2 {
  background: rgba(251, 174, 0, 0.2);
}
.p-course.-sports path#パス_54663 {
  fill: #fbae00;
}
.p-course.-sports .p-course-voice__contents.border {
  border: 1px solid #fbae00;
}
.p-course.-shika .p-course-point__item--q,
.p-course.-shika .p-course-voice__name,
.p-course.-shika .p-course-achievements__title,
.p-course.-shika .c-achievements__title,
.p-course.-shika .c-course-header,
.p-course.-shika .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(167.7810650888, 154.7633136095, 122.2189349112), #bcb299);
}
.p-course.-shika .c-contents-title,
.p-course.-shika .p-course-voice__title,
.p-course.-shika .p-course-achievements__contents1--text1,
.p-course.-shika .p-course-achievements__contents2--text1 {
  border-bottom: #bcb299 2px solid;
}
.p-course.-shika .p-course-introduction__item a::after,
.p-course.-shika .p-course-flow:before,
.p-course.-shika .p-course-flow__item3 {
  background-color: #bcb299;
}
.p-course.-shika .p-course-achievements__contents1--text1,
.p-course.-shika .p-course-achievements__contents2--text1,
.p-course.-shika .p-course-achievements__contents3--text1 .lg {
  color: #bcb299;
}
.p-course.-shika .animated-circle {
  stroke: #bcb299;
}
.p-course.-shika .p-course-achievements__title2 {
  border-color: #bcb299;
  color: #bcb299;
}
.p-course.-shika .p-course-flow__item {
  border-color: #bcb299;
}
.p-course.-shika .p-course-flow__txt2 {
  background: rgba(188, 178, 153, 0.2);
}
.p-course.-shika path#パス_54663 {
  fill: #bcb299;
}
.p-course.-shika .p-course-voice__contents.border {
  border: 1px solid #bcb299;
}
.p-course.-seiyu .p-course-point__item--q,
.p-course.-seiyu .p-course-voice__name,
.p-course.-seiyu .p-course-achievements__title,
.p-course.-seiyu .c-achievements__title,
.p-course.-seiyu .c-course-header,
.p-course.-seiyu .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(104.125, 171.5, 7), #77c408);
}
.p-course.-seiyu .c-contents-title,
.p-course.-seiyu .p-course-voice__title,
.p-course.-seiyu .p-course-achievements__contents1--text1,
.p-course.-seiyu .p-course-achievements__contents2--text1 {
  border-bottom: #77c408 2px solid;
}
.p-course.-seiyu .p-course-introduction__item a::after,
.p-course.-seiyu .p-course-flow:before,
.p-course.-seiyu .p-course-flow__item3 {
  background-color: #77c408;
}
.p-course.-seiyu .p-course-achievements__contents1--text1,
.p-course.-seiyu .p-course-achievements__contents2--text1,
.p-course.-seiyu .p-course-achievements__contents3--text1 .lg {
  color: #77c408;
}
.p-course.-seiyu .animated-circle {
  stroke: #77c408;
}
.p-course.-seiyu .p-course-achievements__title2 {
  border-color: #77c408;
  color: #77c408;
}
.p-course.-seiyu .p-course-flow__item {
  border-color: #77c408;
}
.p-course.-seiyu .p-course-flow__txt2 {
  background: rgba(119, 196, 8, 0.2);
}
.p-course.-seiyu path#パス_54663 {
  fill: #77c408;
}
.p-course.-seiyu .p-course-voice__contents.border {
  border: 1px solid #77c408;
}
.p-course.-seika .p-course-point__item--q,
.p-course.-seika .p-course-voice__name,
.p-course.-seika .p-course-achievements__title,
.p-course.-seika .c-achievements__title,
.p-course.-seika .c-course-header,
.p-course.-seika .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(159, 123.4142857143, 0), #d2a300);
}
.p-course.-seika .c-contents-title,
.p-course.-seika .p-course-voice__title,
.p-course.-seika .p-course-achievements__contents1--text1,
.p-course.-seika .p-course-achievements__contents2--text1 {
  border-bottom: #d2a300 2px solid;
}
.p-course.-seika .p-course-introduction__item a::after,
.p-course.-seika .p-course-flow:before,
.p-course.-seika .p-course-flow__item3 {
  background-color: #d2a300;
}
.p-course.-seika .p-course-achievements__contents1--text1,
.p-course.-seika .p-course-achievements__contents2--text1,
.p-course.-seika .p-course-achievements__contents3--text1 .lg {
  color: #d2a300;
}
.p-course.-seika .animated-circle {
  stroke: #d2a300;
}
.p-course.-seika .p-course-achievements__title2 {
  border-color: #d2a300;
  color: #d2a300;
}
.p-course.-seika .p-course-flow__item {
  border-color: #d2a300;
}
.p-course.-seika .p-course-flow__txt2 {
  background: rgba(210, 163, 0, 0.2);
}
.p-course.-seika path#パス_54663 {
  fill: #d2a300;
}
.p-course.-seika .p-course-voice__contents.border {
  border: 1px solid #d2a300;
}
.p-course.-jidousya .p-course-point__item--q,
.p-course.-jidousya .p-course-voice__name,
.p-course.-jidousya .p-course-achievements__title,
.p-course.-jidousya .c-achievements__title,
.p-course.-jidousya .c-course-header,
.p-course.-jidousya .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(7.3607142857, 5.725, 62.975), #09074d);
}
.p-course.-jidousya .c-contents-title,
.p-course.-jidousya .p-course-voice__title,
.p-course.-jidousya .p-course-achievements__contents1--text1,
.p-course.-jidousya .p-course-achievements__contents2--text1 {
  border-bottom: #09074d 2px solid;
}
.p-course.-jidousya .p-course-introduction__item a::after,
.p-course.-jidousya .p-course-flow:before,
.p-course.-jidousya .p-course-flow__item3 {
  background-color: #09074d;
}
.p-course.-jidousya .p-course-achievements__contents1--text1,
.p-course.-jidousya .p-course-achievements__contents2--text1,
.p-course.-jidousya .p-course-achievements__contents3--text1 .lg {
  color: #09074d;
}
.p-course.-jidousya .animated-circle {
  stroke: #09074d;
}
.p-course.-jidousya .p-course-achievements__title2 {
  border-color: #09074d;
  color: #09074d;
}
.p-course.-jidousya .p-course-flow__item {
  border-color: #09074d;
}
.p-course.-jidousya .p-course-flow__txt2 {
  background: rgba(9, 7, 77, 0.2);
}
.p-course.-jidousya path#パス_54663 {
  fill: #09074d;
}
.p-course.-jidousya .p-course-voice__contents.border {
  border: 1px solid #09074d;
}
.p-course.-japanese .p-course-point__item--q,
.p-course.-japanese .p-course-voice__name,
.p-course.-japanese .p-course-achievements__title,
.p-course.-japanese .c-achievements__title,
.p-course.-japanese .c-course-header,
.p-course.-japanese .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(34.7076923077, 141.0461538462, 2.9538461538), #2fbf04);
}
.p-course.-japanese .c-contents-title,
.p-course.-japanese .p-course-voice__title,
.p-course.-japanese .p-course-achievements__contents1--text1,
.p-course.-japanese .p-course-achievements__contents2--text1 {
  border-bottom: #2fbf04 2px solid;
}
.p-course.-japanese .p-course-introduction__item a::after,
.p-course.-japanese .p-course-flow:before,
.p-course.-japanese .p-course-flow__item3 {
  background-color: #2fbf04;
}
.p-course.-japanese .p-course-achievements__contents1--text1,
.p-course.-japanese .p-course-achievements__contents2--text1,
.p-course.-japanese .p-course-achievements__contents3--text1 .lg {
  color: #2fbf04;
}
.p-course.-japanese .animated-circle {
  stroke: #2fbf04;
}
.p-course.-japanese .p-course-achievements__title2 {
  border-color: #2fbf04;
  color: #2fbf04;
}
.p-course.-japanese .p-course-flow__item {
  border-color: #2fbf04;
}
.p-course.-japanese .p-course-flow__txt2 {
  background: rgba(47, 191, 4, 0.2);
}
.p-course.-japanese path#パス_54663 {
  fill: #2fbf04;
}
.p-course.-japanese .p-course-voice__contents.border {
  border: 1px solid #2fbf04;
}
.p-course.-guide .p-course-point__item--q,
.p-course.-guide .p-course-voice__name,
.p-course.-guide .p-course-achievements__title,
.p-course.-guide .c-achievements__title,
.p-course.-guide .c-course-header,
.p-course.-guide .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(0, 142.8340080972, 196), #00b4f7);
}
.p-course.-guide .c-contents-title,
.p-course.-guide .p-course-voice__title,
.p-course.-guide .p-course-achievements__contents1--text1,
.p-course.-guide .p-course-achievements__contents2--text1 {
  border-bottom: #00b4f7 2px solid;
}
.p-course.-guide .p-course-introduction__item a::after,
.p-course.-guide .p-course-flow:before,
.p-course.-guide .p-course-flow__item3 {
  background-color: #00b4f7;
}
.p-course.-guide .p-course-achievements__contents1--text1,
.p-course.-guide .p-course-achievements__contents2--text1,
.p-course.-guide .p-course-achievements__contents3--text1 .lg {
  color: #00b4f7;
}
.p-course.-guide .animated-circle {
  stroke: #00b4f7;
}
.p-course.-guide .p-course-achievements__title2 {
  border-color: #00b4f7;
  color: #00b4f7;
}
.p-course.-guide .p-course-flow__item {
  border-color: #00b4f7;
}
.p-course.-guide .p-course-flow__txt2 {
  background: rgba(0, 180, 247, 0.2);
}
.p-course.-guide path#パス_54663 {
  fill: #00b4f7;
}
.p-course.-guide .p-course-voice__contents.border {
  border: 1px solid #00b4f7;
}
.p-course.-daigaku .p-course-point__item--q,
.p-course.-daigaku .p-course-voice__name,
.p-course.-daigaku .p-course-achievements__title,
.p-course.-daigaku .c-achievements__title,
.p-course.-daigaku .c-course-header,
.p-course.-daigaku .p-course-flow__ttl {
  background: linear-gradient(90deg, rgb(49.9683544304, 88.3291139241, 251.0316455696), #6481fc);
}
.p-course.-daigaku .c-contents-title,
.p-course.-daigaku .p-course-voice__title,
.p-course.-daigaku .p-course-achievements__contents1--text1,
.p-course.-daigaku .p-course-achievements__contents2--text1 {
  border-bottom: #6481fc 2px solid;
}
.p-course.-daigaku .p-course-introduction__item a::after,
.p-course.-daigaku .p-course-flow:before,
.p-course.-daigaku .p-course-flow__item3 {
  background-color: #6481fc;
}
.p-course.-daigaku .p-course-achievements__contents1--text1,
.p-course.-daigaku .p-course-achievements__contents2--text1,
.p-course.-daigaku .p-course-achievements__contents3--text1 .lg {
  color: #6481fc;
}
.p-course.-daigaku .animated-circle {
  stroke: #6481fc;
}
.p-course.-daigaku .p-course-achievements__title2 {
  border-color: #6481fc;
  color: #6481fc;
}
.p-course.-daigaku .p-course-flow__item {
  border-color: #6481fc;
}
.p-course.-daigaku .p-course-flow__txt2 {
  background: rgba(100, 129, 252, 0.2);
}
.p-course.-daigaku path#パス_54663 {
  fill: #6481fc;
}
.p-course.-daigaku .p-course-voice__contents.border {
  border: 1px solid #6481fc;
}
@keyframes draw-circle {
  0% {
    stroke-dashoffset: 357;
  }
  100% {
    stroke-dashoffset: 50;
  }
}
.p-support__inner {
  max-width: 879px;
  padding: 30px 10px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-support__inner {
    padding: 30px 20px;
  }
}
.p-support__inner2 {
  padding: 0 10px;
}

.p-support-card {
  /* padding: 0 7px; */
}
.p-support-card + .p-support-card {
  margin-top: 100px;
}

.p-support-card__item {
  margin-top: 30px;
}
.p-support-card__item + .p-support-card__item {
  margin-top: 30px;
}
.p-support-card__item.pd225 {
  padding-bottom: 22.5px;
}

.p-support-linkcard {
  margin-top: 100px;
  padding-top: 35px;
  padding-bottom: 25.5px;
}

.p-support-reco {
  margin-top: 72px;
}

.p-support-other {
  margin: 100px 0;
}
.p-support-other .c-connectionlink {
  background: #d3f6e2;
}
@media screen and (max-width: 768px) {
  .p-support-other .c-connectionlink .swiper-wrapper {
    justify-content: flex-start;
  }
}
.p-support-school {
  margin-top: 86px;
}

.p-addmission-flow {
  padding: 0 16px;
}

.p-addmission-flow__list {
  max-width: 349px;
  margin: 36px auto 0;
}

.p-addmission-flow__item {
  background: #90bbff;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 9px 10px 9px 15px;
  margin: 8px 0;
}
.p-addmission-flow__item + .p-addmission-flow__item {
  margin-top: 25px;
}

.p-addmission-flow__item--step {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.7857142857;
  text-transform: uppercase;
}

.p-addmission-flow__item--icon {
  width: 59px;
  height: 59px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 74px;
}
.p-addmission-flow__item--icon img {
  width: 100%;
  height: auto;
}

.p-addmission-flow__item--text {
  margin-left: 86px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2941176471;
  font-weight: 700;
}

.p-addmission__inner {
  max-width: 879px;
  padding: 30px 10px;
  margin: 0 auto;
}

/* @media screen and (max-width: 768px) {
  .c-contents-bg__inner {
    padding: 30px 0;
  }
} */
@media screen and (max-width: 768px) {
  .p-addmission__inner2 {
    padding: 0 20px;
  }
}
.p-addmission-card {
  margin-top: 100px;
  /* padding: 0 7px; */
}

.p-addmission-card__item {
  margin-top: 30px;
}
.p-addmission-card__item + .p-addmission-card__item {
  margin-top: 30px;
}
.p-addmission-card__item.pd225 {
  padding-bottom: 22.5px;
}

.p-addmission-cta {
  margin-top: 30px;
}
.p-addmission-cta + .p-addmission-card__item {
  margin-top: 40px;
}

.p-addmission-linkcard {
  margin-top: 30px;
  padding-top: 35px;
  padding-bottom: 25.5px;
}

.p-addmission-reco {
  margin-top: 72px;
}

.p-addmission-other {
  margin: 100px 0;
}
.p-addmission-other .c-connectionlink {
  background: #d1f3ff;
}
@media screen and (max-width: 768px) {
  .p-addmission-other .c-connectionlink .swiper-wrapper {
    justify-content: flex-start;
  }
}
.p-addmission-school {
  margin-top: 72px;
}

.p-course-qualification {
  margin-top: 100px;
}
.p-course-qualification table tbody {
  width: 100%;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.p-course-qualification table tbody tr {
  display: flex;
}
.p-course-qualification table tbody tr th {
  background-color: #fff7f7;
  width: 40%;
  border-right: 0;
  border-top: 0px solid #dbdbdb;
  border-bottom: 0;
}
.p-course-qualification table tbody tr td {
  width: 60%;
  border-top: 0px solid #dbdbdb;
  border-bottom: 0;
}

.p-course-practice {
  margin-top: 100px;
}

.c-square {
  line-height: 1;
  display: inline-block;
  width: 2em;
  margin-right: 0.25em;
  background-color: #fff9c2;
  border: 1px solid #898989;
}

.c-square2 {
  background: none;
}

.c-table {
  position: relative;
  display: flex;
}
.c-table table {
  position: relative;
  width: 100%;
  text-align: left;
  border: none;
  line-height: 1.5;
  vertical-align: top;
  table-layout: fixed;
  max-width: 100%;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
  border-radius: 10px;
}
.c-table tr {
  vertical-align: top;
}
.c-table tr:not(:first-child) {
  border-top: 1px solid #dbdbdb;
}
.c-table table,
.c-table th,
.c-table td {
  border: 1px solid #dbdbdb;
  /* border-collapse: collapse; */
}
.c-table table {
  border-collapse: separate;
  border-spacing: 0;
  border: 0.5px solid #dbdbdb;
  border-radius: 10px;
  overflow: hidden;
  table-layout: fixed;
}
.c-table th,
.c-table td {
  padding: 20px;
  vertical-align: top;
  font-size: 15px;
}
.c-table th > *:first-child,
.c-table td > *:first-child {
  margin-top: 0 !important;
}
.c-table th > *:last-child,
.c-table td > *:last-child {
  margin-bottom: 0 !important;
}
.c-table th {
  font-weight: bold;
}
.c-table td.c-table__td {
  border-left: none;
}
@media (max-width: 767px) {
  .c-table tr.u-md-flex th {
    display: block;
    width: 90px !important;
    flex-shrink: 0;
    padding: 20px 5px;
  }
}
@media (max-width: 767px) {
  .c-table tr.u-md-flex td {
    display: block;
    width: calc(100% - 90px) !important;
  }
}
.c-table thead th {
  padding: 10px 0;
  background-color: #919191;
  /* border-color: #fff; */
  color: #fff;
}
.c-table .c-table__hide {
  border: none;
  visibility: hidden;
}
.c-table .c-table__bg1 {
  background-color: #919191;
  color: #fff;
}
.c-table .c-table__bg2 {
  background-color: #f7f7f7;
}
.c-table .c-table__bg3 {
  background-color: #fefbd6;
}
.c-table {
  /* ddd */
}

@media (max-width: 767px) {
  .c-table th.u-md-block,
  .c-table td.u-md-block {
    display: block;
    width: 100% !important;
  }
  .c-table th {
    text-align: center;
  }
  .c-table .scroll-img__img::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: 0.2s;
    pointer-events: none;
  }
  .c-table .c-table.is-scrolled .scroll-img__img::after {
    opacity: 0;
  }
}
.c-note {
  font-size: 12px;
  display: inline-table;
  line-height: 1.5;
}
.c-note:before {
  content: "※";
  display: table-cell;
}

.c-list li {
  line-height: 1.875;
}
.c-list li.c-list__item {
  list-style: disc;
  margin-left: 1.3em;
}

.c-list.-hs2 {
  display: flex;
  justify-content: space-between;
}
.c-list.-hs2 li {
  line-height: 1.875;
}
.c-list.-hs2 li.c-list__item {
  list-style: none;
  margin-left: initial;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c-list.-hs2 {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
/* .c-voice {
  margin-top: 30px;
} */
.c-voice__box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  align-items: flex-start;
}
.c-voice__box.-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 768px) {
  .c-voice__box {
    flex-direction: column;
  }
  .c-voice__box.-grid {
    display: flex;
  }
}
.c-voice__contents {
  max-width: 542px;
  width: 100%;
  background: #fff;
  border-radius: 10px;
}

.c-voice__thumb img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-voice__body {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 25px 20px 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-voice__body {
    padding: 25px 19px 30px;
  }
}
.c-voice__name {
  max-width: 300px;
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
  border-radius: 10px;
}
.c-voice__name img {
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 768px) {
  .c-voice__name {
    max-width: 295px;
  }
}
.c-voice__title {
  font-size: 19px;
  line-height: 1.5789473684;
  font-weight: 500;
  padding-bottom: 10px;
  color: #000;
}

@media screen and (max-width: 768px) {
  .c-voice__title {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
.c-voice__text {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.875;
  position: relative;
  overflow: hidden;
}
.c-voice__text.is-hide {
  height: 110px;
  margin-bottom: unset;
}
.c-voice__text.is-hide::before {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 0%, #fff 100%);
  bottom: 0;
  content: "";
  height: 54px;
  position: absolute;
  width: 100%;
}

.c-voice__button {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 16px;
  margin: 0 auto;
  width: 156px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  text-align: center;
  border-radius: 5px;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
  transition: all 0.4s;
  font-size: 15px;
  font-weight: 500;
  border: #707070 1px solid;
}
.c-voice__button::after {
  content: "";
  background-image: url(../images/voice_arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 10;
  width: 15px;
  height: 9px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 10px;
  margin-left: 3px;
}
.c-voice__button::before {
  content: "メッセージを読む";
}
.c-voice__button.is-show {
  bottom: 16px;
}
.c-voice__button.is-show::before {
  content: "元に戻す";
}
.c-voice__button.is-show::after {
  rotate: 180deg;
  margin-top: -7px;
  margin-left: 8px;
}
.c-voice__button.is-show + .p-course-voice__text::before {
  display: none;
}

.c-voice.-addmission .c-voice__contents {
  border: 1px solid #90bbff;
}
.c-voice.-addmission .c-voice__name {
  background: #90bbff;
}
.c-voice.-addmission .c-voice__title {
  border-bottom: 2px solid #90bbff;
}

.c-lead {
  font-size: 19px;
  font-weight: 700;
}

.c-container680 {
  max-width: 680px;
  margin: auto;
}

.c-imageset-container.c-imageset-container--2up .c-imageset-container__inner {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 768px) {
  .c-imageset-container.c-imageset-container--2up .c-imageset-container__inner {
    grid-template-columns: 1fr;
  }
}

.c-imageset-container.c-imageset-container--3up .c-imageset-container__inner {
  grid-template-columns: repeat(3, 1fr);
}

.c-imageset-container.c-imageset-container--4up .c-imageset-container__inner {
  grid-template-columns: repeat(4, 1fr);
}

.c-imageset-container .c-imageset-container__inner {
  display: grid;
  gap: 30px;
}

.p-course-flow {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.p-course-flow:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 1;
  background: #000;
}
.p-course-flow > * {
  position: relative;
  z-index: 2;
}

.p-course-flow__item {
  border: 1px solid #000;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  display: flex;
  gap: 0 15px;
}

.p-course-flow__item2 {
  flex-direction: column;
}

.p-course-flow__ttl {
  color: #fff;
  width: 75px;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  flex-shrink: 0;
  text-align: center;
}

.p-course-flow__ttl2 {
  width: 100%;
  font-size: 22px;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 700;
}

.p-course-flow__item3 {
  width: 80%;
  margin: auto;
}

.p-course-flow__ttl3 {
  font-size: 18px;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 700;
}

.p-course-flow__txt {
  width: 100%;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 15px;
}
.p-course-flow__txt.between {
  justify-content: space-between;
  text-align: left;
}

.p-course-flow__txt2 {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  padding: 15px 10px;
}

.p-course-flow__txt picture {
  flex-shrink: 0;
}

.p-course-flow__txt img {
  max-width: 100px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .p-course-flow__txt img {
    max-width: 250px;
    aspect-ratio: unset;
  }
}

.p-course-flow__ttl2.-seiyu2 {
  background: linear-gradient(90deg, #72c5db 0%, #86dbeb 100%);
}
.p-course-flow__ttl2.-anime2 {
  background: linear-gradient(90deg, #9acd31 0%, #c6e28b 100%);
}

.c-card.-seiyu2 {
  border: 1px solid #72c5db;
}
.c-card.-anime2 {
  border: 1px solid #9acd31;
}

.c-bgcolor {
  background: #fefbd6;
  padding: 20px;
}

.c-text {
  line-height: 1.875;
  font-weight: 400;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pblock19 {
  padding-block: 19px !important;
}

.u-pblock23 {
  padding-block: 23px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-p-inline0 {
  padding-inline: 0 !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-mx0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.u-my0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-smt0 {
    margin-top: 0 !important;
  }
  .u-smt5 {
    margin-top: 5px !important;
  }
  .u-smt10 {
    margin-top: 10px !important;
  }
  .u-smt15 {
    margin-top: 15px !important;
  }
  .u-smt20 {
    margin-top: 20px !important;
  }
  .u-smt25 {
    margin-top: 25px !important;
  }
  .u-smt30 {
    margin-top: 30px !important;
  }
  .u-smb0 {
    margin-bottom: 0 !important;
  }
  .u-smb5 {
    margin-bottom: 5px !important;
  }
  .u-smb10 {
    margin-bottom: 10px !important;
  }
  .u-smb15 {
    margin-bottom: 15px !important;
  }
  .u-smb20 {
    margin-bottom: 20px !important;
  }
  .u-smb25 {
    margin-bottom: 25px !important;
  }
  .u-smb30 {
    margin-bottom: 30px !important;
  }
  .u-sml0 {
    margin-left: 0 !important;
  }
  .u-sp-pblock0 {
    padding-block: 0 !important;
  }
  .u-smx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-smx0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .u-smy-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .u-smy0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.u-w03per {
  width: 3% !important;
}

.u-w05per {
  width: 5% !important;
}

.u-w10per {
  width: 10% !important;
}

.u-w13per {
  width: 13% !important;
}

.u-w15per {
  width: 15% !important;
}

.u-w20per {
  width: 20% !important;
}

.u-w23per {
  width: 23% !important;
}

.u-w25per {
  width: 25% !important;
}

.u-w30per {
  width: 30% !important;
}

.u-w33per {
  width: 33% !important;
}

.u-w35per {
  width: 35% !important;
}

.u-w40per {
  width: 40% !important;
}

.u-w43per {
  width: 43% !important;
}

.u-w45per {
  width: 45% !important;
}

.u-w50per {
  width: 50% !important;
}

.u-w53per {
  width: 53% !important;
}

.u-w55per {
  width: 55% !important;
}

.u-w60per {
  width: 60% !important;
}

.u-w63per {
  width: 63% !important;
}

.u-w65per {
  width: 65% !important;
}

.u-w70per {
  width: 70% !important;
}

.u-w73per {
  width: 73% !important;
}

.u-w75per {
  width: 75% !important;
}

.u-w80per {
  width: 80% !important;
}

.u-w83per {
  width: 83% !important;
}

.u-w85per {
  width: 85% !important;
}

.u-w90per {
  width: 90% !important;
}

.u-w93per {
  width: 93% !important;
}

.u-w95per {
  width: 95% !important;
}

.u-w100per {
  width: 100% !important;
}

.u-table-fixed {
  table-layout: fixed;
}

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

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

.u-text-left {
  text-align: left !important;
}

.u-text-underline {
  text-decoration: underline;
}

a.u-text-underline:hover {
  text-decoration: none;
}

.u-text-gray {
  color: #777777;
}

.u-text-neutral {
  color: #83ded7;
}

.u-text-black {
  color: #222222;
}

.u-text-background {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.u-text-indent {
  text-indent: -1em;
}

.u-text-size-08em {
  font-size: 0.8em !important;
}

.u-text-transform-none {
  text-transform: none !important;
}

.u-text-blank:after {
  content: "";
  display: inline-block;
  background: url(../images/external-link.svg) center/contain no-repeat;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}

.u-text-blank__pdf:after {
  content: "";
  display: inline-block;
  background: url(../images/pdf_icon.svg) center/contain no-repeat;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  .s-text-center {
    text-align: center;
  }
  .s-text-left {
    text-align: left;
  }
  .s-text-right {
    text-align: right;
  }
  .s-mt30 {
    margin-top: 30px;
  }
  .s-mt50 {
    margin-top: 50px;
  }
  .s-mb30 {
    margin-top: 30px;
  }
  .s-mt100 {
    margin-top: 100px;
  }
  .s-mb100 {
    margin-top: 100px;
  }
  .s-mp30 {
    padding-top: 30px;
  }
  .s-pb30 {
    padding-top: 30px;
  }
  .s-pt100 {
    padding-top: 100px;
  }
  .s-pb100 {
    padding-top: 100px;
  }
}
/* background
--------------------------------------------------------------*/
.u-bg-blue {
  background: #f4f8ff;
}

/* hidden
--------------------------------------------------------------*/
.u-xl-only {
  display: none;
}

@media screen and (max-width: 1140px) {
  .u-xl-only {
    display: block;
  }
}
.u-xl-hidden {
  display: block;
}

@media screen and (max-width: 1140px) {
  .u-xl-hidden {
    display: none;
  }
}
.u-md-only {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-md-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .u-md-only--flex {
    display: flex;
  }
}
.u-md-hidden {
  display: block;
}

@media screen and (max-width: 768px) {
  .u-md-hidden {
    display: none;
  }
}
.u-md-hidden--flex {
  display: flex;
}

@media screen and (max-width: 768px) {
  .u-md-hidden--flex {
    display: none;
  }
}
.u-flex {
  display: flex;
}

@media screen and (max-width: 768px) {
  .u-md-flex {
    display: flex;
  }
}
/* align-items */
.u-align-start {
  align-items: flex-start !important;
}

.u-align-center {
  align-items: center !important;
}

.u-align-end {
  align-items: flex-end !important;
}

.u-align-baseline {
  align-items: baseline !important;
}

.u-align-stretch {
  align-items: stretch !important;
}

/* justify-content */
.u-justify-start {
  justify-content: flex-start !important;
}

.u-justify-center {
  justify-content: center !important;
}

.u-justify-end {
  justify-content: flex-end !important;
}

.u-justify-around {
  justify-content: space-around !important;
}

.u-justify-between {
  justify-content: space-between !important;
}

.u-justify-evenly {
  justify-content: space-evenly !important;
}

.u-pc-none {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pc-none {
    display: block;
  }
}
.u-sp-none {
  display: block;
}

@media screen and (max-width: 768px) {
  .u-sp-none {
    display: none;
  }
}
.u-radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* text-color
--------------------------------------------------------------*/
.white {
  color: #fff;
}

.btn-campus {
  width: 89px;
  height: 54px;
  background: #ffa800;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.4;
  position: relative;
  text-decoration: none;
  box-shadow: 3px 2px 3px 0 rgba(0, 0, 0, 0.21);
  transition: background 0.15s, box-shadow 0.15s, opacity 0.15s;
  padding: 5px 0px;
  margin: 0.5em 1em 0.5em 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  border: 2px solid #fff;
}

.btn-campus:hover,
.btn-campus:focus {
  opacity: 0.7;
}

.btn-campus .arrow-svg {
  margin-left: 2px;
}

@media screen and (max-width: 768px) {
  .btn-campus {
    font-size: 12px !important;
    width: 84px;
    padding: 9px 0px;
  }
}
body:not(.ryugaku-page) .l-fixed.-opencampus .p-opencampus-mv__img img {
  height: 100% !important;
}
@media screen and (max-width: 768px) {
  body:not(.ryugaku-page) .l-fixed.-opencampus .p-opencampus-mv__imgbox {
    display: none;
  }
  body:not(.ryugaku-page) .l-fixed.-opencampus .p-opencampus-mv__img {
    display: block;
    max-height: 225px;
    padding: 0 10px;
    overflow: hidden;
    border-radius: 20px;
    left: 50%;
    transform: translateX(-50%);
    top: 13.5rem;
  }
  body:not(.ryugaku-page) .c-fixbread.-opencampus + .l-inner.u-sp-none + .c-page-header1 {
    height: 350px;
    padding: 0 0 40px;
  }
  body:not(.ryugaku-page) .c-fixbread.-opencampus + .l-inner.u-sp-none + .c-page-header1 .c-page-header1__title {
    line-height: 1.1;
  }
}
@media screen and (min-width: 769px) {
  body:not(.ryugaku-page) .l-inner.-opencampus .c-page-title1.u-pc-none {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */