@charset "UTF-8";
/* ----------------------------------

01.share

------------------------------------- */
/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

html:focus-within {
  scroll-behavior: smooth;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

a:focus {
  outline: none;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}

.both {
  clear: both;
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img,
picture {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
body {
  min-height: 100vh;
  line-height: 1.5;
  font-size: 1rem;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
  background-color: #FFFFFF;
  color: #4F4644;
  font-family: "YakuHanJP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
}

a {
  display: block;
  text-decoration: none;
}
a img {
  opacity: 1;
  transition: all 0.3s ease;
}
a:hover {
  opacity: 0.7;
}
@media (min-width: 1024px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a.blank[target=_blank]::after {
  top: -1px;
  position: relative;
  font-weight: 100;
  font-family: "Font Awesome 5 Free";
  content: "\f2d2";
  margin-left: 0.5em;
}
a.blank[target=_blank]:hover::after {
  text-decoration: none;
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.pc_only,
.pcbr {
  display: none !important;
}

@media screen and (min-width: 768px) {
  [href*="tel:"] {
    pointer-events: none;
  }
  a {
    transition: 0.2s;
  }
  a:hover {
    transition: 0.2s;
  }
  .pc_only {
    display: block !important;
  }
  .sp_only {
    display: none !important;
  }
  .pcbr {
    display: block !important;
  }
  .spbr {
    display: none !important;
  }
}
.lg,
.md,
.sm,
.xl,
.xs {
  display: none;
}

@media screen and (min-width: 1200px) {
  .xl {
    display: block;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .lg {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .md {
    display: block;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sm {
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .xs {
    display: block;
  }
}

.header {
  z-index: 3;
  position: fixed;
  top: 0;
  width: 100%;
  height: 52px;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .header {
    height: 70px;
  }
}

.header__container {
  display: flex;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  height: 100%;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .header__container {
    padding: 0 19px;
  }
}

.header__logo {
  width: 190px;
  height: 24px;
  margin: 2px;
}
@media (min-width: 768px) {
  .header__logo {
    width: 317px;
    height: 40px;
    margin: 6px;
  }
}

.header__cv-list {
  margin-right: 25px;
  margin-left: auto;
}
@media not all and (min-width: 768px) {
  .header__cv-list {
    display: none;
  }
}
.header__cv-list li {
  display: inline-block;
  margin: 0 5px;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
}
.header__cv-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__cv-list li a::before {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.header__cv-list li:nth-of-type(1) a {
  padding: 8px 12px 8px 15px;
  border-radius: 4px;
  background-color: #1D2088;
}
.header__cv-list li:nth-of-type(1) a::before {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url("../images/common/icon_envelope.svg");
}
.header__cv-list li:nth-of-type(2) a {
  padding: 8px 21px 8px 17px;
  border-radius: 4px;
  background-color: #F67B00;
}
.header__cv-list li:nth-of-type(2) a::before {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  background-image: url("../images/common/icon_inbox.svg");
}
.header__cv-list li:nth-of-type(3) a {
  padding: 8px 26px;
  border-radius: 4px;
  background-color: #808080;
}
.header__cv-list li:nth-of-type(3) a::before {
  width: 11px;
  height: 14px;
  margin-right: 7px;
  background-image: url("../images/common/icon_lock.svg");
}

.header__nav {
  transform: translateX(100%);
  opacity: 0;
}

.header button {
  width: 36px;
  height: 36px;
  overflow: hidden;
  background-image: url("../images/common/btn_open.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  font-size: 0;
}
@media (min-width: 768px) {
  .header button {
    width: 32px;
    height: auto;
    margin: auto 0 5px;
    padding-top: 35px;
    color: rgba(99, 197, 242, 0.7);
    font-size: 0.6875rem;
    font-weight: 300;
    letter-spacing: 0.025em;
    line-height: 1;
  }
}

.drawer {
  visibility: hidden;
  z-index: 3;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  height: 100vh;
  padding: 0 0 30px;
  color: #fff;
  background-color: #82D1F5;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .drawer {
    padding: 160px 0 84px;
    padding-bottom: 0;
    overflow-y: auto;
  }
}
.drawer.open {
  visibility: visible;
  opacity: 1;
}
.drawer__header {
  height: 52px;
  background-color: #fff;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .drawer__header {
    height: auto;
    background-color: transparent;
  }
}
.drawer__header-logo {
  width: 190px;
  height: 24px;
  margin: 2px;
}
@media (min-width: 768px) {
  .drawer__header-logo {
    display: none;
  }
}
.drawer button {
  width: 36px;
  height: 36px;
  padding: 9px;
  background-color: #63C5F2;
  background-image: none;
}
@media (min-width: 768px) {
  .drawer button {
    position: fixed;
    top: 36px;
    right: 68px;
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: transparent;
  }
}
.drawer .inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1040px;
  padding: 0;
}
.drawer h2 {
  background-color: transparent;
  color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
}

.drawer__column {
  display: none;
}
@media (min-width: 768px) {
  .drawer__column {
    display: block;
    width: 25%;
    background-color: #63C5F2;
    flex: 0 0 218px;
    width: auto;
    background-color: transparent;
  }
}
@media (max-width: 1025px) {
  .drawer__column {
    flex: 0;
    margin-left: 3vw;
  }
}

.drawer__logo {
  width: 40px;
  height: 40px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  .drawer__logo {
    width: 50px;
    height: 50px;
    margin-top: 0;
  }
}

.drawer .link--home {
  max-width: 160px;
  margin: 12px auto 0;
}
@media (min-width: 768px) {
  .drawer .link--home {
    margin-top: 26px;
  }
}
.drawer .link--home a {
  padding: 8px;
  border-radius: 8px;
  font-family: source-han-sans-japanese, sans-serif;
  line-height: 1;
  text-align: center;
}
@media (min-width: 768px) {
  .drawer .link--home a {
    border: 1px solid #fff;
  }
}

.drawer__cv-list {
  display: none;
  max-width: 160px;
  margin: 29px auto 0;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
}
@media (min-width: 768px) {
  .drawer__cv-list {
    display: block;
  }
}
.drawer__cv-list li {
  margin: 10px 0;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.67;
}
.drawer__cv-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .drawer__cv-list li a {
    justify-content: flex-start;
  }
}
.drawer__cv-list li a::before {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.drawer__cv-list li:nth-of-type(1) a {
  padding: 6px 0 9px;
  border-radius: 8px;
  background-color: #1D2088;
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(1) a {
    padding: 6px 0 9px 15.6%;
  }
}
.drawer__cv-list li:nth-of-type(1) a::before {
  width: 14px;
  height: 14px;
  margin-right: 15px;
  background-image: url("../images/common/icon_envelope.svg");
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(1) a::before {
    margin-right: 12.5%;
  }
}
.drawer__cv-list li:nth-of-type(2) a {
  padding: 7px 0;
  border-radius: 8px;
  background-color: #F67B00;
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(2) a {
    padding: 7px 0 7px 15%;
  }
}
.drawer__cv-list li:nth-of-type(2) a::before {
  width: 14px;
  height: 14px;
  margin-right: 15px;
  background-image: url("../images/common/icon_inbox.svg");
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(2) a::before {
    margin-right: 9.4%;
  }
}
.drawer__cv-list li:nth-of-type(3) a {
  padding: 7px 0;
  border-radius: 8px;
  background-color: #808080;
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(3) a {
    padding: 5px 0 5px 16.3%;
  }
}
.drawer__cv-list li:nth-of-type(3) a::before {
  width: 11px;
  height: 14px;
  margin-right: 17px;
  background-image: url("../images/common/icon_lock.svg");
}
@media (min-width: 768px) {
  .drawer__cv-list li:nth-of-type(3) a::before {
    margin-right: 10.6%;
  }
}

.drawer__sns {
  margin-top: 26px;
  padding: 22px 0;
  background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 3px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 3px 1px;
}
.drawer__sns li:nth-of-type(1) {
  width: 26px;
  height: 21px;
}
.drawer__sns li:nth-of-type(2) {
  width: 21px;
  height: 21px;
}

.drawer__app {
  margin-top: 0;
  margin-bottom: 60px;
  padding: 22px 0 26px;
  background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 3px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 3px 1px;
}
.drawer__app li:nth-of-type(1) {
  width: 21px;
  height: 21px;
}
.drawer__app li:nth-of-type(2) {
  width: 22px;
  height: 24px;
}

.drawer__sns,
.drawer__app {
  display: none;
  flex-direction: column-reverse;
  width: 160px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .drawer__sns,
  .drawer__app {
    display: flex;
  }
}

.drawer__sns h2,
.drawer__app h2 {
  margin-top: 16px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
}

.drawer__sns h2 span,
.drawer__app h2 span {
  display: inline;
  position: static;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  text-transform: uppercase;
}

.drawer__sns ul,
.drawer__app ul {
  text-align: center;
}

.drawer__sns li,
.drawer__app li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.drawer__sns li a,
.drawer__app li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.drawer__sns li a img,
.drawer__app li a img {
  height: 40px;
}

.drawer hr {
  display: none;
  max-width: 160px;
  height: 1px;
  margin: 0 auto;
  border: none;
  background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 3px);
  background-position: left center;
  background-repeat: repeat-x;
  background-size: 3px 1px;
}
@media (min-width: 768px) {
  .drawer hr {
    display: block;
  }
}

.drawer__right-container {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: 80%;
  background-color: #63C5F2;
}
@media (min-width: 768px) {
  .drawer__right-container {
    width: 79%;
    padding-top: 0;
    background-color: transparent;
  }
}
.drawer__right-container a:hover {
  opacity: inherit;
  text-decoration: underline;
}

.drawer__upper {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background-color: #63C5F2;
}
@media (min-width: 768px) {
  .drawer__upper {
    background-color: inherit;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--2,
  .drawer__upper .column--3 {
    padding-right: 1em;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--2 .flex-item + .flex-item,
  .drawer__upper .column--3 .flex-item + .flex-item {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--2 {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    width: 25.58%;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--3 {
    width: 25.227356%;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--4 {
    width: 23.205615%;
  }
}
@media (min-width: 768px) {
  .drawer__upper .column--4 .flex-item + .flex-item {
    margin-top: 24px;
  }
}

.drawer__upper__column {
  display: none;
  flex-basis: 33.1%;
}
.drawer__upper__column.column--sp {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .drawer__upper__column.column--sp {
    display: none;
  }
}
.drawer__upper__column.column--sp ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-left: 1px solid #fff;
}
.drawer__upper__column.column--sp li {
  width: 50%;
  padding: 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.drawer__upper__column.column--sp li:nth-of-type(2n-1) {
  border-left: none;
}
.drawer__upper__column.column--sp li:nth-last-of-type(2), .drawer__upper__column.column--sp li:last-of-type {
  border-bottom: none;
}
.drawer__upper__column.column--sp li a {
  padding: 8px 0 8px 10px;
}
@media (min-width: 768px) {
  .drawer__upper__column:not(.column--1) {
    -moz-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
  }
}
.drawer__upper__column:not(.column--1) h2 {
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.44;
  border-left: 3px solid #fff;
  padding-left: 10px;
}
.drawer__upper__column:not(.column--1) h3 {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.86;
}
@media (min-width: 768px) {
  .drawer__upper__column:not(.column--1) ul {
    margin-top: 8px;
    border-left: 1px solid #fff;
    padding: 0 0 0 1em;
  }
}
.drawer__upper__column:not(.column--1) li {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .drawer__upper__column:not(.column--1) li a {
    display: inline-block;
  }
}
.drawer__upper__column:not(.column--1) li span {
  font-size: 0.8em;
}
@media (min-width: 768px) {
  .drawer__upper__column:not(.column--sp) {
    display: flex;
  }
}

.drawer__lower {
  display: none;
}
@media (min-width: 768px) {
  .drawer__lower {
    display: block;
    margin-top: 26px;
    width: 100%;
  }
}
@media (max-width: 1025px) {
  .drawer__lower {
    width: 90%;
    margin: 2vw auto;
  }
}
.drawer__lower h2 {
  font-family: freight-big-pro, serif;
  font-size: 1.125rem;
  font-weight: 100;
  letter-spacing: 0.15em;
  line-height: 1.67;
}

.drawer__info-container {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 8px 30px 10px;
  background: #fff;
  border-radius: 8px;
}
.drawer__info-container ul {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.drawer__info-container ul:last-of-type {
  display: block;
  width: 210px;
  padding-left: 21px;
  border-left: 1px solid #63c5f2;
}
.drawer__info-container li {
  flex: 0 1 207px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2;
}
.drawer__info-container li.lock a {
  display: flex;
  align-items: center;
}
.drawer__info-container li.lock a::after {
  display: inline-block;
  width: 14px;
  height: 15px;
  margin-left: 0.5em;
  background-image: url("../images/common/icon_lockb.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  color: #63c5f2;
}
.drawer__info-container li a {
  display: inline-block;
  padding-left: 0.6em;
  background-image: url("../images/common/icon_caret-right-01b.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.33em auto;
  color: #63c5f2;
  font-size: 0.75rem;
}

.drawer__address {
  margin-top: 16px;
}
.drawer__address em {
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.29;
  text-align: center;
}
@media (min-width: 768px) {
  .drawer__address em {
    text-align: left;
  }
}
.drawer__address address {
  margin-top: 5px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .drawer__address address {
    text-align: left;
  }
}
.drawer__address address span {
  display: block;
}
@media (min-width: 768px) {
  .drawer__address address span {
    display: inline-block;
    width: 1em;
  }
}

.drawer__copyright {
  margin-top: 21px;
  padding: 9px 0 60px;
  background-color: #fff;
  color: #333;
  font-family: freight-big-pro, serif;
  font-size: 0.625rem;
  font-weight: 100;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 768px) {
  .drawer__copyright {
    padding: 40px 0 36px;
    font-size: 0.875rem;
  }
}
.drawer__copyright p {
  margin-top: 0;
}

.drawer--sp {
  display: block;
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .drawer--sp {
    display: none;
  }
}
.drawer--sp .drawer__cv-list {
  display: block;
  margin: 0 37px;
  max-width: none;
}
.drawer--sp .drawer__cv-list li {
  font-size: 1.125rem;
  margin: 0;
}
.drawer--sp .drawer__cv-list li + li {
  margin-top: 15px;
}
.drawer--sp .drawer__cv-list li a {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  padding: 15px 0 15px 22px;
}
.drawer--sp .drawer__cv-list li:nth-of-type(3) a {
  border-radius: 8px;
}
.drawer--sp .drawer__sns {
  display: block;
  width: 93.3%;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  background-position: left bottom;
}
.drawer--sp .drawer__sns h2 {
  display: inline-block;
  margin-right: 20px;
  font-size: 0.875rem;
}
.drawer--sp .drawer__sns ul {
  display: inline-block;
  text-align: center;
}
.drawer--sp .drawer__sns li {
  margin: 0 6px;
}
.drawer--sp .drawer__sns li:nth-of-type(1) {
  width: 45px;
  height: auto;
}
.drawer--sp .drawer__sns li:nth-of-type(2) {
  width: 35px;
  height: auto;
}

.footer {
  max-width: 100% !important;
  background-color: #82D1F5;
  color: #fff;
  position: relative;
}
@media (min-width: 768px) {
  .footer {
    padding: 68px 0 0;
    padding-bottom: 0;
  }
}
.footer a:hover {
  opacity: inherit;
  text-decoration: underline;
}
.footer .inner {
  max-width: 1040px;
  padding: 0;
}
@media (min-width: 768px) {
  .footer .inner {
    padding: 0 19px;
  }
}
.footer h2 {
  background-color: transparent;
  color: #fff;
  font-family: source-han-sans-japanese, sans-serif;
}
.footer .footer__logo {
  width: 40px;
  height: 40px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  .footer .footer__logo {
    width: 50px;
    height: 50px;
    margin-top: 0;
  }
}
.footer .footer__cv-list {
  display: none;
  max-width: 160px;
  margin: 29px auto 0;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1;
}
@media (min-width: 768px) {
  .footer .footer__cv-list {
    display: block;
  }
}
.footer .footer__cv-list li {
  margin: 10px 0;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.67;
  font-size: 0.75rem;
}
.footer .footer__cv-list li a {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 500;
}
@media (min-width: 768px) {
  .footer .footer__cv-list li a {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
.footer .footer__cv-list li a::before {
  display: block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.footer .footer__cv-list li:nth-of-type(1) a {
  padding: 7px 0 9px;
  border-radius: 8px;
  background-color: #1D2088;
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(1) a {
    padding: 6px 0 9px 15.6%;
  }
}
.footer .footer__cv-list li:nth-of-type(1) a::before {
  width: 14px;
  height: 14px;
  margin-right: 15px;
  background-image: url("../images/common/icon_envelope.svg");
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(1) a::before {
    margin-right: 12.5%;
  }
}
.footer .footer__cv-list li:nth-of-type(2) a {
  padding: 8px 0;
  border-radius: 8px;
  background-color: #F67B00;
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(2) a {
    padding: 8px 0 8px 15%;
  }
}
.footer .footer__cv-list li:nth-of-type(2) a::before {
  width: 14px;
  height: 14px;
  margin-right: 15px;
  background-image: url("../images/common/icon_inbox.svg");
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(2) a::before {
    margin-right: 9.4%;
  }
}
.footer .footer__cv-list li:nth-of-type(3) a {
  padding: 8px 0;
  border-radius: 8px;
  background-color: #808080;
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(3) a {
    padding: 6px 0 6px 16.3%;
  }
}
.footer .footer__cv-list li:nth-of-type(3) a::before {
  width: 11px;
  height: 14px;
  margin-right: 17px;
  background-image: url("../images/common/icon_lock.svg");
}
@media (min-width: 768px) {
  .footer .footer__cv-list li:nth-of-type(3) a::before {
    margin-right: 10.6%;
  }
}
.footer .footer__sns {
  display: none;
  flex-direction: column-reverse;
  width: 160px;
  margin: 26px auto 0;
  padding-top: 22px;
  background-image: linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 3px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 3px 1px;
}
@media (min-width: 768px) {
  .footer .footer__sns {
    display: flex;
  }
}
.footer .footer__sns h2 {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
}
.footer .footer__sns ul {
  text-align: center;
}
.footer .footer__sns li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.footer .footer__sns li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.footer .footer__sns li:nth-of-type(1) {
  width: 26px;
  height: 21px;
}
.footer .footer__sns li:nth-of-type(2) {
  width: 21px;
  height: 21px;
}
.footer .footer__upper {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background-color: #63C5F2;
}
@media (min-width: 768px) {
  .footer .footer__upper {
    background-color: inherit;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--1 {
    display: block;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--2 {
    width: 25.58%;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--3 {
    width: 25.227356%;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--2 .flex-item + .flex-item,
  .footer .footer__upper .column--3 .flex-item + .flex-item {
    margin-top: 30px;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--4 {
    width: 23.205615%;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper .column--4 .flex-item + .flex-item {
    margin-top: 30px;
  }
}
.footer .footer__upper__column {
  display: none;
  width: 26%;
}
.footer .footer__upper__column.column--sp {
  display: block;
  flex: 0 0 80%;
  width: 100%;
}
@media (min-width: 768px) {
  .footer .footer__upper__column.column--sp {
    display: none;
  }
}
.footer .footer__upper__column.column--sp ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-left: 1px solid #fff;
}
.footer .footer__upper__column.column--sp li {
  width: 50%;
  padding: 0 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.footer .footer__upper__column.column--sp li:nth-of-type(2n-1) {
  border-left: none;
}
.footer .footer__upper__column.column--sp li:nth-last-of-type(2), .footer .footer__upper__column.column--sp li:last-of-type {
  border-bottom: none;
}
.footer .footer__upper__column.column--sp li a {
  padding: 8px 0 8px 10px;
  padding-left: 0.6em;
  background-image: url(../images/common/icon_caret-right-01.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.36em auto;
}
@media (min-width: 768px) {
  .footer .footer__upper__column:not(.column--sp) {
    display: flex;
  }
}
@media (min-width: 768px) {
  .footer .footer__upper__column:not(.column--1) {
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
.footer .footer__upper__column:not(.column--1) h2 {
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.44;
}
@media (min-width: 768px) {
  .footer .footer__upper__column:not(.column--1) h2 {
    border-left: 3px solid #fff;
    padding-left: 10px;
  }
}
.footer .footer__upper__column:not(.column--1) h3 {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.86;
}
@media (min-width: 768px) {
  .footer .footer__upper__column:not(.column--1) ul {
    margin-top: 8px;
    border-left: 1px solid #fff;
    padding: 0 0 0 1em;
  }
}
.footer .footer__upper__column:not(.column--1) li {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media (min-width: 768px) {
  .footer .footer__upper__column:not(.column--1) li a {
    display: inline-block;
  }
}
.footer .footer__upper__column:not(.column--1) li span {
  font-size: 0.8em;
}
.footer .footer__upper .column--1 {
  display: block;
  width: 25%;
}
.footer .footer__upper .column--1 a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.footer .footer__lower {
  display: none;
}
@media (min-width: 768px) {
  .footer .footer__lower {
    display: block;
    margin-top: 26px;
  }
}
.footer .footer__lower h2 {
  font-family: freight-big-pro, serif;
  font-size: 1.125rem;
  font-weight: 100;
  letter-spacing: 0.15em;
  line-height: 1.67;
}
.footer .footer__info-container {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 8px 30px 10px;
  background: #fff;
  border-radius: 8px;
}
.footer .footer__info-container ul {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.footer .footer__info-container ul:last-of-type {
  display: block;
  width: 210px;
  padding-left: 21px;
  border-left: 1px solid #63c5f2;
}
.footer .footer__info-container li {
  flex: 0 1 207px;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 2;
}
.footer .footer__info-container li.lock a {
  display: flex;
  align-items: center;
}
.footer .footer__info-container li.lock a::after {
  display: inline-block;
  width: 14px;
  height: 15px;
  margin-left: 0.5em;
  background-image: url("../images/common/icon_lockb.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  color: #63c5f2;
}
.footer .footer__info-container li a {
  display: inline-block;
  padding-left: 0.6em;
  background-image: url("../images/common/icon_caret-right-01b.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.33em auto;
  color: #63c5f2;
  font-size: 0.75rem;
}
.footer .footer__address {
  margin-top: 16px;
}
.footer .footer__address em {
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.29;
  text-align: center;
}
@media (min-width: 768px) {
  .footer .footer__address em {
    text-align: left;
  }
}
.footer .footer__address address {
  margin-top: 5px;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .footer .footer__address address {
    text-align: left;
  }
}
.footer .footer__address address span {
  display: block;
}
@media (min-width: 768px) {
  .footer .footer__address address span {
    display: inline-block;
    width: 1em;
  }
}
.footer .footer__copyright {
  margin-top: 21px;
  padding: 25px 0 60px;
  background-color: #fff;
  color: #333;
  font-family: freight-big-pro, serif;
  font-size: 0.625rem;
  font-weight: 100;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-align: center;
}
@media (min-width: 768px) {
  .footer .footer__copyright {
    padding: 40px 0 36px;
    font-size: 0.875rem;
  }
}
.footer .footer__copyright p {
  margin-top: 0;
}
.footer .footer--sp {
  display: block;
}
@media (min-width: 768px) {
  .footer .footer--sp {
    display: none;
  }
}
.footer .footer--sp .link--home {
  margin-top: 6px;
}
.footer .footer--sp .link--home a {
  position: relative;
  padding-top: 14px;
  text-align: center;
  text-transform: uppercase;
}
.footer .footer--sp .link--home a::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 6px;
  height: 16px;
  margin: auto;
  transform: rotate(-90deg);
  background-image: url("../images/common/icon_caret-right-02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.footer .footer--sp .footer__cv-list {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  max-width: 80%;
  margin: 12px auto 0;
}
.footer .footer--sp .footer__cv-list li:nth-of-type(1) {
  width: 100%;
}
.footer .footer--sp .footer__cv-list li:nth-of-type(2) {
  width: 48.1%;
}
.footer .footer--sp .footer__cv-list li:nth-of-type(3) {
  display: inline-block;
  width: 48.1%;
}
.footer .footer--sp .footer__sns {
  display: block;
  width: 80%;
  margin: 12px auto 0;
  padding-top: 10px;
  text-align: center;
}
.footer .footer--sp .footer__sns h2 {
  display: inline-block;
  margin-right: 10px;
  font-size: 0.625rem;
}
.footer .footer--sp .footer__sns ul {
  display: inline-block;
  text-align: center;
}
.footer .footer--sp .footer__sns li {
  margin: 0 6px;
}
.footer #page-top {
  position: fixed;
  right: 0;
  z-index: 1;
  bottom: 60px;
}
@media (min-width: 768px) {
  .footer #page-top {
    bottom: 150px;
  }
}
.footer #page-top a {
  display: block;
  opacity: 1;
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  .footer #page-top a {
    width: 64px;
    height: 64px;
  }
}
.footer #page-top a img {
  opacity: 1;
  transition: all 0.3s ease;
}
.footer #page-top a:hover img {
  opacity: 0.7;
}

body.fixed {
  overflow-y: hidden;
}

.inner {
  box-sizing: content-box;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 19px;
}
@media (min-width: 768px) {
  .inner {
    max-width: 1020px;
  }
}

.more {
  text-align: center;
}
.more a {
  border: 1px solid #51CCD4;
  border-radius: 4px;
  background-color: #fff;
  color: #00B5C0;
}

main {
  padding-top: 52px;
}
@media (min-width: 768px) {
  main {
    padding-top: 70px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
  *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
.top__cv-area {
  z-index: 2;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  border-radius: 10px 10px 0 0;
  background: transparent linear-gradient(90deg, #1D2088 0%, #4B73C1 100%) 0% 0% no-repeat padding-box;
}
@media (min-width: 768px) {
  .top__cv-area {
    right: 0;
    bottom: 30px;
    left: auto;
    border-radius: 10px 0 0 10px;
    position: fixed;
    height: 91px;
  }
}
.top__cv-area ul {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .top__cv-area ul {
    justify-content: space-around;
    padding-left: 5px;
  }
}
.top__cv-area li {
  margin: 0 18px;
}
@media (min-width: 768px) {
  .top__cv-area li {
    margin: 0 25px;
  }
}
.top__cv-area li a {
  padding: 21px 0 8px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.2;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .top__cv-area li a {
    padding: 40px 0 10px;
    font-size: 1rem;
    font-weight: 400;
  }
}
.top__cv-area li a span {
  font-size: 0.63em;
}
.top__cv-area li.top__cv-area__online a {
  background-image: url("../images/common/icon_baloon.svg");
  background-position: center top 7px;
  background-size: 15px auto;
}
@media (min-width: 768px) {
  .top__cv-area li.top__cv-area__online a {
    background-position: center top 14px;
    background-size: 26px auto;
  }
}
.top__cv-area li.top__cv-area__seminar a {
  background-image: url("../images/common/icon_camera.svg");
  background-position: center top 8px;
  background-size: 15px auto;
}
@media (min-width: 768px) {
  .top__cv-area li.top__cv-area__seminar a {
    background-position: center top 15px;
    background-size: 26px auto;
  }
}
.top__cv-area li.top__cv-area__utfesta a {
  background-image: url("../images/common/icon_campas.svg");
  background-position: center top 6px;
  background-size: 17px auto;
}
@media (min-width: 768px) {
  .top__cv-area li.top__cv-area__utfesta a {
    background-position: center top 12px;
    background-size: 28px auto;
  }
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.sp-drawer {
  width: 100%;
}
@media (min-width: 768px) {
  .sp-drawer {
    display: none;
  }
}
.sp-drawer .serif {
  font-family: source-han-serif-japanese, serif;
}
.sp-drawer__h1 {
  font-size: 1.25rem;
}
.sp-drawer__list {
  display: flex;
  cursor: pointer;
}
.sp-drawer__item {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 78px;
  width: calc(100% - 94px);
  padding-left: 38px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #63C5F2;
}
.sp-drawer__item--main {
  background-color: transparent;
}
.sp-drawer__icon {
  position: relative;
  display: block;
  width: 94px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.sp-drawer__icon::before, .sp-drawer__icon::after {
  content: "";
  position: absolute;
  right: 37px;
  top: 50%;
  margin-top: -0.5px;
  height: 1px;
  width: 16px;
  background-color: #FFF100;
  transition: all 0.3s ease;
}
.sp-drawer__icon::after {
  transform: rotate(90deg);
}
.sp-drawer__icon--arrow {
  background-color: #63C5F2;
}
.sp-drawer__icon--arrow::before {
  right: 44px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  margin-top: -3px;
  transform: rotate(-45deg);
  background-color: transparent;
}
.sp-drawer__icon--arrow::after {
  display: none;
}
.sp-drawer__icon--arrow-main {
  background-color: transparent;
}
.sp-drawer__sub {
  display: none;
}

.sp-drawer .open.sp-drawer__icon {
  border-bottom: none;
  background-color: #63C5F2;
}
.sp-drawer .open.sp-drawer__icon::after {
  transform: rotate(0);
}

.sp-drawer .open .bbn {
  border-bottom: none;
}

.sp-drawer-btnlist {
  padding: 0 37px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #63C5F2;
}
.sp-drawer-btnlist__item a {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 60px;
  padding: 0 12px;
  border-radius: 8px;
  background: linear-gradient(to right, #8DC4FF, #33BEDB);
}
.sp-drawer-btnlist__item small {
  font-size: 0.875rem;
}
.sp-drawer-btnlist__item + .sp-drawer-btnlist__item {
  margin-top: 7px;
}
.sp-drawer-btnlist__item--02 a {
  background: linear-gradient(to right, #EC7790, #EC9903);
}
.sp-drawer-btnlist__item--03 a {
  background: linear-gradient(to right, #9B6498, #8787BB);
}
.sp-drawer-btnlist__item--04 a {
  background: linear-gradient(to right, #C2BAC0, #828282);
}

.sp-drawer-box {
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  margin: 30px 37px;
  padding: 20px 27px 15px;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .sp-drawer-box {
    display: none;
  }
}
.sp-drawer-box__item {
  color: #63C5F2;
  padding: 7px 0;
}
.sp-drawer-box__item::before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  display: inline-block;
  color: inherit;
  margin-right: 4px;
  margin-left: 4px;
}
.sp-drawer-box__item--ex::after {
  content: "\f023";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  display: inline-block;
  color: #C1E8FA;
  margin-left: 10px;
}
.sp-drawer-box__item a {
  display: inline-block;
}
.sp-drawer-box__bdr {
  border-top: 1px solid #63C5F2;
  margin-top: 5px;
  padding-top: 12px;
}

/* ----------------------------------

02.view

------------------------------------- */
/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
:root {
  --font-j01:"YakuHanJP", "NotoSans", "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
  --curs-cr-11: rgba(30, 127, 183, 1);
  --curs-cr-11b: rgba(30, 127, 183, 0.8);
  --curs-cr-11b2: rgba(30, 127, 183, 0.3);
  --curs-cr-11c: rgba(30, 127, 183, 0);
  --curs-cr-12: rgba(255, 234, 0, 1);
  --curs-cr-21: rgba(106, 189, 121, 1);
  --curs-cr-21b: rgba(106, 189, 121, 0.8);
  --curs-cr-21b2: rgba(106, 189, 121, 0.3);
  --curs-cr-21c: rgba(106, 189, 121, 0);
  --curs-cr-22: rgba(255, 234, 0, 1);
  --curs-cr-31: rgba(239, 132, 96, 1);
  --curs-cr-31b: rgba(239, 132, 96, 0.8);
  --curs-cr-31b2: rgba(239, 132, 96, 0.3);
  --curs-cr-31c: rgba(239, 132, 96, 0);
  --curs-cr-32: rgba(255, 234, 0, 1);
}

.top section {
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .top section {
    max-width: 100%;
  }
}
.top .top__modal {
  position: relative;
  right: 0;
  left: 0;
  margin: auto;
  width: 85%;
  background-color: #4fc2f1;
  padding: 15px 3% 25px;
  z-index: 4;
}
@media (min-width: 768px) {
  .top .top__modal {
    width: 640px;
    padding: 20px 20px 25px 20px;
  }
}
.top .top__modal__outline {
  display: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 3;
  transition: all 0.3s linear;
  top: 0;
  left: 0;
}
.top .top__modal__outline.add {
  display: flex;
}
.top .top__modal__bg {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
  height: 100%;
  width: 100%;
}
.top .top__modal__thumb {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .top .top__modal__thumb {
    margin-bottom: 30px;
  }
}
.top .top__modal__content {
  margin-right: 3%;
  margin-left: 3%;
}
.top .top__modal__ttl {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-align: justify;
}
@media (min-width: 768px) {
  .top .top__modal__ttl {
    font-size: 20px;
    text-align: center;
  }
}
.top .top__modal__txt {
  color: #fff;
  font-size: 12px;
  margin-top: 15px;
  line-height: 1.8;
  text-align: justify;
}
@media (min-width: 768px) {
  .top .top__modal__txt {
    font-size: 14px;
    margin-top: 20px;
    text-align: left;
  }
}
.top .top__modal__link {
  color: #1d2088;
  text-align: center;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-top: 20px;
  border: 2px solid #1d2088;
  border-radius: 5px;
  padding: 5px 0;
  position: relative;
  transition: all 0.3s linear;
}
.top .top__modal__link::after {
  font-weight: 700;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  color: #1d2088;
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  transition: all 0.3s linear;
}
.top .top__modal__link:hover {
  color: #fff;
  background-color: #1d2088;
  opacity: 1;
}
.top .top__modal__link:hover::after {
  color: #fff;
}
@media (min-width: 768px) {
  .top .top__modal__link {
    width: 280px;
    margin-right: auto;
    margin-left: auto;
    padding: 8px 0;
    font-size: 14px;
    border-radius: 8px;
  }
}
.top .top__modal__closebtn {
  background-color: #1d2088;
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 6px;
  font-size: 18px;
  transform: translate(50%, -50%);
  transition: all 0.3s linear;
  cursor: pointer;
}
@media (min-width: 768px) {
  .top .top__modal__closebtn {
    padding: 6px 9px;
    font-size: 21px;
  }
}
.top .top__modal__closebtn:hover {
  background-color: #fff;
  color: #1d2088;
}
.top .top__course h2,
.top .top__about h2,
.top .top__school h2,
.top .top__voice h2,
.top .top__entrance h2 {
  background-color: #fff;
  color: #63C5F2;
  font-family: source-han-serif-japanese, serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .top .top__course h2,
  .top .top__about h2,
  .top .top__school h2,
  .top .top__voice h2,
  .top .top__entrance h2 {
    font-size: 2rem;
    line-height: 1.34;
  }
}
.top .top__course h2 span,
.top .top__about h2 span,
.top .top__school h2 span,
.top .top__voice h2 span,
.top .top__entrance h2 span {
  display: block;
  position: relative;
  padding-top: 4px;
  color: #918B8A;
  font-family: adobe-garamond-pro, serif;
  font-size: 0.67em;
  font-style: italic;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .top .top__course h2 span,
  .top .top__about h2 span,
  .top .top__school h2 span,
  .top .top__voice h2 span,
  .top .top__entrance h2 span {
    padding-top: 14px;
    font-size: 0.41em;
  }
}
.top .top__course h2 span::before,
.top .top__about h2 span::before,
.top .top__school h2 span::before,
.top .top__voice h2 span::before,
.top .top__entrance h2 span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 93px;
  height: 1px;
  background-color: #63D7F3;
  content: "";
  width: 165px;
}
.top .top__course h3,
.top .top__about h3,
.top .top__school h3,
.top .top__voice h3,
.top .top__entrance h3 {
  font-size: 0.625rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .top .top__course h3,
  .top .top__about h3,
  .top .top__school h3,
  .top .top__voice h3,
  .top .top__entrance h3 {
    font-size: 1.125rem;
  }
}
.top .top__course h3 span,
.top .top__about h3 span,
.top .top__school h3 span,
.top .top__voice h3 span,
.top .top__entrance h3 span {
  display: block;
  z-index: 1;
  position: absolute;
  padding: 12px 6px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .top .top__course h3 span,
  .top .top__about h3 span,
  .top .top__school h3 span,
  .top .top__voice h3 span,
  .top .top__entrance h3 span {
    padding: 10px 8px;
  }
}
.top .top__course h3 span img,
.top .top__about h3 span img,
.top .top__school h3 span img,
.top .top__voice h3 span img,
.top .top__entrance h3 span img {
  width: 2.6vw;
  height: auto;
}
@media (min-width: 768px) {
  .top .top__course h3 span img,
  .top .top__about h3 span img,
  .top .top__school h3 span img,
  .top .top__voice h3 span img,
  .top .top__entrance h3 span img {
    width: 22px;
  }
}
.top .top__link-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .top .top__link-container {
    max-width: 820px;
  }
}
.top .top__link-container li {
  flex: 0 1 41vw;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .top .top__link-container li {
    flex-basis: 48.8%;
  }
}
.top .top__link-container li a {
  padding: 10px 0;
  background-image: url("../images/common/icon_arrow-right-01.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 4px auto;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.33;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__link-container li a {
    padding: 20px 0;
    background-position: right 18px center;
    background-size: 8px auto;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.14;
  }
}
.top .top__link-container li a em {
  display: block;
  font-size: 1.17em;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 0.88;
}
@media (min-width: 768px) {
  .top .top__link-container li a em {
    font-size: 1.54em;
  }
}
.top .more--shadow {
  width: 300px;
  margin: 24px auto;
  box-shadow: 0 0 0 8px rgba(0, 181, 192, 0.1);
}
@media (min-width: 768px) {
  .top .more--shadow {
    margin: 34px auto;
    box-shadow: 0 0 0 10px rgba(0, 181, 192, 0.1);
  }
}
.top .more--shadow a {
  border-radius: 0;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .top .more--shadow a {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.35;
  }
}
.top .inner p:first-of-type {
  font-family: source-han-serif-japanese, serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .top .inner p:first-of-type {
    font-size: 1rem;
    line-height: 2;
  }
}
.top .top__kv {
  position: relative;
  max-width: 100%;
  background-color: #fff;
}
.top .top__kv__heading {
  display: inline-block;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13.63rem;
  height: 5.94rem;
  padding: 14px 16px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__kv__heading {
    width: 29.13rem;
    height: 13.13rem;
    padding: 40px 80px;
  }
}
.top .top__kv__heading h1 {
  height: 46px;
  border-bottom: 1px solid rgba(35, 24, 21, 0.35);
}
@media (min-width: 768px) {
  .top .top__kv__heading h1 {
    height: 90px;
    font-size: 2.25rem;
    line-height: 2.5;
  }
}
.top .top__kv__heading img {
  width: 135px;
}
@media (min-width: 768px) {
  .top .top__kv__heading img {
    width: 266px;
  }
}
.top .top__kv__heading h1 span {
  display: inline-block;
  width: 95px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .top .top__kv__heading h1 span {
    width: 202px;
    margin-left: 24px;
  }
}
.top .top__kv__heading h1 + p {
  margin-top: 6px;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.36;
}
@media (min-width: 768px) {
  .top .top__kv__heading h1 + p {
    font-size: 1.125rem;
    margin-top: 15px;
    letter-spacing: 0.12em;
  }
}
.top .top__kv__heading h1 + p em {
  color: #63B4F2;
}
.top .top__kv__container {
  height: 458px;
}
@media (min-width: 768px) {
  .top .top__kv__container {
    height: 800px;
  }
}
.top .top__kv__slide--upper {
  top: -6px;
}
@media (min-width: 768px) {
  .top .top__kv__slide--upper {
    top: 0;
  }
}
.top .top__kv__slider {
  height: 232px;
}
@media (min-width: 768px) {
  .top .top__kv__slider {
    height: 400px;
  }
}
.top .top__kv__slider .top__kv__slider__item {
  padding: 6px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item {
    padding: 10px;
  }
}
.top .top__kv__slider .top__kv__slider__item img {
  display: block;
  width: 104px;
  height: 104px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item img {
    width: 180px;
    height: 180px;
  }
}
.top .top__kv__slider .top__kv__slider__item img + img {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item img + img {
    margin-top: 20px;
  }
}
.top .top__kv__slider .top__kv__slider__item.colspan-2 img {
  height: 220px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item.colspan-2 img {
    height: 380px;
  }
}
.top .top__kv__slider .top__kv__slider__item.span-2x2 img {
  width: 220px;
  height: 220px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item.span-2x2 img {
    width: 380px;
    height: 380px;
  }
}
.top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(2) {
  margin-top: 0;
  margin-left: 12px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(2) {
    margin-left: 20px;
  }
}
.top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(-n+2) {
  display: inline-block;
  width: 104px;
  height: 104px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(-n+2) {
    width: 180px;
    height: 180px;
  }
}
.top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(3) {
  width: 220px;
  height: 104px;
}
@media (min-width: 768px) {
  .top .top__kv__slider .top__kv__slider__item.rowspan-2 img:nth-of-type(3) {
    width: 380px;
    height: 180px;
  }
}
.top .top__kv__slider .slick-track {
  height: 100%;
}
.top .top__lead {
  position: relative;
  max-width: 100%;
  padding: 30px 0 58px;
  background-image: url("../images/top/movie_bg-sp.png"), url("../images/top/bg-01-sp.svg");
  background-position: center bottom, center top;
  background-repeat: no-repeat, repeat;
  background-size: contain, contain;
}
@media (min-width: 768px) {
  .top .top__lead {
    padding: 40px 0 0;
    background-image: linear-gradient(to top, #fff, #fff 14.1%, transparent 14.1%, transparent 100%), url("../images/top/bg-01.svg");
    background-position: center bottom, left top;
    background-repeat: no-repeat, repeat;
    background-size: 100%, 810px auto;
  }
}
.top .top__lead::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -16px;
  left: 0;
  width: 0px;
  height: 32px;
  margin: auto;
  background-color: #00B5C0;
  content: "";
}
@media (min-width: 768px) {
  .top .top__lead::after {
    bottom: -30px;
    height: 60px;
  }
}
@media (min-width: 768px) {
  .top .top__lead .inner {
    max-width: 100%;
  }
}
.top .top__lead__info {
  max-width: 100%;
  padding: 0 11px;
  border-top: 1px solid #13017C;
  border-bottom: 1px solid #13017C;
  background-color: #fff;
}
@media (min-width: 768px) {
  .top .top__lead__info {
    max-width: 980px;
    padding: 0 24px;
  }
}
.top .top__lead__info .upper {
  padding: 9px 0 0;
}
@media (min-width: 768px) {
  .top .top__lead__info .upper {
    padding: 17px 0 24px;
    background-image: linear-gradient(to right, rgba(29, 32, 136, 0.5), rgba(29, 32, 136, 0.5) 2px, transparent 2px, transparent 4px);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 4px 1px;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .upper ul {
    margin-top: 18px;
  }
}
.top .top__lead__info .upper li p {
  font-family: source-han-serif-japanese, serif;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .top .top__lead__info .upper li p {
    font-size: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .lower {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .lower ul {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .lower ul li {
    max-width: 410px;
  }
}
.top .top__lead__info .lower ul li p {
  color: #000;
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .top .top__lead__info .lower ul li p {
    max-width: 276px;
    color: #4F4644;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .lower .date {
    color: #7B7473;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .left-side,
  .top .top__lead__info .right-side {
    flex: 1 1 auto;
    width: 50%;
    padding: 13px 0 16px;
  }
}
.top .top__lead__info .left-side {
  position: relative;
  padding-top: 19px;
}
@media (min-width: 768px) {
  .top .top__lead__info .left-side {
    padding-right: 24px;
  }
}
.top .top__lead__info .right-side {
  position: relative;
  padding-top: 19px;
}
@media (min-width: 768px) {
  .top .top__lead__info .right-side {
    padding-left: 24px;
  }
}
.top .top__lead__info .right-side li:nth-of-type(3) {
  border-bottom: none;
}
.top .top__lead__info hr {
  display: none;
}
@media (min-width: 768px) {
  .top .top__lead__info hr {
    display: block;
    width: 1px;
    height: 220px;
    background-color: #7F7F7F;
  }
}
.top .top__lead__info h2 {
  color: #13017C;
  font-family: freight-big-pro, serif;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.41;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .top .top__lead__info h2 {
    position: relative;
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info h2::after {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    width: 2.5rem;
    height: 2px;
    margin: auto;
    background-color: rgba(29, 32, 136, 0.5);
    content: "";
  }
}
.top .top__lead__info h3 {
  position: relative;
  padding-left: 5px;
  color: #13017C;
  font-family: freight-big-pro, serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 1;
}
@media (min-width: 768px) {
  .top .top__lead__info h3 {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
  }
}
.top .top__lead__info h3::first-letter {
  text-transform: uppercase;
}
.top .top__lead__info h3::after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  background-color: #13017C;
  content: "";
  height: 0rem;
}
@media (min-width: 768px) {
  .top .top__lead__info h3::after {
    top: auto;
    right: 0;
    bottom: -10px;
    width: 2.5rem;
    height: 2px;
    margin: auto;
    background-color: rgba(29, 32, 136, 0.5);
  }
}
.top .top__lead__info .date {
  color: #6A51A3;
  font-family: roboto, sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.23;
}
.top .top__lead__info .tag {
  display: inline-block;
  width: 80px;
  height: 16px;
  line-height: 1.9;
  margin-left: 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__lead__info .tag {
    flex: 0 0 90px;
    width: 90px;
    height: 20px;
    line-height: 22px;
    font-size: 0.6875rem;
  }
}
.top .top__lead__info .tag.exam {
  background-color: #63C5F2;
}
.top .top__lead__info .tag.general {
  background-color: #13017C;
}
.top .top__lead__info .tag.club {
  background-color: #80C41C;
}
.top .top__lead__info .tag.letter {
  background-color: #95A5D4;
}
.top .top__lead__info .tag.cl__emerald {
  background-color: #9ac9c5;
}
.top .top__lead__info .tag.cl__skyblue {
  background-color: #33bedb;
}
.top .top__lead__info .tag.cl__shrimppink {
  background-color: #e48d7f;
}
.top .top__lead__info .tag.cl__purple {
  background-color: #a58daa;
}
.top .top__lead__info .tag.cl__darkpurple {
  background-color: #A574AD;
}
.top .top__lead__info .tag.cl__navy {
  background-color: #3a5691;
}
.top .top__lead__info .tag.cl__yellowgreen {
  background-color: #adca00;
}
.top .top__lead__info .tag.cl__lightblue {
  background-color: #6b81c3;
}
.top .top__lead__info li {
  padding-bottom: 5px;
  background-image: linear-gradient(to right, rgba(29, 32, 136, 0.5), rgba(29, 32, 136, 0.5) 2px, transparent 2px, transparent 4px);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 4px 1px;
}
@media (min-width: 768px) {
  .top .top__lead__info li {
    padding-bottom: 0;
    background: none;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info li + li {
    margin-top: 6px;
  }
}
.top .top__lead__info li:nth-of-type(3) {
  border-bottom: 1px solid rgba(29, 32, 136, 0.5);
  background: none;
}
@media (min-width: 768px) {
  .top .top__lead__info li:nth-of-type(3) {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info li a {
    display: flex;
    align-items: center;
  }
}
.top .top__lead__info li p {
  margin-top: 5px;
  overflow: hidden;
  color: #13017C;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.36;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .top .top__lead__info li p {
    display: inline-block;
    margin-top: 0;
    margin-left: 6px;
    font-size: 0.9375rem;
  }
}
.top .top__lead__info .more {
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 0;
  width: 64px;
  height: 16px;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .top .top__lead__info .more {
    display: block;
    position: static;
    width: 90px;
    height: 25px;
    margin: 18px auto 0;
  }
}
.top .top__lead__info .more a {
  display: block;
}
@media (min-width: 768px) {
  .top .top__lead__info .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .top .top__lead__info .more a::after {
    display: block;
    width: 4px;
    height: 10px;
    margin-left: 7px;
    background-image: url("../images/common/icon_arrow-right-02.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.top .top__lead__movie {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .top .top__lead__movie {
    max-width: 1260px;
    margin-top: 110px;
    padding: 0 20px 63px;
    background-image: url("../images/top/movie_bg.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.top .top__lead__movie h2 {
  position: relative;
  background-color: transparent;
  color: #13017C;
  font-family: freight-big-pro, serif;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__lead__movie h2 {
    font-size: 2.625rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
  }
}
.top .top__lead__movie h2::after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -11px;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background-color: rgba(29, 32, 136, 0.5);
  content: "";
}
@media (min-width: 768px) {
  .top .top__lead__movie h2::after {
    bottom: -8px;
  }
}
.top .top__lead__movie ul {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  max-width: 340px;
  margin: 43px auto 0;
}
@media (min-width: 768px) {
  .top .top__lead__movie ul {
    max-width: 1080px;
    margin-top: 26px;
  }
}
.top .top__lead__movie li {
  position: relative;
  width: 160px;
  height: 90px;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__lead__movie li {
    width: 335px;
    height: 188px;
    opacity: 0;
    transform: translateY(10px);
    transition-delay: 0s;
    transition-duration: 1.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}
.top .top__lead__movie li.show {
  opacity: 1;
  transform: translateY(0);
}
.top .top__lead__movie .youtube__container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.top .top__lead__movie .youtube__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top .top__lead__movie .youtube__container + p {
  display: inline-block;
  position: relative;
  top: 70px;
  width: 142px;
  padding: 7px 16px;
  background-color: rgba(255, 255, 255, 0.95);
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.025em;
  line-height: 1.8;
  text-align: center;
}
@media (min-width: 768px) {
  .top .top__lead__movie .youtube__container + p {
    top: 170px;
    width: 250px;
    padding: 12px;
    font-size: inherit;
    font-size: 0.75rem;
    line-height: 1.25;
  }
}
.top .top__lead__movie .youtube__thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  outline: 1px solid #fff;
}
@media (min-width: 768px) {
  .top .top__lead__movie .youtube__thumbnail {
    outline: 2px solid #fff;
  }
}
.top .top__lead__movie .youtube__play-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 34px;
  height: 34px;
  margin: auto;
}
@media (min-width: 768px) {
  .top .top__lead__movie .youtube__play-button {
    width: 70px;
    height: 70px;
  }
}
.top .top__lead__movie .more {
  max-width: 300px;
  margin: 36px auto 0;
}
@media (min-width: 768px) {
  .top .top__lead__movie .more {
    max-width: 420px;
    margin-top: 60px;
  }
}
.top .top__lead__movie .more a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border-radius: 8px;
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 2.46;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .top .top__lead__movie .more a {
    height: 60px;
    font-size: 0.9375rem;
    line-height: 1.33;
  }
}
.top .top__lead__movie .more a::before, .top .top__lead__movie .more a::after {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.top .top__lead__movie .more a::before {
  width: 22px;
  height: 15px;
  margin-right: 13px;
  background-image: url("../images/common/icon_youtube.svg");
}
.top .top__lead__movie .more a::after {
  width: 16px;
  height: 16px;
  margin-left: 16px;
  background-image: url("../images/common/icon_exlink.svg");
}
.top .top__course {
  margin-top: 70px;
  background-image: url("../images/top/course_bg-sp.svg"), url("../images/top/course_img.webp");
  background-position: right top, center top 2vw;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 92.5% auto;
}
@media (min-width: 768px) {
  .top .top__course {
    margin-top: 250px;
    background: none;
  }
}
.top .top__course .top__course__heading {
  position: relative;
  padding-top: 49vw;
}
@media (min-width: 768px) {
  .top .top__course .top__course__heading {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 440px;
    background-image: url("../images/top/course_img.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 85.7% auto;
  }
}
@media (min-width: 768px) {
  .top .top__course .top__course__heading::after {
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    padding-top: 540px;
    background-image: url("../images/top/course_bg.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.top .top__course .inner {
  padding: 0 30px;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .top .top__course .inner {
    max-width: 960px;
  }
}
.top .top__course .inner p:first-of-type {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .top .top__course .inner p:first-of-type {
    max-width: 820px;
    margin-top: 25px;
    padding-left: 20px;
  }
}
.top .top__course h2 {
  position: absolute;
  bottom: 0;
  left: 14px;
  width: 12.88rem;
  height: 3.5rem;
  padding: 8px 0 0 22px;
  z-index: 1;
}
@media (min-width: 768px) {
  .top .top__course h2 {
    left: 7.1%;
    width: 27.5rem;
    height: 7.5rem;
    padding: 33px 0 0 19px;
  }
}
.top .top__course h3 span:nth-of-type(1) {
  top: -42px;
  right: 10vw;
}
@media (min-width: 768px) {
  .top .top__course h3 span:nth-of-type(1) {
    top: -100px;
    right: 10.7%;
  }
}
.top .top__course h3 span:nth-of-type(2) {
  top: -20px;
  right: 20vw;
}
@media (min-width: 768px) {
  .top .top__course h3 span:nth-of-type(2) {
    top: -30px;
    right: 17%;
  }
}
.top .top__course h3 span:nth-of-type(3) {
  top: -20px;
  right: 30vw;
}
@media (min-width: 768px) {
  .top .top__course h3 span:nth-of-type(3) {
    top: 40px;
    right: 23.2%;
  }
}
.top .top__course .top__link-container li a {
  background-position: right 24px center;
  background-size: 7px auto;
  padding-top: 11px;
}
@media (min-width: 768px) {
  .top .top__course .top__link-container li a {
    background-position: right 18px center;
    background-size: 8px auto;
    padding: 23px 0 20px;
    line-height: 2;
  }
}
.top .top__course ul {
  margin-top: 24px;
}
@media (min-width: 768px) {
  .top .top__course ul {
    max-width: 860px;
    margin: 40px auto 0;
  }
}
.top .top__course li {
  flex-basis: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .top .top__course li {
    flex: 0 1 auto;
    width: 31.05%;
    margin: 0 1.125%;
  }
}
.top .top__course li a {
  font-size: 0.56875rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .top .top__course li a {
    font-size: 0.875rem;
  }
}
.top .top__course li a em {
  display: block;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 14px;
}
@media (min-width: 768px) {
  .top .top__course li a em {
    font-size: 1.375rem;
    line-height: 0.88;
  }
}
.top .top__course li:nth-of-type(1) a {
  background: linear-gradient(-45deg, #b15293 80%, rgb(241, 165, 51));
}
.top .top__course li:nth-of-type(1) a::after {
  content: "";
  background-image: url(../images/common/icon_arrow-right-01.svg);
  background-position: right 0px center;
  background-size: 12px 12px;
  padding: 12px 12px;
  line-height: 1;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 26%;
  right: 22px;
}
@media (min-width: 768px) {
  .top .top__course li:nth-of-type(1) a::after {
    top: 36%;
    background-size: 14px 14px;
    padding: 14px 14px;
    right: 23px;
  }
}
.top .top__course li:nth-of-type(2) a {
  background-color: var(--curs-cr-21b);
}
.top .top__course li:nth-of-type(3) a {
  background-color: var(--curs-cr-31b);
}
.top .top__course li + li {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .top .top__course li + li {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .top .top__course .more {
    width: 520px;
    position: relative;
  }
}
.top .top__course .more a {
  padding: 9px;
  position: relative;
}
@media (min-width: 768px) {
  .top .top__course .more a {
    padding: 14px;
  }
}
.top .top__course .more a::after {
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url("../images/common/icon_arrow-right-02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (min-width: 768px) {
  .top .top__course .more a::after {
    width: 6px;
    height: 14px;
    margin-left: 11px;
    position: static;
  }
}
.top .top__about {
  margin-top: 48px;
  background-image: url("../images/top/about_bg-sp.svg"), url("../images/top/about_img.jpg");
  background-position: center top, center top 13px;
  background-repeat: no-repeat, no-repeat;
  background-size: 375px auto, 321px auto;
}
@media (min-width: 768px) {
  .top .top__about {
    margin-top: 275px;
  }
}
.top .top__about .top__about__heading {
  position: relative;
  padding-top: 47vw;
}
@media (min-width: 768px) {
  .top .top__about .top__about__heading {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 480px;
    background-image: url("../images/top/about_img.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 85.7% auto;
  }
}
@media (min-width: 768px) {
  .top .top__about .top__about__heading::after {
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    padding-top: 520px;
    background-image: url("../images/top/about_bg.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.top .top__about .inner {
  padding: 0 7vw;
}
@media (min-width: 768px) {
  .top .top__about .inner {
    max-width: 960px;
  }
}
.top .top__about .inner p:first-of-type {
  margin-top: 3vw;
}
@media (min-width: 768px) {
  .top .top__about .inner p:first-of-type {
    position: relative;
    top: -80px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
    margin-left: auto;
    padding: 35px 20px 30px 40px;
    background-color: #fff;
    text-align: left;
  }
}
.top .top__about h2 {
  position: absolute;
  right: 7vw;
  bottom: 0;
  width: 16.75rem;
  height: 3.5rem;
  padding: 10px 9px 0 0;
  z-index: 1;
  text-align: right;
}
@media (min-width: 768px) {
  .top .top__about h2 {
    right: 80px;
    bottom: 80px;
    width: 30rem;
    height: 7.5rem;
    padding: 24px 20px 0 0;
  }
}
.top .top__about h2 span {
  text-transform: none;
}
.top .top__about h2 span > span {
  display: inline-block;
  font-size: inherit;
  text-transform: uppercase;
  padding: 0;
}
.top .top__about h2 span > span::before {
  display: none;
}
.top .top__about h2 span::before {
  right: 0;
  left: auto;
  width: 226px;
}
@media (min-width: 768px) {
  .top .top__about h2 span::before {
    right: 0;
    width: 408px;
  }
}
.top .top__about h3 span:nth-of-type(1) {
  top: -61px;
  right: 7.285714%;
}
@media (min-width: 768px) {
  .top .top__about h3 span:nth-of-type(1) {
    top: -123px;
    right: 14.285714%;
  }
}
.top .top__about h3 span:nth-of-type(2) {
  top: -61px;
  right: 10.428571%;
}
@media (min-width: 768px) {
  .top .top__about h3 span:nth-of-type(2) {
    top: -123px;
    right: 21.428571%;
  }
}
.top .top__about h3 span:nth-of-type(3) {
  top: -4px;
  left: 21.866667%;
}
@media (min-width: 768px) {
  .top .top__about h3 span:nth-of-type(3) {
    top: -40px;
    left: 32.142857%;
  }
}
.top .top__about h3 span:nth-of-type(4) {
  top: 20px;
  left: 12%;
}
@media (min-width: 768px) {
  .top .top__about h3 span:nth-of-type(4) {
    top: 0;
    left: 25%;
  }
}
@media (min-width: 768px) {
  .top .top__about ul {
    margin-top: -80px;
  }
}
.top .top__about li a {
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.31;
}
.top .top__about li:nth-of-type(1) a, .top .top__about li:nth-of-type(4) a {
  background-color: #6CC8F3;
}
.top .top__about li:nth-of-type(2) a, .top .top__about li:nth-of-type(3) a {
  background-color: #7AB9F4;
}
@media (min-width: 768px) {
  .top .top__about .top__link-container li a {
    padding: 18px 0 17px;
    font-size: 1rem;
    font-weight: 500;
  }
}
.top .top__school {
  max-width: 100%;
  margin-top: 64px;
  padding-bottom: 48px;
  background-color: #EFF7FE;
}
@media (min-width: 768px) {
  .top .top__school {
    margin-top: 262px;
    padding-bottom: 94px;
    background-color: #fff;
  }
}
.top .top__school .top__school__heading {
  position: relative;
  top: -3.8vw;
  margin: 0 auto -3.8vw;
  padding-top: 45vw;
  background-image: url("../images/top/school_bg-sp.svg"), url("../images/top/school_img.webp");
  background-position: center top, center top 4vw;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
}
@media (min-width: 768px) {
  .top .top__school .top__school__heading {
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 460px;
    background-image: url("../images/top/school_img.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
}
@media (min-width: 768px) {
  .top .top__school .top__school__heading::after {
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    padding-top: 520px;
    background-image: url("../images/top/school_bg.svg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.top .top__school .inner {
  padding: 0 7vw;
}
@media (min-width: 768px) {
  .top .top__school .inner {
    max-width: 960px;
  }
}
.top .top__school .inner p:first-of-type {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .top .top__school .inner p:first-of-type {
    max-width: 840px;
    margin-top: 8px;
    margin-left: 40px;
    margin-bottom: 25px;
  }
}
.top .top__school h2 {
  position: absolute;
  bottom: -1px;
  left: 27px;
  width: 11.56rem;
  height: 3.5rem;
  padding: 8px 0 0 14px;
  z-index: 1;
  background-color: #EFF7FE;
}
@media (min-width: 768px) {
  .top .top__school h2 {
    z-index: 1;
    left: 7.4%;
    width: 24rem;
    height: 7.5rem;
    padding: 17px 0 0 20px;
    background-color: #fff;
  }
}
.top .top__school h2 span::before {
  width: 118px;
}
@media (min-width: 768px) {
  .top .top__school h2 span::before {
    width: 230px;
  }
}
.top .top__school h3 span {
  z-index: 1;
}
.top .top__school h3 span:nth-of-type(1) {
  top: 43px;
  left: 28px;
}
@media (min-width: 768px) {
  .top .top__school h3 span:nth-of-type(1) {
    top: 145px;
    left: 11.1%;
  }
}
.top .top__school h3 span:nth-of-type(2) {
  top: 70px;
  left: 85px;
}
@media (min-width: 768px) {
  .top .top__school h3 span:nth-of-type(2) {
    top: 200px;
    left: 18%;
  }
}
.top .top__school h3 span:nth-of-type(3) {
  top: 96px;
  left: 142px;
}
@media (min-width: 768px) {
  .top .top__school h3 span:nth-of-type(3) {
    top: 258px;
    left: 27.6%;
  }
}
.top .top__school h3 span img {
  width: auto;
  height: 2.55vw;
}
@media (min-width: 768px) {
  .top .top__school h3 span img {
    height: 18px;
  }
}
.top .top__school .top__link-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, 1fr);
  max-width: 329px;
}
@media (min-width: 768px) {
  .top .top__school .top__link-container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    max-width: 850px;
  }
}
.top .top__school li {
  margin: 16px 7px 0;
}
@media (min-width: 768px) {
  .top .top__school li {
    margin: 20px 10px 0;
  }
}
.top .top__school li a {
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.31;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .top .top__school li a {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    line-height: 1.31;
  }
}
.top .top__school li:first-of-type {
  grid-column-end: 3;
  grid-column-start: 1;
}
@media (min-width: 768px) {
  .top .top__school li:first-of-type {
    grid-column-end: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-row-start: 1;
  }
}
@media (min-width: 768px) {
  .top .top__school li:first-of-type a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.top .top__school li:nth-of-type(1) a, .top .top__school li:nth-of-type(3) a, .top .top__school li:nth-of-type(4) a, .top .top__school li:nth-of-type(7) a {
  background-color: #7AB9F4;
}
.top .top__school li:nth-of-type(2) a, .top .top__school li:nth-of-type(5) a, .top .top__school li:nth-of-type(6) a {
  background-color: #6CC8F3;
}
@media (min-width: 768px) {
  .top .top__school li:nth-of-type(1) a, .top .top__school li:nth-of-type(3) a, .top .top__school li:nth-of-type(5) a, .top .top__school li:nth-of-type(7) a {
    background-color: #7AB9F4;
  }
}
@media (min-width: 768px) {
  .top .top__school li:nth-of-type(2) a, .top .top__school li:nth-of-type(4) a, .top .top__school li:nth-of-type(6) a {
    background-color: #6CC8F3;
  }
}
@media (min-width: 768px) {
  .top .top__school .more {
    width: 520px;
    margin-top: 40px;
  }
}
.top .top__school .more a {
  padding: 11px 0 7px;
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.36;
  position: relative;
}
@media (min-width: 768px) {
  .top .top__school .more a {
    padding: 14px 0;
    font-size: 1.125rem;
  }
}
.top .top__school .more a::after {
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url("../images/common/icon_arrow-right-02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin-left: 5px;
}
@media (min-width: 768px) {
  .top .top__school .more a::after {
    width: 6px;
    height: 14px;
    transform: translateY(2px);
  }
}
.top .top__school .more em {
  display: block;
  margin-bottom: 5px;
  color: #4F4644;
  font-size: 0.86em;
  font-weight: 500;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .top .top__school .more em {
    margin-bottom: 14px;
    font-size: 0.875em;
    font-weight: 300;
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .top .top__school .more em br {
    display: none;
  }
}
.top .top__voice {
  max-width: 100%;
  padding: 16px 0 75px;
  border-top: 2px solid #63C5F2;
  border-bottom: 2px solid #63C5F2;
  background-image: url("../images/top/bg-02-sp.png");
  background-position: center center;
  background-repeat: repeat;
  background-size: 6px;
}
@media (min-width: 768px) {
  .top .top__voice {
    padding: 70px 0 55px;
    background-image: url("../images/top/bg-02.png");
    background-size: 16px auto;
  }
}
.top .top__voice .inner {
  display: flex;
  flex-direction: column-reverse;
  max-width: 330px;
}
@media (min-width: 768px) {
  .top .top__voice .inner {
    max-width: 1020px;
  }
}
.top .top__voice .upper {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0s;
  transition-duration: 1.2s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.top .top__voice .upper.show {
  opacity: 1;
  transform: translateY(0);
}
.top .top__voice .upper li {
  flex: 0 1 160px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .top .top__voice .upper li {
    flex-basis: 240px;
    margin-top: 20px;
  }
}
.top .top__voice .upper li img {
  width: 100%;
  height: 96px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 768px) {
  .top .top__voice .upper li img {
    height: 192px;
  }
}
.top .top__voice .upper li span {
  display: block;
  padding: 5px 30px 6px 10px;
  background-image: url("../images/common/icon_arrow-right-01.svg"), linear-gradient(45deg, #A1BCFF 0%, #7ED4FF 100%);
  background-position: right 10px center, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 4px auto, auto;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.58;
}
@media (min-width: 768px) {
  .top .top__voice .upper li span {
    background-position: right 20px center, 0% 0%;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.1em;
    padding: 10px 50px 10px 20px;
    background-size: 6px auto, auto;
  }
}
.top .top__voice .lower {
  max-width: 314px;
  min-height: 136px;
  margin: 16px auto 0;
  padding: 8px 16px;
  border: 1px solid #63C5F2;
  background-color: #fff;
}
@media (min-width: 768px) {
  .top .top__voice .lower {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    min-height: 120px;
    margin-top: 30px;
    padding: 20px 32px 40px;
  }
}
.top .top__voice .lower h2 {
  position: relative;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  .top .top__voice .lower h2 {
    display: inline-block;
    flex: 0 0 9.38rem;
    margin-right: 8.4%;
  }
}
.top .top__voice .lower h2::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 78px;
  height: 1px;
  background-color: #63D7F3;
  content: "";
}
@media (min-width: 768px) {
  .top .top__voice .lower h2::after {
    display: none;
  }
}
.top .top__voice .lower h2 span {
  display: inline-block;
  margin-left: 17px;
}
@media (min-width: 768px) {
  .top .top__voice .lower h2 span {
    display: block;
    margin-left: 0;
  }
}
.top .top__voice .lower h2 span::before {
  display: none;
}
@media (min-width: 768px) {
  .top .top__voice .lower h2 span::before {
    display: block;
    width: 150px;
  }
}
.top .top__voice .lower p {
  margin-top: 9px;
}
@media (min-width: 768px) {
  .top .top__voice .lower p {
    display: inline-block;
    max-width: 644px;
    margin-top: 0;
    font-size: 0.875rem;
  }
}
.top .top__voice .link {
  position: relative;
  top: -7.5vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .top .top__voice .link {
    top: -35px;
    width: 420px;
  }
}
.top .top__voice .link a {
  background: linear-gradient(to right, #A1BCFF, #7EC8FF);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 60px;
  text-align: center;
  border-radius: 6px;
  height: 60px;
  width: 262px;
  margin: auto;
  position: relative;
}
@media (min-width: 768px) {
  .top .top__voice .link a {
    font-size: 1.125rem;
    margin: 5px auto 0;
    width: 370px;
  }
}
.top .top__voice a:hover {
  opacity: 1;
  filter: brightness(1.1);
}
.top .top__entrance {
  margin-top: 66px;
  margin-bottom: 96px;
  background-image: url("../images/top/entrance_bg-sp.svg"), url("../images/top/entrance_img.jpg");
  background-position: right top, left 14px top 13px;
  background-repeat: no-repeat, no-repeat;
  background-size: 361px auto, 333px auto;
}
@media (min-width: 768px) {
  .top .top__entrance {
    margin-top: 105px;
    margin-bottom: 0;
    background: none;
  }
}
.top .top__entrance .top__entrance__heading {
  position: relative;
  padding-top: 188px;
}
@media (min-width: 768px) {
  .top .top__entrance .top__entrance__heading {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 500px;
    background-image: url("../images/top/entrance_img.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 85.7% auto;
  }
}
@media (min-width: 768px) {
  .top .top__entrance .top__entrance__heading::after {
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;
    width: 100%;
    margin: auto;
    padding-top: 580px;
    background-image: url("../images/top/entrance_bg.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.top .top__entrance .inner {
  padding: 0 30px;
}
@media (min-width: 768px) {
  .top .top__entrance .inner {
    position: relative;
    top: -80px;
  }
}
.top .top__entrance .inner p:first-of-type {
  margin-top: 10vw;
  background-color: #fff;
}
@media (min-width: 768px) {
  .top .top__entrance .inner p:first-of-type {
    max-width: 800px;
    margin: 0 20px 20px auto;
    padding: 25px 20px 20px 40px;
    text-align: left;
  }
}
.top .top__entrance h2 {
  position: absolute;
  right: 7.8vw;
  bottom: -9vw;
  width: 12rem;
  height: 4.38rem;
  padding: 12px 7px 0 0;
  text-align: right;
  z-index: 1;
}
@media (min-width: 768px) {
  .top .top__entrance h2 {
    right: 80px;
    bottom: 80px;
    width: 25rem;
    height: 7.5rem;
    padding: 15px 20px 0 0;
  }
}
.top .top__entrance h2 span::before {
  right: 0;
  left: auto;
  width: 9rem;
}
@media (min-width: 768px) {
  .top .top__entrance h2 span::before {
    width: 145px;
  }
}
.top .top__entrance h3 span {
  z-index: 1;
}
.top .top__entrance h3 span:nth-of-type(1) {
  top: 0;
  right: 14.285714%;
}
@media (min-width: 768px) {
  .top .top__entrance h3 span:nth-of-type(1) {
    top: 0;
    right: 14.285714%;
  }
}
@media (min-width: 768px) {
  .top .top__entrance ul {
    max-width: 780px;
  }
}
.top .top__entrance li {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .top .top__entrance li {
    flex-basis: auto;
    width: 48.1%;
  }
}
.top .top__entrance li a {
  background-color: #6cc8f3;
}
@media (min-width: 768px) {
  .top .top__entrance li a {
    font-size: 1.125rem;
  }
}
.top .top__entrance li:nth-of-type(2) a {
  background-color: #7ab9f4;
}
@media (min-width: 768px) {
  .top .top__entrance li:nth-of-type(3) a {
    background-color: #7ab9f4;
  }
}
.top .top__entrance li:nth-of-type(4) a {
  background-color: #7AB9F4;
}
@media (min-width: 768px) {
  .top .top__entrance li:nth-of-type(4) a {
    background-color: #6cc8f3;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .top .top__lead__movie ul {
    justify-content: center;
  }
  .top .top__lead__movie li {
    margin: 0 18px;
  }
  .top .top__voice .upper {
    justify-content: center;
  }
  .top .top__voice .upper li {
    flex-basis: 220px;
    margin: 20px 10px 0;
  }
}
@media not all and (min-width: 768px) {
  .top .top__lead__info .lower li:nth-of-type(n+4),
  .top .top__school .inner p:first-of-type,
  .top .top__voice .upper li:nth-of-type(n+5) {
    display: none;
  }
}
@media (min-width: 1024px) {
  .top .top__lead__movie li {
    width: 31%;
    max-width: 335px;
    padding-top: 17.4%;
  }
  .top .top__lead__movie .youtube__container + p {
    top: -20px;
  }
}
@media not all and (min-width: 1024px) {
  .top .top__lead__movie li:nth-of-type(n+3),
  .top .top__voice .upper li:nth-of-type(n+7) {
    display: none;
  }
}

.top__instagram {
  margin-top: 25px;
  padding-top: 40px;
}
@media (min-width: 991px) {
  .top__instagram {
    width: 1260px;
    padding-top: 80px;
  }
}
.top__instagram h2 {
  position: relative;
  font-family: roboto, sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  position: relative;
  background-color: transparent;
  color: #13017C;
}
@media (min-width: 768px) {
  .top__instagram h2 {
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 2.2rem;
  }
}
.top__instagram h2::after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -11px;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background-color: rgba(29, 32, 136, 0.5);
  content: "";
}
@media (min-width: 768px) {
  .top__instagram h2::after {
    bottom: -22px;
  }
}
.top__instagram .widget {
  margin-top: 26px;
}

.top__360v {
  padding-top: 40px;
}
.top__360v h2 {
  position: relative;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  position: relative;
  background-color: transparent;
  color: #13017C;
}
@media (min-width: 768px) {
  .top__360v h2 {
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1;
    font-size: 2.2rem;
    padding-top: 80px;
  }
}
.top__360v h2::after {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: -11px;
  left: 0;
  width: 40px;
  height: 2px;
  margin: auto;
  background-color: rgba(29, 32, 136, 0.5);
  content: "";
}
@media (min-width: 768px) {
  .top__360v h2::after {
    bottom: -22px;
  }
}
.top__360v #i-iframe {
  display: block;
  width: 100%;
  max-width: 1260px;
  height: 65vh;
  margin: 25px auto 0;
  padding-top: 10px;
}
@media (min-width: 991px) {
  .top__360v #i-iframe {
    height: 60vh;
    width: 90%;
    max-height: 700px;
    padding-top: 20px;
  }
  .top__360v #i-iframe .widget {
    margin-top: 26px;
  }
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
/*==========================

お問い合わせ

===========================*/
/* フォーム全体
------------------------------*/
.contact {
  /* フォームヘッダー
  ------------------------------*/
  /* フォームテーブル
  ------------------------------*/
  /* エラーメッセージ
  ------------------------------*/
  /* テキストボックス
  ------------------------------*/
  /* テキストボックスの長さ調整
  ------------------------------*/
  /* ラジオボタン・チェックボックス
  ------------------------------*/
  /* セレクトボックス
  ------------------------------*/
  /* プレースホルダー
  ------------------------------*/
  /* 住所調整
  ------------------------------*/
  /* 同意
  ------------------------------*/
  /* 送信ボタン
  ------------------------------*/
  /* 送信完了画面
  ------------------------------*/
  /*==========================

  お問い合わせ・資料請求

  ===========================*/
}
.contact .assess-form {
  width: 100%;
  max-width: 1040px;
  margin: 30px auto 50px;
  padding: 0 10px;
}
.contact .assess-form:focus {
  outline: none;
}
.contact .form-wrap {
  background-color: #f7fbfe;
  padding: 15px 8px 10px;
  border-radius: 4px;
}
@media screen and (min-width: 768px) {
  .contact .assess-form {
    margin: 50px auto 100px;
    padding: 0 30px;
  }
  .contact .form-wrap {
    margin-top: 20px;
    padding: 40px;
    border-radius: 10px;
  }
}
.contact .form-header {
  text-align: justify;
  margin-bottom: 40px;
}
.contact .form-header p {
  font-weight: 300;
  font-size: 13px;
}
.contact .form-header p > span {
  color: #4d4d4d;
  display: block;
  padding-top: 2em;
  font-size: 14px;
  font-weight: 300;
}
.contact .attention {
  font-size: 12px;
}
.contact .pink {
  color: #f0047f !important;
}
@media screen and (min-width: 768px) {
  .contact .form-title {
    font-size: 28px;
  }
  .contact .form-header {
    margin-bottom: 0;
  }
  .contact .form-header p {
    font-size: 16px;
  }
  .contact .attention {
    font-size: 14px;
  }
}
.contact .mw-form {
  width: 100%;
  height: auto;
  border-collapse: collapse;
  border-spacing: 0;
  /* border: 1px solid #707070; */
  table-layout: fixed;
  margin: 10px auto 0;
  font-size: 16px;
  background-color: #fff;
}
.contact .mw-form tr {
  display: block;
  list-style-type: none;
  margin: 5px 20px 45px;
}
.contact .mw-form th,
.contact .mw-form td {
  display: list-item;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
}
.contact .mw-form th {
  letter-spacing: 0.025em;
  color: #63b4f2;
}
.contact .mw-form th.border {
  border-bottom: 1px solid;
}
.contact .mw-form td {
  color: #333333;
  padding: 10px 0 15px;
  border-bottom: 1px solid #c4c4c4;
}
.contact .mw-form-wrap.mw01 td {
  border-bottom: none;
  padding-bottom: 0;
}
.contact .mw-form-wrap.mw01 tr {
  margin: 5px 20px 15px;
}
@media screen and (min-width: 768px) {
  .contact .mw-form-wrap {
    width: 100%;
    background-color: #fff;
    margin-bottom: 40px;
    padding: 20px;
  }
  .contact .mw-form-wrap.mw01 {
    padding: 0;
  }
  .contact .mw-form-wrap.mw02, .contact .mw-form-wrap.mw03 {
    margin-bottom: 0;
  }
  .contact .mw02 .mw-form {
    margin-bottom: 20px;
  }
  .contact .mw-form {
    width: 570px;
    border: none;
    margin: 30px auto 40px;
    margin: 0 auto 40px;
  }
  .contact .mw-form tr {
    display: table-row;
  }
  .contact .mw-form th,
  .contact .mw-form td {
    display: table-cell;
    font-size: 16px;
    padding: 25px 20px;
    border-bottom: 1px solid #c4c4c4;
    letter-spacing: 0.075em;
  }
  .contact .mw-form th {
    width: 200px;
  }
  .contact .mw-form th.border {
    border-bottom: none;
  }
  .contact .mw-form td {
    width: 370px;
  }
  .contact .mw01 tr:last-child td,
  .contact .mw01 tr:last-child th {
    border: none;
    padding-top: 15px;
  }
  .contact .mw-form tr:last-child td,
  .contact .mw-form tr:last-child th {
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 980px) {
  .contact .mw-form {
    width: 760px;
  }
  .contact .mw-form th {
    width: 280px;
  }
  .contact .mw-form td {
    width: 480px;
  }
}
.contact .mw_wp_form .error {
  color: #fa4f52 !important;
  font-size: 14px !important;
  margin: 0 10px;
}
.contact .mw-form input[type=text] {
  font-size: 16px;
  color: #000000;
  padding: 15px 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid rgba(127, 127, 127, 0.2);
  border-radius: 5px;
}
.contact .mw-form textarea {
  font-size: 16px;
  color: #000000;
  padding: 15px 10px;
  box-sizing: border-box;
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid rgba(127, 127, 127, 0.2);
  border-radius: 5px;
  height: 56px;
}
.contact .mw-form .contact-textarea th {
  vertical-align: text-top;
}
.contact .mw-form .name,
.contact .mw-form .mail {
  width: 100%;
}
.contact .mw-form .horizontal-item {
  display: block;
  margin: 5px 0 0 !important;
}
@media screen and (min-width: 768px) {
  .contact .mw-form textarea {
    height: 120px;
  }
}
.contact .mw01 .horizontal-item {
  letter-spacing: 0.05em;
  margin: 0 !important;
}
.contact .mw01 span.mwform-radio-field-text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .contact .mw-form .property {
    display: flex;
    flex-wrap: wrap;
  }
  .contact .mw01 .horizontal-item {
    width: 100%;
  }
}
.contact .mw-form .select-box {
  width: 100%;
  position: relative;
}
.contact .mw-form select {
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 4px;
  border: 1px solid #d3d1d0;
  outline: none;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 5px 10px;
  font-size: 16px;
  width: 120px;
  color: #7f7f7f;
}
.contact .mw-form select::-ms-expand {
  display: none;
}
.contact .mw-form input[type=text]::-moz-placeholder, .contact .mw-form textarea::-moz-placeholder {
  color: #7f7f7f;
}
.contact .mw-form input[type=text]::placeholder,
.contact .mw-form textarea::placeholder {
  color: #7f7f7f;
}
@media screen and (min-width: 768px) {
  .contact .mw-form .select-box {
    width: 100%;
  }
  .contact .mw-form select {
    font-size: 18px;
    width: 136px;
    letter-spacing: 0.075em;
    /* margin-left: 10px; */
    padding: 0 12px;
    border-radius: 6px;
    height: 37px;
  }
}
.contact .conatct-address td {
  border-bottom: none;
  padding-bottom: 0;
}
.contact .conatct-address-sub {
  color: #63b4f2;
  border-bottom: 1px solid #d3d1d0;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.contact .conatct-address-sub span {
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.075em;
}
@media screen and (min-width: 768px) {
  .contact .conatct-address th {
    vertical-align: text-top;
    width: 150px;
  }
  .contact .conatct-address td {
    border-bottom: solid 1px #c4c4c4;
    padding-bottom: 0;
    transform: translateX(-120px);
  }
  .contact .conatct-address-sub {
    border-bottom: 1px dashed #d3d1d0;
    padding-bottom: 25px;
    padding-right: 20px;
    margin-bottom: 25px;
    align-items: center;
    display: flex;
    max-width: 470px;
    width: 66vw;
  }
  .contact .conatct-address-sub:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .contact .conatct-address-sub span {
    margin-bottom: 10px;
    min-width: 120px;
  }
}
@media screen and (min-width: 980px) {
  .contact .conatct-address td {
    transform: translateX(-180px);
  }
  .contact .conatct-address-sub {
    max-width: 640px;
  }
  .contact .conatct-address-sub span {
    min-width: 180px;
  }
}
.contact .mw-form.policy-link {
  margin: auto;
  text-align: center;
  font-size: 11px;
  color: #3a5691;
  padding-bottom: 20px;
}
.contact .mw-form.policy-link p a:hover {
  text-decoration: underline;
}
.contact .mw-form.policy-link .horizontal-item {
  margin: 5px 0 0 10px !important;
  display: block;
  margin: 10px 0 0 !important;
}
.contact .policy-link p > a {
  color: #63b4f2;
}
.contact .agreement {
  background-color: #eff7fe;
  width: 270px;
  margin: auto;
  color: #63b4f2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .contact .mw-form.policy-link {
    font-size: 15px;
  }
  .contact .agreement {
    width: 100%;
    max-width: 760px;
    height: 60px;
  }
  .contact .mw-form.policy-link .horizontal-item {
    width: auto !important;
    margin: 0 0 0 10px !important;
  }
}
.contact .policy-link .btn-wrap {
  padding: 0;
  margin: 20px auto 0;
  position: relative;
  width: 270px;
}
.contact .policy-link .btn-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}
.contact .policy-link .main-btn {
  width: 270px;
  transition: 0.3s;
}
.contact .policy-link .main-btn:hover {
  opacity: 0.7;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .contact .policy-link .btn-wrap {
    padding: 0;
    margin-top: 60px;
    width: 480px;
  }
  .contact .policy-link .main-btn {
    width: 480px;
    border-radius: 6px;
  }
  .contact .policy-link .btn-wrap:after {
    right: 10px;
  }
}
.contact .success {
  text-align: center;
  line-height: 2;
  padding: 5em 20px;
}
.contact .contact-page {
  font-weight: 300;
  font-size: 13px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .contact .contact-page {
    text-align: center;
    font-size: 16px;
  }
}
.contact .contact-page a:hover {
  opacity: 0.7;
}
.contact .help-line {
  margin: 15px auto 0;
  background-color: #eff7fe;
  border-radius: 4px;
  padding: 10px;
  text-align: center;
  max-width: 960px;
}
.contact .help-line__ttl {
  color: #13017c;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
}
.contact .help-line__tel {
  font-size: 16px;
}
.contact .help-line__tel span {
  font-size: 12px;
}
.contact .help-line__time {
  font-size: 12px;
  color: #333;
}
.contact .help-line__fax {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .contact .help-line {
    background-color: #f7fcfe;
  }
  .contact .help-line__ttl {
    display: none;
  }
  .contact .help-line__tel {
    color: #20b2d4;
    font-size: 24px;
  }
  .contact .help-line__tel span {
    font-size: 18px;
  }
  .contact .help-line__time {
    color: #7f7f7f;
    font-size: 16px;
    border-bottom: 1px solid;
    width: 310px;
    margin: auto;
  }
  .contact .help-line__fax {
    color: #20b2d4;
    font-size: 20px;
  }
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
:root {
  --curs-cr-11: rgba(30, 127, 183, 1);
  --curs-cr-11-a:#b15293;
  --curs-cr-11-b:#f7ecf4;
  --curs-cr-11-c:#ead0e1;
  --curs-cr-11-d:#e3b5d4;
  --curs-cr-11-e:#fff;
  --curs-cr-11-e2:#b15293;
  --curs-cr-11b: rgba(30, 127, 183, 0.8);
  --curs-cr-11b2: rgba(30, 127, 183, 0.3);
  --curs-cr-11b3: rgba(30, 127, 183, 0.06);
  --curs-cr-11c: rgba(30, 127, 183, 0);
  --curs-cr-12: rgba(255, 234, 0, 1);
  --curs-cr-21: rgba(106, 189, 121, 1);
  --curs-cr-21b: rgba(106, 189, 121, 0.8);
  --curs-cr-21b2: rgba(106, 189, 121, 0.3);
  --curs-cr-21b3: rgba(106, 189, 121, 0.06);
  --curs-cr-21c: rgba(106, 189, 121, 0);
  --curs-cr-22: rgba(255, 234, 0, 1);
  --curs-cr-31: rgba(239, 132, 96, 1);
  --curs-cr-31b: rgba(239, 132, 96, 0.8);
  --curs-cr-31b2: rgba(239, 132, 96, 0.3);
  --curs-cr-31b3: rgba(239, 132, 96, 0.06);
  --curs-cr-31c: rgba(239, 132, 96, 0);
  --curs-cr-32: rgba(255, 234, 0, 1);
}

.courses .page-ttl-imgarea::after {
  background-image: url(../../assets/images/courses/eyecatch-index_sp.webp);
}
@media screen and (min-width: 768px) {
  .courses .page-ttl-imgarea::after {
    background-image: url(../../assets/images/courses/eyecatch-index.webp);
  }
}
.courses .courses-page .sec01 {
  background: -ms-linear-gradient(0deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E9FF', endColorstr='#F0FAFF' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
}
.courses .courses-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 48px 0 10px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .outline {
    width: 1040px;
    padding: 58px 0 70px;
  }
}
.courses .courses-page .sec01__ttl {
  font-size: 1.25rem;
  text-align: center;
  color: #33bedb;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  letter-spacing: 0.075em;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__ttl {
    font-size: 1.75rem;
    line-height: 1.21428571em;
  }
}
.courses .courses-page .sec01__txt {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__txt {
    margin-top: 50px;
    width: 100%;
  }
}
.courses .courses-page .sec01__txt span {
  font-size: 0.875rem;
  display: inline-block;
  -moz-text-align-last: left;
       text-align-last: left;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__txt span {
    font-size: 1.25rem;
    width: 860px;
  }
}
.courses .courses-page .sec01__list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: 35px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__list {
    margin-top: 70px;
    width: 940px;
  }
}
.courses .courses-page .sec01__item {
  width: 100%;
}
.courses .courses-page .sec01__thumb {
  position: relative;
}
.courses .courses-page .sec01__thumb img {
  padding: 0 2.4027565%;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__thumb img {
    padding: 0 10px;
  }
}
.courses .courses-page .sec01__thumb::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding-top: 520px;
  background-image: url(../../assets/images/courses/courses_bg01_xs.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__thumb::after {
    background-image: url(../../assets/images/courses/courses_bg01.svg);
  }
}
.courses .courses-page .sec01__btn {
  transform: translateY(-50%);
}
.courses .courses-page .sec01__btn a {
  font-size: 1rem;
  padding: 14px 0;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  line-height: 1.875em;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 87.5%;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01__btn a {
    font-size: 1rem;
    padding: 14px 0;
    width: 72.727273%;
  }
}
.courses .courses-page .sec01__btn a::after {
  right: 10px;
  font-size: 0.625rem;
}
.courses .courses-page .sec01__btn a:hover {
  opacity: 1;
  background-color: #a6d8f3;
}
.courses .courses-page .sec01 .box__item {
  margin-top: 48px;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item {
    width: 100%;
    margin-top: 110px;
    margin-left: inherit;
  }
}
.courses .courses-page .sec01 .box__item:first-of-type {
  background: linear-gradient(315deg, rgba(198, 90, 160, 0) 3.36%, rgba(198, 90, 160, 0.66) 25%, rgba(177, 53, 142, 0.48) 85.29%, rgba(255, 217, 74, 0.84));
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:first-of-type {
    background: linear-gradient(315deg, rgba(198, 90, 160, 0) 3.36%, rgba(198, 90, 160, 0.66) 25%, rgba(177, 53, 142, 0.69) 85.29%, rgba(255, 217, 74, 0.84));
  }
}
.courses .courses-page .sec01 .box__item:nth-of-type(2) {
  background: linear-gradient(50deg, var(--curs-cr-21b) 0%, var(--curs-cr-21b2) 70%, var(--curs-cr-21c) 100%);
  margin-right: auto;
  margin-left: inherit;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:nth-of-type(2) {
    margin-right: inherit;
    margin-left: inherit;
    background: linear-gradient(45deg, var(--curs-cr-21c) 0%, var(--curs-cr-21b2) 30%, var(--curs-cr-21b) 100%);
  }
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:nth-of-type(2) a {
    flex-flow: row-reverse;
  }
}
.courses .courses-page .sec01 .box__item:nth-of-type(2) .box__body {
  margin-left: 20px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:nth-of-type(2) .box__body {
    margin-left: 0;
  }
}
.courses .courses-page .sec01 .box__item:nth-of-type(2) .box__ttl {
  margin-left: 0;
}
.courses .courses-page .sec01 .box__item:nth-of-type(2) .box__txt {
  margin-left: 0px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:nth-of-type(2) .box__txt {
    margin-left: 0;
  }
}
.courses .courses-page .sec01 .box__item:last-of-type {
  background: linear-gradient(315deg, var(--curs-cr-31c) 0%, var(--curs-cr-31b2) 30%, var(--curs-cr-31b) 100%);
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item:last-of-type {
    background: linear-gradient(3150deg, var(--curs-cr-31c) 0%, var(--curs-cr-31b2) 30%, var(--curs-cr-31b) 100%);
  }
}
.courses .courses-page .sec01 .box__item a {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 0 0 15px;
  opacity: 1;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__item a {
    align-items: flex-start;
    padding: 40px 40px 40px;
  }
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__body {
    width: 50%;
    transform: translateY(-25px);
  }
  .courses .courses-page .sec01 .box__body:hover {
    opacity: 0.7;
  }
}
.courses .courses-page .sec01 .box__ttl {
  font-family: source-han-serif-japanese, serif;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 500;
  transform: translateY(-80%);
  margin-left: 20px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__ttl {
    font-size: 2.5rem;
    transform: translateY(-80%);
    margin-left: 0;
  }
}
.courses .courses-page .sec01 .box__ttl span {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__ttl span {
    font-size: 1.25rem;
  }
}
.courses .courses-page .sec01 .box__lead {
  font-family: source-han-serif-japanese, serif;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__lead {
    margin-top: 0;
  }
}
.courses .courses-page .sec01 .box__lead span {
  background-color: #fff;
  display: inline-block;
  padding: 15px 12px;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 7px;
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__lead span {
    padding: 15px 15px;
    margin-bottom: 10px;
    font-size: 1.5rem;
  }
}
.courses .courses-page .sec01 .box__lead span:last-of-type {
  margin-bottom: 0;
}
.courses .courses-page .sec01 .box__txt {
  font-size: 0.75rem;
  line-height: 1.714em;
  font-weight: 300;
  margin-top: 15px;
  width: 90%;
  margin-left: 20px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__txt {
    font-size: 1rem;
    line-height: 1.75em;
    width: 100%;
    margin-left: 0px;
  }
}
.courses .courses-page .sec01 .box__txt .fas {
  display: none;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__txt .fas {
    color: #63b4f2;
    font-size: 12px;
    margin-left: 1rem;
    display: inline-block;
  }
}
.courses .courses-page .sec01 .box__img {
  width: 83.174603%;
  margin-top: 16px;
  margin-left: 20px;
  text-align: right;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__img {
    width: 42.307692%;
    margin-top: 0;
    margin-left: 0;
  }
}
.courses .courses-page .sec01 .box__img:hover {
  opacity: 0.7;
}
.courses .courses-page .sec01 .box__link {
  font-size: 0.8125rem;
  display: inline-block;
  font-weight: 500;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__link {
    display: none;
  }
}
.courses .courses-page .sec01 .box__link .fas {
  display: inline-block;
  color: #63b4f2;
  margin-left: 0.5rem;
}
@media (min-width: 768px) {
  .courses .courses-page .sec01 .box__link .fas {
    display: none;
  }
}

.courseinfo {
  /*
  共通パーツ
  ===========================*/
  /* 見出し1 */
  /* 見出し2 */
  /*
  進路実績
  ===========================*/
  /*
  進路指導体制
  ===========================*/
  /*
  Q & A
  ===========================*/
  /*
  卒業生の声
  ===========================*/
  /*
  大学合格者数一覧
  ===========================*/
  /* アコーディオン */
  /*
  大学合格者数一覧
  ===========================*/
  /* アコーディオン */
}
.courseinfo .page-ttl-imgarea::after {
  background-image: url(../../assets/images/courses/courseinfo/eyecatch-guid.webp);
  background-size: 1400px;
}
@media (max-width: 767.98px) {
  .courseinfo .page-ttl-imgarea::after {
    background-image: url(../../assets/images/courses/courseinfo/eyecatch-guid_sp.webp);
    background-size: cover;
  }
}
.courseinfo .ttl__style02-wrap {
  text-align: center;
}
.courseinfo .ttl__style02 {
  padding: 0 17px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.16em;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .courseinfo .ttl__style02 {
    padding: 0 14px;
    font-size: 20px;
  }
}
.courseinfo .ttl__style02::before, .courseinfo .ttl__style02::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 6px;
  height: 100%;
  border-bottom: 1px solid #72BCD9;
  border-top: 1px solid #72BCD9;
}
@media screen and (max-width: 767px) {
  .courseinfo .ttl__style02::before, .courseinfo .ttl__style02::after {
    width: 4.5px;
  }
}
.courseinfo .ttl__style02::before {
  left: 0;
  border-left: 1px solid #72BCD9;
}
.courseinfo .ttl__style02::after {
  right: 0;
  border-right: 1px solid #72BCD9;
}
.courseinfo .result {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result {
    margin-bottom: 40px;
  }
}
.courseinfo .result .ttl__style01-wrap {
  padding: 57px 0 40px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result .ttl__style01-wrap {
    padding-top: 10px 0 20px;
  }
}
.courseinfo .result__intro {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__intro {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 25px;
  }
}
.courseinfo .result__heading {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  background-color: #6bc8f2;
  margin-bottom: 40px;
  font-family: source-han-serif-japanese, serif;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__heading {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 20px;
  }
}
.courseinfo .result__heading span {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__heading span {
    font-size: 20px;
    margin-left: 0;
    margin-top: 10px;
  }
}
.courseinfo .result__heading--ex {
  background-color: #f09082;
}
.courseinfo .result__heading02 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__heading02 {
    font-size: 18px;
    padding-left: 20px;
  }
}
.courseinfo .result__heading02 span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__heading02 span {
    display: none;
  }
}
.courseinfo .result__outer {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__outer {
    display: block;
    margin-bottom: 30px;
  }
}
.courseinfo .result__note {
  text-align: right;
  font-size: 16px;
  margin-top: auto;
  color: #595757;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__note {
    font-size: 14px;
    margin-top: 20px;
  }
}
.courseinfo .result__box {
  color: #42494E;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__box {
    width: 100%;
  }
}
.courseinfo .result__box_wide {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__box_wide {
    width: 100%;
  }
}
.courseinfo .result__box_short {
  width: 33.7%;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__box_short {
    width: 100%;
  }
}
.courseinfo .result__item01 {
  padding-right: 8px;
  padding-left: 24px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item01 {
    margin-bottom: 28px;
    padding-left: 0;
  }
}
.courseinfo .result__item01__num {
  font-family: adobe-garamond-pro, serif;
  font-size: 86px;
  line-height: 1.3;
  text-align: center;
  color: #62C0BF;
  margin-top: 10px;
}
.courseinfo .result__item01__num small {
  font-size: 30px;
  line-height: 1.4;
}
.courseinfo .result__item01__note {
  color: #595858;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item01__note {
    font-size: 12px;
  }
}
.courseinfo .result__item01 .result__heading02 {
  background-image: url(../../assets/images/common/icon_arrow-right-lightblue.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.courseinfo .result__item02 {
  padding: 0 0 0 24px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item02 {
    padding: 0;
  }
}
.courseinfo .result__item02__txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item02__txt {
    margin-top: 13px;
    font-size: 14px;
    line-height: 2;
  }
}
.courseinfo .result__item02 .result__heading02 {
  background-image: url(../../assets/images/common/icon_arrow-right-lightgreen.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.courseinfo .result__item03 {
  padding-left: 24px;
  margin-top: 50px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item03 {
    padding-left: 0;
    margin-top: 50px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item03 .result__heading02 {
    margin-left: 0;
  }
}
.courseinfo .result__item03 img {
  display: block;
  width: 270px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item03 img {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
  }
}
.courseinfo .result__item03__txtbox {
  width: 225px;
}
.courseinfo .result__item03__txt {
  font-size: 16px;
  line-height: 1.7;
  margin-top: 30px;
  padding-right: 25px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item03__txt {
    width: 100%;
    margin: 0;
    padding-right: 0;
  }
}
.courseinfo .result__item03 .result__heading02 {
  background-image: url(../../assets/images/common/icon_arrow-right-orange.png);
  background-repeat: no-repeat;
  width: 225px;
  background-size: 17px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item03 .result__heading02 {
    background-size: contain;
  }
}
.courseinfo .result__item04 {
  font-size: 16px;
  line-height: 1.75;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item04 {
    margin-top: 60px;
  }
}
.courseinfo .result__item04 table {
  margin: 20px 8px 0 0;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item04 table {
    margin: 10px auto 0;
    width: 100%;
  }
}
.courseinfo .result__item04 th {
  font-weight: normal;
}
.courseinfo .result__item04 td {
  width: 45px;
  color: #5b98d2;
  text-align: right;
}
.courseinfo .result__item04 .result__heading02 {
  background-image: url(../../assets/images/common/icon_arrow-right-blue.png);
  background-repeat: no-repeat;
  font-size: 17px;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item04 .result__heading02 {
    font-size: 18px;
  }
}
.courseinfo .result__item05 {
  padding-left: 24px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item05 {
    padding-left: 0;
    display: block;
  }
}
.courseinfo .result__item05__txt {
  font-size: 48px;
  color: #f09082;
  font-family: source-han-serif-japanese, serif;
  line-height: 1;
  font-weight: 700;
  transform: translateY(-10px);
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item05__txt {
    padding-left: 0;
    text-align: center;
    margin-top: 20px;
    font-size: 65px;
    transform: translateY(0);
  }
}
.courseinfo .result__item05__txt span {
  font-size: 52px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item05__txt span {
    font-size: 39px;
  }
}
.courseinfo .result__item05 .result__heading02 {
  background-image: url(../../assets/images/common/icon_arrow-right-red.png);
  background-repeat: no-repeat;
  background-size: 17px;
  width: 225px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result__item05 .result__heading02 {
    background-size: contain;
    width: 100%;
  }
}
.courseinfo .result .bar01 {
  margin-top: 96px;
}
@media screen and (max-width: 767px) {
  .courseinfo .result .bar01 {
    margin-top: 48px;
  }
}
.courseinfo .result__ttl, .courseinfo .result__ttl-blue, .courseinfo .result__ttl-purered {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  font-family: source-han-serif-japanese, serif;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__ttl, .courseinfo .result__ttl-blue, .courseinfo .result__ttl-purered {
    margin-bottom: 40px;
    font-size: 24px;
    flex-direction: row;
    align-items: flex-end;
  }
}
.courseinfo .result__ttl span, .courseinfo .result__ttl-blue span, .courseinfo .result__ttl-purered span {
  font-size: 14px;
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__ttl span, .courseinfo .result__ttl-blue span, .courseinfo .result__ttl-purered span {
    margin-bottom: 0;
    font-size: 16px;
    margin-right: 10px;
  }
}
.courseinfo .result__ttl-blue {
  background-color: #6bc8f2;
  margin-bottom: 30px;
}
.courseinfo .result__ttl-purered {
  background-color: #f09082;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01 {
    width: 810px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec01 > div:nth-of-type(1) {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec01 > div > div {
    width: calc(50% - 25px);
  }
}
.courseinfo .result__sec01 > div > div:nth-of-type(2) {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01 > div > div:nth-of-type(2) {
    margin-top: 0;
  }
}
.courseinfo .result__sec01__box01 h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  color: #6bc8f2;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box01 h4 {
    flex-direction: row;
    align-items: center;
    font-size: 32px;
    justify-content: flex-start;
  }
}
.courseinfo .result__sec01__box01 h4 span {
  font-size: 65px;
  font-family: source-han-serif-japanese, serif;
  display: flex;
  align-items: flex-end;
  line-height: 1;
  letter-spacing: 5px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box01 h4 span {
    font-size: 49px;
    margin-left: 60px;
  }
}
.courseinfo .result__sec01__box01 h4 small {
  font-size: 26px;
  line-height: 1;
}
.courseinfo .result__sec01__box01 p {
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box01 p {
    font-size: 16px;
    margin-top: 5px;
    text-align: left;
  }
}
.courseinfo .result__sec01__box02 {
  margin-top: 30px;
}
.courseinfo .result__sec01__box02 h4 {
  border-left: 4px solid #b7e3f8;
  display: flex;
  align-items: center;
  padding-left: 6px;
  line-height: 1;
  position: relative;
}
.courseinfo .result__sec01__box02 h4 div {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box02 h4 div {
    font-size: 24px;
  }
}
.courseinfo .result__sec01__box02 h4 span {
  font-size: 32px;
  font-weight: 700;
  font-family: source-han-serif-japanese, serif;
  color: #6bc8f2;
  line-height: 1;
  letter-spacing: 1px;
  position: absolute;
  right: 110px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box02 h4 span {
    font-size: 49px;
    right: 100px;
  }
}
.courseinfo .result__sec01__box02 p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box02 p {
    line-height: 1.8;
    font-size: 16px;
  }
}
.courseinfo .result__sec01__box02 p.atc-txt {
  font-size: 12px;
  line-height: normal;
  margin-top: 3px;
  color: #8e8e8e;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box02 p.atc-txt {
    font-size: 13px;
  }
}
.courseinfo .result__sec01__box03 {
  margin-top: 30px;
}
.courseinfo .result__sec01__box03 h4 {
  border-left: 4px solid #b7e3f8;
  display: flex;
  align-items: center;
  padding-left: 6px;
  line-height: 1;
}
.courseinfo .result__sec01__box03 h4 div:nth-of-type(1) {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box03 h4 div:nth-of-type(1) {
    font-size: 24px;
  }
}
.courseinfo .result__sec01__box03 h4 div:nth-of-type(1) span {
  color: #6bc8f2;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box03 h4 div:nth-of-type(1) small {
    font-size: 20px;
  }
}
.courseinfo .result__sec01__box03 h4 div:nth-of-type(2) {
  display: flex;
  align-items: flex-end;
  font-family: source-han-serif-japanese, serif;
  color: #6bc8f2;
  line-height: 1;
  font-size: 32px;
  margin-left: 6px;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box03 h4 div:nth-of-type(2) {
    font-size: 49px;
    margin-left: 50px;
  }
}
.courseinfo .result__sec01__box03 h4 div:nth-of-type(2) > span small {
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box03 h4 div:nth-of-type(2) > span small {
    font-size: 20px;
  }
}
.courseinfo .result__sec01__box03 p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 10px;
  color: #595757;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box03 p {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .courseinfo .result__sec01__box03 p span {
    font-size: 20px;
  }
}
.courseinfo .result__sec01__box04 h4 {
  border-left: 4px solid #b7e3f8;
  display: flex;
  align-items: center;
  padding-left: 6px;
  line-height: 1;
}
.courseinfo .result__sec01__box04 h4 div:nth-of-type(1) {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box04 h4 div:nth-of-type(1) {
    font-size: 24px;
  }
}
.courseinfo .result__sec01__box04 img {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box04 img {
    width: 286px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    display: block;
  }
}
.courseinfo .result__sec01__box04 p {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box04 p {
    padding-left: 50px;
  }
}
.courseinfo .result__sec01__box05 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 {
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #000;
  }
}
.courseinfo .result__sec01__box05 h4 {
  border-left: 4px solid #b7e3f8;
  display: flex;
  align-items: center;
  padding-left: 6px;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 h4 {
    font-size: 24px;
  }
}
.courseinfo .result__sec01__box05 > div {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 > div {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    align-items: flex-start;
    width: 100% !important;
  }
}
.courseinfo .result__sec01__box05 dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 dl {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 dl:nth-of-type(1) {
    padding-right: 110px;
  }
}
.courseinfo .result__sec01__box05 dl:nth-of-type(2) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 dl:nth-of-type(2) {
    margin-top: 0;
    padding-right: 55px;
    padding-left: 55px;
  }
}
.courseinfo .result__sec01__box05 dl dt,
.courseinfo .result__sec01__box05 dl dd {
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 dl dt,
  .courseinfo .result__sec01__box05 dl dd {
    font-size: 17px;
  }
}
.courseinfo .result__sec01__box05 dl dt:nth-of-type(n+2),
.courseinfo .result__sec01__box05 dl dd:nth-of-type(n+2) {
  margin-top: 10px;
}
.courseinfo .result__sec01__box05 dl dt {
  width: calc(100% - 3em);
}
.courseinfo .result__sec01__box05 dl dd {
  color: #6bc8f2;
  margin-left: auto;
  font-weight: 500;
}
.courseinfo .result__sec01__box05 p {
  font-size: 14px;
  margin-top: 10px;
  text-align: right;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box05 p {
    font-size: 16px;
  }
}
.courseinfo .result__sec01__box06 {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06 {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06 h3 {
    margin-bottom: 0;
  }
}
.courseinfo .result__sec01__box06 > div {
  background-color: #fef4f3;
  padding: 20px 10px 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06 > div {
    width: 100% !important;
    padding: 30px 40px;
  }
}
.courseinfo .result__sec01__box06 h4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #f09082;
  padding-bottom: 10px;
}
.courseinfo .result__sec01__box06 h4 span {
  font-size: 20px;
  font-weight: 700;
  color: #f09082;
  line-height: 1;
  background: linear-gradient(transparent 80%, #ffe100 20%);
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06 h4 span {
    font-size: 22px;
  }
}
.courseinfo .result__sec01__box06 h4 small {
  font-size: 12px;
  line-height: 1;
  margin-top: 10px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06 h4 small {
    font-size: 14px;
  }
}
.courseinfo .result__sec01__box06__lead {
  font-size: 21px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  line-height: 1;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06__lead {
    font-size: 28px;
    margin-top: 15px;
  }
}
.courseinfo .result__sec01__box06__lead span {
  font-size: 14px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06__lead span {
    font-size: 16px;
    font-weight: 400;
  }
}
.courseinfo .result__sec01__box06__txt {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06__txt {
    margin-top: 10px;
    text-align: center;
  }
}
.courseinfo .result__sec01__box06__txt span {
  color: #f09082;
}
.courseinfo .result__sec01__box06__list {
  background-color: #fff;
  margin-top: 20px;
  border-radius: 8px;
  padding: 20px;
  font-size: 14px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .courseinfo .result__sec01__box06__list {
    font-size: 15px;
  }
}
.courseinfo .result__sec02__outline {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec02__outline {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec02 > div {
    display: flex;
    justify-content: space-between;
    width: 840px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .courseinfo .result__sec02 > div div {
    width: calc(50% - 15px);
  }
}
.courseinfo .result__sec02 > div div:nth-of-type(2) {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .result__sec02 > div div:nth-of-type(2) {
    margin-top: 0;
  }
}
.courseinfo .result__sec02 > div div h4 {
  border-left: 4px solid #b7e3f8;
  padding-left: 6px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .courseinfo .result__sec02 > div div h4 {
    font-size: 24px;
  }
}
.courseinfo .result__sec02 > div div h4 div {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
.courseinfo .result__sec02 > div div p {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
  text-align: justify;
}
@media (min-width: 768px) {
  .courseinfo .result__sec02 > div div p {
    font-size: 16px;
    line-height: 1.8;
    margin-top: 20px;
  }
}
.courseinfo .system {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .courseinfo .system {
    margin-top: 80px;
    margin-bottom: 60px;
  }
}
.courseinfo .system .ttl__style01-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.courseinfo .system__h {
  font-size: 24px;
  color: #72BCD9;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  margin-top: 40px;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__h {
    font-size: 20px;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 20px;
    margin-bottom: 5px;
  }
}
.courseinfo .system__h-txt {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__h-txt {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
}
.courseinfo .system__fig {
  width: 605px;
  display: block;
  margin: 0 auto 16px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__fig {
    width: 300px;
  }
}
.courseinfo .system__fig-txt {
  font-size: 18px;
  font-weight: 500;
  color: #72BCD9;
  text-align: center;
  line-height: 1.2;
  margin: 0 auto;
  width: 176px;
}
@media (min-width: 768px) {
  .courseinfo .system__fig-txt {
    font-size: 28px;
    margin-bottom: 60px;
    width: 100%;
  }
}
.courseinfo .system__fig-txt p {
  display: inline-block;
  font-family: source-han-serif-japanese, serif;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__fig-txt p {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .courseinfo .system__fig-txt p + p {
    margin-top: 17px;
  }
}
.courseinfo .system__fig-txt p::after {
  content: "";
  display: block;
  height: 5px;
  margin-left: -7px;
  margin-right: -7px;
  background-color: #FFFF47;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__fig-txt p::after {
    height: 3px;
    margin-left: 0;
    margin-right: 0;
  }
}
.courseinfo .system__fig-txt span {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__fig-txt span {
    display: none;
  }
}
.courseinfo .system__box {
  background-color: #EFF7FE;
  border-radius: 20px;
  padding: 13px 40px 25px 20px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__box {
    border-radius: 6px;
    padding: 13px 18px 10px;
    margin-left: -18.5px;
    margin-right: -18.5px;
    margin-top: 30px;
    margin-top: 50px;
  }
}
.courseinfo .system__inner {
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__inner {
    display: block;
  }
}
.courseinfo .system__thumb {
  display: block;
  width: 186px;
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__thumb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.courseinfo .system__box-r {
  width: calc(100% - 186px - 16px);
}
@media screen and (max-width: 767px) {
  .courseinfo .system__box-r {
    width: 100%;
  }
}
.courseinfo .system__ttl01 {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__ttl01 {
    display: block;
    line-height: 1.5;
    margin-bottom: 12px;
  }
}
.courseinfo .system__ttl01::before {
  content: "";
  position: absolute;
  display: block;
  left: 5px;
  top: 3px;
  width: 5px;
  height: 15px;
  background-color: #72BCD9;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__ttl01::before {
    top: 6px;
  }
}
.courseinfo .system__ttl02 {
  display: inline-block;
  color: #232584;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__ttl02 {
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-left: 20px;
  }
}
.courseinfo .system__txt {
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
  text-justify: inter-ideograph;
}
.courseinfo .system__name {
  font-size: 14px;
  text-align: right;
  color: #403D3D;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__name {
    font-size: 12px;
  }
}
.courseinfo .system__name small {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .courseinfo .system__name small {
    font-size: 12px;
  }
}
.courseinfo .system__list {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .courseinfo .system__list {
    margin-top: 45px;
  }
}
.courseinfo .system__list li:nth-of-type(n+2) {
  margin-top: 30px;
}
.courseinfo .system__list h3 {
  border-left: 4px solid #b7e3f8;
  padding-left: 6px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .courseinfo .system__list h3 {
    font-size: 21px;
  }
}
.courseinfo .system__list p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .courseinfo .system__list p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.8;
  }
}
.courseinfo .faq {
  padding-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .courseinfo .faq {
    padding-bottom: 45px;
  }
}
.courseinfo .faq .bar01 {
  margin-top: 0;
}
.courseinfo .faq .ttl__style02-wrap {
  padding-top: 64px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .courseinfo .faq .ttl__style02-wrap {
    padding-top: 28px;
    padding-bottom: 27px;
  }
}
.courseinfo .question,
.courseinfo .answer {
  position: relative;
  padding: 18px 30px 18px 70px;
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .courseinfo .question,
  .courseinfo .answer {
    font-size: 14px;
    line-height: 1.7;
  }
}
.courseinfo .question {
  background: #F0F7FA;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .courseinfo .question {
    padding: 12px 55px 12px 28px;
  }
}
.courseinfo .question.arrow01:after {
  border-top: 1px solid #00B5C0;
  border-right: 1px solid #00B5C0;
  right: 25px;
}
@media screen and (max-width: 767px) {
  .courseinfo .question.arrow01:after {
    top: 20px;
    bottom: auto;
  }
}
.courseinfo .question::before {
  content: "Q";
  position: absolute;
  top: 15px;
  left: 30px;
  font-size: 18px;
  color: #232584;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .courseinfo .question::before {
    display: none;
  }
}
.courseinfo .accordion-icon {
  position: absolute;
  display: block;
  width: 12px;
  height: 6px;
  top: 25px;
  right: 30px;
}
.courseinfo .answer {
  display: none;
}
@media screen and (max-width: 767px) {
  .courseinfo .answer {
    padding: 12px 15px 12px 28px;
    color: #232584;
  }
}
.courseinfo .answer::before {
  content: "A";
  position: absolute;
  font-size: 18px;
  top: 18px;
  left: 32px;
  color: #232584;
}
@media screen and (max-width: 767px) {
  .courseinfo .answer::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .courseinfo .accordion-icon {
    top: 28px;
    right: 40px;
  }
  .courseinfo .question.arrow01:after {
    border-top: 2px solid #00B5C0;
    border-right: 2px solid #00B5C0;
    right: 40px;
  }
  .courseinfo .question.open.arrow01:after {
    border-top: 1px solid #00B5C0;
    border-right: 1px solid #00B5C0;
  }
}
.courseinfo .voice {
  background-image: linear-gradient(rgba(159, 160, 160, 0.1) 1px, transparent 0), linear-gradient(90deg, rgba(159, 160, 160, 0.1) 1px, transparent 0);
  background-size: 15px 12px;
  padding-bottom: 30px;
  padding-top: 65px;
}
@media screen and (max-width: 767px) {
  .courseinfo .voice {
    padding-top: 47px;
  }
}
.courseinfo .voice .ttl__style02-wrap {
  padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .courseinfo .voice .ttl__style02-wrap {
    padding-bottom: 22px;
  }
}
.courseinfo .voice__balloon {
  width: 260px;
  margin: 0 auto 16px;
}
@media screen and (max-width: 767px) {
  .courseinfo .voice__balloon {
    width: 220px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .courseinfo .resultlist .bar01 {
    margin-top: 0;
  }
}
.courseinfo .voice__container__head {
  position: relative;
  margin-bottom: 30px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background: #E48D7F;
  font-weight: 350;
}
.courseinfo .voice__container__head img {
  position: absolute;
  width: 12px;
  height: 6px;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .courseinfo {
    /* アコーディオン */
  }
  .courseinfo .voice__container__head {
    padding: 10px;
    font-size: 18px;
  }
  .courseinfo .voice__container__head img {
    width: 15px;
    height: 10px;
    right: 24px;
  }
}
.courseinfo .result__container__head {
  position: relative;
  padding: 4px 10px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background: #63C5F2;
  font-weight: 350;
  margin-bottom: 47px;
}
.courseinfo .result__container__head.open {
  margin-bottom: 0;
}
.courseinfo .arrow01 {
  position: relative;
  cursor: pointer;
}
.courseinfo .arrow01:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(135deg);
  transition: 0.3s;
}
.courseinfo .arrow01.open:after {
  transform: rotate(-45deg);
}
.courseinfo .close {
  display: none;
}
@media screen and (min-width: 768px) {
  .courseinfo .result__container__head {
    padding: 5px;
    font-size: 20px;
    margin-top: 50px;
  }
  .courseinfo .arrow01:after {
    right: 25px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
.courseinfo .university-wrap {
  background-size: auto auto;
  background-color: rgb(255, 255, 255);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 7px, rgba(0, 0, 0, 0.1) 7px, rgba(0, 0, 0, 0.1) 8px);
  display: none;
  padding-bottom: 60px;
}
.courseinfo .university-inner {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .courseinfo .university-inner {
    margin-left: 0;
    margin-right: 0;
  }
}
.courseinfo .university-ttl {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 2.2;
  letter-spacing: 0.05em;
  padding: 10px 10px;
  font-family: source-han-serif-japanese, serif;
}
@media screen and (min-width: 768px) {
  .courseinfo .university-ttl {
    font-size: 22px;
    line-height: 2;
    padding: 75px 0 0;
  }
}
.courseinfo .graph-head {
  font-size: 13px;
  color: #fff;
  background-color: #3A5691;
  display: flex;
  text-align: center;
  font-weight: 350;
}
.courseinfo .graph-head.private {
  background-color: #958D42;
}
.courseinfo .graph-head dt {
  flex: 2;
  border-right: 1px solid #9CAAC8;
  height: 60px;
  line-height: 60px;
}
.courseinfo .graph-head.private dt {
  border-right: 1px solid #CAC6A0;
}
.courseinfo .graph-head dd {
  flex: 2;
  height: 60px;
}
.courseinfo .graph-head dd .flex {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.courseinfo .graph-head dd p {
  height: 30px;
  line-height: 30px;
}
.courseinfo .graph-head dd .flex span {
  font-size: 12px;
  flex: 3;
  height: 30px;
  line-height: 30px;
}
.courseinfo .graph-head span:nth-child(1) {
  background-color: #6B80AD;
}
.courseinfo .graph-head span:nth-child(2) {
  background-color: #576FA1;
}
.courseinfo .graph-head span:nth-child(3) {
  background-color: #445F97;
}
.courseinfo .graph-head.private span:nth-child(1) {
  background-color: #B0AA71;
}
.courseinfo .graph-head.private span:nth-child(2) {
  background-color: #A59E5E;
}
.courseinfo .graph-head.private span:nth-child(3) {
  background-color: #9A934C;
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-head {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-head dd .flex span {
    font-size: 16px;
  }
}
.courseinfo .graph-ttl {
  font-size: 12px;
  font-weight: 350;
  color: #fff;
  background-color: #4C4948;
  text-align: center;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-ttl {
    font-size: 16px;
  }
}
.courseinfo .graph-contant {
  font-size: 12px;
  font-weight: 350;
}
.courseinfo .graph-contant dl {
  display: flex;
  background-color: #fff;
}
.courseinfo .graph-contant dl:nth-child(2n) {
  display: flex;
  background-color: #F7F7F7;
}
.courseinfo .graph-contant dt {
  flex: 2;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.courseinfo .graph-contant dd {
  flex: 2;
  height: 30px;
}
.courseinfo .graph-contant dd .flex {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.courseinfo .graph-contant dd .flex span {
  display: flex;
  justify-content: center;
  text-align: center;
  flex: 3;
  border-left: #CCC 1px dotted;
  height: 30px;
  line-height: 30px;
}
.courseinfo .graph-contant dl.total {
  background-color: #D8DDE9;
  border-bottom: #808080 1px solid;
}
.courseinfo .graph-contant dl.total.private {
  background-color: #EAE8D9;
}
.courseinfo .graph-contant dl.total dt {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-contant {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-contant dt {
    height: 40px;
    line-height: 40px;
  }
  .courseinfo .graph-contant dd {
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-contant dd .flex span {
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .courseinfo .graph-contant dl.total dt,
  .courseinfo .graph-contant dl.total dd {
    font-size: 16px;
  }
}
.courseinfo .grand-total {
  margin-top: 15px;
  border-top: #808080 1px solid;
}
@media screen and (min-width: 768px) {
  .courseinfo .grand-total {
    margin-top: 18px;
    border: none !important;
  }
  .courseinfo .grand-total dt,
  .courseinfo .grand-total dd .flex span {
    height: 50px;
    line-height: 50px;
  }
}

.special .page-ttl-imgarea::after {
  background-position: 50% 50%;
  background-image: url(../../assets/images/courses/special/special_ec_sp.webp);
}
@media screen and (min-width: 768px) {
  .special .page-ttl-imgarea::after {
    background-image: url(../../assets/images/courses/special/special_ec.webp);
  }
}
.special .page-ttl-imgarea .page-ttl {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .special .page-ttl-imgarea .page-ttl {
    font-size: 18px;
    top: 45px;
  }
}
.special .page-ttl-imgarea .page-ttl small {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .special .page-ttl-imgarea .page-ttl small {
    font-size: 12px;
  }
}
.special .page-ttl-imgarea .page-ttl::before {
  background-color: transparent;
}
.special .page-ttl-imgarea .page-ttl::after {
  display: none;
}
.special .features {
  background: linear-gradient(-45deg, #b15293 80%, rgb(241, 165, 51));
}
.special .features::before {
  background: #ffea00;
}
.special .features__uni::before, .special .features__uni::after {
  background-color: #ffea00;
}
.special .point__ttl01 {
  color: var(--curs-cr-11-a);
}
.special .point__ttl01 > div {
  color: var(--curs-cr-11-a);
  outline-color: var(--curs-cr-11-a);
  background-color: var(--curs-cr-11-e);
}
.special .point__ttl02 {
  color: var(--curs-cr-11-a);
}
.special .point__ttl02::before {
  background-color: var(--curs-cr-11-a);
}
.special .point__ttl02::after {
  background-color: var(--curs-cr-11-e2);
}
.special .achievements__outline {
  background-color: var(--curs-cr-11-b);
}
.special .achievements > h2 {
  color: var(--curs-cr-11-a);
}
.special .achievements > ul li h3 {
  color: var(--curs-cr-11-a);
}
.special .achievements > ul li h3::before {
  background-color: var(--curs-cr-11-a);
}
.special .achievements > ul li h3::after {
  background-color: var(--curs-cr-11-e2);
}
.special .detail h2 {
  background-color: var(--curs-cr-11-a);
}
.special .detail h3 {
  color: var(--curs-cr-11-a);
}
.special .list__item::after {
  border-left-color: var(--curs-cr-11-b);
}
@media screen and (max-width: 767px) {
  .special .list__item::after {
    border-top-color: var(--curs-cr-11-b);
  }
}
.special .list__item:nth-of-type(1) {
  background-color: var(--curs-cr-11-b);
}
@media screen and (max-width: 767px) {
  .special .list__item:nth-of-type(1)::after {
    border-top-color: var(--curs-cr-11-b);
  }
}
.special .list__item:nth-of-type(1)::before {
  border-left-width: 20px;
}
.special .list__item:nth-of-type(2) {
  background-color: var(--curs-cr-11-c);
}
.special .list__item:nth-of-type(2)::after {
  border-left-color: var(--curs-cr-11-c);
}
@media screen and (max-width: 767px) {
  .special .list__item:nth-of-type(2)::after {
    border-top-color: var(--curs-cr-11-c);
  }
}
.special .list__item:nth-of-type(3) {
  background-color: var(--curs-cr-11-d);
}
.special .list__item:nth-of-type(3)::after {
  border-left-color: var(--curs-cr-11-d);
}
@media screen and (max-width: 767px) {
  .special .list__item:nth-of-type(3)::after {
    border-top-color: var(--curs-cr-11-d);
  }
}
.special .list__tag {
  color: var(--curs-cr-11-a);
  border-color: var(--curs-cr-11-a);
}
.special .idx04 {
  padding-top: 80px;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .special .idx04 {
    padding-top: 65px;
    padding-bottom: 47px;
  }
}

.special2 .page-ttl-imgarea::after {
  background-position: 50% 50%;
  background-image: url(../../assets/images/courses/special2/special2_ec_sp.webp);
}
@media screen and (min-width: 768px) {
  .special2 .page-ttl-imgarea::after {
    background-image: url(../../assets/images/courses/special2/special2_ec.webp);
  }
}
.special2 .page-ttl-imgarea .page-ttl {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .special2 .page-ttl-imgarea .page-ttl {
    font-size: 18px;
    top: 45px;
  }
}
.special2 .page-ttl-imgarea .page-ttl small {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .special2 .page-ttl-imgarea .page-ttl small {
    font-size: 12px;
  }
}
.special2 .page-ttl-imgarea .page-ttl::before {
  background-color: transparent;
}
.special2 .page-ttl-imgarea .page-ttl::after {
  display: none;
}
.special2 .features {
  background-color: #6abd79;
}
.special2 .features::before {
  background: #00abeb;
}
.special2 .features__uni::before, .special2 .features__uni::after {
  background-color: #00abeb;
}
.special2 .point__ttl01 {
  color: #6abd79;
}
.special2 .point__ttl01 > div {
  color: #6abd79;
  outline-color: #6abd79;
  background-color: #e5f7fd;
}
.special2 .point__ttl02 {
  color: #6abd79;
}
.special2 .point__ttl02::before {
  background-color: #6abd79;
}
.special2 .point__ttl02::after {
  background-color: #33bcef;
}
.special2 .achievements__outline {
  background-color: #e1f2e4;
}
.special2 .achievements > h2 {
  color: #6abd79;
}
.special2 .achievements > ul li h3 {
  color: #6abd79;
}
.special2 .achievements > ul li h3::before {
  background-color: #6abd79;
}
.special2 .achievements > ul li h3::after {
  background-color: #33bcef;
}
.special2 .detail h2 {
  background-color: #6abd79;
}
.special2 .detail h3 {
  color: #6abd79;
}
.special2 .list__item::after {
  border-left-color: #f0f8f2;
}
@media screen and (max-width: 767px) {
  .special2 .list__item::after {
    border-top-color: #f0f8f2;
  }
}
.special2 .list__item:nth-of-type(1) {
  background-color: #f0f8f2;
}
@media screen and (max-width: 767px) {
  .special2 .list__item:nth-of-type(1)::after {
    border-top-color: #f0f8f2;
  }
}
.special2 .list__item:nth-of-type(1)::before {
  border-left-width: 20px;
}
.special2 .list__item:nth-of-type(2) {
  background-color: #e9f5eb;
}
.special2 .list__item:nth-of-type(2)::after {
  border-left-color: #e9f5eb;
}
@media screen and (max-width: 767px) {
  .special2 .list__item:nth-of-type(2)::after {
    border-top-color: #e9f5eb;
  }
}
.special2 .list__item:nth-of-type(3) {
  background-color: #daeedd;
}
.special2 .list__item:nth-of-type(3)::after {
  border-left-color: #daeedd;
}
@media screen and (max-width: 767px) {
  .special2 .list__item:nth-of-type(3)::after {
    border-top-color: #daeedd;
  }
}
.special2 .list__tag {
  color: #6abd79;
  border-color: #6abd79;
}
.special2 .idx04 {
  padding-top: 80px;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .special2 .idx04 {
    padding-top: 65px;
    padding-bottom: 47px;
  }
}

.comprehensive .page-ttl-imgarea::after {
  background-position: 50% 50%;
  background-image: url(../../assets/images/courses/comprehensive/comprehensive_ec_sp.webp);
}
@media screen and (min-width: 768px) {
  .comprehensive .page-ttl-imgarea::after {
    background-image: url(../../assets/images/courses/comprehensive/comprehensive_ec.webp);
  }
}
.comprehensive .page-ttl-imgarea .page-ttl {
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .comprehensive .page-ttl-imgarea .page-ttl {
    font-size: 18px;
    top: 45px;
  }
}
.comprehensive .page-ttl-imgarea .page-ttl small {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .comprehensive .page-ttl-imgarea .page-ttl small {
    font-size: 12px;
  }
}
.comprehensive .page-ttl-imgarea .page-ttl::before {
  background-color: transparent;
}
.comprehensive .page-ttl-imgarea .page-ttl::after {
  display: none;
}
.comprehensive .features {
  background-color: #f29d80;
}
.comprehensive .features::before {
  background: #e5107e;
}
.comprehensive .features__uni::before, .comprehensive .features__uni::after {
  background-color: #e5107e;
}
.comprehensive .point__ttl01 {
  color: #ef8460;
}
.comprehensive .point__ttl01 > div {
  color: #ef8460;
  outline-color: #ef8460;
  background-color: #fce7f2;
}
.comprehensive .point__ttl02 {
  color: #ef8460;
}
.comprehensive .point__ttl02::before {
  background-color: #ef8460;
}
.comprehensive .point__ttl02::after {
  background-color: #eb4098;
}
.comprehensive .point__ttl02 span.ex {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .comprehensive .point__ttl02 span.ex {
    flex-direction: row;
  }
}
.comprehensive .achievements__outline {
  background-color: #fce6df;
}
.comprehensive .achievements > h2 {
  color: #ef8460;
}
.comprehensive .achievements > ul li h3 {
  color: #ef8460;
}
.comprehensive .achievements > ul li h3::before {
  background-color: #ef8460;
}
.comprehensive .achievements > ul li h3::after {
  background-color: #eb4098;
}
.comprehensive .detail h2 {
  background-color: #ef8460;
}
.comprehensive .detail h3 {
  color: #ef8460;
}
.comprehensive .list__item::after {
  border-left: 20px solid #fdf3ef;
}
@media screen and (max-width: 767px) {
  .comprehensive .list__item::after {
    border-top: 15px solid #fdf3ef;
  }
}
.comprehensive .list__item:nth-of-type(1) {
  background-color: #fdf3ef;
}
.comprehensive .list__item:nth-of-type(1)::after {
  border-left-color: #fdf3ef;
  border-top-color: transparent;
}
@media screen and (max-width: 767px) {
  .comprehensive .list__item:nth-of-type(1)::after {
    border-top-color: #fdf3ef;
  }
}
.comprehensive .list__item:nth-of-type(1)::before {
  border-left: 20px solid #fff;
}
@media screen and (max-width: 767px) {
  .comprehensive .list__item:nth-of-type(1)::before {
    border-top: 15px solid #fff;
  }
}
.comprehensive .list__item:nth-of-type(2) {
  background-color: #fce6df;
}
.comprehensive .list__item:nth-of-type(2)::after {
  border-left-color: #fce6df;
}
@media screen and (max-width: 767px) {
  .comprehensive .list__item:nth-of-type(2)::after {
    border-top-color: #fce6df;
  }
}
.comprehensive .list__item:nth-of-type(3) {
  background-color: #fadacf;
}
.comprehensive .list__item:nth-of-type(3)::after {
  border-left-color: #fadacf;
}
@media screen and (max-width: 767px) {
  .comprehensive .list__item:nth-of-type(3)::after {
    border-top-color: #fadacf;
  }
}
.comprehensive .list__tag {
  color: #ef8460;
  border-color: #ef8460;
}
.comprehensive .idx04 {
  padding-top: 80px;
  padding-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .comprehensive .idx04 {
    padding-top: 65px;
    padding-bottom: 47px;
  }
}

.course .l-box {
  margin-left: calc((100% - 960px) / 2);
  margin-right: calc((100% - 960px) / 2);
}
@media screen and (max-width: 991px) {
  .course .l-box {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.course .l-box-short {
  margin-left: calc((100% - 860px) / 2);
  margin-right: calc((100% - 860px) / 2);
}
@media screen and (max-width: 991px) {
  .course .l-box-short {
    margin-left: 37px;
    margin-right: 37px;
  }
}
@media screen and (max-width: 991px) {
  .course .l-box-short2 {
    margin-left: 10vw;
    margin-right: 10vw;
  }
}
.course__hr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .course__hr {
    margin-top: 50px;
  }
}
.course__hr span {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}
.course__hr::before, .course__hr::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #9fa0a0;
}
.course__hr hr {
  height: 30px;
  border: none;
  background-color: #9fa0a0;
}
.course .bg {
  background: linear-gradient(rgba(159, 160, 160, 0.1) 1px, transparent 0), linear-gradient(90deg, rgba(159, 160, 160, 0.1) 1px, transparent 0);
  background-size: 15px 12px;
}
.course .eyecatch {
  height: 339px;
  background-image: url(../../assets/images/courses/to_courseinfo_eyecatch.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90px;
}
@media screen and (max-width: 767px) {
  .course .eyecatch {
    height: 239px;
    background-image: url(../../assets/images/courses/to_courseinfo_eyecatch_sp.jpg);
    padding-top: 55px;
  }
}
.course .eyecatch__txt {
  font-size: 16px;
  line-height: 1.8;
  color: #fff;
  padding-bottom: 20px;
  margin-bottom: 32px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .course .eyecatch__txt {
    font-size: 14px;
    padding-bottom: 9px;
    margin-bottom: 14px;
  }
}
.course .eyecatch__txt::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 50%;
  height: 2px;
  width: 60px;
  margin-left: -30px;
  background-color: #fff;
}
.course .eyecatch__btn {
  display: block;
  background-color: #fff;
  color: #72BCD9;
  text-align: center;
  margin: 0 auto;
  border-radius: 6px;
  width: 480px;
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  .course .eyecatch__btn {
    font-size: 16px;
    width: 300px;
    height: 70px;
    line-height: 70px;
  }
}
.course .features {
  margin-left: 8%;
  margin-right: 8%;
  padding: 10px 6% 20px;
  position: relative;
}
@media (min-width: 768px) {
  .course .features {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 30px;
  }
}
.course .features::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  clip-path: polygon(0% 0, 100% 0%, 0 100%);
}
@media (min-width: 768px) {
  .course .features::before {
    height: 40px;
    width: 40px;
  }
}
.course .features__outline {
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .course .features__outline {
    margin-top: 45px;
  }
}
@media (min-width: 1024px) {
  .course .features__outline {
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }
}
.course .features > img {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.course .features h1 {
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  margin-top: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 768px) {
  .course .features h1 {
    margin-top: 5px;
    font-size: 44px;
    transform: translateX(27px);
  }
}
.course .features h1::after {
  content: "コース";
  font-size: 13px;
  color: #fff;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .course .features h1::after {
    font-size: 20px;
  }
}
.course .features__uni {
  line-height: 1;
  margin-top: 15px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
@media (min-width: 768px) {
  .course .features__uni {
    font-size: 20px;
    letter-spacing: 3px;
  }
}
.course .features__uni::before, .course .features__uni::after {
  content: "";
  height: 1px;
  width: 23px;
  display: block;
}
@media (min-width: 768px) {
  .course .features__uni::before, .course .features__uni::after {
    width: 33px;
  }
}
.course .features__uni::before {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .course .features__uni::before {
    margin-right: 30px;
  }
}
.course .features__uni::after {
  margin-left: 20px;
}
@media (min-width: 768px) {
  .course .features__uni::after {
    margin-left: 30px;
  }
}
.course .features__lead {
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .course .features__lead {
    font-size: 18px;
    margin-top: 30px;
  }
}
.course .features__txt {
  color: #fff;
  line-height: 2;
  font-size: 12px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .course .features__txt {
    line-height: 1.75;
    font-size: 16px;
    margin-top: 20px;
  }
}
.course .features ul {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .course .features ul {
    display: flex;
    justify-content: space-between;
    width: 670px;
    margin-left: auto;
    margin-right: auto;
  }
}
.course .features ul li {
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 10px;
  border-radius: 8px;
  line-height: 1;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .course .features ul li {
    width: calc(33.3333333333% - 10px);
    text-align: center;
    line-height: 1.2;
    font-size: 20px;
    border-radius: 15px;
    padding: 10px 10px 12px 10px;
    align-items: center;
  }
}
.course .features ul li:nth-of-type(n+2) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .course .features ul li:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.course .features ul li span {
  font-size: 13px;
  line-height: 1;
}
@media (min-width: 768px) {
  .course .features ul li span {
    font-size: 15px;
  }
}
.course .point {
  margin-left: 3%;
  margin-right: 3%;
}
@media (min-width: 768px) {
  .course .point {
    width: min(100%, 890px);
    margin-right: auto;
    margin-left: auto;
  }
}
.course .point__outline {
  margin-top: 30px;
  margin-left: 4%;
  margin-right: 4%;
}
@media (min-width: 1024px) {
  .course .point__outline {
    width: 1040px;
    margin-left: auto;
    margin-right: auto;
  }
}
.course .point > h2:nth-of-type(n+2) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .course .point > h2:nth-of-type(n+2) {
    margin-top: 48px;
  }
}
.course .point__ttl01 {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .course .point__ttl01 {
    font-size: 30px;
  }
}
.course .point__ttl01 > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  padding: 10px;
  outline-style: solid;
  outline-width: 1px;
  border-radius: 100px;
  border: 2px solid #fff;
  margin-right: 5px;
  width: 45px;
  height: 45px;
}
@media (min-width: 768px) {
  .course .point__ttl01 > div {
    font-size: 32px;
    width: 80px;
    height: 80px;
    margin-right: 10px;
  }
}
.course .point__ttl01 > div span {
  font-size: 9px;
  line-height: 1;
  margin-top: 3px;
  transform: scale(0.8);
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  .course .point__ttl01 > div span {
    font-size: 12px;
    letter-spacing: 2px;
  }
}
.course .point__ttl02 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  padding-left: 15px;
  position: relative;
  letter-spacing: 1px;
}
@media (min-width: 768px) {
  .course .point__ttl02 {
    font-size: 21px;
    padding-left: 18px;
  }
}
.course .point__ttl02::before, .course .point__ttl02::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
}
.course .point__ttl02::before {
  width: 1px;
  left: 0;
}
@media (min-width: 768px) {
  .course .point__ttl02::before {
    width: 2px;
  }
}
.course .point__ttl02::after {
  width: 3px;
  left: 3px;
}
@media (min-width: 768px) {
  .course .point__ttl02::after {
    width: 6px;
    left: 6px;
  }
}
.course .point__ttl02 span {
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .course .point__ttl02 span {
    align-items: center;
  }
}
.course .point__ttl02 span.two-tit {
  display: block;
  line-height: 1.05;
}
.course .point__ttl02 small {
  font-size: 10px;
  font-weight: 400;
}
@media (min-width: 768px) {
  .course .point__ttl02 small {
    font-size: 15px;
  }
}
.course .point__ttl02 small.c-001 {
  color: #000;
  font-weight: 300;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .course .point__ttl02 small.c-001 {
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  .course .point__linkbox {
    display: flex;
    flex-wrap: wrap;
  }
}
.course .point__link {
  transition: all 0.3s linear;
  font-size: 14px;
  font-weight: 400;
  background-color: #fce6df;
  text-align: center;
  padding: 5px 20px;
  line-height: 1;
  color: #231815;
  border-radius: 3px;
}
@media (min-width: 768px) {
  .course .point__link {
    margin-left: 10px;
    line-height: 1.4;
    padding-left: 20px;
    padding-right: 10px;
  }
}
.course .point__link:hover {
  opacity: 0.7;
}
.course .point__link i {
  color: #ef8460;
  margin-left: 10px;
}
.course .point > ul {
  margin-top: 20px;
}
.course .point > ul:nth-of-type(n+2) {
  margin-top: 20px;
}
.course .point > ul li:nth-of-type(n+2) {
  margin-top: 30px;
}
.course .point > ul li p {
  font-size: 14px;
  margin-top: 10px;
  margin-left: 15px;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .course .point > ul li p {
    font-size: 16px;
    margin-top: 15px;
    margin-left: 18px;
  }
}
.course .passrate__outline {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .course .passrate__outline {
    margin-top: 20px;
  }
}
.course .passrate picture {
  display: block;
  width: 270px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .course .passrate picture {
    width: 580px;
  }
}
.course .achievements {
  margin-right: 10%;
  margin-left: 10%;
}
@media (min-width: 768px) {
  .course .achievements {
    margin-right: 25px;
    margin-left: 25px;
  }
}
.course .achievements__outline {
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .course .achievements__outline {
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .course .achievements__outline {
    width: min(100%, 860px);
    margin-left: auto;
    margin-right: auto;
  }
}
.course .achievements > h2 {
  font-size: 18px;
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
@media (min-width: 768px) {
  .course .achievements > h2 {
    font-size: 24px;
  }
}
.course .achievements > h2 span {
  font-size: 12px;
  line-height: 1;
  color: #000;
  font-weight: 300;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .course .achievements > h2 span {
    font-size: 15px;
  }
}
.course .achievements > ul {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .course .achievements > ul {
    margin-top: 15px;
  }
}
.course .achievements > ul li:nth-of-type(n+2) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .course .achievements > ul li:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
.course .achievements > ul li h3 {
  font-size: 16px;
  font-weight: 700;
  position: relative;
  letter-spacing: 1px;
  padding-left: 15px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .course .achievements > ul li h3 {
    font-size: 18px;
    padding-left: 18px;
  }
}
.course .achievements > ul li h3::before, .course .achievements > ul li h3::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
}
.course .achievements > ul li h3::before {
  width: 1px;
  left: 0;
}
@media (min-width: 768px) {
  .course .achievements > ul li h3::before {
    width: 2px;
  }
}
.course .achievements > ul li h3::after {
  width: 3px;
  left: 3px;
}
@media (min-width: 768px) {
  .course .achievements > ul li h3::after {
    width: 6px;
    left: 6px;
  }
}
.course .achievements > ul li p {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 5px;
}
.course .detail {
  margin-right: 10%;
  margin-left: 10%;
}
@media (min-width: 1024px) {
  .course .detail {
    width: min(100%, 860px);
    margin-left: auto;
    margin-right: auto;
  }
}
.course .detail__outline {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .course .detail__outline {
    margin-top: 45px;
  }
}
.course .detail h2 {
  line-height: 1.3;
  text-align: center;
  color: #fff;
  padding: 8px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .course .detail h2 {
    padding: 10px;
    font-size: 18px;
  }
}
.course .detail h2:nth-of-type(n+2) {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .course .detail h2:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
.course .detail h3 {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  .course .detail h3 {
    margin-top: 30px;
    font-size: 18px;
  }
}
.course .detail h3:nth-of-type(n+2) {
  margin-top: 30px;
}
.course .detail__txt {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
  font-weight: 400;
  text-align: justify;
}
@media (min-width: 768px) {
  .course .detail__txt {
    font-size: 16px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    width: 93%;
  }
}
@media (min-width: 768px) {
  .course .detail__2col {
    display: flex;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 96%;
  }
}
@media (min-width: 768px) {
  .course .detail__2col div {
    width: calc(50% - 10px);
  }
}
.course .voicebox {
  background-color: #F5F6F9;
  border-radius: 10px;
  position: relative;
  display: flex;
  padding: 23px 30px 28px 28px;
  border: 1px solid #fff;
}
.course .voicebox--ex {
  background-color: #F7FAFC;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .course .voicebox {
    display: block;
    padding: 30px 16px 26px;
  }
}
.course .voicebox + .voicebox {
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  .course .voicebox + .voicebox {
    margin-top: 65px;
  }
}
.course .voicebox--ex + .voicebox--ex {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .course .voicebox--ex + .voicebox--ex {
    margin-top: 0;
  }
}
.course .voicebox__tag {
  position: absolute;
  width: 260px;
  height: 44px;
  top: -22px;
  left: -10px;
  background-image: url(../../assets/images/courses/teacher-balloon.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .course .voicebox__tag {
    width: 262px;
    top: -18px;
    left: 50%;
    margin-left: -131px;
  }
}
.course .voicebox__tag--ex {
  background-image: url(../../assets/images/courses/voice-balloon_pc.png);
}
.course .voicebox__l {
  width: 210px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__l {
    width: 100%;
  }
}
.course .voicebox__r {
  width: calc(100% - 210px);
}
@media screen and (max-width: 767px) {
  .course .voicebox__r {
    width: 100%;
  }
}
.course .voicebox__thumb {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__thumb {
    margin: 0 auto 12px;
  }
}
@media screen and (max-width: 767px) {
  .course .voicebox__thumb--ex {
    margin-bottom: 8px;
  }
}
.course .voicebox__name {
  font-size: 14px;
  text-align: center;
  line-height: 1.7;
  padding-right: 30px;
  color: #595858;
}
@media screen and (max-width: 767px) {
  .course .voicebox__name {
    padding-right: 0;
    margin-bottom: 10px;
  }
}
.course .voicebox__name span {
  font-size: 12px;
}
.course .voicebox__h1 {
  font-size: 24px;
  font-weight: 500;
  font-family: source-han-serif-japanese, serif;
  line-height: 1.4;
  color: #00B5C0;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__h1 {
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 6px;
  }
}
.course .voicebox__h1--ex {
  color: #CC7A6A;
  margin-bottom: 22px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__h1--ex {
    font-size: 15px;
  }
}
.course .voicebox__h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #00B5C0;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__h2 {
    font-size: 16px;
    text-align: center;
  }
}
.course .voicebox__h2--ex {
  color: #CC7A6A;
}
.course .voicebox__h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #CC7A6A;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .course .voicebox__h3 {
    font-size: 14px;
  }
}
.course .voicebox__txt {
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .course .voicebox__txt {
    font-size: 14px;
    font-weight: lighter;
  }
}
.course .postbox {
  padding-top: 40px;
  padding-bottom: 55px;
  background-color: #f1f9ff;
  background-image: radial-gradient(#f8fcff 30%, transparent 30%);
  background-size: 13px 11px;
}
@media screen and (max-width: 767px) {
  .course .postbox {
    padding-top: 35px;
    padding-bottom: 30px;
  }
}
.course .postbox__h1 {
  width: 249px;
  margin: 0 auto 18px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .course .postbox__h1 {
    width: 174px;
    margin-bottom: 0;
  }
}
.course .btn-courses {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 95px 10px 0;
}
@media screen and (max-width: 767px) {
  .course .btn-courses {
    display: block;
    padding: 45px 0 0;
  }
}
.course .btn-courses__item {
  width: 30%;
  height: 80px;
  line-height: 80px;
  border-top: 2px solid var(--curs-cr-11-a);
  border-bottom: 1px solid #DCDCDC;
  background-color: var(--curs-cr-11-b);
  text-align: center;
  color: var(--curs-cr-11-a);
}
@media screen and (max-width: 767px) {
  .course .btn-courses__item {
    width: 80%;
    font-size: 16px;
    height: 51px;
    line-height: 51px;
    font-weight: bold;
    margin: 1.6rem auto 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .course .btn-courses__item + .btn-courses__item {
    margin-top: 30px;
  }
}
.course .btn-courses__item--ex01 {
  border-top-color: var(--curs-cr-21);
  background-color: var(--curs-cr-21b3);
  color: var(--curs-cr-21);
}
.course .btn-courses__item--ex02 {
  border-top-color: var(--curs-cr-31);
  background-color: var(--curs-cr-31b3);
  color: var(--curs-cr-31);
}
.course .list {
  display: flex;
  margin-bottom: 60px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .course .list {
    display: block;
    padding-top: 8px;
    margin-top: 20px;
  }
}
.course .list__item {
  width: calc((100% - 20px) / 3);
  text-align: center;
  padding: 22px 0 0 20px;
  position: relative;
  height: 210px;
}
@media screen and (max-width: 767px) {
  .course .list__item {
    width: 285px;
    height: 228px;
    margin: 0 auto;
    padding: 52px 0 0 0;
  }
}
.course .list__item::after {
  content: "";
  position: absolute;
  display: block;
  right: -20px;
  top: 0;
  z-index: 1;
  border-top: 105px solid transparent;
  border-bottom: 105px solid transparent;
  border-left-width: 20px;
  border-left-style: solid;
}
@media screen and (max-width: 767px) {
  .course .list__item::after {
    right: 0;
    top: auto;
    bottom: -15px;
    border-left: 142.5px solid transparent;
    border-right: 142.5px solid transparent;
    border-top-width: 15px;
    border-top-style: solid;
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .course .list__item:nth-of-type(1)::after {
    border-left-color: transparent;
  }
}
.course .list__item:nth-of-type(1)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-top: 105px solid transparent;
  border-bottom: 105px solid transparent;
  border-left-width: 20px;
  border-left-style: solid;
  border-left-color: #fff;
}
@media screen and (max-width: 767px) {
  .course .list__item:nth-of-type(1)::before {
    border-left: 142.5px solid transparent;
    border-right: 142.5px solid transparent;
    border-bottom: none;
    border-top: 15px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .course .list__item:nth-of-type(2) {
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .course .list__item:nth-of-type(2)::after {
    border-left-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  .course .list__item:nth-of-type(3)::after {
    border-left-color: transparent;
  }
}
.course .list__txt1 {
  font-size: 16px;
  text-align: center;
  line-height: 1;
}
.course .list__tag {
  font-size: 20px;
  width: 140px;
  border-radius: 6px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .course .list__tag {
    width: 187px;
    margin-bottom: 12px;
  }
}
.course .list__txt2 {
  font-size: 14px;
  line-height: 1.7;
}
.course .list__txt2--short {
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  .course .list__txt2--short {
    margin-top: 0;
  }
}

/*==========================

下層ページ全体設定

===========================*/
.sub-page {
  font-family: "YakuHanJP", source-han-sans-japanese, sans-serif;
  font-size: 1.3em;
  font-weight: 300;
  font-feature-settings: "palt";
  line-height: 2;
  color: #000;
}
@media screen and (min-width: 768px) {
  .sub-page {
    font-size: 16px;
  }
}
.sub-page a {
  display: inline-block;
}

.wrap {
  margin: auto;
  padding: 0 37px;
}
@media screen and (min-width: 768px) {
  .wrap {
    max-width: 1200px;
    padding: 0 30px;
  }
}

@media screen and (min-width: 768px) {
  .sub-page {
    font-size: 16px;
  }
  .wrap {
    max-width: 1200px;
    padding: 0 30px;
  }
}
/*==========================

  共通パーツ

  ===========================*/
/*
  ボタン
  ===========================*/
a.btn-more {
  display: block;
  margin: 5px auto 0;
  width: 370px;
  height: 60px;
  background: linear-gradient(to right, #A1BCFF, #7EC8FF);
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  a.btn-more {
    width: 262px;
    font-size: 14px;
    margin-top: 0;
  }
}
a.btn-more::before {
  content: "";
  position: absolute;
  height: 4px;
  width: 4px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg) translateY(-50%);
  top: 50%;
  right: 10px;
}
@media screen and (max-width: 767px) {
  a.btn-more::before {
    right: 15px;
  }
}
a.btn-more span {
  position: relative;
}
a.btn-more span::before {
  content: "・";
  position: absolute;
  top: -0.7em;
  left: 5px;
  color: #C7F7FF;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  a.btn-more span::before {
    left: 3px;
  }
}

.btn-wrap {
  text-align: center;
  padding: 30px 0 0;
}

.main-btn {
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.05em;
  background-color: #13017c;
  border: 2px solid #13017c;
  border-radius: 3px;
  width: 235px;
  height: 38px;
  position: relative;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: auto;
  cursor: pointer;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .main-btn {
    font-size: 18px;
    width: 480px;
    height: 60px;
    border-radius: 5px;
  }
}
.main-btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .main-btn:after {
    right: 10px;
  }
}

.btn__skyblue {
  background-color: #63b4f2;
  color: #fff;
}
.btn__bluegreen {
  background-color: #fff;
  border: 1px solid #33bedb;
  color: #33bedb;
}
.btn__lightpurple {
  background-color: #a58daa;
  color: #fff;
}
.btn__navyblue {
  background-color: #1d2088;
  color: #fff;
}
.btn__white {
  background-color: #fff;
  color: #fff;
}
.btn__at, .btn__ar, .btn__ab, .btn__al, .btn__blank {
  display: block;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.btn__at::after, .btn__ar::after, .btn__ab::after, .btn__al::after, .btn__blank::after {
  position: absolute;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.btn__at::after {
  content: "\f077";
}
.btn__ar::after {
  content: "\f054";
}
.btn__ab::after {
  content: "\f078";
}
.btn__al::after {
  content: "\f053";
}
.btn__blank::after {
  content: "";
  background-image: url(../images/common/icon_exlink.svg);
}
.btn__contact a {
  background-color: #1D2088;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.btn__contact a::before {
  display: inline-block;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url(../images/common/icon_envelope.svg);
}

/*
  タグ
  ===========================*/
/*
  下層ページタイトル
  ===========================*/
.page-ttl-area {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../../assets/images/common/bg_key_sp.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 140px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .page-ttl-area {
    background-image: url(../../assets/images/common/bg_key_pc.svg);
    height: 270px;
  }
}
.page-ttl-area .page-ttl {
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.075em;
  position: relative;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-ttl-area .page-ttl {
    letter-spacing: 0.1em;
    font-size: 28px;
  }
}
.page-ttl-area .page-ttl::before {
  content: "";
  width: 33px;
  height: 2px;
  background-color: #63b4f2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-ttl-area .page-ttl::before {
    width: 70px;
  }
}
.page-ttl-area .page-ttl::after {
  right: 10px;
  font-size: 10px;
  display: block;
  content: attr(data-text);
  text-transform: capitalize;
  font-size: 12px;
  padding-top: 25px;
  font-family: adobe-garamond-pro, serif;
}
@media screen and (min-width: 768px) {
  .page-ttl-area .page-ttl::after {
    font-size: 16px;
    padding-top: 35px;
    letter-spacing: 0.075em;
  }
}

.page-ttl-imgarea {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../../assets/images/common/bg_key_sp.svg);
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
  height: 195px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea {
    background-image: url(../../assets/images/common/bg_key_pc.svg);
    height: 390px;
    font-size: 28px;
    background-size: inherit;
  }
}
.page-ttl-imgarea::after {
  content: "";
  background-position: 50% 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 140px;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea::after {
    background-size: 1900px;
    height: 300px;
  }
}
.page-ttl-imgarea .page-ttl {
  z-index: 1;
  margin-top: 0;
  top: 30px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.075em;
  position: absolute;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea .page-ttl {
    font-size: 32px;
    top: inherit;
    transform: translateY(-45px);
  }
}
.page-ttl-imgarea .page-ttl::before {
  content: "";
  width: 33px;
  height: 1px;
  background-color: #63b4f2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea .page-ttl::before {
    width: 70px;
  }
}
.page-ttl-imgarea .page-ttl::after {
  display: block;
  content: attr(data-text);
  text-transform: capitalize;
  color: #231815;
  font-size: 12px;
  padding-top: 25px;
  font-family: adobe-garamond-pro, serif;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea .page-ttl::after {
    font-size: 21px;
    padding-top: 60px;
  }
}
.page-ttl-imgarea picture {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .page-ttl-imgarea picture img {
    width: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .page-ttl-imgarea picture img {
    width: auto;
    height: 300px;
  }
}

/*
  パンくず
  ===========================*/
.breadcrumbs {
  display: none;
}
@media screen and (min-width: 768px) {
  .breadcrumbs {
    display: block;
    font-size: 12px;
    line-height: 2;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumbs-wrap {
    width: 100%;
    padding: 0 60px;
    opacity: 0.6;
  }
}
.bar01 {
  content: "";
  background-color: #eaeaea;
  height: 1px;
  width: 95%;
  max-width: 1040px;
  margin: auto;
  position: relative;
  display: block;
  margin-top: 65px;
}

.bar01::before {
  content: "";
  background-color: #adadad;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.bar01::after {
  content: "";
  background-color: #adadad;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .bar01 {
    margin-top: 120px;
  }
}
.back-btn {
  margin: 60px auto 30px;
  text-align: center;
  background-color: #fff;
  border-radius: 6px 0 0 6px;
  color: #00b5c0;
  border: #00b5c0 1px solid;
  width: 225px;
  height: 38px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
  letter-spacing: 0.06em;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .back-btn {
    margin: 120px auto 60px;
    width: 270px;
    height: 60px;
    font-size: 16px;
  }
}
.back-btn::after {
  content: "";
  height: 100%;
  width: 4px;
  background-color: rgba(0, 181, 192, 0.1);
  position: absolute;
  right: 0;
  transition: 0.3s;
}
@media screen and (min-width: 768px) {
  .back-btn::after {
    width: 5px;
  }
}
.back-btn:hover::after {
  width: 100%;
  transition: 0.3s;
}
.back-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #00b5c0;
  border-left: 1px solid #00b5c0;
  transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
  .back-btn::before {
    left: 20px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #00b5c0;
    border-left: 2px solid #00b5c0;
  }
}

.ttl__style01-wrap {
  text-align: center;
  padding: 30px 0;
}
@media screen and (min-width: 768px) {
  .ttl__style01-wrap {
    padding: 50px 0 40px;
  }
}

.ttl__style01 {
  display: inline-block;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  padding: 0 10px;
  border-bottom: #00b5c0 1px solid;
}
@media screen and (min-width: 768px) {
  .ttl__style01 {
    font-size: 24px;
    letter-spacing: 0.075em;
  }
}

.ttl__style02-wrap {
  text-align: center;
}
.ttl__style02-wrap .ttl__style {
  display: inline-block;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  border-bottom: #00b5c0 1px solid;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 2.8px;
}
@media screen and (min-width: 768px) {
  .ttl__style02-wrap .ttl__style {
    padding: 0 10px;
  }
}
/*
  Student's Voice
  ===========================*/
.studentsvoice__btn a {
  padding: 15px 0 15px;
  background-image: url("../images/common/icon_arrow-right-01.svg"), linear-gradient(90deg, #A1BCFF 0%, #7EC8FF 100%);
  background-position: right 10px center, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: 4px auto, auto;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  line-height: 1.31;
  text-align: center;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .studentsvoice__btn a {
    padding: 2px 0 8px;
    height: 36px;
  }
}
.studentsvoice__btn a:hover {
  opacity: 1;
  filter: brightness(1.1);
}
.studentsvoice__btn a span {
  -webkit-text-emphasis: filled dot;
  text-emphasis: filled dot;
  transform: translateY(-10px);
  display: inline-block;
}
.studentsvoice__btn a em {
  transform: translateY(-10px);
  display: inline-block;
}
@media (min-width: 768px) {
  .studentsvoice__btn a {
    padding: 5px 0 16px;
    background-position: right 25px center, 0% 0%;
    background-size: 7px auto, auto;
    font-size: 1.125rem;
    line-height: 1.33;
    height: 60px;
  }
}

.studentsvoice {
  background-image: url(../images/common/studentsvoice_bg_xs.jpg);
  background-position: center center;
  background-size: cover;
  padding: 30px 0 35px;
}
@media (min-width: 768px) {
  .studentsvoice {
    background-image: url(../images/common/studentsvoice_bg.jpg);
    background-position: center center;
    background-size: 1920px;
    padding: 105px 0;
  }
}
.studentsvoice .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 768px) {
  .studentsvoice .outline {
    width: 960px;
  }
}
.studentsvoice__ttl {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 53%;
}
@media (min-width: 768px) {
  .studentsvoice__ttl {
    width: 250px;
  }
}
.studentsvoice__list {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .studentsvoice__list {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-top: 20px;
  }
}
.studentsvoice__list:first-of-type {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .studentsvoice__list:first-of-type {
    margin-top: 0;
  }
}
.studentsvoice__list:first-of-type .studentsvoice__thumb::before {
  background-image: url(../../assets/images/common/studentsvoice_item01_bg_xs.svg);
}
@media (min-width: 768px) {
  .studentsvoice__list:first-of-type .studentsvoice__thumb::before {
    background-image: url(../../assets/images/common/studentsvoice_item01_bg.svg);
  }
}
.studentsvoice__list:last-of-type .studentsvoice__thumb::before {
  background-image: url(../../assets/images/common/studentsvoice_item02_bg_xs.svg);
}
@media (min-width: 768px) {
  .studentsvoice__list:last-of-type .studentsvoice__thumb::before {
    background-image: url(../../assets/images/common/studentsvoice_item02_bg.svg);
  }
}
.studentsvoice__item {
  width: 100%;
}
@media (min-width: 768px) {
  .studentsvoice__item {
    width: calc((100% - 40px) / 2);
  }
}
.studentsvoice__item:last-of-type {
  margin-top: 14px;
}
@media (min-width: 768px) {
  .studentsvoice__item:last-of-type {
    margin-top: 0;
  }
}
.studentsvoice__thumb {
  position: relative;
}
.studentsvoice__thumb img {
  padding: 14px 14px 0px;
}
@media (min-width: 768px) {
  .studentsvoice__thumb img {
    padding: 20px 20px 0px;
  }
}
.studentsvoice__thumb::before {
  position: absolute;
  width: 100%;
  content: "";
  height: 100%;
  background-position: 0 0;
  z-index: 1;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
.studentsvoice__body {
  margin-left: auto;
  margin-right: auto;
  width: 92%;
  margin-top: 10px;
  padding: 15px 10px;
  background: #fff;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .studentsvoice__body {
    width: calc(100% - 30px);
    margin-top: 25px;
    padding: 20px 30px 15px;
  }
}
.studentsvoice__txt {
  font-size: 0.875rem;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  line-height: 1.6;
  color: #63b4f2;
}
@media (min-width: 768px) {
  .studentsvoice__txt {
    font-size: 1.25rem;
  }
}
.studentsvoice__course {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #33bedb;
  color: #3a5691;
  font-size: 0.75rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .studentsvoice__course {
    font-size: 0.875rem;
  }
}
.studentsvoice__btn {
  margin-left: auto;
  margin-right: auto;
  width: 81%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .studentsvoice__btn {
    margin-top: 45px;
    width: 370px;
  }
}
.studentsvoice__btn a {
  width: 100%;
}
.document__list {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .document__list {
    margin-top: 54px;
  }
}
@media screen and (min-width: 768px) {
  .document__list.colmun1 .document__item {
    width: 100%;
  }
}
.document__list.colmun2 {
  display: flex;
  flex-wrap: wrap;
  -moz-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-top: 30px;
  }
}
.document__list.colmun2 .document__item {
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 .document__item {
    width: calc((100% - 0px) / 2);
    border-bottom: none;
    border-right: 1px dashed #d8d8d9;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 20px;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 .document__item::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e5e2dd;
  }
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 .document__item:last-of-type {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 .document__item:nth-of-type(2n) {
    border-right: none;
  }
}
@media screen and (min-width: 768px) {
  .document__list.colmun2 .document__ttl {
    margin-left: 15px;
  }
}
.document__item {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #d3d3d4;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .document__item {
    padding-bottom: 20px;
    margin-bottom: 18px;
  }
}
.document__item:last-of-type {
  margin-bottom: 0;
}
.document__ttl {
  font-size: 0.8125rem;
  padding-right: 1em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .document__ttl {
    font-size: 1rem;
    margin-left: 30px;
    line-height: 1.875;
  }
}
.document__link {
  display: flex;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .document__link {
    padding-right: 40px;
  }
}
.document__link a {
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  padding: 2px 10px 2px 10px;
  font-size: 0.625rem;
  display: block;
  text-align: center;
  font-weight: 500;
  height: 28px;
  margin-left: 8px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .document__link a {
    font-size: 0.875rem;
    margin-left: 20px;
    height: 30px;
    line-height: 1.6;
  }
}
.document__link a .far {
  margin-left: 5px;
  display: inline;
}
@media screen and (min-width: 768px) {
  .document__link a .far {
    margin-left: 5px;
  }
}
.document__link a:hover {
  color: #fff;
  opacity: 1;
}
.document__link a:first-of-type {
  margin-left: 0;
}
.document__pdf {
  border-color: #ff5f0e;
  color: #ff5f0e;
}
.document__pdf:hover {
  background-color: #ff5f0e;
}
.document__nolink {
  color: #9E9E9E;
  border-color: #D2D2D2;
  font-size: 12px;
}
.document__excel {
  border-color: #4b7243;
  color: #4b7243;
}
.document__excel:hover {
  background-color: #4b7243;
}
.document__word {
  border-color: #585b97;
  color: #585b97;
}
.document__word:hover {
  background-color: #585b97;
}

.custom-pagination {
  margin-top: 45px;
  text-align: center;
}
.custom-pagination .page_num {
  display: inline-block;
}
.custom-pagination .pager {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 24px;
  height: 24px;
  font-size: 14px;
  border-radius: 50%;
  color: #63B4F2;
  margin: 0 4px;
}
@media screen and (min-width: 768px) {
  .custom-pagination .pager {
    width: 48px;
    height: 48px;
    font-size: 16px;
    margin: 0 7px;
  }
}
.custom-pagination .prev,
.custom-pagination .next,
.custom-pagination .first,
.custom-pagination .last {
  width: 12px;
  height: 24px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 8px;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .custom-pagination .prev,
  .custom-pagination .next,
  .custom-pagination .first,
  .custom-pagination .last {
    margin: 0 13px;
  }
}
.custom-pagination .first::before,
.custom-pagination .last::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 5px;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.custom-pagination .prev,
.custom-pagination .first {
  background-image: url("../images/common/icon_arrow-left-03.svg");
}
.custom-pagination .prev::before,
.custom-pagination .first::before {
  background-image: url("../images/common/icon_arrow-left-03.svg");
}
.custom-pagination .next,
.custom-pagination .last {
  background-image: url("../images/common/icon_arrow-right-03.svg");
}
.custom-pagination .next::before,
.custom-pagination .last::before {
  background-image: url("../images/common/icon_arrow-right-03.svg");
}
.custom-pagination .current {
  background: linear-gradient(to right, #63B4F2, #9CD0F8);
  color: #fff;
}

.newbatch {
  font-family: roboto, sans-serif;
  color: #fff;
  background: linear-gradient(to right, #ff3503, rgba(255, 65, 18, 0.8549019608) 99.95%);
  font-size: 0.7rem;
  margin: 0 2px 0 3px;
  padding: 0rem 0.4rem;
  border-radius: 6px;
  letter-spacing: 0.01rem;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.schoollife .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/eyecatch_xs.webp);
}
@media screen and (min-width: 768px) {
  .schoollife .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/eyecatch.webp);
  }
}
.schoollife .schoollife-page .ttl__style01-wrap {
  padding: 0;
}
.schoollife .schoollife-page .sec01 {
  background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 {
    background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
  }
}
.schoollife .schoollife-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.875;
  margin-left: auto;
  margin-right: auto;
  width: 77.333333%;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01__txt {
    font-size: 1rem;
    width: 860px;
  }
}
.schoollife .schoollife-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 30px 0 30px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .outline {
    width: 940px;
    padding: 58px 0 40px;
  }
}
.schoollife .schoollife-page .sec01 .list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list {
    margin-top: 45px;
  }
}
.schoollife .schoollife-page .sec01 .list__txt {
  font-size: 0.875rem;
  line-height: 1.875;
  padding: 0 7%;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list__txt {
    font-size: 1rem;
    padding: 0 40px;
  }
}
.schoollife .schoollife-page .sec01 .list__item {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list__item {
    width: calc((100% - 60px) / 2);
    margin-bottom: 29px;
  }
}
.schoollife .schoollife-page .sec01 .list__item:last-of-type {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.schoollife .schoollife-page .sec01 .list__item:last-of-type .list__thumb::after {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding-top: 520px;
  background-image: url(../../assets/images/courses/courses_bg01_xs.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list__item:last-of-type .list__thumb::after {
    top: 10px;
    background-image: url(../../assets/images/courses/courses_bg01.svg);
  }
}
.schoollife .schoollife-page .sec01 .list__thumb {
  position: relative;
}
.schoollife .schoollife-page .sec01 .list__thumb img {
  padding: 0 2.4027565%;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list__thumb img {
    padding: 0 10px;
  }
}
.schoollife .schoollife-page .sec01 .list__thumb::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding-top: 520px;
  background-image: url(../../assets/images/school/school_bg01.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.schoollife .schoollife-page .sec01 .list__btn {
  transform: translateY(-50%);
}
.schoollife .schoollife-page .sec01 .list__btn a {
  font-size: 1rem;
  padding: 14px 0;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  line-height: 1.875em;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 87.5%;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .list__btn a {
    font-size: 1rem;
    padding: 14px 0;
    width: 72.727273%;
  }
}
.schoollife .schoollife-page .sec01 .list__btn a::after {
  right: 10px;
  font-size: 0.625rem;
}
.schoollife .schoollife-page .sec01 .list__btn a:hover {
  opacity: 1;
  background-color: #a6d8f3;
}
.schoollife .schoollife-page .sec01 .post {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  background-color: #fff;
  margin-top: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d3d3d4;
  border-bottom: 1px solid #d3d3d4;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post {
    margin-top: 48px;
    padding-top: 32px;
    padding-bottom: 16px;
    width: 860px;
  }
}
.schoollife .schoollife-page .sec01 .post__item {
  padding: 10px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__item {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
}
.schoollife .schoollife-page .sec01 .post__item:nth-of-type(2n+1) {
  background-color: #fbfafc;
}
.schoollife .schoollife-page .sec01 .post__day {
  color: #231815;
  line-height: 1;
  font-size: 0.875rem;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__day {
    font-size: 0.9375rem;
  }
}
.schoollife .schoollife-page .sec01 .post__icon {
  font-size: 0.6875rem;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1;
  background-color: #FAF9FB;
  padding: 6px 10px 6px;
  text-align: center;
  margin-left: 13px;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__icon {
    font-size: 0.75rem;
    padding: 5px 0;
    width: 90px;
  }
}
.schoollife .schoollife-page .sec01 .post__icon.cl__club {
  background-color: #e6a469;
}
.schoollife .schoollife-page .sec01 .post__icon.cl__print {
  background-color: #95a5d4;
}
.schoollife .schoollife-page .sec01 .post__icon.cl__news {
  background-color: #63c5f2;
}
.schoollife .schoollife-page .sec01 .post__document {
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  padding: 2px 5px;
  font-size: 0.625rem;
  display: block;
  text-align: center;
  font-weight: 500;
  width: 60px;
  height: 28px;
  margin-left: 1rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__document {
    font-size: 0.875rem;
    width: 80px;
    height: 30px;
    line-height: 1.6;
  }
}
.schoollife .schoollife-page .sec01 .post__document .far {
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__document .far {
    margin-left: 5px;
  }
}
.schoollife .schoollife-page .sec01 .post__document:hover {
  color: #fff;
  opacity: 1;
}
.schoollife .schoollife-page .sec01 .post__pdf {
  border-color: #ff5f0e;
  color: #ff5f0e;
}
.schoollife .schoollife-page .sec01 .post__pdf:hover {
  background-color: #ff5f0e;
}
.schoollife .schoollife-page .sec01 .post__excel {
  border-color: #4b7243;
  color: #4b7243;
}
.schoollife .schoollife-page .sec01 .post__excel:hover {
  background-color: #4b7243;
}
.schoollife .schoollife-page .sec01 .post__word {
  border-color: #585b97;
  color: #585b97;
}
.schoollife .schoollife-page .sec01 .post__word:hover {
  background-color: #585b97;
}
.schoollife .schoollife-page .sec01 .post__link {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__link {
    margin-left: 1rem;
    width: 65%;
    font-size: 1rem;
    line-height: 1.75;
  }
}
.schoollife .schoollife-page .sec01 .post__more {
  font-family: source-han-serif-japanese, serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  display: inline-block;
  position: absolute;
  top: 19px;
  right: 0;
  width: 64px;
  height: 16px;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__more {
    display: block;
    position: static;
    width: 90px;
    height: 25px;
    margin: 16px auto 0;
  }
}
.schoollife .schoollife-page .sec01 .post__more a {
  border: 1px solid #51CCD4;
  border-radius: 4px;
  background-color: #fff;
  color: #00B5C0;
  display: block;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__more a {
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .post__more a::after {
    display: block;
    width: 4px;
    height: 10px;
    margin-left: 7px;
    background-image: url("../images/common/icon_arrow-right-02.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
  }
}
.schoollife .schoollife-page .sec01 .more--shadow {
  width: 300px;
  margin: 24px auto;
  box-shadow: 0 0 0 8px rgba(0, 181, 192, 0.1);
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more--shadow {
    margin: 34px auto;
    box-shadow: 0 0 0 10px rgba(0, 181, 192, 0.1);
  }
}
.schoollife .schoollife-page .sec01 .more--shadow a {
  border-radius: 0;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more--shadow a {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.35;
  }
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more {
    width: 520px;
    margin-top: 32px;
  }
}
.schoollife .schoollife-page .sec01 .more a {
  display: block;
  padding: 11px 0 7px;
  font-family: source-han-sans-japanese, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.36;
  position: relative;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more a {
    padding: 14px 0;
    font-size: 1.125rem;
  }
}
.schoollife .schoollife-page .sec01 .more a::after {
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url("../images/common/icon_arrow-right-02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin-left: 5px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more a::after {
    width: 6px;
    height: 14px;
    transform: translateY(2px);
  }
}
.schoollife .schoollife-page .sec01 .more em {
  display: block;
  margin-bottom: 5px;
  color: #4F4644;
  font-size: 0.86em;
  font-weight: 500;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more em {
    margin-bottom: 14px;
    font-size: 0.875em;
    font-weight: 300;
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .more em br {
    display: none;
  }
}
.schoollife .schoollife-page .sec01 .bar01 {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01 .bar01 {
    margin-top: 96px;
  }
}
.schoollife .schoollife-page .sec01__btn {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01__btn {
    width: 860px;
    margin-top: 64px;
  }
}
.schoollife .schoollife-page .sec01__btn a {
  font-size: 1rem;
  padding: 14px 0;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  line-height: 1.875em;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 87.5%;
}
@media (min-width: 768px) {
  .schoollife .schoollife-page .sec01__btn a {
    font-size: 1rem;
    padding: 14px 0;
  }
}
.schoollife .schoollife-page .sec01__btn a::after {
  right: 10px;
  font-size: 0.625rem;
}
.schoollife .schoollife-page .sec01__btn a:hover {
  opacity: 1;
  background-color: #a6d8f3;
}

.event .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/event/event_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .event .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/event/event_eyecatch.jpg);
  }
}
.event .event-page .sec01 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec01 {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .event .event-page .sec01 .outline {
    margin-left: auto;
    margin-right: auto;
    width: 1040px;
  }
}
.event .event-page .sec01 .outline button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.event .event-page .sec01 .outline .slide-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  color: #fff;
  margin-top: -15px;
  background-color: rgba(29, 32, 136, 0.7);
  width: 27px;
  height: 27px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec01 .outline .slide-arrow {
    width: 54px;
    height: 54px;
    font-size: 1rem;
  }
}
.event .event-page .sec01 .outline .slide-arrow:hover {
  opacity: 0.7;
}
.event .event-page .sec01 .outline .prev-arrow {
  left: 0;
}
.event .event-page .sec01 .outline .prev-arrow::before {
  font-family: "Font Awesome 5 Free";
  content: "\f053";
  font-weight: 900;
}
.event .event-page .sec01 .outline .next-arrow {
  right: 0;
}
.event .event-page .sec01 .outline .next-arrow::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
}
.event .event-page .sec02 {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec02 {
    margin-top: 65px;
  }
}
.event .event-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec02 .outline {
    width: 1040px;
  }
}
.event .event-page .sec02__ttl {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec02__ttl {
    font-size: 1.75rem;
  }
}
.event .event-page .sec02__txt {
  font-size: 0.875rem;
  margin-top: 30px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec02__txt {
    font-size: 1rem;
    line-height: 1.875;
  }
}
.event .event-page .sec03 {
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 {
    padding-top: 64px;
  }
}
.event .event-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 88%;
  border-top-color: rgba(240, 162, 166, 0.4117647059);
  border-bottom-color: rgba(240, 162, 166, 0.4117647059);
  border-style: solid;
  border-top-width: 3px;
  border-bottom-width: 3px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .outline {
    width: 1040px;
  }
}
.event .event-page .sec03 .eventlist {
  padding-top: 15px;
  padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.event .event-page .sec03 .eventlist__row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 16px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__row {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    border-top: 1px solid rgba(240, 162, 166, 0.4117647059);
    margin-top: 46px;
  }
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__row:first-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
.event .event-page .sec03 .eventlist__row:first-of-type .fa-image {
  color: #f0a2a6;
}
.event .event-page .sec03 .eventlist__row:first-of-type .num,
.event .event-page .sec03 .eventlist__row:first-of-type .month {
  color: #fff;
}
.event .event-page .sec03 .eventlist__row:first-of-type .eventlist__box {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.event .event-page .sec03 .eventlist__row:first-of-type .eventlist__box:last-of-type {
  border-top: 1px solid #e2e1e0;
  margin-top: 20px;
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__row:first-of-type .eventlist__box:last-of-type {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
}
.event .event-page .sec03 .eventlist__box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #e2e1e0;
  margin-top: 20px;
  padding-top: 18px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__box {
    width: 50%;
    padding: 0 14px;
    border-top: none;
  }
}
.event .event-page .sec03 .eventlist__ttl {
  display: flex;
  width: 100%;
  -moz-flex-direction: center;
  flex-direction: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  background-color: #f0a2a6;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__ttl {
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 110px;
    flex-wrap: wrap;
    height: 110px;
    border-radius: 55px;
    padding: 1rem;
    margin-right: 10px;
  }
}
.event .event-page .sec03 .eventlist__ttl em {
  display: flex;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.event .event-page .sec03 .eventlist__ttl em .num {
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  line-height: 1;
  font-size: 1.75rem;
  font-style: italic;
  padding: 2px 0;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__ttl em .num {
    font-size: 3.125rem;
    margin-left: -0.5rem;
    padding: 0px 0;
  }
}
.event .event-page .sec03 .eventlist__ttl em .month {
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  line-height: 1;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__ttl em .month {
    font-size: 1.25rem;
  }
}
.event .event-page .sec03 .eventlist__ttl .en {
  color: #fff;
  text-align: center;
  font-family: garamond-premier-pro, serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 0.875rem;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__ttl .en {
    margin-top: 5px;
    font-size: 1rem;
    margin-left: 0;
    margin-left: 5px;
  }
}
.event .event-page .sec03 .eventlist__item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__item {
    width: calc(100% - 120px);
  }
}
.event .event-page .sec03 .eventlist__item__ttl {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__item__ttl {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__item__ttl:first-of-type {
    margin-top: 0;
  }
}
.event .event-page .sec03 .eventlist__item__ttl .maru {
  color: #f0a2a6;
}
.event .event-page .sec03 .eventlist__item__ttl .atc-txt {
  font-size: 70%;
}
.event .event-page .sec03 .eventlist__item__ttl .fa-image {
  color: #f0a2a6;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__item__ttl .fa-image {
    margin-right: 10px;
  }
}
.event .event-page .sec03 .eventlist__item__txt {
  background-color: #f6f8fa;
  font-size: 0.75rem;
  margin-top: 5px;
  padding: 13px 18px;
  border-radius: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec03 .eventlist__item__txt {
    font-size: 0.875rem;
    padding: 10px;
  }
}
.event .event-page .sec04 {
  margin-top: 8px;
  padding-bottom: 32px;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec04 {
    margin-top: 8px;
    padding-bottom: 64px;
  }
}
.event .event-page .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec04 .outline {
    width: 1040px;
  }
}
.event .event-page .sec04__note {
  text-align: right;
  font-size: 0.6875rem;
  color: #666;
}
@media screen and (min-width: 768px) {
  .event .event-page .sec04__note {
    font-size: 0.875rem;
  }
}
.event .event-page .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .event .event-page .back-btn {
    margin: 95px auto;
  }
}

.one-day .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/oneday/oneday_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .one-day .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/oneday/oneday_eyecatch.jpg);
  }
}
.one-day .oneday-page .sec01 {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec01 {
    margin-top: 35px;
  }
}
.one-day .oneday-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec01 .outline {
    width: 860px;
  }
}
.one-day .oneday-page .sec01__txt {
  font-size: 0.875rem;
  margin-top: 30px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.875;
  }
}
.one-day .oneday-page .sec02 {
  background-image: url(../../assets/images/common/studentsvoice_bg_xs.jpg);
  background-position: center center;
  background-size: cover;
  padding: 30px 0 35px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02 {
    background-image: url(../../assets/images/common/studentsvoice_bg.jpg);
    background-position: center center;
    background-size: 1920px;
    padding: 95px 0 70px;
    margin-top: 35px;
  }
}
.one-day .oneday-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02 .outline {
    width: 900px;
  }
}
.one-day .oneday-page .sec02__ttl {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  text-align: center;
  display: block;
  background-color: #fff;
  color: #8dd4e7;
  font-size: 1rem;
  border-radius: 6px;
  padding: 10px 0;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02__ttl {
    border-radius: 20px;
    width: 810px;
    font-size: 1.375rem;
    border-radius: 20px;
    margin-bottom: 30px;
  }
}
.one-day .oneday-page .sec02__ttl:last-of-type {
  margin-top: 35px;
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02__ttl:last-of-type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02__img {
    margin-top: 37px;
  }
}
.one-day .oneday-page .sec02__txt {
  margin-top: 15px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .one-day .oneday-page .sec02__txt {
    margin-top: 33px;
    font-size: 0.8125rem;
    color: #231815;
  }
}
.one-day .oneday-page .sec03 {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec03 {
    margin-top: 97px;
  }
}
.one-day .oneday-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec03 .outline {
    width: 840px;
  }
}
.one-day .oneday-page .sec03 .coursenav {
  display: flex;
  margin-top: 30px;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec03 .coursenav {
    margin-top: 0;
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.one-day .oneday-page .sec03 .coursenav__item {
  width: 100%;
  margin-top: -1;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec03 .coursenav__item {
    width: calc((100% - 120px) / 3);
    margin-top: 0;
  }
}
.one-day .oneday-page .sec03 .coursenav__item a {
  display: block;
  border-top-width: 2px;
  border-top-style: solid;
  background-color: #fff;
  border-bottom: 1px solid #e0e1e1;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  position: relative;
  transition: 0.3s;
  padding: 15px 0 15px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .one-day .oneday-page .sec03 .coursenav__item a {
    padding: 33px 0 30px;
  }
}
.one-day .oneday-page .sec03 .coursenav__item a::after {
  position: absolute;
  font-size: 10px;
  line-height: 1;
  margin-top: 11px;
  right: 6px;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #84bbef;
}
.one-day .oneday-page .sec03 .coursenav__item:first-of-type a {
  border-top-color: #27afed;
}
.one-day .oneday-page .sec03 .coursenav__item:first-of-type a:hover {
  background-color: #d4eaf9;
}
.one-day .oneday-page .sec03 .coursenav__item:nth-of-type(2) a {
  border-top-color: #1e3080;
}
.one-day .oneday-page .sec03 .coursenav__item:nth-of-type(2) a:hover {
  background-color: #c5c9dd;
}
.one-day .oneday-page .sec03 .coursenav__item:last-of-type a {
  border-top-color: #34a45f;
}
.one-day .oneday-page .sec03 .coursenav__item:last-of-type a:hover {
  background-color: #d4e7d7;
}
.one-day .oneday-page .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .one-day .oneday-page .back-btn {
    margin: 95px auto;
  }
}

.facility-introduction .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/facilityintroduction/facilityintroduction_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .facility-introduction .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/facilityintroduction/facilityintroduction_eyecatch.jpg);
  }
}
.facility-introduction .facilityintroduction-page .sec00-a {
  margin-top: 30px;
}
.facility-introduction .facilityintroduction-page .sec00-a .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  width: 83.4%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px #3bc0d7 dotted;
  border-top: 1px #3bc0d7 dotted;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec00-a .outline {
    width: 960px;
    margin: 60px auto 40px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.facility-introduction .facilityintroduction-page .sec00-a .outline .sec00__txt {
  font-size: 0.75rem;
  margin-top: 0;
}
@media (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec00-a .outline .sec00__txt {
    font-size: 0.875rem;
    margin-top: 0px;
  }
}
.facility-introduction .facilityintroduction-page .sec01 {
  margin-top: 30px;
  margin-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 {
    margin-top: 80px;
    margin-bottom: 108px;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 83.4%;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .outline {
    width: 960px;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__list {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: inherit;
  -ms-justify-content: inherit;
  justify-content: inherit;
  -ms-flex-pack: inherit;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__list {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__item {
  margin-top: 75px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__item {
    width: calc((100% - 60px) / 2);
    margin-top: 120px;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__item:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__item:first-of-type {
    width: 100%;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__item-4gyo {
  margin-top: 95px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__item-4gyo {
    width: calc((100% - 60px) / 2);
    margin-top: 120px;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__body {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 88.666667%;
  padding: 9px 7px 9px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__body {
    padding: 20px 20px 10px;
    width: calc(100% - 50px);
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__ttl {
  color: #33bedb;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__ttl {
    font-size: 1.125rem;
    line-height: 1;
  }
}
.facility-introduction .facilityintroduction-page .sec01 .facility__txt {
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .sec01 .facility__txt {
    font-size: 0.75rem;
    margin-top: 8px;
  }
}
.facility-introduction .facilityintroduction-page .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .facility-introduction .facilityintroduction-page .back-btn {
    margin: 95px auto;
  }
}

.uniform .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/uniform/uniform_eyecatch_sp.webp);
}
@media screen and (min-width: 768px) {
  .uniform .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/uniform/uniform_eyecatch.webp);
  }
}
.uniform .uniform-page .sec01 {
  margin-top: 0;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 {
    margin-top: 64px;
  }
}
.uniform .uniform-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 .outline {
    width: 960px;
  }
}
.uniform .uniform-page .sec01 .outline3 {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 .outline3 {
    width: 1020px;
  }
}
.uniform .uniform-page .sec01 .outline3 .slick-initialized .slick-slide {
  margin-right: 20px;
  margin-left: 20px;
}
.uniform .uniform-page .sec01 .outline3 .sec01__slider02 {
  margin-top: 0px;
}
.uniform .uniform-page .sec01 .sec01__slider01 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 .sec01__slider01 {
    display: flex;
  }
}
.uniform .uniform-page .sec01 .sec01__slider01 p {
  text-align: center;
  font-size: 13px;
  color: #727172;
  line-height: 1;
  margin-top: 10px;
}
.uniform .uniform-page .sec01 .sec01__slider02 {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 .sec01__slider02 {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01 .sec01__slider02 > div {
    width: calc(20% - 25px);
  }
}
.uniform .uniform-page .sec01 .slick-dots li button:before {
  font-size: 4.375rem;
  color: #918b8a;
}
.uniform .uniform-page .sec01__txt {
  font-size: 0.875rem;
  margin-top: 30px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.875;
  }
}
.uniform .uniform-page .sec01__img {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01__img {
    margin-top: 32px;
  }
}
.uniform .uniform-page .sec01 .point {
  margin-top: 32px;
  margin-bottom: 2rem;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point {
    background: linear-gradient(90deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
    padding: 45px;
    margin-top: 80px;
  }
}
.uniform .uniform-page .sec01 .point__list {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.uniform .uniform-page .sec01 .point__item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__item {
    margin-top: 50px;
    width: 360px;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.uniform .uniform-page .sec01 .point__item:first-of-type {
  margin-top: 0;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__item:nth-of-type(2) {
    margin-top: 0;
  }
}
.uniform .uniform-page .sec01 .point__box {
  width: 100%;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__box {
    width: 50%;
  }
}
.uniform .uniform-page .sec01 .point__ttl {
  position: relative;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__ttl {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
  }
}
.uniform .uniform-page .sec01 .point__ttl::after {
  position: absolute;
  opacity: 0.75;
  content: "";
  height: 8px;
  background-color: #fff;
  width: 100%;
  display: block;
  left: 0;
  bottom: 0;
}
.uniform .uniform-page .sec01 .point__ttl span {
  color: #63b4f2;
  position: relative;
  z-index: 1;
  line-height: 1;
}
.uniform .uniform-page .sec01 .point__ttl span:first-of-type {
  font-family: urw-din, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__ttl span:first-of-type {
    font-size: 0.875rem;
  }
}
.uniform .uniform-page .sec01 .point__ttl span:last-of-type {
  font-family: urw-din, sans-serif;
  font-weight: 300;
  font-style: italic;
  margin-left: 0.2rem;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__ttl span:last-of-type {
    font-size: 1.875rem;
  }
}
.uniform .uniform-page .sec01 .point__txt {
  font-size: 0.875rem;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__txt {
    font-size: 0.875rem;
  }
}
.uniform .uniform-page .sec01 .point__img {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .point__img {
    margin-top: 0;
    width: 44.5%;
  }
}
.uniform .uniform-page .sec01 .regularitem {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 10px;
}
.uniform .uniform-page .sec01 .regularitem__wrap {
  background-color: #f6f5f2;
  margin-top: 20px;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .regularitem__wrap {
    margin-top: 30px;
    padding: 0;
  }
}
.uniform .uniform-page .sec01 .regularitem__ttl {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color: #63b4f2;
  font-size: 1.25rem;
  position: relative;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .regularitem__ttl {
    width: 860px;
    font-size: 1.125rem;
  }
}
.uniform .uniform-page .sec01 .regularitem__ttl span {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding-right: 1em;
  padding-left: 1em;
}
.uniform .uniform-page .sec01 .regularitem__ttl::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #e0f0fc;
  width: 100%;
  display: block;
  left: 0;
  bottom: 50%;
  top: 50%;
}
.uniform .uniform-page .sec01 .optionitem {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .optionitem {
    margin-top: 80px;
  }
}
.uniform .uniform-page .sec01 .optionitem__wrap {
  background-color: #f6f5f2;
  margin-top: 20px;
  padding: 30px 0px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .optionitem__wrap {
    margin-top: 30px;
    padding: 0;
  }
}
.uniform .uniform-page .sec01 .optionitem__ttl {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color: #63b4f2;
  font-size: 1.25rem;
  position: relative;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  padding: 0 7px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec01 .optionitem__ttl {
    width: 860px;
    font-size: 1.125rem;
  }
}
.uniform .uniform-page .sec01 .optionitem__ttl span {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding-right: 1em;
  padding-left: 1em;
}
.uniform .uniform-page .sec01 .optionitem__ttl::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #e0f0fc;
  width: 100%;
  display: block;
  left: 0;
  bottom: 50%;
  top: 50%;
}
.uniform .uniform-page .sec02 {
  background-image: url(../../assets/images/common/studentsvoice_bg_xs.png);
  background-position: center center;
  background-size: cover;
  padding: 30px 0 35px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02 {
    background-image: url(../../assets/images/common/studentsvoice_bg.png);
    background-position: center center;
    background-size: 1920px;
    padding: 35px 0 70px;
    margin-top: 35px;
  }
}
.uniform .uniform-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 85%;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02 .outline {
    width: 900px;
  }
}
.uniform .uniform-page .sec02__ttl {
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  text-align: center;
  display: block;
  background-color: #fff;
  color: #8dd4e7;
  font-size: 1rem;
  border-radius: 6px;
  padding: 10px 0;
  font-weight: 300;
  line-height: 1;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__ttl {
    border-radius: 20px;
    width: 810px;
    font-size: 1.375rem;
    border-radius: 20px;
  }
}
.uniform .uniform-page .sec02__ttl:last-of-type {
  margin-top: 35px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__ttl:last-of-type {
    margin-top: 0;
  }
}
.uniform .uniform-page .sec02__img01 {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__img01 {
    margin-top: 35px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__img02 {
    margin-top: 35px;
  }
}
.uniform .uniform-page .sec02__img02 img {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__img02 img {
    margin-top: 0;
  }
}
.uniform .uniform-page .sec02__txt {
  margin-top: 15px;
  font-size: 0.75rem;
  color: #666565;
  text-align: center;
}
@media (min-width: 768px) {
  .uniform .uniform-page .sec02__txt {
    margin-top: 30px;
    font-size: 0.875rem;
  }
}
.uniform .uniform-page .sec03 {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 {
    margin-top: 97px;
  }
}
.uniform .uniform-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 .outline {
    width: 840px;
  }
}
.uniform .uniform-page .sec03 .coursenav {
  display: flex;
  margin-top: 30px;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 .coursenav {
    margin-top: 0;
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.uniform .uniform-page .sec03 .coursenav__item {
  width: 100%;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 .coursenav__item {
    width: calc((100% - 120px) / 3);
    margin-top: 0;
  }
}
.uniform .uniform-page .sec03 .coursenav__item:first-of-type {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 .coursenav__item:first-of-type {
    margin-top: 0;
  }
}
.uniform .uniform-page .sec03 .coursenav__item a {
  display: block;
  border-top-width: 2px;
  border-top-style: solid;
  background-color: #fff;
  border-bottom: 1px solid #e0e1e1;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  position: relative;
  transition: 0.3s;
  padding: 18px 0 20px;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .uniform .uniform-page .sec03 .coursenav__item a {
    padding: 32px 0 32px;
  }
}
.uniform .uniform-page .sec03 .coursenav__item a::after {
  position: absolute;
  font-size: 10px;
  line-height: 1;
  margin-top: 3px;
  right: 6px;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  color: #84bbef;
}
.uniform .uniform-page .sec03 .coursenav__item:first-of-type a {
  border-top-color: #27afed;
}
.uniform .uniform-page .sec03 .coursenav__item:first-of-type a:hover {
  background-color: #d4eaf9;
}
.uniform .uniform-page .sec03 .coursenav__item:nth-of-type(2) a {
  border-top-color: #1e3080;
}
.uniform .uniform-page .sec03 .coursenav__item:nth-of-type(2) a:hover {
  background-color: #c5c9dd;
}
.uniform .uniform-page .sec03 .coursenav__item:last-of-type a {
  border-top-color: #34a45f;
}
.uniform .uniform-page .sec03 .coursenav__item:last-of-type a:hover {
  background-color: #d4e7d7;
}
.uniform .uniform-page .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .uniform .uniform-page .back-btn {
    margin: 95px auto;
  }
}

.blog .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/utblog/utblog_eyecatch_xs.png);
}
@media screen and (min-width: 768px) {
  .blog .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/utblog/utblog_eyecatch.png);
  }
}
.blog .blog-page .sec01 {
  padding-bottom: 40px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .blog .blog-page .sec01 {
    margin-top: 64px;
  }
}
.blog .blog-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .outline {
    width: 960px;
  }
}
.blog .blog-page .sec01 .content {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .content {
    font-size: 1rem;
  }
}
.blog .blog-page .sec01 .content p {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .content p {
    margin-bottom: 2rem;
  }
}
.blog .blog-page .sec01 .pagenation {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-top: 1px solid #63b4f2;
  margin-top: 32px;
  padding-top: 32px;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .pagenation {
    margin-top: 48px;
    padding-top: 48px;
  }
}
.blog .blog-page .sec01 .blog__category {
  color: #63b4f2;
  border-bottom: 1px solid #63b4f2;
  line-height: 1;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .blog__category {
    font-size: 1rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.blog .blog-page .sec01 .blog__box {
  position: relative;
  display: flex;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-flex-direction: column;
  flex-direction: column;
  padding: 5px 0 5px 20px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .blog__box {
    padding: 5px 0 5px 20px;
    margin-bottom: 35px;
  }
}
.blog .blog-page .sec01 .blog__box::after {
  content: "";
  display: block;
  background: linear-gradient(135deg, rgb(161, 188, 255) 0%, rgb(126, 200, 255) 100%);
  position: absolute;
  left: 0;
  height: 100%;
  width: 12px;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .blog__box::after {
    width: 10px;
  }
}
.blog .blog-page .sec01 .blog__ttl {
  line-height: 1;
  font-weight: 500;
  font-size: 1rem;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .blog__ttl {
    font-size: 1.25rem;
    padding-bottom: 10px;
  }
}
.blog .blog-page .sec01 .blog__date {
  font-family: roboto-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .blog .blog-page .sec01 .blog__date {
    font-size: 0.9375rem;
  }
}

.blog-page .outline .content a {
  color: #63b4f2;
}

.exercisebooks .page-ttl-imgarea::after {
  background-image: url(../../assets/images/examinfo/exercisebooks/exercisebooks_eyecatch_xs.png);
}
@media screen and (min-width: 768px) {
  .exercisebooks .page-ttl-imgarea::after {
    background-image: url(../../assets/images/examinfo/exercisebooks/exercisebooks_eyecatch.png);
  }
}
.exercisebooks .exercisebooks-page .sec01 {
  padding-bottom: 40px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .exercisebooks .exercisebooks-page .sec01 {
    margin-top: 64px;
  }
}
.exercisebooks .exercisebooks-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .exercisebooks .exercisebooks-page .sec01 .outline {
    width: 960px;
  }
}
.exercisebooks .exercisebooks-page .sec01 .d_table__ttl {
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  line-height: 1;
  background-color: #eeefef;
  border-bottom: 1px solid #cccccc;
  padding: 13px 0;
}
@media (min-width: 768px) {
  .exercisebooks .exercisebooks-page .sec01 .d_table__ttl {
    font-size: 1.25rem;
    padding: 15px 0;
  }
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #cccccc;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr th {
  background-color: #676464;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 0.875rem;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr th.heading {
  background-color: #1d2088;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr th.subject {
  background-color: #898989;
  border-bottom: 1px solid #dcdddd;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr th.category {
  border-right: 1px solid #8c8b8b;
  font-weight: 300;
  padding: 8px 0;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr th.bulk {
  background-color: #4c4948;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr td {
  padding: 20px 0;
  text-align: center;
  border-right: 1px dashed #cccccc;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr td:last-of-type {
  border-right: none;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr td .document {
  display: inline-block;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr td .document__link {
  padding-right: 0;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .pc_only table tr:nth-of-type(odd) td {
  background-color: #eeefef;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #898989;
  margin-top: 15px;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr th {
  background-color: #eeefef;
  color: #000000;
  text-align: center;
  line-height: 1;
  font-size: 0.875rem;
  padding: 8px 0;
  border-right: 1px solid #cccccc;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr th:last-of-type {
  border-right: none;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr th.subject {
  background-color: #898989;
  color: #fff;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr th.category {
  font-weight: 300;
  font-size: 0.75rem;
  padding: 8px 0;
  background-color: #eeefef;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr th.bulk {
  background-color: #c9c9ca;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr td {
  padding: 0 0 10px;
  text-align: center;
  background-color: #fff;
  border-right: 1px dashed #cccccc;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr td:last-of-type {
  border-right: none;
}
.exercisebooks .exercisebooks-page .sec01 .d_table .sp_only table tr td .document {
  display: inline-block;
}

.bloglist .page-ttl-imgarea::after {
  background-image: url(../../assets/images/schoollife/bloglist/bloglist_eyecatch_xs.png);
}
@media screen and (min-width: 768px) {
  .bloglist .page-ttl-imgarea::after {
    background-image: url(../../assets/images/schoollife/bloglist/bloglist_eyecatch.png);
  }
}
.bloglist .bloglist-page .ttl__style01-wrap {
  padding: 0;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .ttl__style01-wrap {
    margin-bottom: 48px;
  }
}
.bloglist .bloglist-page .sec01 {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .sec01 {
    margin-top: 64px;
  }
}
.bloglist .bloglist-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  border-bottom: 2px solid #b4dceb;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec01 .outline {
    width: 860px;
  }
}
.bloglist .bloglist-page .sec02 {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .sec02 {
    margin-top: 64px;
  }
}
.bloglist .bloglist-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  border-bottom: 2px solid #b4dceb;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec02 .outline {
    width: 860px;
  }
}
.bloglist .bloglist-page .post {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .post {
    margin-bottom: 20px;
  }
}
.bloglist .bloglist-page .post__item {
  padding: 10px 10px 10px 14px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__item {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
}
.bloglist .bloglist-page .post__item:nth-of-type(2n+1) {
  background-color: #fbfafc;
}
.bloglist .bloglist-page .post__ttl {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  padding: 7px 0 7px 14px;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .post__ttl {
    font-size: 1rem;
    padding: 7px 0 7px 14px;
  }
}
.bloglist .bloglist-page .post__day {
  color: #231815;
  line-height: 1;
  font-size: 0.875rem;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__day {
    font-size: 0.9375rem;
  }
}
.bloglist .bloglist-page .post__icon {
  font-size: 0.625rem;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1;
  padding: 6px 10px 6px;
  display: inline-block;
  text-align: center;
  margin-left: 13px;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__icon {
    font-size: 0.75rem;
    padding: 5px 0;
    width: 90px;
  }
}
.bloglist .bloglist-page .post__icon.cl__emerald {
  background-color: #9ac9c5;
}
.bloglist .bloglist-page .post__icon.cl__skyblue {
  background-color: #33bedb;
}
.bloglist .bloglist-page .post__icon.cl__shrimppink {
  background-color: #e48d7f;
}
.bloglist .bloglist-page .post__icon.cl__purple {
  background-color: #a58daa;
}
.bloglist .bloglist-page .post__icon.cl__darkpurple {
  background-color: #A574AD;
}
.bloglist .bloglist-page .post__icon.cl__navy {
  background-color: #3a5691;
}
.bloglist .bloglist-page .post__icon.cl__yellowgreen {
  background-color: #adca00;
}
.bloglist .bloglist-page .post__icon.cl__lightblue {
  background-color: #6b81c3;
}
.bloglist .bloglist-page .post__document {
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  padding: 2px 5px;
  font-size: 0.625rem;
  display: block;
  text-align: center;
  font-weight: 500;
  width: 60px;
  height: 28px;
  margin-left: 1rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__document {
    font-size: 0.875rem;
    width: 80px;
    height: 30px;
    line-height: 1.6;
  }
}
.bloglist .bloglist-page .post__document .far {
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__document .far {
    margin-left: 5px;
  }
}
.bloglist .bloglist-page .post__document:hover {
  color: #fff;
  opacity: 1;
}
.bloglist .bloglist-page .post__pdf {
  border-color: #ff5f0e;
  color: #ff5f0e;
}
.bloglist .bloglist-page .post__pdf:hover {
  background-color: #ff5f0e;
}
.bloglist .bloglist-page .post__excel {
  border-color: #4b7243;
  color: #4b7243;
}
.bloglist .bloglist-page .post__excel:hover {
  background-color: #4b7243;
}
.bloglist .bloglist-page .post__word {
  border-color: #585b97;
  color: #585b97;
}
.bloglist .bloglist-page .post__word:hover {
  background-color: #585b97;
}
.bloglist .bloglist-page .post__link {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .post__link {
    margin-left: 1rem;
    width: 65%;
    font-size: 1rem;
    line-height: 1.75;
  }
}
.bloglist .bloglist-page .post.candidates.post {
  border-top: 2px solid #a9deed;
}
.bloglist .bloglist-page .post.candidates .post__ttl {
  background: #F0F7F6;
  background: rgb(240, 247, 246);
  color: #19847b;
}
.bloglist .bloglist-page .post.currentstudents.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.currentstudents .post__ttl {
  background: #F2EEF2;
  background: rgb(242, 238, 242);
  color: #A574AD;
}
.bloglist .bloglist-page .post.graduates.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.graduates .post__ttl {
  background: #F2EEF2;
  background: rgb(242, 238, 242);
  color: #744f7c;
}
.bloglist .bloglist-page .post.general.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.general .post__ttl {
  background: #E2E6EF;
  background: rgb(226, 230, 239);
  color: #3a5691;
}
.bloglist .bloglist-page .post.utsnews.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.utsnews .post__ttl {
  background: #E5F4F9;
  background: rgb(229, 244, 249);
  color: #33bedb;
}
.bloglist .bloglist-page .post.clubblog.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.clubblog .post__ttl {
  background: #F3F7D9;
  background: rgb(243, 247, 217);
  color: #adca00;
}
.bloglist .bloglist-page .post.news.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.news .post__ttl {
  background: #E9ECF6;
  background: rgb(233, 236, 246);
  color: #6b81c3;
}
.bloglist .bloglist-page .post.newslist.post {
  border-top: 2px solid #d3d3d4;
}
.bloglist .bloglist-page .post.newslist .post__ttl {
  background: #E5F4F9;
  background: rgb(229, 244, 249);
  color: #33bedb;
}
.bloglist .bloglist-page .post .more {
  font-family: source-han-serif-japanese, serif;
  position: static;
  top: 19px;
  right: 0;
  width: 64px;
  height: 16px;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0em;
  line-height: 1.33;
  margin: 18px auto 0;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .post .more {
    display: block;
    width: 90px;
    height: 25px;
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
}
.bloglist .bloglist-page .post .more a {
  display: block;
  padding: 5px 0;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .post .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 0.9375rem;
  }
}
.bloglist .bloglist-page .post .more a::after {
  display: inline-block;
  width: 4px;
  height: 10px;
  margin-left: 7px;
  background-image: url("../images/common/icon_arrow-right-02.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.bloglist .bloglist-page .sec03 {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bloglist .bloglist-page .sec03 {
    margin-top: 64px;
  }
}
.bloglist .bloglist-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .outline {
    width: 846px;
  }
}
.bloglist .bloglist-page .sec03 .club__list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
}
.bloglist .bloglist-page .sec03 .club__item {
  background-color: #f7fbfe;
  border-bottom: 1px solid #65bbd8;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .club__item {
    width: calc(100% / 3 - 10px);
    padding-bottom: 20px;
    margin-bottom: 0;
  }
}
.bloglist .bloglist-page .sec03 .club__item:last-of-type {
  margin-bottom: 0;
}
.bloglist .bloglist-page .sec03 .club__item a {
  text-align: center;
  display: block;
}
.bloglist .bloglist-page .sec03 .club__img {
  margin-bottom: 10px;
}
.bloglist .bloglist-page .sec03 .club__ttl {
  color: #1d2482;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .club__ttl {
    font-size: 1rem;
  }
}
.bloglist .bloglist-page .sec03 .club__ttl small {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .club__ttl small {
    font-size: 0.75rem;
  }
}
.bloglist .bloglist-page .sec03 .club__txt {
  font-size: 0.875rem;
  color: #4f4644;
  position: relative;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .club__txt {
    font-size: 0.875rem;
  }
}
.bloglist .bloglist-page .sec03 .club__txt img {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 8px;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .bloglist .bloglist-page .sec03 .club__txt img {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    margin-left: 5px;
  }
}

.club .page-ttl-imgarea::after {
  background-image: url(../../assets/images/blogs/clubblog_eyecatch_xs.png);
}
@media screen and (min-width: 768px) {
  .club .page-ttl-imgarea::after {
    background-image: url(../../assets/images/blogs/clubblog_eyecatch.png);
  }
}
.club .l-box {
  margin-left: 36.5px;
  margin-right: 36.5px;
}
@media screen and (min-width: 1033px) {
  .club .l-box {
    margin-left: calc((100% - 960px) / 2);
    margin-right: calc((100% - 960px) / 2);
  }
}
.club .l-box-short {
  margin-left: 36.5px;
  margin-right: 36.5px;
}
@media screen and (min-width: 933px) {
  .club .l-box-short {
    margin-left: calc((100% - 860px) / 2);
    margin-right: calc((100% - 860px) / 2);
  }
}
.club .sec01 {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .club .sec01 {
    margin-top: 55px;
  }
}
.club .sec01 .ttl__style01-wrap {
  padding-top: 35px;
  padding-bottom: 27px;
}
@media screen and (min-width: 768px) {
  .club .sec01 .ttl__style01-wrap {
    padding-bottom: 48px;
  }
}
.club .sec01 .top__lead__info {
  border: none;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.club .sec01 .top__school {
  margin-top: 23px;
  padding-bottom: 90px;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .club .sec01 .top__school {
    margin-top: 42px;
    padding-bottom: 170px;
  }
}
.club .sec01 .more {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  position: static;
}
.club .sec01 .more--shadow {
  width: auto;
}
@media screen and (min-width: 768px) {
  .club .sec01 .more--shadow {
    width: 540px;
  }
}
.club .sec01 .more--shadow a {
  display: block;
}
.club .sec01__txt {
  font-size: 14px;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (min-width: 768px) {
  .club .sec01__txt {
    font-size: 16px;
  }
}
.club .sec01__box {
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  padding-top: 16px;
  padding-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .club .sec01__box {
    padding-top: 31px;
    padding-bottom: 15px;
  }
}
.club .sec01__box02 {
  border: 1px solid #e48d7f;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.club .sec01__box02 > div {
  display: flex;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > div {
    align-items: center;
  }
}
.club .sec01__box02 > div img {
  width: 51px;
  height: 51px;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > div img {
    width: 66px;
    height: 66px;
  }
}
.club .sec01__box02 > div > div {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > div > div {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 15px;
  }
}
.club .sec01__box02 > div > div p:nth-of-type(1) {
  color: #e48d7f;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  display: block;
}
.club .sec01__box02 > div > div p:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > div > div p:nth-of-type(2) {
    display: block;
    font-size: 13px;
    margin-top: 10px;
    margin-left: 5px;
    width: 100%;
    line-height: 1.5;
  }
}
.club .sec01__box02 > div > div span {
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > div > div span {
    font-size: 13px;
    margin-top: 0;
    margin-left: 5px;
  }
}
.club .sec01__box02 > p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .club .sec01__box02 > p {
    display: none;
  }
}
.club .sec01__item {
  background-color: #FAF9FB;
  font-size: 0;
}
@media screen and (min-width: 768px) {
  .club .sec01__item:nth-of-type(even) {
    background-color: #fff;
  }
}
.club .sec01__item a {
  display: block;
}
@media screen and (min-width: 768px) {
  .club .sec01__item a {
    display: inline-block;
  }
}
.club .sec01__item time {
  display: inline-block;
  font-family: roboto, sans-serif;
  color: #595858;
  font-size: 12px;
  padding: 2px 8px 2px 7px;
}
@media screen and (min-width: 768px) {
  .club .sec01__item time {
    font-size: 15px;
    padding: 0 9px 0 15px;
  }
}
.club .sec01__item span {
  display: inline-block;
  font-weight: 500;
  font-size: 10px;
  color: #fff;
  height: 16px;
  line-height: 16px;
  background-color: #ADCA00;
  border-radius: 4px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .club .sec01__item span {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    border-radius: 6px;
    padding: 0 15px;
    margin-right: 10px;
  }
}
.club .sec01__item p {
  font-size: 13px;
  background-color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .club .sec01__item p {
    display: inline-block;
    font-size: 16px;
    background-color: transparent;
    padding-left: 15px;
    overflow: visible;
  }
}
.club .sec01__box-btn01 {
  text-align: center;
}
.club .sec02 {
  margin-bottom: 47px;
  font-size: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .club .sec02 {
    margin-bottom: 64px;
  }
}
.club .sec02__item {
  height: 50px;
  display: block;
  border-radius: 6px;
  background-color: #63B4F2;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  color: #fff;
  margin: 0 18px 16px;
}
@media screen and (min-width: 768px) {
  .club .sec02__item {
    width: 49%;
    display: inline-block;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    margin: 0 0 31px;
  }
}
@media screen and (min-width: 768px) {
  .club .sec02__item:nth-of-type(2) {
    margin-left: 2%;
  }
}
.club .sec02__item:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .club .sec02__item:last-of-type {
    width: 35%;
  }
}
.club .sec03 {
  background-color: rgba(104, 199, 242, 0.1);
  background-image: radial-gradient(#f8fcff 30%, transparent 30%);
  background-size: 13px 11px;
  padding-top: 16px;
  padding-bottom: 48px;
}
@media screen and (min-width: 768px) {
  .club .sec03 {
    padding-top: 30px;
    padding-bottom: 96px;
  }
}
.club .sec03 .ttl__style01-wrap {
  padding-top: 20px;
  padding-bottom: 27px;
}
@media screen and (min-width: 768px) {
  .club .sec03 .ttl__style01-wrap {
    padding-top: 28px;
    padding-bottom: 46px;
  }
}
@media screen and (min-width: 768px) {
  .club .sec03 .ttl__style01-wrap--short {
    padding-bottom: 22px;
  }
}
.club .sec03 button {
  text-align: left;
}
.club .sec03 button:hover {
  opacity: 0.7;
}
.club .clubbox {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .club .clubbox {
    margin-left: -1%;
    margin-right: -1%;
  }
}
@media screen and (min-width: 1033px) {
  .club .clubbox {
    margin-right: -0.66%;
    margin-left: -0.66%;
  }
}
.club .club-card {
  font-size: 0;
  overflow: hidden;
  margin-bottom: 32px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .club .club-card {
    width: 48%;
    margin: 0 1% 30px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .club .club-card {
    margin-right: 0.66%;
    margin-left: 0.66%;
    width: 32%;
  }
}
.club .club-card:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .club .club-card:last-of-type {
    margin-bottom: 30px;
  }
}
.club .club-card img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .club .club-card img {
    height: 311px;
  }
}
.club .club-card__h-box {
  min-height: 45px;
  padding-left: 15px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.club .club-card__h {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-top: 2px;
  margin-right: auto;
}
.club .club-card__h small {
  font-size: 12px;
}
.club .post2 {
  background-color: #fff;
  border-bottom: 2px solid #63B4F2;
  padding: 5px 15px 12px;
}
@media screen and (min-width: 768px) {
  .club .post2 {
    padding-bottom: 20px;
  }
}
.club .post2__h {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .club .post2__h {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.club .post2__txt {
  font-size: 16px;
  line-height: 1.75;
  text-align: justify;
  text-justify: inter-ideograph;
}
.club .btn {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  background-color: #878788;
  color: #fff;
  height: 30px;
  width: 75px;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  padding-left: 6px;
  margin-right: 10px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.club .btn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  display: block;
  width: 23px;
  height: 20px;
  background-image: url(../../assets/images/schoollife/club/icon_youtube.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.club .btn--sns::before {
  top: 6px;
  transform: translateY(0);
  width: 22px;
  height: 23px;
  background-image: url(../../assets/images/schoollife/club/icon_sns.png);
}
.club .btn--blog::before {
  width: 22px;
  height: 21px;
  background-image: url(../../assets/images/schoollife/club/icon_blog.png);
}
.club .detail {
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
.club .detail__box {
  display: none;
  padding: 5px 14px 8px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (min-width: 768px) {
  .club .detail__box {
    padding: 5px 15px 10px;
  }
}
.club .detail__box table {
  color: #595858;
  font-size: 14px;
  line-height: 1.7;
  width: 100%;
}
.club .detail__box th {
  width: 70px;
  font-weight: normal;
}
.club .detail .detail__btn::after, .club .detail .detail__btn::before {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 2px;
  right: 15px;
  top: 50%;
  background-color: #63B4F2;
  transition: transform 0.3s;
}
.club .detail__btn {
  width: 100%;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #63B4F2;
  height: 40px;
  cursor: pointer;
  padding-left: 15px;
  line-height: 38px;
  text-align: left;
}
.club .detail__btn::before {
  transform: translateY(-50%);
}
.club .detail__btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.club .detail__btn.open::before {
  transform: rotate(45deg);
  background-color: #C8C8C8;
}
.club .detail__btn.open::after {
  transform: rotate(135deg);
  background-color: #C8C8C8;
}
.club .detail__bar {
  display: block;
  height: 2px;
  background-color: #63B4F2;
}
.club .detail__txt {
  font-size: 16px;
  line-height: 1.75;
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 13px;
  margin-bottom: 12px;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.information .lnav,
.certificate .lnav,
.polic .lnav,
.parents .lnav,
.knowledge .lnav,
.bullying-prevention .lnav,
.privacy .lnav,
.disclosure .lnav,
.alumni .lnav,
.recruitment .lnav {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .information .lnav,
  .certificate .lnav,
  .polic .lnav,
  .parents .lnav,
  .knowledge .lnav,
  .bullying-prevention .lnav,
  .privacy .lnav,
  .disclosure .lnav,
  .alumni .lnav,
  .recruitment .lnav {
    margin-top: 35px;
  }
}
.information .lnav .outline,
.certificate .lnav .outline,
.polic .lnav .outline,
.parents .lnav .outline,
.knowledge .lnav .outline,
.bullying-prevention .lnav .outline,
.privacy .lnav .outline,
.disclosure .lnav .outline,
.alumni .lnav .outline,
.recruitment .lnav .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .information .lnav .outline,
  .certificate .lnav .outline,
  .polic .lnav .outline,
  .parents .lnav .outline,
  .knowledge .lnav .outline,
  .bullying-prevention .lnav .outline,
  .privacy .lnav .outline,
  .disclosure .lnav .outline,
  .alumni .lnav .outline,
  .recruitment .lnav .outline {
    width: 860px;
  }
}
.information .lnav__list,
.certificate .lnav__list,
.polic .lnav__list,
.parents .lnav__list,
.knowledge .lnav__list,
.bullying-prevention .lnav__list,
.privacy .lnav__list,
.disclosure .lnav__list,
.alumni .lnav__list,
.recruitment .lnav__list {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .information .lnav__list,
  .certificate .lnav__list,
  .polic .lnav__list,
  .parents .lnav__list,
  .knowledge .lnav__list,
  .bullying-prevention .lnav__list,
  .privacy .lnav__list,
  .disclosure .lnav__list,
  .alumni .lnav__list,
  .recruitment .lnav__list {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.information .lnav__list.colmn__4,
.certificate .lnav__list.colmn__4,
.polic .lnav__list.colmn__4,
.parents .lnav__list.colmn__4,
.knowledge .lnav__list.colmn__4,
.bullying-prevention .lnav__list.colmn__4,
.privacy .lnav__list.colmn__4,
.disclosure .lnav__list.colmn__4,
.alumni .lnav__list.colmn__4,
.recruitment .lnav__list.colmn__4 {
  -moz-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .information .lnav__list.colmn__4,
  .certificate .lnav__list.colmn__4,
  .polic .lnav__list.colmn__4,
  .parents .lnav__list.colmn__4,
  .knowledge .lnav__list.colmn__4,
  .bullying-prevention .lnav__list.colmn__4,
  .privacy .lnav__list.colmn__4,
  .disclosure .lnav__list.colmn__4,
  .alumni .lnav__list.colmn__4,
  .recruitment .lnav__list.colmn__4 {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.information .lnav__list.colmn__4 li,
.certificate .lnav__list.colmn__4 li,
.polic .lnav__list.colmn__4 li,
.parents .lnav__list.colmn__4 li,
.knowledge .lnav__list.colmn__4 li,
.bullying-prevention .lnav__list.colmn__4 li,
.privacy .lnav__list.colmn__4 li,
.disclosure .lnav__list.colmn__4 li,
.alumni .lnav__list.colmn__4 li,
.recruitment .lnav__list.colmn__4 li {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .information .lnav__list.colmn__4 li,
  .certificate .lnav__list.colmn__4 li,
  .polic .lnav__list.colmn__4 li,
  .parents .lnav__list.colmn__4 li,
  .knowledge .lnav__list.colmn__4 li,
  .bullying-prevention .lnav__list.colmn__4 li,
  .privacy .lnav__list.colmn__4 li,
  .disclosure .lnav__list.colmn__4 li,
  .alumni .lnav__list.colmn__4 li,
  .recruitment .lnav__list.colmn__4 li {
    margin-top: 20px;
    width: calc((100% - 20px) / 2);
  }
}
.information .lnav__list.colmn__4 li:nth-of-type(1),
.certificate .lnav__list.colmn__4 li:nth-of-type(1),
.polic .lnav__list.colmn__4 li:nth-of-type(1),
.parents .lnav__list.colmn__4 li:nth-of-type(1),
.knowledge .lnav__list.colmn__4 li:nth-of-type(1),
.bullying-prevention .lnav__list.colmn__4 li:nth-of-type(1),
.privacy .lnav__list.colmn__4 li:nth-of-type(1),
.disclosure .lnav__list.colmn__4 li:nth-of-type(1),
.alumni .lnav__list.colmn__4 li:nth-of-type(1),
.recruitment .lnav__list.colmn__4 li:nth-of-type(1) {
  margin-top: 0;
}
.information .lnav__list.colmn__4 li:nth-of-type(2),
.certificate .lnav__list.colmn__4 li:nth-of-type(2),
.polic .lnav__list.colmn__4 li:nth-of-type(2),
.parents .lnav__list.colmn__4 li:nth-of-type(2),
.knowledge .lnav__list.colmn__4 li:nth-of-type(2),
.bullying-prevention .lnav__list.colmn__4 li:nth-of-type(2),
.privacy .lnav__list.colmn__4 li:nth-of-type(2),
.disclosure .lnav__list.colmn__4 li:nth-of-type(2),
.alumni .lnav__list.colmn__4 li:nth-of-type(2),
.recruitment .lnav__list.colmn__4 li:nth-of-type(2) {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .information .lnav__list.colmn__4 li:nth-of-type(2),
  .certificate .lnav__list.colmn__4 li:nth-of-type(2),
  .polic .lnav__list.colmn__4 li:nth-of-type(2),
  .parents .lnav__list.colmn__4 li:nth-of-type(2),
  .knowledge .lnav__list.colmn__4 li:nth-of-type(2),
  .bullying-prevention .lnav__list.colmn__4 li:nth-of-type(2),
  .privacy .lnav__list.colmn__4 li:nth-of-type(2),
  .disclosure .lnav__list.colmn__4 li:nth-of-type(2),
  .alumni .lnav__list.colmn__4 li:nth-of-type(2),
  .recruitment .lnav__list.colmn__4 li:nth-of-type(2) {
    margin-top: 0;
  }
}
.information .lnav__list.colmn__3 li,
.certificate .lnav__list.colmn__3 li,
.polic .lnav__list.colmn__3 li,
.parents .lnav__list.colmn__3 li,
.knowledge .lnav__list.colmn__3 li,
.bullying-prevention .lnav__list.colmn__3 li,
.privacy .lnav__list.colmn__3 li,
.disclosure .lnav__list.colmn__3 li,
.alumni .lnav__list.colmn__3 li,
.recruitment .lnav__list.colmn__3 li {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .information .lnav__list.colmn__3 li,
  .certificate .lnav__list.colmn__3 li,
  .polic .lnav__list.colmn__3 li,
  .parents .lnav__list.colmn__3 li,
  .knowledge .lnav__list.colmn__3 li,
  .bullying-prevention .lnav__list.colmn__3 li,
  .privacy .lnav__list.colmn__3 li,
  .disclosure .lnav__list.colmn__3 li,
  .alumni .lnav__list.colmn__3 li,
  .recruitment .lnav__list.colmn__3 li {
    width: calc((100% - 60px) / 3);
    margin-top: 0;
  }
}
.information .lnav__list.colmn__3 li:first-of-type,
.certificate .lnav__list.colmn__3 li:first-of-type,
.polic .lnav__list.colmn__3 li:first-of-type,
.parents .lnav__list.colmn__3 li:first-of-type,
.knowledge .lnav__list.colmn__3 li:first-of-type,
.bullying-prevention .lnav__list.colmn__3 li:first-of-type,
.privacy .lnav__list.colmn__3 li:first-of-type,
.disclosure .lnav__list.colmn__3 li:first-of-type,
.alumni .lnav__list.colmn__3 li:first-of-type,
.recruitment .lnav__list.colmn__3 li:first-of-type {
  margin-top: 0;
}
.information .lnav__list.colmn__2 li,
.certificate .lnav__list.colmn__2 li,
.polic .lnav__list.colmn__2 li,
.parents .lnav__list.colmn__2 li,
.knowledge .lnav__list.colmn__2 li,
.bullying-prevention .lnav__list.colmn__2 li,
.privacy .lnav__list.colmn__2 li,
.disclosure .lnav__list.colmn__2 li,
.alumni .lnav__list.colmn__2 li,
.recruitment .lnav__list.colmn__2 li {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .information .lnav__list.colmn__2 li,
  .certificate .lnav__list.colmn__2 li,
  .polic .lnav__list.colmn__2 li,
  .parents .lnav__list.colmn__2 li,
  .knowledge .lnav__list.colmn__2 li,
  .bullying-prevention .lnav__list.colmn__2 li,
  .privacy .lnav__list.colmn__2 li,
  .disclosure .lnav__list.colmn__2 li,
  .alumni .lnav__list.colmn__2 li,
  .recruitment .lnav__list.colmn__2 li {
    width: calc((100% - 30px) / 2);
    margin-top: 0;
  }
}
.information .lnav__list.colmn__2 li:first-of-type,
.certificate .lnav__list.colmn__2 li:first-of-type,
.polic .lnav__list.colmn__2 li:first-of-type,
.parents .lnav__list.colmn__2 li:first-of-type,
.knowledge .lnav__list.colmn__2 li:first-of-type,
.bullying-prevention .lnav__list.colmn__2 li:first-of-type,
.privacy .lnav__list.colmn__2 li:first-of-type,
.disclosure .lnav__list.colmn__2 li:first-of-type,
.alumni .lnav__list.colmn__2 li:first-of-type,
.recruitment .lnav__list.colmn__2 li:first-of-type {
  margin-top: 0;
}
.information .lnav__item,
.certificate .lnav__item,
.polic .lnav__item,
.parents .lnav__item,
.knowledge .lnav__item,
.bullying-prevention .lnav__item,
.privacy .lnav__item,
.disclosure .lnav__item,
.alumni .lnav__item,
.recruitment .lnav__item {
  width: 100%;
}
.information .lnav__item a,
.certificate .lnav__item a,
.polic .lnav__item a,
.parents .lnav__item a,
.knowledge .lnav__item a,
.bullying-prevention .lnav__item a,
.privacy .lnav__item a,
.disclosure .lnav__item a,
.alumni .lnav__item a,
.recruitment .lnav__item a {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  font-size: 0.8125rem;
  border-radius: 6px;
  line-height: 1.875em;
}
@media screen and (min-width: 768px) {
  .information .lnav__item a,
  .certificate .lnav__item a,
  .polic .lnav__item a,
  .parents .lnav__item a,
  .knowledge .lnav__item a,
  .bullying-prevention .lnav__item a,
  .privacy .lnav__item a,
  .disclosure .lnav__item a,
  .alumni .lnav__item a,
  .recruitment .lnav__item a {
    font-size: 1rem;
    padding: 14px 0;
  }
}
.information .lnav__item a::after,
.certificate .lnav__item a::after,
.polic .lnav__item a::after,
.parents .lnav__item a::after,
.knowledge .lnav__item a::after,
.bullying-prevention .lnav__item a::after,
.privacy .lnav__item a::after,
.disclosure .lnav__item a::after,
.alumni .lnav__item a::after,
.recruitment .lnav__item a::after {
  right: 10px;
  font-size: 0.625rem;
}
.information .inquiry,
.certificate .inquiry,
.polic .inquiry,
.parents .inquiry,
.knowledge .inquiry,
.bullying-prevention .inquiry,
.privacy .inquiry,
.disclosure .inquiry,
.alumni .inquiry,
.recruitment .inquiry {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #f3f8fd;
  border-radius: 6px;
  padding: 15px;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .information .inquiry,
  .certificate .inquiry,
  .polic .inquiry,
  .parents .inquiry,
  .knowledge .inquiry,
  .bullying-prevention .inquiry,
  .privacy .inquiry,
  .disclosure .inquiry,
  .alumni .inquiry,
  .recruitment .inquiry {
    width: 560px;
    margin-top: 64px;
    padding: 15px 15px 30px;
  }
}
.information .inquiry__ttl,
.certificate .inquiry__ttl,
.polic .inquiry__ttl,
.parents .inquiry__ttl,
.knowledge .inquiry__ttl,
.bullying-prevention .inquiry__ttl,
.privacy .inquiry__ttl,
.disclosure .inquiry__ttl,
.alumni .inquiry__ttl,
.recruitment .inquiry__ttl {
  font-size: 0.8125rem;
  background-color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 10px;
  color: #1d2088;
  line-height: 1;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .information .inquiry__ttl,
  .certificate .inquiry__ttl,
  .polic .inquiry__ttl,
  .parents .inquiry__ttl,
  .knowledge .inquiry__ttl,
  .bullying-prevention .inquiry__ttl,
  .privacy .inquiry__ttl,
  .disclosure .inquiry__ttl,
  .alumni .inquiry__ttl,
  .recruitment .inquiry__ttl {
    font-size: 0.875rem;
  }
}
.information .inquiry__txt,
.certificate .inquiry__txt,
.polic .inquiry__txt,
.parents .inquiry__txt,
.knowledge .inquiry__txt,
.bullying-prevention .inquiry__txt,
.privacy .inquiry__txt,
.disclosure .inquiry__txt,
.alumni .inquiry__txt,
.recruitment .inquiry__txt {
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .information .inquiry__txt,
  .certificate .inquiry__txt,
  .polic .inquiry__txt,
  .parents .inquiry__txt,
  .knowledge .inquiry__txt,
  .bullying-prevention .inquiry__txt,
  .privacy .inquiry__txt,
  .disclosure .inquiry__txt,
  .alumni .inquiry__txt,
  .recruitment .inquiry__txt {
    font-size: 1rem;
  }
}
.information .inquiry__tel,
.certificate .inquiry__tel,
.polic .inquiry__tel,
.parents .inquiry__tel,
.knowledge .inquiry__tel,
.bullying-prevention .inquiry__tel,
.privacy .inquiry__tel,
.disclosure .inquiry__tel,
.alumni .inquiry__tel,
.recruitment .inquiry__tel {
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .information .inquiry__tel,
  .certificate .inquiry__tel,
  .polic .inquiry__tel,
  .parents .inquiry__tel,
  .knowledge .inquiry__tel,
  .bullying-prevention .inquiry__tel,
  .privacy .inquiry__tel,
  .disclosure .inquiry__tel,
  .alumni .inquiry__tel,
  .recruitment .inquiry__tel {
    font-size: 0.875rem;
  }
}
.information .pagination,
.certificate .pagination,
.polic .pagination,
.parents .pagination,
.knowledge .pagination,
.bullying-prevention .pagination,
.privacy .pagination,
.disclosure .pagination,
.alumni .pagination,
.recruitment .pagination {
  font-size: 1.2rem;
  padding-bottom: 4rem;
  padding-bottom: 0;
  font-weight: 700;
  font-size: 1rem;
  font-family: Helvetica Neue, sans-serif;
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .information .pagination,
  .certificate .pagination,
  .polic .pagination,
  .parents .pagination,
  .knowledge .pagination,
  .bullying-prevention .pagination,
  .privacy .pagination,
  .disclosure .pagination,
  .alumni .pagination,
  .recruitment .pagination {
    padding-bottom: 16rem;
    font-size: 1.6rem;
    margin-top: 45px;
    padding-bottom: 0;
  }
}
.information .pagination .screen-reader-text,
.certificate .pagination .screen-reader-text,
.polic .pagination .screen-reader-text,
.parents .pagination .screen-reader-text,
.knowledge .pagination .screen-reader-text,
.bullying-prevention .pagination .screen-reader-text,
.privacy .pagination .screen-reader-text,
.disclosure .pagination .screen-reader-text,
.alumni .pagination .screen-reader-text,
.recruitment .pagination .screen-reader-text {
  display: none;
}
.information .pagination .nav-links,
.certificate .pagination .nav-links,
.polic .pagination .nav-links,
.parents .pagination .nav-links,
.knowledge .pagination .nav-links,
.bullying-prevention .pagination .nav-links,
.privacy .pagination .nav-links,
.disclosure .pagination .nav-links,
.alumni .pagination .nav-links,
.recruitment .pagination .nav-links {
  display: inline-flex;
}
.information .pagination .next,
.certificate .pagination .next,
.polic .pagination .next,
.parents .pagination .next,
.knowledge .pagination .next,
.bullying-prevention .pagination .next,
.privacy .pagination .next,
.disclosure .pagination .next,
.alumni .pagination .next,
.recruitment .pagination .next {
  margin-left: 1.6rem;
}
@media screen and (min-width: 768px) {
  .information .pagination .next,
  .certificate .pagination .next,
  .polic .pagination .next,
  .parents .pagination .next,
  .knowledge .pagination .next,
  .bullying-prevention .pagination .next,
  .privacy .pagination .next,
  .disclosure .pagination .next,
  .alumni .pagination .next,
  .recruitment .pagination .next {
    margin-left: 2.8rem;
  }
}
.information .pagination .prev,
.certificate .pagination .prev,
.polic .pagination .prev,
.parents .pagination .prev,
.knowledge .pagination .prev,
.bullying-prevention .pagination .prev,
.privacy .pagination .prev,
.disclosure .pagination .prev,
.alumni .pagination .prev,
.recruitment .pagination .prev {
  margin-right: 1.6rem;
}
@media screen and (min-width: 768px) {
  .information .pagination .prev,
  .certificate .pagination .prev,
  .polic .pagination .prev,
  .parents .pagination .prev,
  .knowledge .pagination .prev,
  .bullying-prevention .pagination .prev,
  .privacy .pagination .prev,
  .disclosure .pagination .prev,
  .alumni .pagination .prev,
  .recruitment .pagination .prev {
    margin-right: 2.8rem;
  }
}
.information .pagination .page-numbers,
.certificate .pagination .page-numbers,
.polic .pagination .page-numbers,
.parents .pagination .page-numbers,
.knowledge .pagination .page-numbers,
.bullying-prevention .pagination .page-numbers,
.privacy .pagination .page-numbers,
.disclosure .pagination .page-numbers,
.alumni .pagination .page-numbers,
.recruitment .pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0.3rem;
  font-size: 1rem;
  font-weight: 400;
  background-color: #fff;
  color: #63b4f2;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .information .pagination .page-numbers,
  .certificate .pagination .page-numbers,
  .polic .pagination .page-numbers,
  .parents .pagination .page-numbers,
  .knowledge .pagination .page-numbers,
  .bullying-prevention .pagination .page-numbers,
  .privacy .pagination .page-numbers,
  .disclosure .pagination .page-numbers,
  .alumni .pagination .page-numbers,
  .recruitment .pagination .page-numbers {
    width: 3rem;
    height: 3rem;
    margin: 0 0.4rem;
  }
}
.information .pagination .page-numbers:hover,
.certificate .pagination .page-numbers:hover,
.polic .pagination .page-numbers:hover,
.parents .pagination .page-numbers:hover,
.knowledge .pagination .page-numbers:hover,
.bullying-prevention .pagination .page-numbers:hover,
.privacy .pagination .page-numbers:hover,
.disclosure .pagination .page-numbers:hover,
.alumni .pagination .page-numbers:hover,
.recruitment .pagination .page-numbers:hover {
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}
.information .pagination .page-numbers.next, .information .pagination .page-numbers.prev,
.certificate .pagination .page-numbers.next,
.certificate .pagination .page-numbers.prev,
.polic .pagination .page-numbers.next,
.polic .pagination .page-numbers.prev,
.parents .pagination .page-numbers.next,
.parents .pagination .page-numbers.prev,
.knowledge .pagination .page-numbers.next,
.knowledge .pagination .page-numbers.prev,
.bullying-prevention .pagination .page-numbers.next,
.bullying-prevention .pagination .page-numbers.prev,
.privacy .pagination .page-numbers.next,
.privacy .pagination .page-numbers.prev,
.disclosure .pagination .page-numbers.next,
.disclosure .pagination .page-numbers.prev,
.alumni .pagination .page-numbers.next,
.alumni .pagination .page-numbers.prev,
.recruitment .pagination .page-numbers.next,
.recruitment .pagination .page-numbers.prev {
  border: none;
}
.information .pagination .page-numbers.next:hover, .information .pagination .page-numbers.prev:hover,
.certificate .pagination .page-numbers.next:hover,
.certificate .pagination .page-numbers.prev:hover,
.polic .pagination .page-numbers.next:hover,
.polic .pagination .page-numbers.prev:hover,
.parents .pagination .page-numbers.next:hover,
.parents .pagination .page-numbers.prev:hover,
.knowledge .pagination .page-numbers.next:hover,
.knowledge .pagination .page-numbers.prev:hover,
.bullying-prevention .pagination .page-numbers.next:hover,
.bullying-prevention .pagination .page-numbers.prev:hover,
.privacy .pagination .page-numbers.next:hover,
.privacy .pagination .page-numbers.prev:hover,
.disclosure .pagination .page-numbers.next:hover,
.disclosure .pagination .page-numbers.prev:hover,
.alumni .pagination .page-numbers.next:hover,
.alumni .pagination .page-numbers.prev:hover,
.recruitment .pagination .page-numbers.next:hover,
.recruitment .pagination .page-numbers.prev:hover {
  border: none;
  background: none;
  color: #fff;
  border-right-color: #daebfa;
  border-bottom-color: #daebfa;
}
.information .pagination .page-numbers.dots:hover,
.certificate .pagination .page-numbers.dots:hover,
.polic .pagination .page-numbers.dots:hover,
.parents .pagination .page-numbers.dots:hover,
.knowledge .pagination .page-numbers.dots:hover,
.bullying-prevention .pagination .page-numbers.dots:hover,
.privacy .pagination .page-numbers.dots:hover,
.disclosure .pagination .page-numbers.dots:hover,
.alumni .pagination .page-numbers.dots:hover,
.recruitment .pagination .page-numbers.dots:hover {
  color: #63b4f2;
  border: none;
  background: none;
}
.information .pagination .page-numbers .next-arrow,
.information .pagination .page-numbers .prev-arrow,
.certificate .pagination .page-numbers .next-arrow,
.certificate .pagination .page-numbers .prev-arrow,
.polic .pagination .page-numbers .next-arrow,
.polic .pagination .page-numbers .prev-arrow,
.parents .pagination .page-numbers .next-arrow,
.parents .pagination .page-numbers .prev-arrow,
.knowledge .pagination .page-numbers .next-arrow,
.knowledge .pagination .page-numbers .prev-arrow,
.bullying-prevention .pagination .page-numbers .next-arrow,
.bullying-prevention .pagination .page-numbers .prev-arrow,
.privacy .pagination .page-numbers .next-arrow,
.privacy .pagination .page-numbers .prev-arrow,
.disclosure .pagination .page-numbers .next-arrow,
.disclosure .pagination .page-numbers .prev-arrow,
.alumni .pagination .page-numbers .next-arrow,
.alumni .pagination .page-numbers .prev-arrow,
.recruitment .pagination .page-numbers .next-arrow,
.recruitment .pagination .page-numbers .prev-arrow {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 0.1rem solid #2664FC;
  border-bottom: 0.1rem solid #2664FC;
}
@media screen and (min-width: 768px) {
  .information .pagination .page-numbers .next-arrow,
  .information .pagination .page-numbers .prev-arrow,
  .certificate .pagination .page-numbers .next-arrow,
  .certificate .pagination .page-numbers .prev-arrow,
  .polic .pagination .page-numbers .next-arrow,
  .polic .pagination .page-numbers .prev-arrow,
  .parents .pagination .page-numbers .next-arrow,
  .parents .pagination .page-numbers .prev-arrow,
  .knowledge .pagination .page-numbers .next-arrow,
  .knowledge .pagination .page-numbers .prev-arrow,
  .bullying-prevention .pagination .page-numbers .next-arrow,
  .bullying-prevention .pagination .page-numbers .prev-arrow,
  .privacy .pagination .page-numbers .next-arrow,
  .privacy .pagination .page-numbers .prev-arrow,
  .disclosure .pagination .page-numbers .next-arrow,
  .disclosure .pagination .page-numbers .prev-arrow,
  .alumni .pagination .page-numbers .next-arrow,
  .alumni .pagination .page-numbers .prev-arrow,
  .recruitment .pagination .page-numbers .next-arrow,
  .recruitment .pagination .page-numbers .prev-arrow {
    width: 1rem;
    height: 1rem;
  }
}
.information .pagination .page-numbers .prev-arrow,
.certificate .pagination .page-numbers .prev-arrow,
.polic .pagination .page-numbers .prev-arrow,
.parents .pagination .page-numbers .prev-arrow,
.knowledge .pagination .page-numbers .prev-arrow,
.bullying-prevention .pagination .page-numbers .prev-arrow,
.privacy .pagination .page-numbers .prev-arrow,
.disclosure .pagination .page-numbers .prev-arrow,
.alumni .pagination .page-numbers .prev-arrow,
.recruitment .pagination .page-numbers .prev-arrow {
  margin-left: 0.5rem;
  transform: rotate(135deg);
}
.information .pagination .page-numbers .next-arrow,
.certificate .pagination .page-numbers .next-arrow,
.polic .pagination .page-numbers .next-arrow,
.parents .pagination .page-numbers .next-arrow,
.knowledge .pagination .page-numbers .next-arrow,
.bullying-prevention .pagination .page-numbers .next-arrow,
.privacy .pagination .page-numbers .next-arrow,
.disclosure .pagination .page-numbers .next-arrow,
.alumni .pagination .page-numbers .next-arrow,
.recruitment .pagination .page-numbers .next-arrow {
  margin-right: 0.5rem;
  transform: rotate(-45deg);
}
.information .pagination .current,
.certificate .pagination .current,
.polic .pagination .current,
.parents .pagination .current,
.knowledge .pagination .current,
.bullying-prevention .pagination .current,
.privacy .pagination .current,
.disclosure .pagination .current,
.alumni .pagination .current,
.recruitment .pagination .current {
  border-radius: 50%;
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}
.information .back-btn,
.certificate .back-btn,
.polic .back-btn,
.parents .back-btn,
.knowledge .back-btn,
.bullying-prevention .back-btn,
.privacy .back-btn,
.disclosure .back-btn,
.alumni .back-btn,
.recruitment .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .information .back-btn,
  .certificate .back-btn,
  .polic .back-btn,
  .parents .back-btn,
  .knowledge .back-btn,
  .bullying-prevention .back-btn,
  .privacy .back-btn,
  .disclosure .back-btn,
  .alumni .back-btn,
  .recruitment .back-btn {
    margin: 95px auto;
  }
}

.alumni .alumni-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page {
    padding-top: 105px;
  }
}
.alumni .alumni-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .outline {
    width: 860px;
  }
}
.alumni .alumni-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.alumni .alumni-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.alumni .alumni-page .sec01__btn {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  font-weight: 500;
  display: flex;
  padding: 18px 0;
  border-radius: 10px;
  font-size: 0.875rem;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01__btn {
    border-radius: 10px;
    font-size: 1.25rem;
    padding: 25px 0;
    width: 560px;
    margin-top: 65px;
  }
}
.alumni .alumni-page .sec01__btn i {
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01__btn i {
    font-size: 1.125rem;
  }
}
.alumni .alumni-page .sec01__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
.alumni .alumni-page .sec01 .post__list {
  margin-top: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #63b4f2;
  border-bottom: 1px solid #63b4f2;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__list {
    margin-top: 65px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.alumni .alumni-page .sec01 .post__item {
  padding: 10px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__item {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
}
.alumni .alumni-page .sec01 .post__item:nth-of-type(2n+1) {
  background-color: #fbfafc;
}
.alumni .alumni-page .sec01 .post__day {
  color: #231815;
  line-height: 1;
  font-size: 0.875rem;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__day {
    font-size: 0.9375rem;
  }
}
.alumni .alumni-page .sec01 .post__icon {
  font-size: 0.6875rem;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1;
  background-color: #a58daa;
  padding: 6px 10px 6px;
  margin-left: 13px;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__icon {
    font-size: 0.75rem;
    padding: 5px 20px;
  }
}
.alumni .alumni-page .sec01 .post__document {
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  padding: 2px 5px;
  font-size: 0.625rem;
  display: block;
  text-align: center;
  font-weight: 500;
  width: 60px;
  height: 28px;
  margin-left: 1rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__document {
    font-size: 0.875rem;
    width: 80px;
    height: 30px;
    line-height: 1.6;
  }
}
.alumni .alumni-page .sec01 .post__document .far {
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__document .far {
    margin-left: 5px;
  }
}
.alumni .alumni-page .sec01 .post__document:hover {
  color: #fff;
  opacity: 1;
}
.alumni .alumni-page .sec01 .post__pdf {
  border-color: #ff5f0e;
  color: #ff5f0e;
}
.alumni .alumni-page .sec01 .post__pdf:hover {
  background-color: #ff5f0e;
}
.alumni .alumni-page .sec01 .post__excel {
  border-color: #4b7243;
  color: #4b7243;
}
.alumni .alumni-page .sec01 .post__excel:hover {
  background-color: #4b7243;
}
.alumni .alumni-page .sec01 .post__word {
  border-color: #585b97;
  color: #585b97;
}
.alumni .alumni-page .sec01 .post__word:hover {
  background-color: #585b97;
}
.alumni .alumni-page .sec01 .post__link {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .post__link {
    margin-left: 1rem;
    width: 65%;
    font-size: 1rem;
    line-height: 1.75;
  }
}
.alumni .alumni-page .sec01 .pagination {
  font-size: 1.2rem;
  padding-bottom: 4rem;
  padding-bottom: 0;
  font-weight: 700;
  font-size: 1rem;
  font-family: Helvetica Neue, sans-serif;
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .pagination {
    padding-bottom: 16rem;
    font-size: 1.6rem;
    margin-top: 45px;
    padding-bottom: 0;
  }
}
.alumni .alumni-page .sec01 .pagination .screen-reader-text {
  display: none;
}
.alumni .alumni-page .sec01 .pagination .nav-links {
  display: inline-flex;
}
.alumni .alumni-page .sec01 .pagination .next {
  margin-left: 1.6rem;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .pagination .next {
    margin-left: 2.8rem;
  }
}
.alumni .alumni-page .sec01 .pagination .prev {
  margin-right: 1.6rem;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .pagination .prev {
    margin-right: 2.8rem;
  }
}
.alumni .alumni-page .sec01 .pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0.3rem;
  font-size: 1rem;
  font-weight: 400;
  background-color: #fff;
  color: #63b4f2;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .pagination .page-numbers {
    width: 3rem;
    height: 3rem;
    margin: 0 0.4rem;
  }
}
.alumni .alumni-page .sec01 .pagination .page-numbers:hover {
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}
.alumni .alumni-page .sec01 .pagination .page-numbers.next, .alumni .alumni-page .sec01 .pagination .page-numbers.prev {
  border: none;
}
.alumni .alumni-page .sec01 .pagination .page-numbers.next:hover, .alumni .alumni-page .sec01 .pagination .page-numbers.prev:hover {
  border: none;
  background: none;
  color: #fff;
  border-right-color: #daebfa;
  border-bottom-color: #daebfa;
}
.alumni .alumni-page .sec01 .pagination .page-numbers.dots:hover {
  color: #63b4f2;
  border: none;
  background: none;
}
.alumni .alumni-page .sec01 .pagination .page-numbers .next-arrow,
.alumni .alumni-page .sec01 .pagination .page-numbers .prev-arrow {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 0.1rem solid #2664FC;
  border-bottom: 0.1rem solid #2664FC;
}
@media screen and (min-width: 768px) {
  .alumni .alumni-page .sec01 .pagination .page-numbers .next-arrow,
  .alumni .alumni-page .sec01 .pagination .page-numbers .prev-arrow {
    width: 1rem;
    height: 1rem;
  }
}
.alumni .alumni-page .sec01 .pagination .page-numbers .prev-arrow {
  margin-left: 0.5rem;
  transform: rotate(135deg);
}
.alumni .alumni-page .sec01 .pagination .page-numbers .next-arrow {
  margin-right: 0.5rem;
  transform: rotate(-45deg);
}
.alumni .alumni-page .sec01 .pagination .current {
  border-radius: 50%;
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}

.recruitment .recruitment-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page {
    padding-top: 105px;
  }
}
.recruitment .recruitment-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .outline {
    width: 860px;
  }
}
.recruitment .recruitment-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.recruitment .recruitment-page .sec01__ttl {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01__ttl {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}
.recruitment .recruitment-page .sec01__ttl span {
  color: #33bedb;
}
.recruitment .recruitment-page .sec01__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01__list {
    margin-top: 64px;
  }
}
.recruitment .recruitment-page .sec01__list:first-of-type {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01__list:first-of-type {
    margin-top: 32px;
  }
}
.recruitment .recruitment-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.recruitment .recruitment-page .sec01 .document__border {
  margin-top: 20px;
  padding: 15px 15px 15px;
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: #e7f2fc;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__border {
    border-radius: 10px;
    border-width: 6px;
    margin-top: 35px;
    padding: 40px 18px 25px;
  }
}
.recruitment .recruitment-page .sec01 .document__list {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__list {
    padding-left: 0;
  }
}
.recruitment .recruitment-page .sec01 .document__txt {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__txt {
    padding-left: 10px;
    padding-right: 15px;
    width: 95.061728%;
    font-size: 1rem;
    line-height: 1.875;
    letter-spacing: 0.05em;
  }
}
.recruitment .recruitment-page .sec01 .document__item {
  font-size: 0.8125rem;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  border-bottom: 1px dashed #9f9fa0;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__item {
    padding-bottom: 25px;
    font-size: 0.8125rem;
    margin-bottom: 25px;
  }
}
.recruitment .recruitment-page .sec01 .document__item:last-of-type {
  margin-bottom: 0;
}
.recruitment .recruitment-page .sec01 .document__num {
  font-size: 0.875rem;
  line-height: 1.5;
  width: 6.666667%;
  color: #1d2088;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__num {
    font-size: 1.125rem;
    width: 4.938272%;
    text-align: right;
    line-height: 1.75;
  }
}
.recruitment .recruitment-page .sec01 .document__date {
  text-align: right;
  line-height: 1;
  color: #9f9fa0;
  font-size: 0.75rem;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .recruitment .recruitment-page .sec01 .document__date {
    font-size: 0.875rem;
    margin-top: 20px;
    margin-right: 25px;
  }
}

.privacy .privacy-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page {
    padding-top: 105px;
  }
}
.privacy .privacy-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .outline {
    width: 860px;
  }
}
.privacy .privacy-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.privacy .privacy-page .sec01 .document__border {
  margin-top: 20px;
  padding: 15px 15px 15px;
  border-radius: 16px;
  box-sizing: border-box;
  width: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: #e7f2fc;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__border {
    border-radius: 10px;
    border-width: 6px;
    margin-top: 35px;
    padding: 40px 18px 25px;
  }
}
.privacy .privacy-page .sec01 .document__list {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__list {
    padding-left: 0;
  }
}
.privacy .privacy-page .sec01 .document__txt {
  padding-left: 10px;
  padding-right: 15px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__txt {
    padding-left: 10px;
    padding-right: 15px;
    width: 95.061728%;
    font-size: 1rem;
    line-height: 1.875;
    letter-spacing: 0.05em;
  }
}
.privacy .privacy-page .sec01 .document__item {
  font-size: 0.8125rem;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
  border-bottom: 1px dashed #9f9fa0;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__item {
    padding-bottom: 25px;
    font-size: 0.8125rem;
    margin-bottom: 25px;
  }
}
.privacy .privacy-page .sec01 .document__item:last-of-type {
  margin-bottom: 0;
}
.privacy .privacy-page .sec01 .document__num {
  font-size: 0.875rem;
  line-height: 1.5;
  width: 6.666667%;
  color: #1d2088;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__num {
    font-size: 1.125rem;
    width: 4.938272%;
    text-align: right;
    line-height: 1.75;
  }
}
.privacy .privacy-page .sec01 .document__date {
  text-align: right;
  line-height: 1;
  color: #9f9fa0;
  font-size: 0.75rem;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .document__date {
    font-size: 0.875rem;
    margin-top: 20px;
    margin-right: 25px;
  }
}
.privacy .privacy-page .sec01 .inquiry {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #f3f8fd;
  border-radius: 6px;
  padding: 15px;
  margin-top: 32px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .inquiry {
    width: 560px;
    margin-top: 64px;
    padding: 15px 15px 15px;
  }
}
.privacy .privacy-page .sec01 .inquiry__ttl {
  font-size: 0.8125rem;
  background-color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 10px;
  color: #1d2088;
  line-height: 1;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .inquiry__ttl {
    font-size: 0.875rem;
  }
}
.privacy .privacy-page .sec01 .inquiry__sttl {
  font-size: 0.8125rem;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .inquiry__sttl {
    font-size: 0.875rem;
  }
}
.privacy .privacy-page .sec01 .inquiry__txt {
  font-size: 0.875rem;
  color: #1d2088;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .inquiry__txt {
    font-size: 1rem;
  }
}
.privacy .privacy-page .sec01 .inquiry__mail {
  font-size: 0.875rem;
  display: inline-block;
  color: #1d2088;
}
@media screen and (min-width: 768px) {
  .privacy .privacy-page .sec01 .inquiry__mail {
    font-size: 1rem;
  }
}

.bullying-prevention .bullying-prevention-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page {
    padding-top: 105px;
  }
}
.bullying-prevention .bullying-prevention-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page .sec01 .outline {
    width: 860px;
  }
}
.bullying-prevention .bullying-prevention-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.bullying-prevention .bullying-prevention-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.bullying-prevention .bullying-prevention-page .sec01 .document__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page .sec01 .document__list {
    margin-top: 64px;
  }
}
.bullying-prevention .bullying-prevention-page .sec01 .inquiry__tel {
  font-size: 0.75rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .bullying-prevention .bullying-prevention-page .sec01 .inquiry__tel {
    font-size: 0.875rem;
  }
}

.parents .parents-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .parents .parents-page {
    padding-top: 105px;
  }
}
.parents .parents-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .outline {
    width: 860px;
  }
}
.parents .parents-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.parents .parents-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.parents .parents-page .sec01 .post__list {
  margin-top: 35px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #63b4f2;
  border-bottom: 1px solid #63b4f2;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__list {
    margin-top: 65px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.parents .parents-page .sec01 .post__item {
  padding: 10px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__item {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
}
.parents .parents-page .sec01 .post__item:nth-of-type(2n+1) {
  background-color: #fbfafc;
}
.parents .parents-page .sec01 .post__day {
  color: #231815;
  line-height: 1;
  font-size: 0.875rem;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__day {
    font-size: 0.9375rem;
  }
}
.parents .parents-page .sec01 .post__icon {
  font-size: 0.6875rem;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1;
  background-color: #a58daa;
  padding: 6px 10px 6px;
  margin-left: 13px;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__icon {
    font-size: 0.75rem;
    padding: 5px 20px;
  }
}
.parents .parents-page .sec01 .post__document {
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  background-color: #fff;
  padding: 2px 5px;
  font-size: 0.625rem;
  display: block;
  text-align: center;
  font-weight: 500;
  width: 60px;
  height: 28px;
  margin-left: 1rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__document {
    font-size: 0.875rem;
    width: 80px;
    height: 30px;
    line-height: 1.6;
  }
}
.parents .parents-page .sec01 .post__document .far {
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__document .far {
    margin-left: 5px;
  }
}
.parents .parents-page .sec01 .post__document:hover {
  color: #fff;
  opacity: 1;
}
.parents .parents-page .sec01 .post__pdf {
  border-color: #ff5f0e;
  color: #ff5f0e;
}
.parents .parents-page .sec01 .post__pdf:hover {
  background-color: #ff5f0e;
}
.parents .parents-page .sec01 .post__excel {
  border-color: #4b7243;
  color: #4b7243;
}
.parents .parents-page .sec01 .post__excel:hover {
  background-color: #4b7243;
}
.parents .parents-page .sec01 .post__word {
  border-color: #585b97;
  color: #585b97;
}
.parents .parents-page .sec01 .post__word:hover {
  background-color: #585b97;
}
.parents .parents-page .sec01 .post__link {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .post__link {
    margin-left: 1rem;
    width: 65%;
    font-size: 1rem;
    line-height: 1.75;
  }
}
.parents .parents-page .sec01 .pagination {
  font-size: 1.2rem;
  padding-bottom: 4rem;
  padding-bottom: 0;
  font-weight: 700;
  font-size: 1rem;
  font-family: Helvetica Neue, sans-serif;
  text-align: center;
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .pagination {
    padding-bottom: 16rem;
    font-size: 1.6rem;
    margin-top: 45px;
    padding-bottom: 0;
  }
}
.parents .parents-page .sec01 .pagination .screen-reader-text {
  display: none;
}
.parents .parents-page .sec01 .pagination .nav-links {
  display: inline-flex;
}
.parents .parents-page .sec01 .pagination .next {
  margin-left: 1.6rem;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .pagination .next {
    margin-left: 2.8rem;
  }
}
.parents .parents-page .sec01 .pagination .prev {
  margin-right: 1.6rem;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .pagination .prev {
    margin-right: 2.8rem;
  }
}
.parents .parents-page .sec01 .pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0.3rem;
  font-size: 1rem;
  font-weight: 400;
  background-color: #fff;
  color: #63b4f2;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .pagination .page-numbers {
    width: 3rem;
    height: 3rem;
    margin: 0 0.4rem;
  }
}
.parents .parents-page .sec01 .pagination .page-numbers:hover {
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}
.parents .parents-page .sec01 .pagination .page-numbers.next, .parents .parents-page .sec01 .pagination .page-numbers.prev {
  border: none;
}
.parents .parents-page .sec01 .pagination .page-numbers.next:hover, .parents .parents-page .sec01 .pagination .page-numbers.prev:hover {
  border: none;
  background: none;
  color: #fff;
  border-right-color: #daebfa;
  border-bottom-color: #daebfa;
}
.parents .parents-page .sec01 .pagination .page-numbers.dots:hover {
  color: #63b4f2;
  border: none;
  background: none;
}
.parents .parents-page .sec01 .pagination .page-numbers .next-arrow,
.parents .parents-page .sec01 .pagination .page-numbers .prev-arrow {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 0.1rem solid #2664FC;
  border-bottom: 0.1rem solid #2664FC;
}
@media screen and (min-width: 768px) {
  .parents .parents-page .sec01 .pagination .page-numbers .next-arrow,
  .parents .parents-page .sec01 .pagination .page-numbers .prev-arrow {
    width: 1rem;
    height: 1rem;
  }
}
.parents .parents-page .sec01 .pagination .page-numbers .prev-arrow {
  margin-left: 0.5rem;
  transform: rotate(135deg);
}
.parents .parents-page .sec01 .pagination .page-numbers .next-arrow {
  margin-right: 0.5rem;
  transform: rotate(-45deg);
}
.parents .parents-page .sec01 .pagination .current {
  border-radius: 50%;
  background: -ms-linear-gradient(0deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#63B4F2', endColorstr='#9CD0F8' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(99, 180, 242) 0%, rgb(156, 208, 248) 100%);
  color: #fff;
}

.polic .polic-page {
  padding-top: 35px;
}
@media screen and (min-width: 768px) {
  .polic .polic-page {
    padding-top: 105px;
  }
}
.polic .polic-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01 .outline {
    width: 860px;
  }
}
.polic .polic-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.polic .polic-page .sec01__ttl {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01__ttl {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}
.polic .polic-page .sec01__ttl span {
  color: #33bedb;
}
.polic .polic-page .sec01__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01__list {
    margin-top: 64px;
  }
}
.polic .polic-page .sec01__list:first-of-type {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01__list:first-of-type {
    margin-top: 32px;
  }
}
.polic .polic-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01__txt {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.polic .polic-page .sec01 .document__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .polic .polic-page .sec01 .document__list {
    margin-top: 64px;
  }
}
.polic .polic-page .sec01 .document__list span {
  color: #1d2088;
  font-weight: 300;
  margin-right: 0.5rem;
}

.certificate .certificate-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .outline {
    width: 860px;
  }
}
.certificate .certificate-page .sec01 .ttl__style01-wrap {
  padding: 30px 0 30px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.certificate .certificate-page .sec01__box {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__box {
    margin-top: 64px;
  }
}
.certificate .certificate-page .sec01__box:nth-of-type(2) {
  margin-top: 0;
}
.certificate .certificate-page .sec01__ttl {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__ttl {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}
.certificate .certificate-page .sec01__ttl span {
  color: #33bedb;
}
.certificate .certificate-page .sec01__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__list {
    margin-top: 64px;
  }
}
.certificate .certificate-page .sec01__list:first-of-type {
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__list:first-of-type {
    margin-top: 32px;
  }
}
.certificate .certificate-page .sec01__sttl {
  margin-bottom: 10px;
  line-height: 1;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__sttl {
    margin-bottom: 10px;
  }
}
.certificate .certificate-page .sec01__inner {
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__inner {
    padding-left: 20px;
  }
}
.certificate .certificate-page .sec01__txt {
  font-size: 0.875rem;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__txt {
    font-size: 1rem;
  }
}
.certificate .certificate-page .sec01__att {
  font-size: 0.75rem;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01__att {
    font-size: 0.875rem;
  }
}
.certificate .certificate-page .sec01 .belongings {
  background: #eff7fe;
  border-radius: 6px;
  padding: 15px;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .belongings {
    margin-top: 10px;
  }
}
.certificate .certificate-page .sec01 .belongings__ttl {
  font-size: 0.75rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .belongings__ttl {
    font-size: 0.875rem;
  }
}
.certificate .certificate-page .sec01 .belongings__item {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .belongings__item {
    font-size: 0.875rem;
  }
}
.certificate .certificate-page .sec01 .belongings__att {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .belongings__att {
    font-size: 0.875rem;
  }
}
.certificate .certificate-page .sec01 .document__list {
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .document__list {
    margin-top: 64px;
  }
}
.certificate .certificate-page .sec01 .bar01 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec01 .bar01 {
    margin-top: 60px;
  }
}
.certificate .certificate-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec02 .outline {
    width: 860px;
  }
}
.certificate .certificate-page .sec02 .ttl__style01-wrap {
  padding: 45px 0 30px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec02 .ttl__style01-wrap {
    padding: 95px 0 30px;
  }
}
.certificate .certificate-page .sec02__txt {
  font-size: 0.875rem;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec02__txt {
    font-size: 1rem;
    margin-bottom: 30px;
  }
}
.certificate .certificate-page .sec02__att {
  font-size: 0.75rem;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec02__att {
    font-size: 0.875rem;
  }
}
.certificate .certificate-page .sec02 .document__list {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .certificate .certificate-page .sec02 .document__list {
    margin-top: 50px;
  }
}
.certificate .certificate-page .sec02 .document__list span {
  color: #1d2088;
  font-weight: 300;
  margin-right: 0.5rem;
}

.information .information-page .sec01 {
  background: -ms-linear-gradient(0deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E9FF', endColorstr='#F0FAFF' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
  padding: 35px 0 45px;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 {
    background: -ms-linear-gradient(0deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E9FF', endColorstr='#F0FAFF' ,GradientType=0)";
    background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
    padding: 35px 0 95px;
  }
}
.information .information-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline {
    width: 860px;
  }
}
.information .information-page .sec01 .outline .box01__btn {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  font-weight: 500;
  display: flex;
  font-size: 0.875rem;
  padding: 18px 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box01__btn {
    font-size: 1.25rem;
    padding: 25px 0;
  }
}
.information .information-page .sec01 .outline .box01__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box01__btn::after {
    right: 10px;
  }
}
.information .information-page .sec01 .outline .box01__txt {
  font-size: 0.75rem;
  margin-top: 5px;
  text-align: center;
  color: #63b4f2;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box01__txt {
    font-size: 0.875rem;
  }
}
.information .information-page .sec01 .outline .box02 {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box02 {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.information .information-page .sec01 .outline .box02__btn {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  margin-bottom: 15px;
  padding: 10px 0;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box02__btn {
    margin-bottom: 20px;
    padding: 14px 0;
    width: calc(100% / 2 - 10px);
    font-size: 1rem;
  }
}
.information .information-page .sec01 .outline .box02__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box02__btn:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.information .information-page .sec01 .outline .box02__btn:nth-of-type(4) {
  margin-bottom: 0;
}
.information .information-page .sec01 .outline .box03 {
  background-color: #e3f2fa;
  margin-top: 20px;
  padding: 15px 20px;
  display: flex;
  flex-wrap: wrap;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box03 {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-top: 30px;
    padding: 20px;
  }
}
.information .information-page .sec01 .outline .box03__btn {
  text-align: center;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 7px 0;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box03__btn {
    padding: 14px 0;
    width: calc(100% / 2 - 10px);
    font-size: 1rem;
  }
}
.information .information-page .sec01 .outline .box03__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
.information .information-page .sec01 .outline .box03__btn:last-of-type {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box03__btn:last-of-type {
    margin-top: 0;
  }
}
.information .information-page .sec01 .outline .box04 {
  position: relative;
  margin-top: 25px;
  padding: 25px 0 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box04 {
    margin-top: 45px;
    padding: 45px 0 0;
  }
}
.information .information-page .sec01 .outline .box04::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 24px;
  height: 1px;
  background-color: #33BEDB;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box04::after {
    width: 48px;
  }
}
.information .information-page .sec01 .outline .box04__btn {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box04__btn {
    font-size: 1.125rem;
    padding: 12px ​0;
  }
}
.information .information-page .sec01 .outline .box04__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
.information .information-page .sec01 .outline .box05 {
  position: relative;
  margin-top: 25px;
  padding: 25px 0 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box05 {
    margin-top: 45px;
    padding: 45px 0 0;
  }
}
.information .information-page .sec01 .outline .box05::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 24px;
  height: 1px;
  background-color: #33BEDB;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box05::after {
    width: 48px;
  }
}
.information .information-page .sec01 .outline .box05__btn {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  border-radius: 10px;
  font-weight: 500;
  display: flex;
  padding: 18px 0;
  border-radius: 10px;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box05__btn {
    border-radius: 10px;
    font-size: 1.25rem;
    padding: 25px 0;
  }
}
.information .information-page .sec01 .outline .box05__btn i {
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box05__btn i {
    font-size: 1.125rem;
  }
}
.information .information-page .sec01 .outline .box05__btn::after {
  right: 10px;
  font-size: 0.625rem;
}
.information .information-page .sec01 .outline .box05__txt {
  font-size: 0.75rem;
  margin-top: 5px;
  text-align: center;
  color: #1d2088;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec01 .outline .box05__txt {
    font-size: 0.875rem;
  }
}
.information .information-page .sec02 {
  margin: 25px 0 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec02 {
    margin: 50px 0 0;
  }
}
.information .information-page .sec02 .outline {
  background-color: #f3f8fd;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 15px 20px;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec02 .outline {
    width: 560px;
    padding: 30px 50px;
  }
}
.information .information-page .sec02 .outline .box01__btn {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  text-align: center;
  font-weight: 500;
  display: flex;
  color: #231815;
  border-radius: 6px;
  font-size: 0.875rem;
  padding: 10px 0;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec02 .outline .box01__btn {
    font-size: 1rem;
    padding: 14px 0;
  }
}
.information .information-page .sec02 .outline .box01__btn::after {
  right: 10px;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 768px) {
  .information .information-page .sec02 .outline .box01__btn::after {
    right: 20px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (min-width: 768px) {
  .information .information-page .sec02 .outline .box01__txt {
    font-size: 0.875rem;
    margin-top: 5px;
    text-align: center;
    color: #63b4f2;
  }
}

.disclosure .disclosure-page .ttl__style01-wrap {
  padding: 0;
}
.disclosure .disclosure-page h3 {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
  background: #63b4f2;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px 10px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page h3 {
    font-size: 0.875rem;
    padding: 10px 20px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec01 {
    margin-top: 110px;
  }
}
.disclosure .disclosure-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec01 .outline {
    width: 900px;
  }
}
.disclosure .disclosure-page .sec01 .lnav__list {
  display: flex;
  margin-top: 30px;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec01 .lnav__list {
    margin-top: 0;
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.disclosure .disclosure-page .sec01 .lnav__item {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec01 .lnav__item {
    width: calc((100% - 120px) / 3);
    margin-top: 0;
  }
}
.disclosure .disclosure-page .sec01 .lnav__item:first-of-type {
  margin-top: 0;
}
.disclosure .disclosure-page .sec01 .lnav__item a {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  font-size: 0.875rem;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec01 .lnav__item a {
    font-size: 1rem;
    padding: 14px 0;
    margin-bottom: 0;
  }
}
.disclosure .disclosure-page .sec01 .lnav__item a::after {
  right: 10px;
  font-size: 0.625rem;
}
.disclosure .disclosure-page .sec02 {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec02 {
    padding-top: 97px;
  }
}
.disclosure .disclosure-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec02 .outline {
    width: 900px;
  }
}
.disclosure .disclosure-page .sec02 .outline .document__ttl {
  color: #63b4f2;
}
.disclosure .disclosure-page .sec03 {
  padding-top: 55px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec03 {
    padding-top: 95px;
  }
}
.disclosure .disclosure-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec03 .outline {
    width: 900px;
  }
}
.disclosure .disclosure-page .sec03 .outline .document__ttl {
  color: #63b4f2;
}
.disclosure .disclosure-page .sec04 {
  padding-top: 55px;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec04 {
    padding-top: 110px;
  }
}
.disclosure .disclosure-page .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec04 .outline {
    width: 900px;
  }
}
@media screen and (min-width: 768px) {
  .disclosure .disclosure-page .sec04 .document__list {
    margin-top: 0;
  }
}
.disclosure .disclosure-page .back-btn {
  margin: 48px auto;
}
@media (min-width: 768px) {
  .disclosure .disclosure-page .back-btn {
    margin: 95px auto;
  }
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.school .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/school_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .school .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/school_eyecatch.jpg);
  }
}
.school .school-page .sec01 {
  background: -ms-linear-gradient(0deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E9FF', endColorstr='#F0FAFF' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(225, 233, 255) 0%, rgb(233, 239, 255) 8.67%, rgb(249, 251, 255) 32.28%, rgb(255, 255, 255) 50.37%, rgb(249, 253, 255) 77.75%, rgb(240, 250, 255) 99.96%);
}
.school .school-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 29px 0 0;
}
@media (min-width: 768px) {
  .school .school-page .sec01 .outline {
    width: 940px;
    padding: 58px 0 0;
  }
}
.school .school-page .sec01__txt {
  font-size: 0.875rem;
  line-height: 1.875;
  padding: 0 7%;
}
@media (min-width: 768px) {
  .school .school-page .sec01__txt {
    font-size: 1rem;
    padding: 0 40px;
  }
}
.school .school-page .sec01__list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .school .school-page .sec01__list {
    margin-top: 45px;
  }
}
.school .school-page .sec01__item {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .school .school-page .sec01__item {
    width: calc((100% - 60px) / 2);
    margin-bottom: 29px;
  }
}
.school .school-page .sec01__thumb {
  position: relative;
}
.school .school-page .sec01__thumb img {
  padding: 0 2.4027565%;
}
@media (min-width: 768px) {
  .school .school-page .sec01__thumb img {
    padding: 0 10px;
  }
}
.school .school-page .sec01__thumb::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  margin: auto;
  padding-top: 520px;
  background-image: url(../../assets/images/school/school_bg01.svg);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.school .school-page .sec01__btn {
  transform: translateY(-50%);
}
.school .school-page .sec01__btn a {
  font-size: 1rem;
  padding: 14px 0;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  line-height: 1.875em;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: 87.5%;
}
@media (min-width: 768px) {
  .school .school-page .sec01__btn a {
    font-size: 1rem;
    padding: 14px 0;
    width: 72.727273%;
  }
}
.school .school-page .sec01__btn a::after {
  right: 10px;
  font-size: 0.625rem;
}
.school .school-page .sec01__btn a:hover {
  opacity: 1;
  background-color: #a6d8f3;
}

.access .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/access/access_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .access .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/access/access_eyecatch.jpg);
  }
}
.access .ttl__style01-wrap {
  padding: 0;
}
.access .access-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  .access .access-page .sec01 .outline {
    width: 960px;
    padding: 70px 0 0;
  }
}
.access .access-page .sec01__map iframe {
  width: 100%;
  height: 160px;
}
@media (min-width: 768px) {
  .access .access-page .sec01__map iframe {
    height: 400px;
  }
}
.access .access-page .sec01 .info {
  margin-top: 0;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .access .access-page .sec01 .info {
    margin-top: 20px;
  }
}
.access .access-page .sec01 .info__txt {
  font-size: 0.875rem;
  line-height: 1.875;
}
@media (min-width: 768px) {
  .access .access-page .sec01 .info__txt {
    font-size: 1rem;
  }
}
.access .access-page .sec01 .info__link {
  color: #33bedb;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .access .access-page .sec01 .info__link {
    margin-top: 0;
  }
}
.access .access-page .sec01 .info__link a {
  font-size: 1rem;
  line-height: 1;
}
.access .access-page .sec01 .info__link a::before {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 12px;
  height: 16px;
  margin-right: 5px;
  background-image: url(../images/common/icon_gmap.svg);
  top: 1px;
  position: relative;
}
.access .access-page .sec01 .info__link a::after {
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background-image: url(../images/common/icon_exlink.svg);
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 2px;
  position: relative;
}
.access .access-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 40px 0 48px;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .outline {
    width: 860px;
    padding: 70px 0 75px;
  }
}
.access .access-page .sec02 .guide {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: 20px;
  flex-wrap: wrap;
  flex-flow: column-reverse;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide {
    margin-top: 44px;
    flex-flow: inherit;
  }
}
.access .access-page .sec02 .guide__train {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide__train {
    width: 35.58%;
    margin-top: 0;
  }
}
.access .access-page .sec02 .guide__train span {
  font-size: 0.875rem;
  display: block;
  margin-top: 10px;
}
.access .access-page .sec02 .guide__list {
  margin-bottom: 14px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide__list {
    display: block;
    -moz-align-items: inherit;
    -ms-align-items: inherit;
    align-items: inherit;
  }
}
.access .access-page .sec02 .guide__list:last-of-type {
  margin-bottom: 0;
}
.access .access-page .sec02 .guide__item {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
}
.access .access-page .sec02 .guide__item::after {
  content: "";
  border-top: 1px dashed #9f9fa0;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
}
.access .access-page .sec02 .guide__ttl {
  color: #000000;
  font-size: 0.75rem;
  line-height: 1;
  width: 6rem;
}
.access .access-page .sec02 .guide__body {
  width: 100%;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide__body {
    width: inherit;
  }
}
.access .access-page .sec02 .guide__txt {
  font-size: 1rem;
  line-height: 1;
  position: relative;
  padding-right: 10px;
  background-color: #fff;
  z-index: 1;
}
.access .access-page .sec02 .guide__icon {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  background-color: #fff;
  margin-left: auto;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide__icon {
    margin-left: inherit;
  }
}
.access .access-page .sec02 .guide__icon img {
  width: 40px;
  height: 40px;
}
@media (min-width: 768px) {
  .access .access-page .sec02 .guide__map {
    width: 61.63%;
  }
}
.access .access-page .sec02 .document__list .document__ttl {
  margin-left: 10px;
  text-indent: 0;
}
.access .access-page .sec02 .document__list .document__ttl a {
  color: #63b4f2;
}
.access .access-page .sec03 {
  background: -ms-linear-gradient(0deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAF0FF', endColorstr='#F4FAFD' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
}
.access .access-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 48px 0 48px;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .outline {
    width: 770px;
    padding: 70px 0 70px;
  }
}
.access .access-page .sec03__ttl {
  text-align: center;
  color: #63b4f2;
  line-height: 1;
  font-weight: 500;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .access .access-page .sec03__ttl {
    font-size: 1.25rem;
  }
}
.access .access-page .sec03 .schoolbus {
  margin-top: 17px;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus {
    margin-top: 34px;
  }
}
.access .access-page .sec03 .schoolbus__list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
}
.access .access-page .sec03 .schoolbus__item {
  width: 100%;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__item {
    width: calc(100% / 3 - 30px);
    margin-bottom: 60px;
  }
}
.access .access-page .sec03 .schoolbus__item:first-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.access .access-page .sec03 .schoolbus__item:first-of-type::before {
  content: none;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__item:first-of-type::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 0;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.access .access-page .sec03 .schoolbus__item:last-of-type {
  margin-bottom: 0;
}
.access .access-page .sec03 .schoolbus__tit {
  position: relative;
  font-family: source-han-serif-japanese, serif;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  z-index: 1;
  white-space: normal;
  margin: -5% auto 0;
  color: #63b4f2;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__tit {
    font-size: 24px;
  }
}
.access .access-page .sec03 .schoolbus__ttl {
  text-align: center;
  color: #63b4f2;
  line-height: 1;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__ttl {
    font-size: 1rem;
  }
}
.access .access-page .sec03 .schoolbus__img {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__img {
    margin-top: 8px;
  }
}
.access .access-page .sec03 .schoolbus__img > iframe {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  border: 1px solid #666;
}
.access .access-page .sec03 .schoolbus__txt {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 300;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__txt {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 8px;
  }
}
.access .access-page .sec03 .schoolbus__txt .ggl-link {
  color: #63b4f2;
  font-size: 90%;
  font-weight: 300;
}
.access .access-page .sec03 .schoolbus__icon {
  color: #63b4f2;
}
@media (min-width: 768px) {
  .access .access-page .sec03 .schoolbus__map {
    width: 61.63%;
  }
}
.access .access-page .sec03 .document__list .document__ttl a {
  color: #63b4f2;
}
.access .access-page .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .access .access-page .sec04 .outline {
    width: 860px;
    padding: 70px 0 0;
  }
}
.access .access-page .sec04__txt {
  font-size: 0.875rem;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 8px;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .access .access-page .sec04__txt {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 1.035rem;
  }
}
.access .access-page .sec04__txt span {
  color: #63b4f2;
}

.introduce .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/introduce/introduce_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .introduce .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/introduce/introduce_eyecatch.jpg);
  }
}
.introduce .ttl__style01-wrap {
  padding: 0;
}
.introduce .introduce-page .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec01 .outline {
    width: 860px;
    padding: 62px 0 0;
  }
}
.introduce .introduce-page .sec01__ttl {
  font-size: 1.375rem;
  color: #33bedb;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec01__ttl {
    font-size: 1.625rem;
    margin-top: 25px;
  }
}
.introduce .introduce-page .sec01__list {
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec01__list {
    font-size: 1.25rem;
    margin-top: 30px;
  }
}
.introduce .introduce-page .sec01__item {
  margin-bottom: 10px;
  font-size: 0.875rem;
  text-indent: -1.5em;
  margin-left: 1.5em;
  line-height: 2.51428571;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec01__item {
    font-size: 1rem;
    margin-bottom: 5px;
  }
}
.introduce .introduce-page .sec01__item:last-of-type {
  margin-bottom: 0;
}
.introduce .introduce-page .sec01__icon {
  padding-right: 5px;
  color: #2bbddb;
}
.introduce .introduce-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 50px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec02 .outline {
    width: 860px;
    padding: 62px 0 110px;
  }
}
.introduce .introduce-page .sec02__txt {
  font-size: 0.875rem;
  font-weight: 300;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec02__txt {
    font-size: 1rem;
    margin-top: 45px;
  }
}
.introduce .introduce-page .sec02__stxt {
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 15px;
  text-align: right;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec02__stxt {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}
.introduce .introduce-page .sec03 {
  background-repeat: no-repeat;
  background-image: url(../../assets/images/school/introduce/introduce_bg02_xs.png);
  background-position: 50% 50%;
  background-size: 100%;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec03 {
    background-image: url(../../assets/images/school/introduce/introduce_bg02.png);
    background-size: 1400px;
  }
}
.introduce .introduce-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 32px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec03 .outline {
    width: 860px;
    padding: 62px 0 62px;
  }
}
.introduce .introduce-page .sec03__img {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec03__img {
    width: 600px;
    margin-top: 45px;
  }
}
.introduce .introduce-page .sec03__ttl {
  font-size: 1.25rem;
  margin-top: 20px;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec03__ttl {
    font-size: 1.6rem;
    margin-top: 45px;
  }
}
.introduce .introduce-page .sec03__txt {
  font-size: 0.875rem;
  text-align: center;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec03__txt {
    font-size: 0.875rem;
  }
}
.introduce .introduce-page .sec04 {
  background-image: url(../../assets/images/school/introduce/introduce_bg01_xs.png);
  background-position: 50% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04 {
    background-image: url(../../assets/images/school/introduce/introduce_bg01.png);
    background-size: 1400px;
  }
}
.introduce .introduce-page .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 34px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04 .outline {
    width: 730px;
    padding: 62px 0 68px;
  }
}
.introduce .introduce-page .sec04__list {
  margin-top: 30px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__list {
    margin-top: 95px;
    -moz-flex-direction: inherit;
    flex-direction: inherit;
  }
}
.introduce .introduce-page .sec04__item {
  position: relative;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 25px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__item {
    width: calc(100% / 3 - 33px);
    border: 1px solid #33bedb;
    height: 210px;
    border-radius: 50%;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.introduce .introduce-page .sec04__item::after {
  position: absolute;
  right: auto;
  left: auto;
  bottom: 0;
  display: block;
  content: "●";
  color: #a9deed;
  width: 8px;
  height: 8px;
  font-size: 0.625rem;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__item::after {
    display: none;
  }
}
.introduce .introduce-page .sec04__item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.introduce .introduce-page .sec04__item:last-of-type::after {
  display: none;
}
.introduce .introduce-page .sec04__body {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.introduce .introduce-page .sec04__ttl {
  font-size: 1.375rem;
  color: #33bedb;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__ttl {
    font-size: 1.75rem;
  }
}
.introduce .introduce-page .sec04__img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 130px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__img {
    width: 700px;
    margin-top: 200px;
  }
}
.introduce .introduce-page .sec04__txt {
  font-size: 1rem;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 55px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__txt {
    font-size: 1rem;
    line-height: 1;
    margin-top: 40px;
  }
}
.introduce .introduce-page .sec04__btn {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec04__btn {
    width: 247px;
    margin-top: 85px;
  }
}
.introduce .introduce-page .sec05 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 35px 0 0;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .outline {
    width: 860px;
    padding: 72px 0 0;
  }
}
.introduce .introduce-page .sec05 .greeting {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting {
    margin-top: 55px;
  }
}
.introduce .introduce-page .sec05 .greeting__box {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting__box {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 25px;
  }
}
.introduce .introduce-page .sec05 .greeting__img {
  margin-top: 25px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting__img {
    width: 50%;
    margin-top: 0;
  }
}
.introduce .introduce-page .sec05 .greeting__lead {
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  width: 100%;
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.075em;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting__lead {
    width: 50%;
    padding-left: 35px;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.introduce .introduce-page .sec05 .greeting__lead span {
  color: #79cee4;
}
.introduce .introduce-page .sec05 .greeting__txt {
  font-size: 0.875rem;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  margin-top: 25px;
  line-height: 2;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting__txt {
    margin-top: 25px;
    font-size: 1rem;
    line-height: 2.1875;
  }
}
.introduce .introduce-page .sec05 .greeting__stxt {
  font-size: 0.75rem;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
  text-align: right;
  letter-spacing: 0.025em;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05 .greeting__stxt {
    margin-top: 30px;
    font-size: 0.8125rem;
  }
}
.introduce .introduce-page .sec05__img {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  margin-top: 25px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05__img {
    width: 600px;
    margin-top: 50px;
  }
}
.introduce .introduce-page .sec05__ttl {
  font-size: 1.25rem;
  margin-top: 45px;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
  font-weight: 500;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05__ttl {
    font-size: 1.25rem;
    margin-top: 45px;
  }
}
.introduce .introduce-page .sec05__txt {
  font-size: 1rem;
  text-align: center;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec05__txt {
    font-size: 1rem;
  }
}
.introduce .introduce-page .sec06 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 34px 0 0;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06 .outline {
    width: 860px;
    padding: 68px 0 0;
  }
}
.introduce .introduce-page .sec06__list {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__list {
    margin-top: 54px;
  }
}
.introduce .introduce-page .sec06__item {
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -moz-flex-direction: column;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__item {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    margin-bottom: 0;
  }
}
.introduce .introduce-page .sec06__year {
  position: relative;
  color: #33bedb;
  font-weight: 300;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__year {
    font-size: 1rem;
    padding-right: 15px;
    letter-spacing: 0.1em;
    padding-bottom: 5px;
  }
}
.introduce .introduce-page .sec06__year span {
  font-weight: 300;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__year span {
    font-size: 0.75rem;
  }
}
.introduce .introduce-page .sec06__year::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 3rem;
  width: 16px;
  height: 1px;
  display: block;
  background-color: #33bedb;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__year::after {
    display: none;
  }
}
.introduce .introduce-page .sec06__txt {
  font-size: 0.875rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .introduce .introduce-page .sec06__txt {
    border-left: 1px solid #33bedb;
    font-size: 1rem;
    padding-left: 20px;
    padding-bottom: 5px;
  }
}
.introduce .fancybox-slide {
  padding: 10vw;
}
@media (min-width: 768px) {
  .introduce .fancybox-slide {
    height: 100%;
    padding: 300px;
  }
}

.feature .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/feature/eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .feature .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/feature/eyecatch.jpg);
  }
}
.feature .ttl__style01-wrap {
  padding: 0;
}
.feature .feature-page .ttl__ribbon, .feature .feature-page .ttl__ribbon-small {
  text-align: center;
}
.feature .feature-page .ttl__ribbon span, .feature .feature-page .ttl__ribbon-small span {
  background-color: #33bedb;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  font-weight: normal;
  display: inline-block;
  position: relative;
  min-width: 190px;
  min-height: 32px;
  text-align: center;
  padding: 0 30px;
  box-sizing: border-box;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__ribbon span, .feature .feature-page .ttl__ribbon-small span {
    font-size: 1.375rem;
    min-width: 314px;
    min-height: 42px;
  }
}
.feature .feature-page .ttl__ribbon span::before, .feature .feature-page .ttl__ribbon-small span::before, .feature .feature-page .ttl__ribbon span::after, .feature .feature-page .ttl__ribbon-small span::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
}
.feature .feature-page .ttl__ribbon span::before, .feature .feature-page .ttl__ribbon-small span::before {
  top: 0;
  left: 0;
  border-width: 16px 0px 16px 6px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__ribbon span::before, .feature .feature-page .ttl__ribbon-small span::before {
    border-width: 21px 0px 21px 8px;
  }
}
.feature .feature-page .ttl__ribbon span::after, .feature .feature-page .ttl__ribbon-small span::after {
  top: 0;
  right: 0;
  border-width: 16px 6px 16px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__ribbon span::after, .feature .feature-page .ttl__ribbon-small span::after {
    border-width: 21px 8px 21px 0px;
  }
}
.feature .feature-page .ttl__ribbon-small span {
  font-size: 22px;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__ribbon-small span {
    font-size: 17px;
  }
}
.feature .feature-page .cl__skyblue {
  color: #33bedb;
}
.feature .feature-page .ttl__style04 {
  text-align: center;
  position: relative;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__style04 {
    margin-bottom: 60px;
  }
}
.feature .feature-page .ttl__style04::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -10px;
  width: 40px;
  height: 1px;
  margin: auto;
  background-color: #33bedb;
}
@media (min-width: 768px) {
  .feature .feature-page .ttl__style04::after {
    bottom: -30px;
  }
}
.feature .feature-page .sec01 .outline01 {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .outline01 {
    width: 860px;
    padding: 64px 0 45px;
  }
}
.feature .feature-page .sec01 .outline01__sttl {
  margin-top: 10px;
  text-align: center;
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .outline01__sttl {
    margin-top: 20px;
    font-size: 1.625rem;
  }
}
.feature .feature-page .sec01__ttl {
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01__ttl {
    font-size: 1.625rem;
  }
}
.feature .feature-page .sec01__ttl span {
  color: #33bedb;
}
.feature .feature-page .sec01 .lnav {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: 21px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav {
    font-size: 1.625rem;
    margin-top: 42px;
  }
}
.feature .feature-page .sec01 .lnav__ttl {
  font-weight: 300;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__ttl {
    font-size: 1.625rem;
  }
}
.feature .feature-page .sec01 .lnav__ttl span {
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__ttl span {
    font-size: 0.875rem;
  }
}
.feature .feature-page .sec01 .lnav__img {
  text-align: center;
  line-height: 1;
  margin-top: 10px;
  height: 40px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__img {
    height: auto;
  }
}
.feature .feature-page .sec01 .lnav__img img {
  vertical-align: middle;
}
.feature .feature-page .sec01 .lnav__item {
  width: calc(100% / 3 - 30px);
}
.feature .feature-page .sec01 .lnav__item:nth-of-type(1) .lnav__link {
  transform: translateY(50%);
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__item:nth-of-type(1) .lnav__link {
    transform: translateY(0%);
  }
}
.feature .feature-page .sec01 .lnav__item:nth-of-type(1) .lnav__img img {
  width: 40px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__item:nth-of-type(1) .lnav__img img {
    width: 57px;
  }
}
.feature .feature-page .sec01 .lnav__item:nth-of-type(2) .lnav__link {
  transform: translateY(50%);
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__item:nth-of-type(2) .lnav__link {
    transform: translateY(0%);
  }
}
.feature .feature-page .sec01 .lnav__item:nth-of-type(2) .lnav__img img {
  width: 40px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__item:nth-of-type(2) .lnav__img img {
    width: 57px;
  }
}
.feature .feature-page .sec01 .lnav__item:nth-of-type(3) .lnav__img img {
  width: 20px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__item:nth-of-type(3) .lnav__img img {
    width: 28px;
  }
}
.feature .feature-page .sec01 .lnav__link {
  line-height: 1;
  text-align: center;
  font-size: 0.8125rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__link {
    font-size: 1.125rem;
    margin-top: 10px;
  }
}
.feature .feature-page .sec01 .lnav__link a {
  line-height: 1.23076923em;
  display: block;
  font-weight: 300;
}
.feature .feature-page .sec01 .lnav__link a.btn__ab::after {
  color: #63b4f2;
  right: -8px;
  color: #63b4f2;
  right: -10px;
  font-size: 8px;
  top: 40%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .lnav__link a.btn__ab::after {
    position: inherit;
  }
}
.feature .feature-page .sec01 .rank {
  position: relative;
}
.feature .feature-page .sec01 .rank__wrap {
  color: #fff;
  position: relative;
}
.feature .feature-page .sec01 .rank__num {
  font-size: 10rem;
  line-height: 1;
  font-family: urw-din, sans-serif;
  font-weight: 300;
  font-style: italic;
  position: absolute;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__num {
    font-size: 15rem;
  }
}
.feature .feature-page .sec01 .rank__body {
  position: relative;
}
.feature .feature-page .sec01 .rank__ttl {
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.025em;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__ttl {
    font-size: 3.4375rem;
  }
}
.feature .feature-page .sec01 .rank__stxt {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__stxt {
    font-size: 1.25rem;
    margin-top: 15px;
  }
}
.feature .feature-page .sec01 .rank__percent {
  font-size: 3.75rem;
  letter-spacing: 0.025em;
  line-height: 1;
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__percent {
    font-size: 5.625rem;
  }
}
.feature .feature-page .sec01 .rank__percent span {
  font-size: 1.875rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__percent span {
    font-size: 2.8125rem;
  }
}
.feature .feature-page .sec01 .rank__percent span.mini {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__percent span.mini {
    font-size: 1.1rem;
    display: block;
  }
}
.feature .feature-page .sec01 .rank__txt {
  font-size: 0.875rem;
  line-height: 1.714em;
  font-weight: 300;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank__txt {
    font-size: 1rem;
    line-height: 1.75em;
  }
}
.feature .feature-page .sec01 .rank__img {
  position: absolute;
}
.feature .feature-page .sec01 .rank.rank01 {
  background-color: #6ecbe2;
}
.feature .feature-page .sec01 .rank.rank01::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #ff99a2 transparent;
  border-width: 0 100vw 15px 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01::after {
    border-width: 0 100vw 55px 0;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__wrap {
  margin-left: auto;
  margin-right: auto;
  width: 82.666667%;
  padding: 110px 0 45px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__wrap {
    width: 850px;
    padding: 90px 0 90px;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__body {
  width: 90%;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__body {
    width: 380px;
    padding-left: 0;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__num {
  color: #33bedb;
  left: -40px;
  top: 50px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__num {
    top: 5px;
    left: -140px;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__stxt {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__stxt {
    margin-top: 15px;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__txt {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__txt {
    margin-top: 0;
    width: 350px;
  }
}
.feature .feature-page .sec01 .rank.rank01 .rank__img {
  top: 30px;
  right: 0;
  width: 75vw;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank01 .rank__img {
    top: 75px;
    right: 0;
    width: 450px;
  }
}
.feature .feature-page .sec01 .rank.rank02 {
  background-color: #ff99a2;
}
.feature .feature-page .sec01 .rank.rank02::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #acd057 transparent;
  border-width: 0 0 15px 100vw;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02::after {
    border-width: 0 0 60px 100vw;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 20px 0 35px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__wrap {
    width: 860px;
    padding: 80px 0 80px;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body {
  width: 42.67%;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body {
    width: 430px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > ul {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > ul {
    margin-top: 5px;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > ul li {
  color: #fff;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > ul li {
    display: flex;
    align-items: center;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > ul p:nth-of-type(1) {
  font-weight: 700;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > ul p:nth-of-type(1) {
    font-size: 1rem;
    white-space: nowrap;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > ul p:nth-of-type(2) {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > ul p:nth-of-type(2) {
    font-size: 0.875rem;
    white-space: nowrap;
    margin-left: 5px;
  }
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > ul p:nth-of-type(2)::before {
    content: "-";
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    margin-right: 5px;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > p {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > p {
    margin-top: 20px;
    justify-content: flex-start;
    font-size: 1.25rem;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > p span {
  font-size: 2.5rem;
  font-weight: 500;
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-family: urw-din, sans-serif;
  font-weight: 500;
  margin-left: 5px;
  transform: translateY(-3px);
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__body > p span {
    font-size: 2.8125rem;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__body > p span small {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
}
.feature .feature-page .sec01 .rank.rank02 .rank__num {
  color: #ed7187;
  top: 30px;
  right: 1%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__num {
    top: 0;
    right: 0;
  }
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__ttl {
    padding-left: 0;
    white-space: nowrap;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__percent {
  padding-left: 39.333333%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__percent {
    padding-left: 0;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__stxt {
  padding-left: 39.333333%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__stxt {
    padding-left: 0;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__stxt span {
  font-weight: 300;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__stxt span {
    font-size: 1.125rem;
  }
}
.feature .feature-page .sec01 .rank.rank02 .rank__img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  position: inherit;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank02 .rank__img {
    top: 30px;
    left: 0;
    width: 450px;
    margin-right: inherit;
    margin-left: inherit;
    position: absolute;
  }
}
.feature .feature-page .sec01 .rank.rank03 {
  background-color: #acd057;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 {
    overflow: hidden;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__wrap {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 10px 0 50px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__wrap {
    width: 780px;
    padding: 70px 0 58px;
  }
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__body {
    width: 330px;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__ttl {
  padding-left: 7px;
  top: 90px;
  right: 0px;
  position: absolute;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__ttl {
    line-height: 1.25em;
    position: inherit;
    top: 0;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__num {
  color: #75c013;
  top: 60px;
  right: 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__num {
    top: 30px;
    left: -130px;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__img {
  position: inherit;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__img {
    position: absolute;
    top: 0;
    right: 50px;
    width: 380px;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__txt {
  display: none;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__txt {
    margin-top: 32px;
    display: block;
    font-size: 1rem;
  }
}
.feature .feature-page .sec01 .rank.rank03 .rank__txtsp {
  display: block;
  margin-top: 5px;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .rank.rank03 .rank__txtsp {
    display: none;
  }
}
.feature .feature-page .sec01 .outline02 {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 48px 0 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .outline02 {
    width: 860px;
    padding: 64px 0 0;
  }
}
.feature .feature-page .sec01 .outline02__ttl {
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .outline02__ttl {
    font-size: 1.625rem;
  }
}
.feature .feature-page .sec01 .outline02__txt {
  font-size: 0.875rem;
  line-height: 2em;
  text-align: justify;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .outline02__txt {
    font-size: 1rem;
    line-height: 1.75em;
  }
}
.feature .feature-page .sec01 .bar01 {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec01 .bar01 {
    margin-top: 96px;
  }
}
.feature .feature-page .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .outline {
    width: 880px;
    padding: 64px 0 0;
  }
}
.feature .feature-page .sec02 .goal {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .goal {
    margin-top: 32px;
    width: 860px;
  }
}
.feature .feature-page .sec02 .goal__item {
  margin-bottom: 10px;
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .goal__item {
    margin-bottom: 20px;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
.feature .feature-page .sec02 .goal__item:last-of-type {
  margin-bottom: 0;
}
.feature .feature-page .sec02 .goal__num {
  font-size: 0.875rem;
  line-height: 1.571em;
  font-family: urw-din, sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  background-color: #63b4f2;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .goal__num {
    font-size: 1.125rem;
    line-height: 1.333em;
    margin-right: 10px;
    width: 30px;
    height: 30px;
  }
}
.feature .feature-page .sec02 .goal__txt {
  font-size: 0.875rem;
  line-height: 1.571em;
  width: 90%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .goal__txt {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.333em;
  }
}
.feature .feature-page .sec02__sttl {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02__sttl {
    margin-top: 64px;
    font-size: 1.25rem;
  }
}
.feature .feature-page .sec02 .program {
  background: -ms-linear-gradient(0deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAF0FF', endColorstr='#F4FAFD' ,GradientType=0)";
  background: linear-gradient(90deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .program {
    margin-top: 32px;
    padding: 40px;
  }
}
.feature .feature-page .sec02 .program__item {
  border-radius: 4px;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  background-color: #63b4f2;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1;
  width: 100%;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .program__item {
    width: calc(100% / 3 - 39px);
    font-size: 1.125rem;
    line-height: 1.333em;
    border-radius: 10px;
    margin-bottom: 0;
  }
}
.feature .feature-page .sec02 .program__item:last-of-type {
  margin-bottom: 0;
}
.feature .feature-page .sec02 .bar01 {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec02 .bar01 {
    margin-top: 96px;
  }
}
.feature .feature-page .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .outline {
    width: 880px;
    padding: 64px 0 0;
  }
}
.feature .feature-page .sec03 .point {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .point {
    margin-top: 20px;
    width: 860px;
  }
}
.feature .feature-page .sec03 .point__item {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .point__item {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    margin-bottom: 64px;
  }
}
.feature .feature-page .sec03 .point__item:last-of-type {
  margin-bottom: 0;
}
.feature .feature-page .sec03 .point__head {
  display: flex;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.feature .feature-page .sec03 .point__img {
  width: 13%;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .point__img {
    width: 50px;
  }
}
.feature .feature-page .sec03 .point__ttl {
  color: #63b4f2;
  font-weight: 700;
  line-height: 1.5em;
  font-size: 1rem;
  padding-left: 13px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .point__ttl {
    font-size: 1.25rem;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    padding-left: 13px;
  }
}
.feature .feature-page .sec03 .point__txt {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 2em;
  margin-top: 10px;
  text-align: justify;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .point__txt {
    font-size: 1rem;
    line-height: 1.75em;
    margin-top: 10px;
  }
}
.feature .feature-page .sec03 .focus {
  width: 100%;
  background: -ms-linear-gradient(0deg, rgb(234, 240, 255) 0%, rgb(244, 250, 253) 99.95%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAF0FF', endColorstr='#F4FAFD' ,GradientType=0)";
  padding: 20px;
  margin-top: 16px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .focus {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 10px;
  }
}
.feature .feature-page .sec03 .focus__item {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.714em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9f9fa0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .focus__item {
    font-size: 1rem;
    line-height: 1.75em;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.feature .feature-page .sec03 .focus__item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.feature .feature-page .sec03 .bar01 {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .feature .feature-page .sec03 .bar01 {
    margin-top: 96px;
  }
}
.feature .feature-page .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 32px 0 0;
}
@media (min-width: 768px) {
  .feature .feature-page .sec04 .outline {
    width: 904px;
    padding: 64px 0 0;
  }
}
.feature .feature-page .sec04__sttl {
  margin-top: 16px;
  font-size: 1.125rem;
  line-height: 1.556em;
}
@media (min-width: 768px) {
  .feature .feature-page .sec04__sttl {
    font-size: 1.625rem;
    line-height: 1.538em;
    margin-top: 32px;
  }
}
.feature .feature-page .sec04__txt {
  font-size: 0.875rem;
  line-height: 1.714em;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  text-align: justify;
}
@media (min-width: 768px) {
  .feature .feature-page .sec04__txt {
    font-size: 1rem;
    line-height: 1.75em;
    padding: 0 20px;
    margin-top: 32px;
    width: 100%;
  }
}
.feature .feature-page .sec04__img {
  margin-top: 32px;
}
.btn-courses {
  padding: 48px 0 0;
  text-align: center;
}
.btn-courses__item {
  width: 80%;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .btn-courses__item {
    width: 33%;
    height: 80px;
    line-height: 80px;
    font-weight: 500;
    font-size: 18px;
    border-top: 2px solid #63b4f2;
    border-bottom: 1px solid #DCDCDC;
    background-color: #f5fafd;
    text-align: center;
    color: #63b4f2;
  }
}

.initiatives .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/initiatives/initiatives_eyecatch_xs.jpg);
}
@media screen and (min-width: 768px) {
  .initiatives .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/initiatives/initiatives_eyecatch.jpg);
  }
}
.initiatives .ttl__style01-wrap {
  padding: 0;
}
.initiatives .sec01 {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .initiatives .sec01 {
    padding-top: 64px;
  }
}
.initiatives .sec01 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .initiatives .sec01 .outline {
    width: 900px;
  }
}
.initiatives .sec01__ttl {
  color: #33bedb;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.33333333em;
  letter-spacing: 0.075em;
  text-align: center;
  font-family: source-han-serif-japanese, serif;
}
@media (min-width: 768px) {
  .initiatives .sec01__ttl {
    font-size: 1.5rem;
    line-height: 1;
  }
}
.initiatives .sec01__txt {
  font-size: 0.875rem;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .initiatives .sec01__txt {
    margin-top: 32px;
    padding: 0 20px;
    font-size: 1rem;
  }
}
.initiatives .sec01 .lnav__list {
  margin-top: 24px;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .initiatives .sec01 .lnav__list {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .initiatives .sec01 .lnav__list {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
  }
}
.initiatives .sec01 .lnav__item {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .initiatives .sec01 .lnav__item {
    width: calc((100% - 120px) / 3);
    margin-top: 0;
  }
}
.initiatives .sec01 .lnav__item:first-of-type {
  margin-top: 0;
}
.initiatives .sec01 .lnav__item a {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  display: flex;
  text-align: center;
  padding: 10px 0;
  font-size: 0.875rem;
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .initiatives .sec01 .lnav__item a {
    font-size: 1rem;
    padding: 14px 0;
    margin-bottom: 0;
  }
}
.initiatives .sec01 .lnav__item a::after {
  right: 10px;
  font-size: 0.625rem;
}
.initiatives .sec02 {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .initiatives .sec02 {
    padding-top: 96px;
  }
}
.initiatives .sec02 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .initiatives .sec02 .outline {
    width: 960px;
  }
}
.initiatives .sec02__txt {
  margin-top: 32px;
  font-size: 0.875rem;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .initiatives .sec02__txt {
    padding: 0;
    margin-top: 48px;
    font-size: 1rem;
  }
}
.initiatives .sec02 .ict {
  background-color: #eff9fe;
  border-radius: 10px;
  padding: 16px 10px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict {
    margin-top: 32px;
    padding: 50px;
  }
}
.initiatives .sec02 .ict__list {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__list {
    width: 860px;
  }
}
.initiatives .sec02 .ict__item {
  background-color: #fff;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-top: 15px;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__item {
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    margin-top: 32px;
  }
}
.initiatives .sec02 .ict__item:first-of-type {
  margin-top: 0;
}
.initiatives .sec02 .ict__thumb {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__thumb {
    width: 37.2093%;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
  }
}
.initiatives .sec02 .ict__box {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__box {
    padding: 20px 25px;
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
  }
}
.initiatives .sec02 .ict__ttl {
  font-size: 0.875rem;
  color: #63b4f2;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__ttl {
    font-size: 1.125rem;
    margin-top: 0;
    line-height: 1;
    text-align: left;
  }
}
.initiatives .sec02 .ict__ttl small.c-001 {
  font-size: 10px;
  color: #333;
  font-weight: 300;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__ttl small.c-001 {
    font-size: 13px;
  }
}
.initiatives .sec02 .ict__txt {
  font-size: 0.875rem;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .initiatives .sec02 .ict__txt {
    font-size: 0.875rem;
    line-height: 1.71428571em;
    margin-top: 15px;
  }
}
.initiatives .sec02 .bar01 {
  margin-top: 48px;
  display: none;
}
@media (min-width: 768px) {
  .initiatives .sec02 .bar01 {
    margin-top: 96px;
    display: block;
  }
}
.initiatives .sec03 {
  padding-top: 48px;
}
@media (min-width: 768px) {
  .initiatives .sec03 {
    padding-top: 64px;
  }
}
.initiatives .sec03 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .initiatives .sec03 .outline {
    width: 960px;
  }
}
.initiatives .sec03__txt {
  margin-top: 32px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .initiatives .sec03__txt {
    padding: 0;
    margin-top: 48px;
  }
}
.initiatives .sec03 .activities {
  background-color: #eff9fe;
  border-radius: 10px;
  padding: 10px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities {
    margin-top: 32px;
    padding: 50px;
  }
}
.initiatives .sec03 .activities__list {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__list {
    width: 860px;
  }
}
.initiatives .sec03 .activities__item {
  background-color: #fff;
  display: flex;
  border-radius: 10px;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__item {
    margin-top: 32px;
    border-radius: 10px;
  }
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__item:first-of-type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__thumb {
    width: 37.2093%;
  }
}
.initiatives .sec03 .activities__box {
  background-color: #fff;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__box {
    padding: 20px 25px;
    border-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
.initiatives .sec03 .activities__ttl {
  font-size: 0.875rem;
  color: #63b4f2;
  font-weight: 500;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__ttl {
    font-size: 1.125rem;
    line-height: 1;
  }
}
.initiatives .sec03 .activities__txt {
  font-size: 0.875rem;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .initiatives .sec03 .activities__txt {
    font-size: 0.875rem;
    line-height: 1.71428571em;
    margin-top: 15px;
  }
}
.initiatives .sec03 .bar01 {
  margin-top: 48px;
  display: none;
}
@media (min-width: 768px) {
  .initiatives .sec03 .bar01 {
    margin-top: 96px;
    display: block;
  }
}
.initiatives .sec04 {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .initiatives .sec04 {
    padding-top: 64px;
  }
}
.initiatives .sec04 .outline {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
@media (min-width: 768px) {
  .initiatives .sec04 .outline {
    width: 960px;
  }
}
.initiatives .sec04__txt {
  margin-top: 48px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  .initiatives .sec04__txt {
    padding: 0;
    margin-top: 48px;
  }
}
.initiatives .sec04 .education {
  background-color: #eff9fe;
  border-radius: 10px;
  padding: 18px;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education {
    margin-top: 32px;
    padding: 50px 18px;
  }
}
.initiatives .sec04 .education__ttl {
  background-color: #fff;
  font-size: 0.875rem;
  text-align: center;
  color: #63b4f2;
  font-weight: 500;
  padding: 10px 0;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education__ttl {
    font-size: 1.125rem;
    border-radius: 10px;
  }
}
.initiatives .sec04 .education__sttl {
  font-size: 0.875rem;
  text-align: center;
  color: #63b4f2;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education__sttl {
    font-size: 1.125rem;
  }
}
.initiatives .sec04 .education .overseas__list {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  margin-top: 32px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__list {
    margin-top: 32px;
    width: 860px;
  }
}
.initiatives .sec04 .education .overseas__item {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  display: flex;
  padding: 10px;
  width: 100%;
  margin-top: 10px;
  align-items: center;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__item {
    padding: 30px;
  }
}
.initiatives .sec04 .education .overseas__item:first-of-type {
  margin-top: 0;
}
.initiatives .sec04 .education .overseas__head {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__head::after {
    content: "";
    width: 1px;
    min-height: 32px;
    display: block;
    margin: 0 20px;
    background-color: #63b4f2;
  }
}
.initiatives .sec04 .education .overseas__txt {
  font-size: 0.875rem;
  font-weight: 500;
  color: #63b4f2;
  line-height: 1.25em;
  text-align: left;
  margin-left: 0.5rem;
}
.initiatives .sec04 .education .overseas__txt span {
  font-weight: 300;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__txt span {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__txt_small {
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
.initiatives .sec04 .education .overseas__icon {
  width: 20%;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .overseas__icon {
    width: 48px;
    height: inherit;
  }
}
.initiatives .sec04 .education .document {
  display: flex;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .document {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
.initiatives .sec04 .education .document__txt {
  display: none;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .document__txt {
    display: block;
    font-weight: 300;
    font-size: 0.75rem;
    padding-right: 0.0625rem;
  }
}
.initiatives .sec04 .education .document__link {
  margin-left: 1rem;
}
.initiatives .sec04 .education .other__list {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__list {
    margin-top: 32px;
    flex-wrap: inherit;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
.initiatives .sec04 .education .other__item {
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
  display: flex;
  padding: 5px ​15px 15px 15px;
  flex-wrap: wrap;
  -moz-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 0px);
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__item {
    margin-bottom: 0;
    border-radius: 10px;
    padding: 20px;
    flex-wrap: wrap;
    -moz-flex-direction: inherit;
    flex-direction: inherit;
    width: calc(100% / 4 - 20px);
  }
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__item:first-of-type, .initiatives .sec04 .education .other__item:nth-of-type(2) {
    margin-bottom: 0;
  }
}
.initiatives .sec04 .education .other__ttl {
  text-align: center;
  color: #63b4f2;
  font-weight: 500;
  width: 100%;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
  height: 2.6rem;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__ttl {
    font-size: 1rem;
    line-height: 1;
    height: 32px;
  }
}
.initiatives .sec04 .education .other__ttl span {
  width: 100%;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__ttl span {
    font-size: 1rem;
  }
}
.initiatives .sec04 .education .other__thumb {
  margin-top: 5px;
  padding: 0 10px 10px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .education .other__thumb {
    margin-top: 16px;
  }
}
.initiatives .sec04 .bar01 {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .initiatives .sec04 .bar01 {
    margin-top: 96px;
  }
}

.schoolpolicy .sub-page {
  line-height: 1.5;
}
.schoolpolicy .page-ttl-imgarea::after {
  background-image: url(../../assets/images/school/schoolpolicy/schoolpolicy_eyecatch_xs.webp);
}
@media screen and (min-width: 768px) {
  .schoolpolicy .page-ttl-imgarea::after {
    background-image: url(../../assets/images/school/schoolpolicy/schoolpolicy_eyecatch.webp);
  }
}
.schoolpolicy .schoolpolicy-ttl-area h1 small {
  font-size: 12px;
  display: block;
  line-height: 1;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-ttl-area h1 small {
    font-size: 14px;
  }
}
.schoolpolicy .schoolpolicy-page .sec01 {
  margin-left: auto;
  margin-right: auto;
  width: min(80%, 860px);
  margin-top: 32px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec01 {
    margin-top: 64px;
  }
}
.schoolpolicy .schoolpolicy-page .sec01 p {
  font-size: 14px;
  line-height: 2;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec01 p {
    font-size: 16px;
  }
}
.schoolpolicy .schoolpolicy-page .sec02 {
  margin-left: auto;
  margin-right: auto;
  width: min(80%, 860px);
}
.schoolpolicy .schoolpolicy-page .sec02__outline {
  margin-top: 40px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #eff9fe;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02__outline {
    margin-top: 55px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.schoolpolicy .schoolpolicy-page .sec02__ttl {
  font-size: 20px;
  text-align: center;
}
.schoolpolicy .schoolpolicy-page .sec02 > div:nth-of-type(n+2) {
  margin-top: 40px;
}
.schoolpolicy .schoolpolicy-page .sec02 > div > p {
  font-size: 14px;
  margin-top: 20px;
  line-height: 2;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div > p {
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
  }
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div ul {
    display: flex;
    justify-content: center;
  }
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div ul li {
    width: calc(33.3333333333% - 80px);
  }
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul li:nth-of-type(n+2) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div ul li:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul p {
  line-height: 1;
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul p:nth-of-type(1) {
  font-size: 20px;
  font-family: source-han-serif-japanese, serif;
  color: #33bedb;
  font-weight: 500;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div ul p:nth-of-type(1) {
    font-size: 24px;
  }
}
.schoolpolicy .schoolpolicy-page .sec02 > div ul p:nth-of-type(2) {
  font-size: 14px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec02 > div ul p:nth-of-type(2) {
    font-size: 16px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 {
  margin-left: auto;
  margin-right: auto;
  width: min(80%, 860px);
}
.schoolpolicy .schoolpolicy-page .sec03__outline {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03__outline {
    margin-top: 140px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div:nth-of-type(n+2) {
  margin-top: 60px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div:nth-of-type(n+2) {
    margin-top: 80px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div h2 {
  font-size: 15px;
  display: block;
  line-height: 1;
  color: #33bedb;
  text-align: center;
  font-weight: 400;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div h2 {
    margin-bottom: 40px;
    font-size: 19px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div h2 span {
  font-size: 22px;
  font-family: source-han-serif-japanese, serif;
  display: block;
  letter-spacing: 5px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div h2 span {
    margin-bottom: 10px;
    font-size: 30px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div h3 {
  padding-bottom: 5px;
  display: inline;
  font-size: 15px;
  font-weight: 500;
  font-family: source-han-serif-japanese, serif;
  background: linear-gradient(transparent calc(100% - 1px), #33bedb 1px);
  line-height: 1.5 !important;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div h3 {
    font-size: 18px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div ul {
  margin-top: 20px;
  padding-left: 0;
}
.schoolpolicy .schoolpolicy-page .sec03 > div ul li {
  font-size: 14px;
  font-weight: 500;
  font-family: source-han-serif-japanese, serif;
  line-height: 1.8;
  padding-left: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div ul li {
    font-size: 16px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div ul li::before {
  background-color: #33bedb;
  content: "";
  display: inline-block;
  position: absolute;
  width: 11px;
  height: 11px;
  top: 7px;
  left: 0;
}
@media (min-width: 768px) {
  .schoolpolicy .schoolpolicy-page .sec03 > div ul li::before {
    width: 12px;
    height: 12px;
  }
}
.schoolpolicy .schoolpolicy-page .sec03 > div ul li:nth-of-type(n+2) {
  margin-top: 20px;
}

.link-icon::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  background-image: url(../images/common/link-icon001.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: 2px;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
@font-face {
  font-family: "GENJ";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/GenJyuuGothic-Regular.eot");
  src: url("../fonts/GenJyuuGothic-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/GenJyuuGothic-Regular.ttf") format("truetype"), url("../fonts/GenJyuuGothic-Regular.woff") format("woff");
}
.voice-page .idx-box {
  margin-left: calc((100% - 860px) / 2);
  margin-right: calc((100% - 860px) / 2);
  padding: 62px 0;
}
@media screen and (max-width: 767px) {
  .voice-page .idx-box {
    padding: 30px 0;
  }
}
@media screen and (max-width: 991px) {
  .voice-page .idx-box {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.voice-page .idx-box__txt1 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 10px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .voice-page .idx-box__txt1 {
    font-size: 14px;
    margin-bottom: 30px;
    padding: 0 16px;
  }
}
.voice-page .idx-box__list {
  background-color: #e9f1ff;
  border-radius: 6px;
  color: #232584;
  font-size: 0;
  padding: 13px 20px 5px;
}
@media screen and (max-width: 767px) {
  .voice-page .idx-box__list {
    padding: 13px 17px 2px;
  }
}
.voice-page .idx-box__txt2 {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .voice-page .idx-box__txt2 {
    font-size: 12px;
  }
}
.voice-page .idx-box__item {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #9E9E9E;
  padding: 0 15px;
  margin-bottom: 13px;
  margin-right: 16px;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width: 767px) {
  .voice-page .idx-box__item {
    margin-right: 14px;
  }
}
.voice-page .idx-box__item:hover {
  opacity: 0.7;
}
.voice-page .idx-box input[type=radio] {
  display: none;
}
.voice-page .idx-box input[type=radio]:checked + .idx-box__item {
  background-color: #232584;
  color: #fff;
  border-color: #fff;
}
.voice-page .postbox {
  padding: 100px 0 52px;
  background-color: #f1f9ff;
  background-image: radial-gradient(#f8fcff 30%, transparent 30%);
  background-size: 13px 11px;
}
@media screen and (max-width: 767px) {
  .voice-page .postbox {
    padding: 35px 0 30px;
  }
}
.voice-page .postbox__h1 {
  width: 249px;
  margin: 0 auto 33px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .voice-page .postbox__h1 {
    width: 174px;
    margin-bottom: 15px;
  }
}
.voice-page .postlist {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .voice-page .postlist {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.voice-page .postlist__h1 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 auto 16px;
  background-color: #72BCD9;
  width: 96%;
}
@media screen and (max-width: 767px) {
  .voice-page .postlist__h1 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    width: 100%;
  }
}
.voice-page .postlist .bg01 {
  background-color: #6FC5C4;
}
.voice-page .postlist .bg02 {
  background-color: #9495C9;
}
.voice-page .postlist .bg03 {
  background-color: #F1BF69;
}
.voice-page .postlist__wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .voice-page .postlist__wrapper {
    display: block;
  }
}
.voice-page .post {
  width: 46%;
  margin-bottom: 45px;
  margin-right: 2%;
  margin-left: 2%;
}
@media screen and (max-width: 767px) {
  .voice-page .post {
    width: 100%;
    margin-bottom: 32px;
    margin-right: 0;
    margin-left: 0;
  }
}
.voice-page .post__thumb {
  position: relative;
}
.voice-page .post__thumb::before {
  content: "";
  display: block;
  padding-top: 56%;
}
.voice-page .post__thumb::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.voice-page .post__thumb__inner {
  position: absolute;
  bottom: 0;
  left: 4.3%;
  right: 4.3%;
}
.voice-page .post__thumb__inner img {
  vertical-align: bottom;
}
.voice-page .post .mask-left::after {
  background-image: url("../images/voice/photo_mask_left.png");
}
.voice-page .post .mask-right::after {
  background-image: url("../images/voice/photo_mask_right.png");
}
.voice-page .post__txtbox {
  background-color: #fff;
  border-radius: 6px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 10px 28px 15px;
  display: flex;
  flex-wrap: wrap;
  -ms-align-content: space-between;
  align-content: space-between;
}
@media screen and (max-width: 767px) {
  .voice-page .post__txtbox {
    margin-left: 4.3%;
    margin-right: 4.3%;
    padding: 10px 22px 15px;
  }
}
.voice-page .post__txtbox p {
  color: #1D2088;
  font-family: source-han-serif-japanese, serif;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
  width: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .voice-page .post__txtbox p {
    font-size: 14px;
    font-weight: normal;
  }
}
.voice-page .post__name {
  position: relative;
  width: 100%;
  color: #63B4F2;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding-top: 12px;
  margin-top: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  .voice-page .post__name {
    padding-top: 8px;
    padding-bottom: 5px;
    margin-top: 8px;
    font-size: 12px;
  }
}
.voice-page .post__name::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 10px;
  bottom: 4px;
  height: 5px;
  width: 5px;
  border-bottom: 1px solid #63B4F2;
  border-right: 1px solid #63B4F2;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .voice-page .post__name::after {
    bottom: 2px;
  }
}
.voice-page .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 4;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .voice-page .modal {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.voice-page .modal__content {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: 960px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .voice-page .modal__content {
    left: 16px;
    right: 16px;
    transform: translate(0, -50%);
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .voice-page .modal__content {
    position: static;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    width: auto;
    margin: 60px 16px;
  }
}
.voice-page .modal__inner {
  display: flex;
  padding: 0 30px 20px 35px;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__inner {
    display: block;
    padding: 0 28px 20px;
  }
}
.voice-page .modal__left {
  width: 280px;
  margin-right: 15px;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__left {
    width: auto;
    margin-bottom: 10px;
  }
}
.voice-page .modal__right {
  width: calc(100% - 295px);
}
@media screen and (max-width: 767px) {
  .voice-page .modal__right {
    width: auto;
  }
}
.voice-page .modal__name {
  font-family: GENJ;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  margin-top: 10px;
  color: #63B4F2;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__name {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 0;
  }
}
.voice-page .modal__name--small {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__name--small {
    font-size: 12px;
    margin-top: 3px;
  }
}
.voice-page .modal__btn {
  float: right;
  position: relative;
  height: 32px;
  width: 32px;
  background-color: #63B4F2;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__btn {
    margin-bottom: 15px;
  }
}
.voice-page .modal__btn::before, .voice-page .modal__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background-color: #fff;
}
.voice-page .modal__btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.voice-page .modal__btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.voice-page .modal__btn:hover {
  opacity: 0.7;
}
.voice-page .modal__text {
  font-size: 16px;
  line-height: 1.75;
  position: relative;
  padding-left: 28px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__text {
    font-size: 14px;
  }
}
.voice-page .modal__text::before {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__text::before {
    top: 0;
  }
}
.voice-page .modal__q {
  font-weight: 500;
  color: #63B4F2;
  margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .voice-page .modal__q {
    margin-bottom: 8px;
  }
}
.voice-page .modal__q::before {
  content: "Q";
  background-color: #63B4F2;
}
.voice-page .modal__a {
  margin-bottom: 10px;
}
.voice-page .modal__a::before {
  content: "A";
  border-radius: 50%;
  background-color: #232584;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.examinfo .page-ttl-imgarea {
  background: none;
}
.examinfo .page-ttl-imgarea::after {
  background-image: url(../../assets/images/examinfo/examinfo_eyecatch.jpg);
  background-size: cover;
}
.examinfo .l-box {
  margin-left: calc((100% - 960px) / 2);
  margin-right: calc((100% - 960px) / 2);
}
@media screen and (max-width: 991px) {
  .examinfo .l-box {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.examinfo .l-box-middle {
  margin-left: calc((100% - 920px) / 2);
  margin-right: calc((100% - 920px) / 2);
}
@media screen and (max-width: 991px) {
  .examinfo .l-box-middle {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.examinfo .l-box-short {
  margin-left: calc((100% - 860px) / 2);
  margin-right: calc((100% - 860px) / 2);
}
@media screen and (max-width: 991px) {
  .examinfo .l-box-short {
    margin-left: 18px;
    margin-right: 18px;
  }
}
.examinfo .idx01 {
  background-image: url(../../assets/images/examinfo/bg01_pc.jpg);
  background-repeat: repeat-y;
  background-size: 100% 19px;
  padding-top: 65px;
}
@media screen and (max-width: 991px) {
  .examinfo .idx01 {
    background-image: url(../../assets/images/examinfo/bg01_sp.jpg);
    background-size: 100% 42.5px;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .idx01 {
    padding-top: 32px;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .idx01 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.examinfo .idx01__img {
  position: relative;
  display: inline-block;
  margin-bottom: 43px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img {
    height: 153px;
    margin-bottom: 34px;
  }
}
.examinfo .idx01__img::before, .examinfo .idx01__img::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img::before, .examinfo .idx01__img::after {
    width: 23px;
  }
}
.examinfo .idx01__img::before {
  background-image: url(../../assets/images/examinfo/mask01_left.png);
  left: -10px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img::before {
    background-image: url(../../assets/images/examinfo/mask_sp_left.png);
    left: -8px;
  }
}
.examinfo .idx01__img::after {
  background-image: url(../../assets/images/examinfo/mask01_right.png);
  right: -10px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img::after {
    background-image: url(../../assets/images/examinfo/mask_sp_right.png);
    right: -7.5px;
  }
}
.examinfo .idx01__img--s {
  width: 45%;
  margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img--s {
    width: 100%;
    margin-bottom: 55px;
  }
}
.examinfo .idx01__img--s:nth-of-type(2) {
  margin-left: 9%;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img--s:nth-of-type(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__img--s:last-of-type {
    margin-bottom: 50px;
  }
}
.examinfo .idx01__img--s::before, .examinfo .idx01__img--s::after {
  width: 20px;
}
.examinfo .idx01__img--s::before {
  background-image: url(../../assets/images/examinfo/mask02_left.png);
}
.examinfo .idx01__img--s::after {
  background-image: url(../../assets/images/examinfo/mask02_right.png);
}
.examinfo .idx01__label {
  position: absolute;
  left: 45px;
  right: 45px;
  bottom: -27px;
  height: 50px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__label {
    left: 30px;
    right: 30px;
    height: 36px;
    bottom: -18px;
  }
}
.examinfo .idx01__label--s {
  bottom: -25px;
}
.examinfo .idx01__label__btn {
  display: block;
  background-color: #6CC8F3;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__label__btn {
    font-size: 14px;
    line-height: 36px;
  }
}
.examinfo .idx01__box {
  text-align: center;
}
.examinfo .idx01__txtbox {
  background-color: #fff;
  border-radius: 10px;
  margin: 0 45px 64px;
  padding: 20px 20px 17px;
}
@media screen and (max-width: 991px) {
  .examinfo .idx01__txtbox {
    margin: 0 16px 64px;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__txtbox {
    margin: 0 16px 32px;
    padding: 10px 0 14px;
  }
}
.examinfo .idx01__txtbox p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #63B4F2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__txtbox p {
    font-size: 14px;
    line-height: 1.7;
  }
}
.examinfo .idx01__txtbox small {
  font-size: 16px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__txtbox small {
    font-size: 14px;
  }
}
.examinfo .idx01__txtbox a {
  position: relative;
  display: inline-block;
}
.examinfo .idx01__txtbox a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -3px;
  background-color: #FFF100;
}
@media screen and (max-width: 767px) {
  .examinfo .idx01__txtbox a::before {
    height: 2px;
    bottom: 1px;
  }
}
.examinfo .idx02 {
  margin-bottom: 165px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx02 {
    margin-bottom: 48px;
  }
}
.examinfo .idx02 .ttl__style01-wrap {
  padding: 58px 0 46px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx02 .ttl__style01-wrap {
    padding: 38px 0 25px;
  }
}
.examinfo .table-heading {
  font-size: 16px;
  line-height: 39px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  background-color: #656565;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .examinfo .table-heading {
    font-size: 14px;
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .table-heading--01 {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
  }
}
.examinfo .table01 {
  font-size: 14px;
  line-height: 1.7;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .examinfo .table01 {
    font-size: 12px;
    line-height: 1.6;
    border: 1px solid #CCCCCC;
    border-top: none;
  }
}
.examinfo .table01 th {
  color: #fff;
  background-color: #878788;
  border: 1px solid #DCDCDC;
  width: 197px;
  padding: 16px 16px;
  vertical-align: middle;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .examinfo .table01 th {
    display: block;
    width: 100%;
    padding: 7px 0;
    text-align: center;
    border: none;
  }
}
.examinfo .table01 td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  vertical-align: middle;
  padding: 16px 16px 16px 16px;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 767px) {
  .examinfo .table01 td {
    display: block;
    width: 100%;
    padding: 7px 7px 16px;
    border: none;
  }
}
.examinfo .table01 tr:nth-of-type(even) td {
  background-color: #F0F7FA;
}
.examinfo .table02 {
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
.examinfo .table02 th {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.examinfo .table02 td {
  font-size: 0.8125rem;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  border-right: 1px solid #CCCCCC;
}
.examinfo .table02 td:last-of-type {
  border-right: none;
}
.examinfo .table02__heading th {
  font-size: 0.75rem;
  background-color: #656565;
  color: #fff;
  height: 30px;
  border-right: 1px solid #7C7C7C;
  width: 12.5%;
}
.examinfo .table02__heading th:first-of-type {
  background-color: #9E9E9E;
}
.examinfo .table02__heading th:nth-last-of-type(2) {
  background-color: #4C4A4A;
}
.examinfo .table02__heading th:last-of-type {
  width: 25%;
  background-color: #4C4A4A;
}
.examinfo .table02__row th {
  font-size: 0.9375rem;
}
.examinfo .table02__note {
  font-size: 14px;
  color: #656565;
  margin-top: 13px;
  margin-bottom: 5px;
}
.examinfo .table02-sp {
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 15px;
  font-size: 12px;
  width: calc(100% - 8px);
}
.examinfo .table02-sp__h1 {
  font-size: 16px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin-bottom: 7px;
  text-align: center;
}
.examinfo .table02-sp__h1--3col {
  margin-bottom: 0;
  border-bottom: 1px solid #CCCCCC;
}
.examinfo .table02-sp__h2 {
  font-size: 14px;
  font-weight: 500;
  height: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px;
}
.examinfo .table02-sp th {
  text-align: center;
  background-color: #656565;
  color: #fff;
  font-weight: normal;
  width: 30%;
  padding: 3px 0;
}
.examinfo .table02-sp tr {
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.examinfo .table02-sp tr:first-of-type th {
  background-color: #9e9e9e;
}
.examinfo .table02-sp td {
  width: 20%;
}
.examinfo .table02-sp td:nth-of-type(even) {
  background-color: #F7FCFC;
}
.examinfo .table02-sp--02 td:nth-of-type(even) {
  background-color: #F9F9FC;
}
.examinfo .table02-sp--03 td:nth-of-type(even) {
  background-color: #FEFAF4;
}
.examinfo .table02-sp.mb0 {
  margin-bottom: 0;
}
.examinfo .table02-sp--3col {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 7px;
  width: 100%;
}
.examinfo .table02-sp--3col tr:first-of-type th {
  background-color: #4C4A4A;
}
.examinfo .table02-sp--3col tr:last-of-type th {
  background-color: #4C4A4A;
}
.examinfo .table02-sp--3col th {
  width: 52%;
  text-align: left;
  padding-left: 27px;
  vertical-align: middle;
}
.examinfo .table02-sp--3col td {
  width: 24%;
  vertical-align: middle;
}
.examinfo .table03 {
  font-size: 14px;
  line-height: 1.7;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .examinfo .table03 {
    font-size: 12px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .table03 tr {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }
}
.examinfo .table03 tr:nth-of-type(odd) {
  background-color: #F0F7FA;
}
.examinfo .table03 th {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  padding: 7px 0;
  background-color: #878788;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .examinfo .table03 th {
    padding: 6px 0;
    background-color: #656565;
  }
}
.examinfo .table03 td {
  vertical-align: middle;
  padding: 7px 0;
  border-left: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
  .examinfo .table03 td {
    padding: 6px 0;
  }
}
.examinfo .table03__heading th {
  background-color: #656565;
  padding: 3px 0;
  width: 26%;
}
@media screen and (max-width: 767px) {
  .examinfo .table03__heading th {
    width: 23%;
  }
}
.examinfo .table03__heading th small {
  font-size: 12px;
}
.examinfo .table03__heading th:first-of-type {
  width: 22%;
  background-color: #9E9E9E;
}
@media screen and (max-width: 767px) {
  .examinfo .table03__heading th:first-of-type {
    width: 31%;
  }
}
@media screen and (max-width: 767px) {
  .examinfo .table03__sp-long {
    padding: 18px 0 !important;
  }
}
.examinfo .table03__flex {
  width: 60%;
  display: inline-flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media screen and (max-width: 991px) {
  .examinfo .table03__flex {
    width: auto;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .examinfo .table03__flex p {
    display: inline-block;
    margin-left: 11px;
    margin-right: 11px;
  }
}
.examinfo .table03__flex p:nth-of-type(2) {
  text-align: right;
}
.examinfo .cell03, .examinfo .cell02, .examinfo .cell01 {
  color: #fff;
}
.examinfo .cell01 {
  background-color: #62C0BF;
}
.examinfo .cell01-dark {
  background-color: #E0F2F2;
}
.examinfo .cell01-light {
  background-color: #EFF9F8;
}
.examinfo .cell02 {
  background-color: #8687C2;
}
.examinfo .cell02-dark {
  background-color: #E7E7F3;
}
.examinfo .cell02-light {
  background-color: #F3F3F9;
}
.examinfo .cell03 {
  background-color: #EBA327;
}
.examinfo .cell03-dark {
  background-color: #FBEDD4;
}
.examinfo .cell03-light {
  background-color: #FDF6E9;
}
.examinfo .bb {
  border-bottom: 1px solid #CCCCCC;
}
.examinfo .bb_dot {
  border-bottom: 1px dotted #ccc;
}
.examinfo .idx03 {
  background-color: #EFF7FE;
  border-radius: 6px;
  padding: 22px 70px 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03 {
    padding: 30px 18px 15px;
  }
}
.examinfo .idx03__h {
  color: #232584;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03__h {
    font-size: 14px;
    margin-bottom: 26px;
  }
}
.examinfo .idx03__box {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03__box {
    display: block;
  }
}
.examinfo .idx03__item {
  width: 44%;
  border-radius: 10px;
  background-color: #fff;
  padding: 40px 0 22px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03__item {
    width: 100%;
    padding: 34px 0 18px;
  }
}
.examinfo .idx03__item--ex {
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03__item--ex {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.examinfo .idx03__link {
  display: block;
  width: 300px;
  height: 64px;
  margin: 0 auto 16px;
}
@media screen and (max-width: 991px) {
  .examinfo .idx03__link {
    width: 250px;
    height: 53px;
    margin-bottom: 12px;
  }
}
.examinfo .idx03__link--ex {
  width: 280px;
  height: 80px;
}
@media screen and (max-width: 991px) {
  .examinfo .idx03__link--ex {
    width: 233px;
    height: 60px;
  }
}
.examinfo .idx03__txt {
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .examinfo .idx03__txt {
    font-size: 14px;
  }
}
.examinfo .inquiry {
  width: 560px;
  margin-top: 64px;
  padding: 15px 15px 30px;
  background-color: #f3f8fd;
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .examinfo .inquiry {
    width: 100%;
    margin-top: 32px;
    padding: 15px;
  }
}
.examinfo .inquiry__ttl {
  font-size: 0.8125rem;
  background-color: #fff;
  text-align: center;
  width: 100%;
  display: block;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 10px;
  color: #1d2088;
  line-height: 1;
  border-radius: 5px;
}
.examinfo .inquiry__txt {
  text-align: center;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .examinfo .inquiry__txt {
    font-size: 0.875rem;
  }
}
.examinfo .inquiry__tel {
  font-size: 0.875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .examinfo .inquiry__tel {
    font-size: 0.75rem;
  }
}

.entry-event .page-ttl-imgarea {
  background: none;
}
.entry-event .page-ttl-imgarea::after {
  background-image: url(../../assets/images/examinfo/event/event_eyecatch.jpg);
}
.entry-event .ttl__style01-wrap {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .entry-event .ttl__style01-wrap {
    padding-bottom: 25px;
  }
}
.entry-event .ttl__style01--rows {
  line-height: 1;
  padding-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .entry-event .ttl__style01--rows {
    padding-bottom: 3px;
  }
}
.entry-event .ttl__style01--rows small {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .entry-event .ttl__style01--rows small {
    font-size: 14px;
  }
}
.entry-event .bg04, .entry-event .bg03, .entry-event .bg02, .entry-event .bg01 {
  color: #fff;
}
.entry-event .bg01 {
  background: linear-gradient(to right, #8DC4FF, #33BEDB);
}
.entry-event .bg02 {
  background: linear-gradient(to right, #EC7790, #EC9903);
}
.entry-event .bg03 {
  background: linear-gradient(to right, #9B6498, #8787BB);
}
.entry-event .bg04 {
  background: linear-gradient(to right, #C2BAC0, #828282);
}
.entry-event .box {
  background-color: #fff;
  padding: 24px 40px 64px;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .entry-event .box {
    padding: 14px 18px 16px;
  }
}
.entry-event .box__txt {
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .entry-event .box__txt {
    font-size: 12px;
  }
}
.entry-event .table {
  width: 100%;
  text-align: center;
  margin-bottom: 32px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .entry-event .table {
    text-align: left;
    margin-bottom: 16px;
    font-size: 12px;
  }
}
.entry-event .table__h {
  background-color: #E3F0FF;
  color: #8687C2;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .entry-event .table__h {
    width: 33%;
    text-align: left;
    padding: 3px 0 3px 11px;
    border-top: 1px solid #E3F0FF;
    border-bottom: 1px solid #E3F0FF;
  }
}
@media screen and (max-width: 374px) {
  .entry-event .table__h {
    font-size: 10px;
  }
}
.entry-event .table__h:not(:first-of-type) {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.entry-event .table__h--02 {
  color: #EC7790;
  background-color: #F9E6E0;
}
@media screen and (max-width: 767px) {
  .entry-event .table__h--02 {
    border-color: #F9E6E0;
  }
}
.entry-event .table__h--03 {
  color: #9B6498;
  background-color: #EFE6EE;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 767px) {
  .entry-event .table__h--03 {
    border-color: #EFE6EE !important;
  }
}
.entry-event .table__h--03:first-of-type {
  border-left: 1px solid #DCDCDC;
}
.entry-event .table__h--03:last-of-type {
  border-right: 1px solid #DCDCDC;
}
.entry-event .table__h--04 {
  color: #7C7C7C;
  background-color: #EEEEEE;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 767px) {
  .entry-event .table__h--04 {
    border-color: #EEEEEE !important;
  }
}
.entry-event .table__h--04:first-of-type {
  border-left: 1px solid #DCDCDC;
}
.entry-event .table__h--04:last-of-type {
  border-right: 1px solid #DCDCDC;
}
.entry-event .table__date {
  width: 30%;
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .entry-event .table__date {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 7px;
    text-align: center;
    border-bottom: none;
    border-right: 1px solid #DCDCDC;
  }
}
.entry-event .table__date p {
  display: inline-block;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .entry-event .table__date p {
    font-size: 26px;
  }
}
.entry-event .table__date small {
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .entry-event .table__date small {
    font-size: 12px;
  }
}
.entry-event .table__date--ex {
  padding-top: 22px;
  padding-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .entry-event .table__date--ex {
    padding-top: 10px;
    padding-bottom: 12px;
  }
}
.entry-event .table__date--ex p {
  font-size: 28px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .entry-event .table__date--ex p {
    font-size: 22px;
  }
}
.entry-event .table__time {
  display: inline-block;
  border-radius: 10px;
  background-color: #fff;
  color: #72BCD9;
  font-size: 14px;
  margin-left: 5px;
  line-height: 1;
  padding: 4px 15px;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .entry-event .table__time {
    margin-left: 18px;
  }
}
.entry-event .table__time--02 {
  color: #EC7790;
}
.entry-event .table__event {
  width: 23%;
  vertical-align: middle;
  border-right: 1px dashed #DCDCDC;
  border-bottom: 1px solid #9E9E9E;
}
@media screen and (max-width: 767px) {
  .entry-event .table__event {
    width: 67%;
    border: 1px solid #DCDCDC;
    padding-left: 18px;
    line-height: 1.5;
  }
}
.entry-event .table__event--2col {
  width: 27.5%;
}
.entry-event .table__target {
  width: 18%;
  vertical-align: middle;
  border-right: 1px dashed #DCDCDC;
  border-bottom: 1px solid #9E9E9E;
}
@media screen and (max-width: 767px) {
  .entry-event .table__target {
    width: 67%;
    border: 1px solid #DCDCDC;
    padding-left: 18px;
  }
}
.entry-event .table__target--2col {
  width: 27.5%;
  border-right: none;
}
.entry-event .table__outline {
  width: 14%;
  vertical-align: middle;
  border-bottom: 1px solid #9E9E9E;
}
@media screen and (max-width: 767px) {
  .entry-event .table__outline {
    width: 67%;
    border: 1px solid #DCDCDC;
    padding-left: 18px;
  }
}
.entry-event .table__btn {
  display: inline-block;
  border-radius: 6px;
  height: 20px;
  width: 80px;
  line-height: 18px;
  color: #F86419;
  border: 1px solid #F86419;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .entry-event .table__btn {
    border-radius: 4px;
    font-size: 10px;
    width: 60px;
    height: 17px;
    line-height: 15px;
  }
}
.entry-event .table__btn::before {
  content: "\f1c1";
  position: absolute;
  right: 3px;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .entry-event .table__btn::before {
    font-size: 10px;
  }
}
.entry-event .table__btn--default {
  color: #9E9E9E;
  border-color: #D2D2D2;
  font-size: 12px;
}
.entry-event .table__btn--default::before {
  content: "";
}
.entry-event .form {
  border-radius: 6px;
  text-align: center;
  background-color: #EFF7FE;
  padding: 22px 0 30px;
  width: 760px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .entry-event .form {
    padding: 16px 18px;
    width: 100%;
  }
}
.entry-event .form__h {
  font-size: 16px;
  color: #232584;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .entry-event .form__h {
    margin-bottom: 10px;
    font-weight: 500;
  }
}
.entry-event .form__txt {
  font-size: 14px;
  color: #595858;
  margin-bottom: 23px;
}
@media screen and (max-width: 767px) {
  .entry-event .form__txt {
    font-size: 12px;
    margin-bottom: 13px;
    line-height: 1.6;
    text-align: justify;
    text-justify: inter-ideograph;
  }
}
@media screen and (max-width: 767px) {
  .entry-event .form__txt__spcenter {
    text-align: center;
  }
}
.entry-event .form__btn {
  display: inline-block;
  width: 480px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 6px;
  letter-spacing: 0.06em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .entry-event .form__btn {
    width: 100%;
    height: 48px;
    line-height: 48px;
  }
}
.entry-event .form__btn::before {
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_exlink_w.svg);
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 50%;
  bottom: 50%;
  margin-top: auto;
  right: 24px;
  position: absolute;
  margin-bottom: auto;
}
@media screen and (max-width: 767px) {
  .entry-event .form__btn::before {
    width: 12px;
    height: 12px;
    right: 12px;
  }
}
.entry-event .form__block {
  color: #fff;
  width: 480px;
  margin: 15px auto 0;
  padding: 20px 95px 25px;
  border-radius: 6px;
  background: linear-gradient(90deg, rgb(155, 100, 152) 0%, rgb(135, 135, 187) 100%);
}
@media screen and (max-width: 767px) {
  .entry-event .form__block {
    width: 100%;
    padding: 20px 20px 20px;
  }
}
.entry-event .form__tel {
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .entry-event .form__tel {
    font-size: 20px;
  }
}
.entry-event .form__term {
  font-size: 16px;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .entry-event .form__term {
    font-size: 14px;
    line-height: 1.5;
  }
}
.entry-event .form__term span {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .entry-event .form__term span {
    font-size: 12px;
  }
}
.entry-event .form__ttl {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .entry-event .form__ttl {
    font-size: 13px;
  }
}
.entry-event .sec01 {
  font-size: 0;
  margin-top: 32px;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec01 {
    margin-top: 16px;
    margin-bottom: 32px;
  }
}
.entry-event .sec01 .sec01__item2, .entry-event .sec01 .sec01__item {
  font-size: 16px;
  font-weight: 500;
  border-radius: 6px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .entry-event .sec01 .sec01__item2, .entry-event .sec01 .sec01__item {
    font-size: 12px;
    vertical-align: bottom;
  }
}
@media screen and (max-width: 374px) {
  .entry-event .sec01 .sec01__item2, .entry-event .sec01 .sec01__item {
    font-size: 11px;
  }
}
.entry-event .sec01__item {
  width: 32%;
  display: inline-flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 1.25;
  height: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec01__item {
    height: 50px;
    margin-bottom: 7.5px;
  }
}
.entry-event .sec01__item:nth-of-type(even) {
  margin-left: 2%;
}
.entry-event .sec01__item:last-of-type {
  margin-left: 2%;
}
.entry-event .sec01__item2 {
  margin-top: 8px;
  border: 1px solid #EC7790;
  height: 40px;
  line-height: 38px;
  color: #EC7790;
}
@media screen and (max-width: 767px) {
  .entry-event .sec01__item2 {
    margin-top: 0;
  }
}
.entry-event .sec02 {
  background-image: url(../../assets/images/examinfo/event/bg_pattern01.png);
  background-size: 12px 12px;
  padding-top: 68px;
  padding-bottom: 133px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02 {
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .entry-event .sec02 {
    padding-bottom: 143px;
  }
}
.entry-event .sec02__h {
  width: 399px;
  height: 29px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02__h {
    width: 213px;
    height: 69px;
    margin-bottom: 17px;
  }
}
.entry-event .sec02__lists {
  font-size: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02__lists {
    text-align: center;
    margin-bottom: 20px;
  }
}
.entry-event .sec02__item {
  display: inline-block;
  width: 32%;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02__item {
    width: auto;
    max-width: 300px;
  }
}
@media screen and (max-width: 374px) {
  .entry-event .sec02__item {
    width: 100%;
  }
}
.entry-event .sec02__item + .sec02__item {
  margin-left: 2%;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02__item + .sec02__item {
    margin-top: 16px;
    margin-left: 0;
  }
}
.entry-event .sec02__note {
  font-size: 14px;
  line-height: 1;
  color: #595858;
  text-align: right;
  margin-bottom: 33px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec02__note {
    font-size: 12px;
    max-width: 300px;
    margin: 0 auto 17px;
  }
}
.entry-event .sec05, .entry-event .sec04, .entry-event .sec03 {
  margin-top: -20px;
  background-size: 12px 12px;
  border-top-right-radius: 4000px 200px;
  border-top-left-radius: 4000px 200px;
  margin-left: -100px;
  margin-right: -100px;
  padding: 87px 100px 120px;
}
@media screen and (max-width: 767px) {
  .entry-event .sec05, .entry-event .sec04, .entry-event .sec03 {
    margin-top: -10px;
    border-top-right-radius: 400px 30px;
    border-top-left-radius: 400px 30px;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .entry-event .sec05, .entry-event .sec04, .entry-event .sec03 {
    margin-top: -30px;
    padding-bottom: 130px;
  }
}
.entry-event .sec03 {
  background-image: url(../../assets/images/examinfo/event/bg_pattern02.png);
}
@media screen and (max-width: 767px) {
  .entry-event .sec03 {
    padding-top: 43px;
  }
}
.entry-event .sec04 {
  background-image: url(../../assets/images/examinfo/event/bg_pattern03.png);
}
@media screen and (max-width: 767px) {
  .entry-event .sec04 {
    padding-top: 17px;
  }
}
.entry-event .sec05 {
  background-image: url(../../assets/images/examinfo/event/bg_pattern04.png);
}
@media screen and (max-width: 767px) {
  .entry-event .sec05 {
    padding-top: 17px;
  }
}

.guidelines .table__btn {
  display: inline-block;
  color: #F86419;
  border: 1px solid #F86419;
  text-align: center;
  position: relative;
  border-radius: 4px;
  width: 60px;
  height: 17px;
  line-height: 15px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .guidelines .table__btn {
    border-radius: 6px;
    width: 80px;
    height: 20px;
    line-height: 18px;
  }
}
.guidelines .table__btn--default {
  color: #9E9E9E;
  border-color: #D2D2D2;
  font-size: 0.75rem;
}
.guidelines .certificate-page .outline {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .guidelines .certificate-page .outline {
    width: 90%;
    margin-top: 0px;
  }
}
.guidelines .certificate-page .outline .sec01__txt {
  font-size: 16px;
  line-height: 1.7;
  margin: -16px auto 32px;
}
@media screen and (max-width: 767px) {
  .guidelines .certificate-page .outline .sec01__txt {
    font-size: 14px;
    margin: 0px auto 32px;
  }
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
.newslist .newslist-page .sec01 .post__icon,
.swas .swas-page .sec01 .post__icon,
.general .general-page .sec01 .post__icon,
.for_examinee .for_examinee-page .sec01 .post__icon,
.for_graduates .for_graduates-page .sec01 .post__icon,
.utsblog .utsblog-page .sec01 .post__icon,
.clubblog .clubblog-page .sec01 .post__icon,
.library .library-page .sec01 .post__icon,
.for_parents .for_parents-page .sec01 .post__icon,
.news .news-page .sec01 .post__icon,
.topics .topics-page .sec01 .post__icon,
.bloglist .bloglist-page .sec01 .post__icon {
  font-size: 0.75rem;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  line-height: 1;
  padding: 5px 4px;
  margin-left: 6px;
  width: 90px;
  text-align: center;
}

/* ----------------------------------

mixinでメディアクエリーを定義

------------------------------------- */
main .error404 {
  padding: 48px 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  main .error404 {
    padding: 120px 0;
  }
}/*# sourceMappingURL=style.css.map */