@charset "UTF-8";
/*!
Theme Name: 羽衣国際大学
Version: 1.0.0
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

p {
  margin: 0;
}

/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

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

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none;
}

/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

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

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

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

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

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

/**
* Correct the padding in Firefox.
*/
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

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

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

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

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

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

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

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

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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*----- LINKS -----*/
a {
  color: #050e1a;
  text-decoration: none;
}

a:hover {
  color: #050e1a;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

a[href^="tel:"] {
  cursor: default;
}

br.forPC {
  display: inline;
}

br.forSP {
  display: none;
}

@media only screen and (max-width: 768px) {
  br.forPC {
    display: none;
  }
  br.forSP {
    display: inline;
  }
}
/*----- IMAGES -----*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

img[src$=".svg"] {
  width: 100%;
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0), screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}
/*----- MISC -----*/
::-moz-selection {
  background: #cedae3;
  color: #050e1a;
  text-shadow: none;
}
::selection {
  background: #cedae3;
  color: #050e1a;
  text-shadow: none;
}

::-webkit-selection {
  background: #cedae3;
  color: #050e1a;
  text-shadow: none;
}

::-moz-selection {
  background: #cedae3;
  color: #050e1a;
  text-shadow: none;
}

/*----- WP CORE -----*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #FFF;
  border: 1px solid #F0F0F0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/**
 * Swiper 9.2.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 21, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}


/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden;
}

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: #fff;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper *[tabindex="0"] {
  outline: none !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}

.modaal-inner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}

body.home .modaal-container {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 850px) {
  body.home .modaal-container {
    max-width: 460px;
  }
}

.modaal-container {
  position: relative;
  display: block;
  text-align: left;
  max-width: 460px;
  width: 95%;
  cursor: auto;
  margin-right: 6.32vw;
  margin-left: auto;
}
@media screen and (max-width: 850px) {
  .modaal-container {
    margin-right: auto;
  }
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}

.modaal-close {
  position: absolute;
  right: 3.6%;
  top: 10px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  opacity: 0.5;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:before, .modaal-close:after {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 2px;
  height: 22px;
  border-radius: 4px;
  background: #000;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modaal-close:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}

.modaal-content-container {
  padding: 80px 0 15px;
}

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}

@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
          animation: instaReveal 1s linear forwards;
}

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}

.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}

.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: none;
}

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff;
}
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:before, .modaal-gallery-control:after {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}

.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container iframe,
.modaal-video-container object,
.modaal-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
            transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
          transform: scale(0.25);
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.37s;
  animation-delay: 0.37s;
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.62s;
  animation-delay: 0.62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
          animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0.87s;
  animation-delay: 0.87s;
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}

/* Document
========================================================================== */
html {
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  height: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.4rem;
  color: #1d1d1d;
  background: #fff;
  line-height: 1.7;
  letter-spacing: 1.4px;
  padding: 0;
  margin: 0;
  position: relative;
}

/* Sections
========================================================================== */
.layout {
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 0px minmax(0, 460px) 0px 7.32vw;
  grid-template-columns: minmax(0, 1fr) minmax(0, 460px) 7.32vw;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ededed;
}
@media screen and (max-width: 850px) {
  .layout {
    display: block;
  }
}

.wrapper {
  z-index: 10;
  overflow: hidden;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  background-color: #A8DEEF;
}

#main {
  position: relative;
  z-index: 1;
  max-width: 460px;
  width: 100%;
  margin: auto;
  padding-bottom: 130px;
  background-color: #fff;
  overflow: hidden;
}

#main.admissions {
  padding-top: 70px;
}

p.viewmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
}
p.viewmore a {
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 35px;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
p.viewmore a:hover {
  opacity: 0.4;
}
p.viewmore.normal a {
  border: 2px solid #B3C1CB;
  color: #B3C1CB;
  background-color: #eff2f4;
}
p.viewmore.transparent a {
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
p.viewmore.transparent-blk a {
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}
p.viewmore.inversion-blk a {
  border: 2px solid #707070;
  background-color: #eff2f4;
  color: #707070;
}
p.viewmore.course-presentation {
  padding-bottom: 36px;
}

body:not(.home) .popinner {
  max-width: 425px;
  width: 97.5%;
}

.popinner {
  margin: auto;
  width: 97.5%;
}
@media screen and (max-width: 850px) {
  .popinner {
    max-width: 425px;
    width: 97.5%;
  }
}
.popinner a {
  display: block;
}
.popinner img {
  width: 100%;
  height: auto;
}

.scrollicon {
  width: 14px;
  position: absolute;
  bottom: 10px;
  left: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 0;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
.scrollicon.hide {
  opacity: 0;
}
.scrollicon svg {
  width: 100%;
}
.scrollicon::before, .scrollicon::after {
  content: "";
  display: block;
  background-color: #fff;
  width: 9px;
  height: 7px;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  -webkit-animation: sdb07 2s infinite;
          animation: sdb07 2s infinite;
}
.scrollicon::before {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.scrollicon::after {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
main.notfound #wrap {
  width: 86.5%;
  margin: auto;
  margin-top: 70px;
}
main.notfound #wrap h1 {
  font-size: 1.6rem;
  font-weight: bold;
}
main.notfound #wrap .box {
  margin-top: 50px;
}
main.notfound #wrap .box p ~ p {
  margin-top: 1em;
}

#course-list {
  position: fixed;
  z-index: 555;
  bottom: 0;
  right: 7.32vw;
  width: 460px;
  -webkit-transition: -webkit-transform 480ms;
  transition: -webkit-transform 480ms;
  transition: transform 480ms;
  transition: transform 480ms, -webkit-transform 480ms;
}
@media screen and (max-width: 850px) {
  #course-list {
    width: 100%;
    max-width: 460px;
    left: 50%;
    right: initial;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
#course-list.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
@media screen and (max-width: 850px) {
  #course-list.active {
    -webkit-transform: translate(-50%, 50px);
            transform: translate(-50%, 50px);
  }
}
#course-list h4 {
  overflow: hidden;
  padding: 10px 10px 0;
}
#course-list h4 span.coursebutton {
  display: block;
  width: 200px;
  margin: auto;
  position: relative;
  background-color: #F5F5F7;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  padding: 3px 20px 10px;
  letter-spacing: 0.7px;
  line-height: 1.3;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
#course-list h4 span.coursebutton::before {
  content: "";
  border: solid #333;
  border-width: 2px 0 0 2px;
  width: 7px;
  height: 7px;
  display: block;
  margin: 5px auto 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#course-list h4.active span::before {
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg) translate(-3px, -3px);
          transform: rotate(45deg) translate(-3px, -3px);
}
#course-list .peek-a-box {
  display: none;
}
#course-list .peek-a-box div.inbox {
  padding: 50px;
  background-color: #F5F5F7;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 850px) {
  #course-list .peek-a-box div.inbox {
    padding: 50px 5.88vw;
  }
}
#course-list .peek-a-box div.inbox div.block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
#course-list .peek-a-box div.inbox div.block:not(:first-of-type) {
  margin-top: 30px;
}
#course-list .peek-a-box div.inbox div.block a.course-item {
  width: calc(50% - 6px);
  text-align: center;
  padding: 8px 0;
  font-size: 1.2rem;
  letter-spacing: 0;
  display: block;
  color: #fff;
  font-weight: 500;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
#course-list .peek-a-box div.inbox div.block a.course-item:hover {
  opacity: 0.5;
}

/* Menu
========================================================================== */
.OpenMenuButton {
  --color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 99;
  cursor: pointer;
  position: relative;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 20px;
}
.OpenMenuButton div {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
.OpenMenuButton div.close {
  opacity: 0;
}
.OpenMenuButton div.open {
  opacity: 1;
}

[data-menu]:checked ~ .menu-wrap .inner {
  background-color: transparent;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.menu-wrap .inner .box .linebtn {
  height: 37px;
  margin-left: auto;
}
.menu-wrap .inner .box .linebtn img {
  width: auto;
  height: 100%;
}

[data-menu]:checked ~ .menu-wrap .inner .box .OpenMenuButton div.close {
  opacity: 1;
}
[data-menu]:checked ~ .menu-wrap .inner .box .OpenMenuButton div.open {
  opacity: 0;
}

.DrawerMenu {
  position: fixed;
  z-index: 98;
  width: 100vw;
  height: 100vh;
  letter-spacing: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 480ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 480ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 480ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 480ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 480ms cubic-bezier(0.4, 0, 0.2, 1);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 850px) {
  .DrawerMenu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr minmax(0, 460px) 1fr;
    grid-template-columns: 1fr minmax(0, 460px) 1fr;
  }
}

[data-menu]:checked ~ .DrawerMenu {
  -webkit-transform: none;
          transform: none;
}

.MenuList {
  padding: 50px 0 0;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  opacity: 0;
  -webkit-transition: opacity 480ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 480ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0;
          transition-delay: 0;
  contain: content;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 1/1/2/3;
  background-color: #A3D6E5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 850px) {
  .MenuList {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1/2/2/3;
  }
}
.MenuList::-webkit-scrollbar {
  display: none;
}
.MenuList .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 92.8%;
  margin: auto;
}

[data-menu]:checked ~ .DrawerMenu .MenuList {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.MenuOverlay {
  opacity: 0;
  -webkit-transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: 1/1/2/4;
}

[data-menu]:not(:checked) ~ .DrawerMenu .MenuOverlay {
  pointer-events: none;
}

[data-menu]:checked ~ .DrawerMenu .MenuOverlay {
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

/* Menu HEAD
========================================================================== */
.menu-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px minmax(0, 460px) 0px 7.32vw;
  grid-template-columns: 1fr minmax(0, 460px) 7.32vw;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 99;
}
.menu-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.menu-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.menu-wrap > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media screen and (max-width: 850px) {
  .menu-wrap {
    -ms-grid-columns: 1fr minmax(0, 460px) 1fr;
    grid-template-columns: 1fr minmax(0, 460px) 1fr;
  }
}
.menu-wrap div.inner {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  max-width: 460px;
  width: 100%;
  margin: auto;
  padding-top: 0;
}
.menu-wrap div.inner div.box {
  width: 92.8%;
  height: 80px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 851px) {
  .menu-wrap div.inner div.box::before {
    content: "";
  }
}
.menu-wrap div.inner p.mainlogo {
  width: 108px;
}
@media screen and (min-width: 851px) {
  .menu-wrap div.inner p.mainlogo {
    display: none;
  }
}
.menu-wrap div {
  width: 37px;
}

@media screen and (min-width: 851px) {
  [data-menu]:checked ~ .menu-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 0 60px;
  }
}

/* Menu Deco
========================================================================== */
.MenuList .inner .popbanner {
  margin-bottom: 12px;
}
.MenuList .inner .popbanner a {
  display: block;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
}
.MenuList .inner .popbanner a:hover {
  opacity: 0.5;
}

.MenuList .inner .banner-list a {
  display: block;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
}
.MenuList .inner .banner-list a:hover {
  opacity: 0.5;
}
.MenuList .inner .banner-list a:not(:last-of-type) {
  margin-bottom: 12px;
}

.MenuList .inner ul.main-menu {
  max-width: 354px;
  width: 100%;
  margin: auto;
  margin-top: 20px;
}
.MenuList .inner ul.main-menu.tt {
  display: none;
}
@media screen and (max-width: 850px) {
  .MenuList .inner ul.main-menu.tt {
    display: block;
    margin-bottom: 24px;
  }
}
.MenuList .inner ul.main-menu li a {
  color: #333;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  display: block;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 10px 0;
  letter-spacing: 2.8px;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
}
.MenuList .inner ul.main-menu li a:hover {
  opacity: 0.5;
}
.MenuList .inner ul.main-menu li a.arrow::before {
  content: "";
  border: solid #333;
  border-width: 2px 2px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.MenuList .inner ul.main-menu li ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 11px;
  gap: 11px 14px;
}
.MenuList .inner ul.main-menu li ul li {
  width: calc(50% - 7px);
}
.MenuList .inner ul.main-menu li ul li a {
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
  padding: 7px 0;
}

.MenuList .inner .special-content {
  margin-top: 40px;
}
.MenuList .inner .special-content p.title {
  margin: auto;
  width: 300px;
}
.MenuList .inner .special-content p.subtitle {
  text-align: center;
  line-height: 1;
  margin-top: 10px;
  letter-spacing: 2.2px;
  margin-right: -2.2px;
}
.MenuList .inner .special-content div.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin: 30px 0 15px;
}
.MenuList .inner .special-content div.item-list a {
  width: calc(50% - 4px);
  display: block;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
}
.MenuList .inner .special-content div.item-list a.full {
  width: 100%;
}
.MenuList .inner .special-content div.item-list a:hover {
  opacity: 0.5;
}

.MenuList .inner .detail-content .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}
.MenuList .inner .detail-content .item-list a {
  background-color: #F1F6FB;
  display: block;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
  width: calc(33.3333333333% - 5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0 12px;
}
.MenuList .inner .detail-content .item-list a:hover {
  opacity: 0.5;
}
.MenuList .inner .detail-content .item-list a img {
  width: 31px;
}
.MenuList .inner .detail-content .item-list a span {
  margin-top: 8px;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  color: #8596A2;
  line-height: 1;
}

@media screen and (max-width: 850px) {
  .MenuList .inner .menu-contentwrap, .MenuList .inner .textmenuwrap {
    display: contents;
  }
  .MenuList .inner .menu-contentwrap ul.other-menu, .MenuList .inner .textmenuwrap ul.other-menu {
    display: none;
  }
}
.MenuList .inner ul.other-menu {
  max-width: 354px;
  margin: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 11px 14px;
}
.MenuList .inner ul.other-menu li {
  width: calc(50% - 7px);
}
.MenuList .inner ul.other-menu li a {
  color: #333;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  display: block;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  padding: 10px 0;
  letter-spacing: 1.8px;
  -webkit-transition: opacity 280ms;
  transition: opacity 280ms;
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
  padding: 7px 0;
}
.MenuList .inner ul.other-menu li a:hover {
  opacity: 0.5;
}
.MenuList .inner ul.other-menu li a.shrink {
  letter-spacing: 0px;
}

@media screen and (min-width: 851px) {
  .MenuList .menu-footer {
    display: none;
  }
}
.MenuList .menu-footer p.logo-mark {
  width: 171px;
  margin: 43px auto 0;
}
.MenuList .menu-footer div.access-map {
  margin-top: 66px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
}
.MenuList .menu-footer div.access-map span {
  font-size: 1.3rem;
}
.MenuList .menu-footer ul.foot-menu {
  margin-top: 23px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.MenuList .menu-footer ul.foot-menu li {
  position: relative;
  padding: 0 15px;
}
.MenuList .menu-footer ul.foot-menu li:not(:first-of-type)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E0E0E0;
}
.MenuList .menu-footer p.copyright {
  margin-top: 24px;
  background-color: #BABEC3;
  padding: 9px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 850px) {
  .MenuList .inner .menu-pcfooter {
    display: none;
  }
  .MenuList .inner p.copyright {
    display: none;
  }
}
@media screen and (min-width: 851px) {
  .MenuList {
    padding: 80px 0 0;
  }
  .MenuList .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1250px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1250px) {
  .MenuList .inner {
    max-width: 780px;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner div.menu-contentwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 50px 55px;
    width: calc(100% - 384px);
  }
}
@media screen and (min-width: 851px) and (max-width: 1250px) {
  .MenuList .inner div.menu-contentwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner div.menu-contentwrap div.bannerwrap {
    width: 332px;
    padding-top: 15px;
  }
  .MenuList .inner div.menu-contentwrap div.textmenuwrap {
    width: 354px;
  }
  .MenuList .inner div.menu-contentwrap div.textmenuwrap ul.main-menu {
    margin-top: 0px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1250px) {
  .MenuList .inner div.menu-contentwrap div.textmenuwrap ul.other-menu {
    display: none;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner div.specialwrap {
    width: 384px;
    margin-left: auto;
  }
  .MenuList .inner div.specialwrap .special-content {
    margin-top: 15px;
  }
}
@media screen and (min-width: 851px) and (min-width: 1251px) {
  .MenuList .inner div.specialwrap ul.other-menu {
    display: none;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner .menu-pcfooter {
    max-width: 760px;
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8%;
  }
}
@media screen and (min-width: 851px) and (max-width: 1250px) {
  .MenuList .inner .menu-pcfooter {
    display: none;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner .menu-pcfooter.fullsize {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 851px) and (min-width: 1251px) {
  .MenuList .inner .menu-pcfooter.fullsize {
    display: none;
  }
}
@media screen and (min-width: 851px) and (max-width: 1250px) {
  .MenuList .inner .menu-pcfooter.fullsize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner .menu-pcfooter .logo-mark {
    width: 255.7px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1270px) {
  .MenuList .inner .menu-pcfooter .logo-mark {
    width: 33.6%;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner .menu-pcfooter div.boxwrap {
    width: calc(100% - 255.7px);
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 851px) and (max-width: 1270px) {
  .MenuList .inner .menu-pcfooter div.boxwrap {
    width: 66.4%;
  }
}
@media screen and (min-width: 851px) {
  .MenuList .inner .menu-pcfooter div.boxwrap div.access-map {
    font-size: 1.2rem;
    font-weight: 500;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap div.access-map span {
    font-size: 1.3rem;
    padding-left: 2em;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-menu {
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-menu li {
    position: relative;
    padding: 0 15px;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-menu li:first-of-type {
    padding-left: 0;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-menu li:not(:first-of-type)::before {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #E0E0E0;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 15px;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-sns li a {
    width: 20px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 480ms;
    transition: opacity 480ms;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-sns li a svg {
    width: 100%;
    height: auto;
    fill: #BABEC3;
  }
  .MenuList .inner .menu-pcfooter div.boxwrap .footer-menuwrap ul.foot-sns li a:hover {
    opacity: 0.5;
  }
  .MenuList .inner p.copyright {
    width: 100%;
    margin-top: 24px;
    background-color: #BABEC3;
    padding: 9px 0;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.1rem;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
  }
}
.MenuList .inner div.menu-contentwrap > img {
  margin: 30px auto 0;
}
.MenuList .inner div.menu-contentwrap a {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-top: 30px;
}
.MenuList .inner div.menu-contentwrap a.mgt {
  margin-top: 50px;
}
.MenuList .inner div.menu-contentwrap .banner {
  margin: 50px auto auto;
}


.footer {
  position: relative;
  z-index: 1;
  background-color: #F1F6FB;
  max-width: 460px;
  width: 100%;
  margin: auto;
  padding-top: 62px;
}
.footer p.popular-contents {
  width: 330px;
  margin: auto;
}
.footer p.message {
  text-align: center;
  margin-top: 20px;
  letter-spacing: 2.6px;
  line-height: 1.9;
  font-weight: 500;
}
.footer div.course-presentation {
  margin-top: 18px;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer div.course-presentation img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.footer div.course-presentation div.more-wrap {
  z-index: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  align-self: flex-end;
  padding-bottom: 70px;
}
.footer p.new-pamphlet {
  width: 100%;
  margin: 25px auto 0;
}
.footer ul.foot-sns {
  margin-top: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 21px;
}
.footer ul.foot-sns li a {
  width: 66.62px;
  height: auto;
  aspect-ratio: 1/1;
  background-color: #C7DBED;
  border-radius: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
.footer ul.foot-sns li a svg {
  width: 60%;
  height: auto;
  fill: #fff;
}
.footer ul.foot-sns li a:hover {
  opacity: 0.5;
}
.footer p.logo-mark {
  width: 171px;
  margin: 43px auto 0;
}
.footer div.access-map {
  margin-top: 66px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
}
.footer div.access-map span {
  font-size: 1.3rem;
}
.footer ul.foot-menu {
  margin-top: 23px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
.footer ul.foot-menu li {
  position: relative;
  padding: 0 15px;
}
.footer ul.foot-menu li:not(:first-of-type)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E0E0E0;
}
.footer p.copyright {
  margin-top: 24px;
  background-color: #BABEC3;
  padding: 9px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  width: 100%;
}

main.top {
  padding-top: 60px;
}

main.top #hero {
  position: relative;
  background: none;
  padding-bottom: 0;
}
main.top #hero h1 {
  width: 92.8%;
  margin: auto;
  border-radius: 7px;
  overflow: hidden;
}

main.top #news {
  width: 92.8%;
  margin: auto;
  margin-top: 58px;
}
main.top #news h2.title {
  line-height: 1;
  text-align: center;
}
main.top #news h2.title span {
  display: block;
  width: 98px;
  margin: auto;
}
main.top #news h2.title p {
  font-size: 1.4rem;
  margin-top: 18px;
}
main.top #news .viewmore {
  margin-top: 30px;
}

main.top #infoSlider {
  margin-top: 85px;
}
main.top #infoSlider .swiper.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #infoSlider .swiper.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

main.top #concept {
  margin-top: 57px;
}
main.top #concept h2.title {
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.top #concept h2.title img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
main.top #concept h2.title div.more-wrap {
  z-index: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  align-self: flex-end;
  padding-bottom: 26px;
}
main.top #concept h2.title.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #concept h2.title.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.top #concept a {
  display: block;
}

main.top #special-content {
  margin-top: 77px;
}
main.top #special-content h2.title {
  line-height: 1;
  text-align: center;
}
main.top #special-content h2.title.flg {
  opacity: 0;
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #special-content h2.title.flg.active {
  opacity: 1;
}
main.top #special-content h2.title span {
  display: block;
  width: 323px;
  margin: auto;
}
main.top #special-content h2.title p {
  font-size: 1.4rem;
  margin-top: 18px;
}
main.top #special-content ul.special-list {
  margin: auto;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
main.top #special-content ul.special-list li.item {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.top #special-content ul.special-list li.item img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
main.top #special-content ul.special-list li.item div.more-wrap {
  z-index: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  align-self: flex-end;
  padding-bottom: 34px;
}
main.top #special-content ul.special-list li.item div.more-wrap.course-presentation {
  padding-bottom: 70px;
}
main.top #special-content ul.special-list li.item.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #special-content ul.special-list li.item.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

main.top #hagoromo-course {
  margin-top: 70px;
}
main.top #hagoromo-course h2.title {
  line-height: 1;
  text-align: center;
}
main.top #hagoromo-course h2.title.flg {
  opacity: 0;
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #hagoromo-course h2.title.flg.active {
  opacity: 1;
}
main.top #hagoromo-course h2.title span {
  display: block;
  width: 361px;
  margin: auto;
}
main.top #hagoromo-course h2.title p {
  font-size: 1.4rem;
  margin-top: 18px;
}
main.top #hagoromo-course ul.special-list {
  margin: auto;
  margin-top: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}
main.top #hagoromo-course ul.special-list li.item {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
main.top #hagoromo-course ul.special-list li.item img {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
main.top #hagoromo-course ul.special-list li.item div.more-wrap {
  z-index: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  align-self: flex-end;
  padding-bottom: 96px;
}
main.top #hagoromo-course ul.special-list li.item div.more-wrap.course-presentation {
  padding-bottom: 70px;
}
main.top #hagoromo-course ul.special-list li.item.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #hagoromo-course ul.special-list li.item.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

main.top #others {
  margin-top: 110px;
}
main.top #others h2.title {
  line-height: 1;
  text-align: center;
}
main.top #others h2.title.flg {
  opacity: 0;
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #others h2.title.flg.active {
  opacity: 1;
}
main.top #others h2.title span {
  display: block;
  width: 140px;
  margin: auto;
}
main.top #others h2.title p {
  font-size: 1.4rem;
  margin-top: 18px;
}
main.top #others ul.special-list {
  width: 92.8%;
  margin: auto;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}
main.top #others ul.special-list li.item a {
  display: block;
}
main.top #others ul.special-list li.item.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #others ul.special-list li.item.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.top #others2 {
	padding-top: 75px;
}
main.top #others2 .banner_wrap {
	width: 92.8%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
main.top #others2 .banner_wrap .block {
	display: block;
	width: calc(50% - 4px);
	margin-right: 8px;
	position: relative;
	background-position: center center;
	background-size: cover;
	transition: opacity 0.3s;
}
main.top #others2 .banner_wrap .block.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.top #others2 .banner_wrap .block.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.top #others2 .banner_wrap .block.flg.active:hover {
	opacity: 0.8;
}
main.top #others2 .banner_wrap .block:nth-child(2n) {
	margin-right: 0;
}
main.top #others2 .banner_wrap .block:nth-child(n + 3) {
	margin-top: 8px;
}
main.top #others2 .banner_wrap .block:before {
	content: "";
	height: 0;
	padding-top: 100%;
	display: block;
}
main.top #others2 .banner_wrap .block.nolink {
	pointer-events: none;
}

main.concept {
  padding-bottom: 40px !important;
}

main.concept #become-your-wings {
  position: relative;
  background-image: url("./img/concept/wingbg.jpg");
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 192px 0 120px;
}
main.concept #become-your-wings .scrollicon {
  top: 515px;
  bottom: initial;
}
main.concept #become-your-wings h1 {
  width: 243.19px;
  margin: auto;
  border-radius: 7px;
  overflow: hidden;
}
main.concept #become-your-wings .message {
  text-align: center;
  margin-top: 630px;
  color: #fff;
}
main.concept #become-your-wings .message p {
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 2.7;
  letter-spacing: 2.6px;
}
main.concept #become-your-wings .message p ~ p {
  margin-top: 1.9em;
}
main.concept #become-your-wings .message p.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.concept #become-your-wings .message p.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.concept #become-your-wings p.logomark {
  width: 154.33px;
  margin: auto;
  margin-top: 110px;
}

main.concept #special-report {
  padding-top: 140px;
}
main.concept #special-report .inner {
  width: 92.8%;
  margin: auto;
  padding-bottom: 50px;
}
main.concept #special-report .inner h2.flg, main.concept #special-report .inner p.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
main.concept #special-report .inner h2.flg.active, main.concept #special-report .inner p.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
main.concept #special-report .inner p {
  margin-top: 20px;
  text-align: center;
  line-height: 2.2;
}
main.concept #special-report .scrollcontent {
  min-height: 100vh;
  overflow-x: scroll;
  background-image: url("./img/concept/pplbg.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

main.concept #students {
  width: 100vw;
  height: 100vh;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  will-change: transform;
}
main.concept #students div.pplbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
}
main.concept #students div.pplbox div.imgbox {
  position: relative;
  height: 640px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main.concept #students div.pplbox div.imgbox div.beforeafter {
  position: absolute;
  bottom: 37%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 129px;
  height: 91px;
}
main.concept #students div.pplbox div.imgbox div.more-wrap {
  position: absolute;
  bottom: 10%;
  width: 100%;
}
main.concept #students div.pplbox div.imgbox div.more-wrap p a {
  padding: 3px 15px;
  letter-spacing: 0;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox {
    padding-bottom: 30px;
  }
}
main.concept #students div.pplbox.num1 {
  padding-left: 128px;
  padding-right: 30px;
}
main.concept #students div.pplbox.num1 div.imgbox img {
  width: 176.5px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num1 div.imgbox img {
    width: 158.85px;
  }
}
main.concept #students div.pplbox.num2 {
  padding-right: 16px;
}
main.concept #students div.pplbox.num2 img {
  width: 191.5px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num2 img {
    width: 172.35px;
  }
}
main.concept #students div.pplbox.num3 {
  padding-right: 50px;
}
main.concept #students div.pplbox.num3 img {
  width: 181px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num3 img {
    width: 162.9px;
  }
}
main.concept #students div.pplbox.num4 {
  padding-right: 52px;
}
main.concept #students div.pplbox.num4 img {
  width: 179px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num4 img {
    width: 161.1px;
  }
}
main.concept #students div.pplbox.num5 {
  padding-right: 58px;
}
main.concept #students div.pplbox.num5 img {
  width: 162px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num5 img {
    width: 145.8px;
  }
}
main.concept #students div.pplbox.num6 {
  padding-right: 40px;
}
main.concept #students div.pplbox.num6 img {
  width: 145.5px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num6 img {
    width: 130.95px;
  }
}
main.concept #students div.pplbox.num7 {
  padding-right: 140px;
}
main.concept #students div.pplbox.num7 img {
  width: 166px;
}
@media screen and (max-width: 413px) {
  main.concept #students div.pplbox.num7 img {
    width: 149.4px;
  }
}

main.concept #interview {
  padding-top: 110px;
}
main.concept #interview .toggle_contents {
  margin: 0;
  background-image: url("./img/concept/message-tall.jpg");
  background-position: 50% 90%;
  background-size: cover;
  background-repeat: no-repeat;
}
main.concept #interview .toggle_contents .toggle_ans {
  display: none;
  margin: 0;
  padding-top: 75px;
  opacity: 0;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
main.concept #interview .toggle_contents .toggle_ans h3 {
  font-size: 2.7rem;
  font-weight: 500;
  text-align: center;
  line-height: 2.05;
  letter-spacing: 4px;
}
main.concept #interview .toggle_contents .toggle_ans div.textbox {
  width: 92.8%;
  margin: auto;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 47px;
  margin-top: 30px;
  line-height: 2.38;
  letter-spacing: 2.2px;
}
main.concept #interview .toggle_contents .toggle_ans div.metabox {
  text-align: right;
  width: 82.8%;
  margin: auto;
  margin-top: 35px;
  letter-spacing: 2px;
}
main.concept #interview .toggle_contents .toggle_ans div.metabox p.name {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 5px;
  letter-spacing: 3px;
}
main.concept #interview .toggle_contents .toggle_button {
  width: 100%;
  margin: auto;
  position: relative;
  padding: 157px 20px 20px;
  cursor: pointer;
  -webkit-transition: padding 480ms;
  transition: padding 480ms;
}
main.concept #interview .toggle_contents .toggle_button::after {
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  width: 7px;
  height: 7px;
  display: block;
  margin: 15px auto 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
main.concept #interview .toggle_contents .toggle_button h2.title {
  position: relative;
  width: 148px;
  margin: auto;
}
main.concept #interview .toggle_contents .toggle_button p.subtitle {
  position: relative;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
main.concept #interview .toggle_contents .toggle_button div.imgbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
main.concept #interview .toggle_contents .toggle_button div.imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main.concept #interview .toggle_contents .toggle_button span {
  width: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  position: relative;
  margin-top: 80px;
  z-index: 5;
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 0;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  margin-top: padding 480ms;
}
main.concept #interview .toggle_contents .toggle_button span::before {
  content: "さらに詳しく";
}
main.concept #interview .toggle_contents.active .toggle_button {
  padding: 230px 20px 20px;
}
main.concept #interview .toggle_contents.active .toggle_button::after {
  content: "";
  border-width: 2px 0 0 2px;
}
main.concept #interview .toggle_contents.active .toggle_button h2.title, main.concept #interview .toggle_contents.active .toggle_button p.subtitle {
  display: none;
}
main.concept #interview .toggle_contents.active .toggle_button div.imgbox {
  opacity: 0;
}
main.concept #interview .toggle_contents.active .toggle_button .interview-image {
  opacity: 0;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
main.concept #interview .toggle_contents.active .toggle_button span::before {
  content: "閉じる";
}
main.concept #interview .toggle_contents.active .toggle_ans {
  opacity: 1;
}

#main.student {
  padding-top: 50px;
  font-size: 1.6rem;
}

#main.student #hero .title-wrap {
  padding: 38px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: auto auto;
  background-color: rgba(var(--main-color), 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 255, 255, 0.09) 6px, rgba(255, 255, 255, 0.09) 10px);
}
#main.student #hero .title-wrap p {
  width: 43%;
}
#main.student #hero .title-wrap h1 {
  width: 87%;
  margin-top: 30px;
}

#main.student #bio {
  padding: 50px 0 30px;
}
#main.student #bio p.face {
  width: 39%;
  min-width: 150px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #bio p.face.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #bio p.meta {
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #bio p.meta.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #bio h2 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 1.8;
  color: rgba(var(--main-color), 1);
  background-color: rgba(var(--main-color), 0.1);
  text-align: center;
  padding: 65px 0 55px;
  margin-top: 50px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #bio h2.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #bio div.textbox {
  font-size: 1.4rem;
  text-align: center;
  padding: 35px 0 45px;
  letter-spacing: 2px;
  line-height: 2.3;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #bio div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main.student #story h2 {
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 2.1px;
  margin-right: -2.1px;
  line-height: 1.8;
  color: #fff;
  background-color: rgba(var(--main-color), 1);
  text-align: center;
  padding: 12px 0;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #story h2.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #story div.stepwrap div.stepbox {
  padding: 55px 0 0;
}
#main.student #story div.stepwrap div.stepbox:first-of-type {
  padding: 45px 0 0;
}
#main.student #story div.stepwrap div.stepbox h3 {
  color: rgba(var(--main-color), 1);
  text-align: center;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #story div.stepwrap div.stepbox h3.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #story div.stepwrap div.stepbox h3 span {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.student #story div.stepwrap div.stepbox h3 span.annual {
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
  padding-top: 10px;
}
#main.student #story div.stepwrap div.stepbox h3 span.wing {
  width: 130px;
}
#main.student #story div.stepwrap div.stepbox h3 span.wing svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--main-color), 1);
}
#main.student #story div.stepwrap div.stepbox h4 {
  color: rgba(var(--main-color), 1);
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
  margin-top: 10px;
  line-height: 2;
  letter-spacing: 3px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #story div.stepwrap div.stepbox h4.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #story div.stepwrap div.stepbox div.textbox {
  width: 92.8%;
  margin: auto;
  padding: 17px 0 0;
  font-size: 1.6rem;
  line-height: 2;
  text-align: justify;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #story div.stepwrap div.stepbox div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #story div.stepwrap div.stepbox div.imgbox {
  margin-top: 30px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #story div.stepwrap div.stepbox div.imgbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #story div.stepwrap div.stepbox div.imgbox img {
  width: 100%;
  height: auto;
}
#main.student #story div.stepwrap div.stepbox:nth-child(1) h3 span.wing {
  opacity: 0.15;
}
#main.student #story div.stepwrap div.stepbox:nth-child(2) h3 span.wing {
  opacity: 0.25;
}
#main.student #story div.stepwrap div.stepbox:nth-child(3) h3 span.wing {
  opacity: 0.4;
}
#main.student #story div.stepwrap div.stepbox:nth-child(4) h3 span.wing {
  opacity: 0.45;
}

#main.student #future-goals {
  margin-top: 55px;
  padding: 50px 0;
  background-color: rgba(var(--sub-color), 1);
}
#main.student #future-goals p.title {
  width: 87px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #future-goals p.title.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #future-goals h2 {
  font-size: 2rem;
  color: rgba(var(--main-color), 1);
  text-align: center;
  margin-top: 20px;
  letter-spacing: 3px;
  line-height: 2;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #future-goals h2.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #future-goals div.textbox {
  width: 92.8%;
  margin: auto;
  padding: 17px 0 0;
  font-size: 1.6rem;
  line-height: 1.9;
  text-align: justify;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #future-goals div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main.student #pickup {
  position: relative;
  margin-top: 160px;
  padding: 70px 0 0;
  background-color: rgba(var(--sub-color), 1);
}
#main.student #pickup div.pickmark {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(var(--main-color));
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  padding: 5px 16px;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #pickup div.pickmark.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #pickup div.pickmark span.mark {
  padding-top: 1px;
  display: block;
}
#main.student #pickup div.pickmark span.mark svg {
  width: 31.48px;
  height: auto;
  fill: #fff;
  margin-right: 8px;
}
#main.student #pickup h2 {
  color: rgb(var(--main-color));
  text-align: center;
  font-size: 2rem;
  line-height: 2;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #pickup h2.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #pickup div.pickbox {
  margin-top: 40px;
}
#main.student #pickup div.pickbox h3 {
  color: rgb(var(--main-color));
  text-align: center;
  font-size: 2rem;
  line-height: 2;
  font-weight: 500;
  margin-top: 28px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #pickup div.pickbox h3.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #pickup div.pickbox div.textbox {
  width: 92.8%;
  margin: auto;
  padding: 17px 0 55px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: justify;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #pickup div.pickbox div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #pickup div.pickbox div.imgbox {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #pickup div.pickbox div.imgbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#main.student #explain {
  position: relative;
  margin-top: 20px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #explain.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #explain div.think-piece {
  width: 92.8%;
  margin: auto;
  background-color: rgb(var(--main-color));
  border-radius: 7px;
  padding: 25px 3px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
#main.student #explain div.think-piece p.face {
  width: 42.8%;
}
#main.student #explain div.think-piece p.title {
  text-align: center;
  font-size: 2rem;
  margin-top: 15px;
  letter-spacing: 3px;
  line-height: 1.8;
}
#main.student #explain div.think-piece div.box {
  margin-top: 30px;
  padding: 30px 0 20px;
  background-color: rgba(var(--mark-color), 0.6);
}
#main.student #explain div.think-piece div.box h4 {
  width: 94%;
  margin: auto;
}
#main.student #explain div.think-piece div.box p.button {
  margin-top: 20px;
}
#main.student #explain div.think-piece div.box p.button a::before {
  content: "さらに詳しく";
}
#main.student #explain div.think-piece div.box p.button.active a::before {
  content: "閉じる";
}

#main.student {
  /* padding-top: 50px; */
}

#main.student #peekaboo {
  display: none;
}
#main.student #peekaboo .inner {
  padding-top: 20px;
}

#main.student #peekaboo .hero {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 207/205;
  color: #fff;
  padding-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .hero h2 {
  position: relative;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 3.3px;
  margin-right: -3.3px;
}
#main.student #peekaboo .hero h2 span {
  display: block;
  width: 229px;
  line-height: 1;
  font-size: 0;
  padding-top: 7px;
}
#main.student #peekaboo .hero p.subtitle {
  margin-top: 20px;
  font-size: 2.5rem;
  line-height: 2;
  text-align: center;
}

#main.student #peekaboo .caption h3 {
  color: #fff;
  font-size: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(var(--main-color), 1);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 20%, transparent 20%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 70%, transparent 70%, transparent 100%);
  background-size: 14.14px 14.14px;
  letter-spacing: 4.8px;
  margin-right: -4.8px;
  font-weight: 500;
  padding: 33px 0 37px;
}
#main.student #peekaboo .caption div.titlebox.wingsbg {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}
#main.student #peekaboo .caption div.titlebox.wingsbg div.mark {
  width: 85.5%;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.student #peekaboo .caption div.titlebox.wingsbg div.mark svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--main-color), 0.1);
}
#main.student #peekaboo .caption div.titlebox.wingsbg p {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}
#main.student #peekaboo .caption div.textbox {
  width: 92.8%;
  margin: auto;
  margin-top: 15px;
  line-height: 2;
  letter-spacing: 2px;
}

#main.student #peekaboo .flying-point {
  position: relative;
  width: 92.8%;
  margin: auto;
  margin-top: 25px;
  padding: 40px 0;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point span.mark {
  display: block;
  width: 115px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
#main.student #peekaboo .flying-point h3 {
  color: #fff;
  background-color: rgba(var(--main-color), 1);
  padding: 20px;
  padding-left: 123px;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
}
#main.student #peekaboo .flying-point h3.stripe {
  color: #333333;
  background-color: rgba(var(--sub-color), 1);
  background-image: linear-gradient(150deg, rgba(var(--main-color), 0.15) 20%, transparent 20%, transparent 50%, rgba(var(--main-color), 0.15) 50%, rgba(var(--main-color), 0.15) 70%, transparent 70%, transparent 100%);
  background-size: 10px 5.77px;
}

#main.student #peekaboo .point-title {
  width: 92.8%;
  margin: auto;
  margin-top: 50px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .point-title.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .point-title h3 {
  background-color: rgba(var(--main-color), 1);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0 10px;
}
#main.student #peekaboo .point-title h3 span {
  display: block;
  line-height: 0;
  font-size: 0;
}
#main.student #peekaboo .point-title h3 span.mark {
  width: 43.44px;
  margin-right: 5px;
}
#main.student #peekaboo .point-title h3 span.mark svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--mark-color), 1);
}
#main.student #peekaboo .point-title h3 span.point {
  width: 53px;
}
#main.student #peekaboo .point-title p.philosophy {
  color: rgba(var(--main-color), 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  background-color: #D5E8FD;
  background-image: linear-gradient(150deg, rgba(var(--main-color), 0.15) 20%, transparent 20%, transparent 50%, rgba(var(--main-color), 0.15) 50%, rgba(var(--main-color), 0.15) 70%, transparent 70%, transparent 100%);
  background-size: 10px 5.77px;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 3px;
  line-height: 2;
}
#main.student #peekaboo .point-title p.philosophy span {
  font-size: 1.2rem;
  letter-spacing: 1.4px;
  line-height: 1;
  padding-bottom: 1em;
}
#main.student #peekaboo .point-title div.whatsbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0;
  padding: 20px 0 25px;
  background-image: linear-gradient(to right, rgba(var(--main-color), 1) 4px, transparent 4px), linear-gradient(to right, rgba(var(--main-color), 1) 4px, transparent 4px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: left top, left bottom;
}
#main.student #peekaboo .point-title div.whatsbox div.imgin {
  padding-top: 8px;
  width: 125px;
}
#main.student #peekaboo .point-title div.whatsbox div.textin {
  font-size: 1.4rem;
  letter-spacing: 1.8px;
  line-height: 2;
  width: calc(100% - 150px);
}
#main.student #peekaboo .point-title ul.school-list {
  margin-top: 30px;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.3px;
}
#main.student #peekaboo .point-title ul.school-list li ~ li {
  margin-top: 10px;
}
#main.student #peekaboo .point-title div.imgbox {
  margin-top: 25px;
}
#main.student #peekaboo .point-title div.textbox {
  margin-top: 25px;
  line-height: 2;
  letter-spacing: 2px;
}

#main.student #peekaboo .point-item {
  margin-top: 60px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .point-item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .point-item h4 {
  width: 92.8%;
  margin: auto;
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  padding-left: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(var(--main-color), 1);
}
#main.student #peekaboo .point-item h4 span.mark {
  position: absolute;
  top: -10px;
  left: 0;
  width: 58.92px;
  display: -ms-grid;
  display: grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .point-item h4 span.mark i {
  font-style: normal;
  color: rgba(var(--main-color), 1);
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.student #peekaboo .point-item h4 span.mark i.num {
  font-size: 2.4rem;
  font-weight: bold;
  z-index: 2;
}
#main.student #peekaboo .point-item h4 span.mark i svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--other-color), 1);
}
#main.student #peekaboo .point-item div.sponsor {
  width: 92.8%;
  margin: auto;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .point-item div.sponsor span.title {
  width: 96.52px;
  margin-right: 15px;
}
#main.student #peekaboo .point-item div.sponsor span.comp {
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
}
#main.student #peekaboo .point-item div.sponsor span.comp1 {
  width: 183.77px;
}
#main.student #peekaboo .point-item div.sponsor span.comp2 {
  width: 234px;
}
#main.student #peekaboo .point-item div.imgbox {
  margin-top: 25px;
}
#main.student #peekaboo .point-item div.imgbox.shrink {
  width: 92.8%;
  margin: auto;
  margin-top: 25px;
}
#main.student #peekaboo .point-item div.imgbox.shrink.more {
  width: 86.5%;
}
#main.student #peekaboo .point-item div.textbox {
  width: 92.8%;
  margin: auto;
  margin-top: 30px;
  line-height: 2;
  letter-spacing: 2px;
}
#main.student #peekaboo .point-item div.textbox p.notice {
  font-size: 1.2rem;
}
#main.student #peekaboo .point-item div.voice {
  width: 92.8%;
  margin: auto;
  margin-top: 30px;
  padding: 15px;
  background-color: rgba(var(--main-color), 0.1);
}
#main.student #peekaboo .point-item div.voice p.title {
  width: 234px;
}
#main.student #peekaboo .point-item div.voice p.text {
  line-height: 2;
  letter-spacing: 1.7px;
  margin-top: 10px;
  font-size: 1.4rem;
}

#main.student #peekaboo .abroad {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 60px;
  padding: 25px 0;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .abroad.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .abroad h3 {
  color: #fff;
  text-align: center;
  font-size: 2rem;
}
#main.student #peekaboo .abroad div.textbox {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  margin-top: 20px;
}
#main.student #peekaboo .abroad div.textbox p.flex {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
#main.student #peekaboo .abroad div.table {
  width: 92.8%;
  margin: auto;
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 20px 0 50px;
  font-weight: 500;
}
#main.student #peekaboo .abroad div.table h4 {
  font-weight: 500;
  font-size: 1.8rem;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .abroad div.table h4 ~ h4 {
  margin-top: 50px;
}
#main.student #peekaboo .abroad div.table h4 span {
  display: block;
  padding: 0 25px;
}
#main.student #peekaboo .abroad div.table h4::before, #main.student #peekaboo .abroad div.table h4::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #333;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#main.student #peekaboo .abroad div.table h5 {
  font-weight: 500;
  width: 93%;
  margin: auto;
  font-size: 1.4rem;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  margin-top: 15px;
  padding: 3px 0;
  letter-spacing: 2px;
}
#main.student #peekaboo .abroad div.table div.item {
  width: 93%;
  margin: auto;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main.student #peekaboo .abroad div.table div.item:not(:first-of-type) {
  margin-top: 20px;
}
#main.student #peekaboo .abroad div.table div.item h6 {
  width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .abroad div.table div.item h6::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 0.5em;
}
#main.student #peekaboo .abroad div.table div.item ul {
  line-height: 1.4;
  margin-top: 5px;
  letter-spacing: 0.5px;
  font-size: 1.4rem;
}
#main.student #peekaboo .abroad div.table div.item ul li {
  position: relative;
  padding-left: 1.5em;
}
#main.student #peekaboo .abroad div.table div.item ul li ~ li {
  margin-top: 5px;
}
#main.student #peekaboo .abroad div.table div.item ul li::before {
  position: absolute;
  top: 0;
  left: 0;
}
#main.student #peekaboo .abroad div.table div.item ul.left {
  width: 47%;
}
#main.student #peekaboo .abroad div.table div.item ul.left li:nth-child(1)::before {
  content: "①";
}
#main.student #peekaboo .abroad div.table div.item ul.left li:nth-child(2)::before {
  content: "②";
}
#main.student #peekaboo .abroad div.table div.item ul.right {
  width: 53%;
}
#main.student #peekaboo .abroad div.table div.item ul.right li:nth-child(1)::before {
  content: "③";
}
#main.student #peekaboo .abroad div.table div.item ul.right li:nth-child(2)::before {
  content: "④";
}
#main.student #peekaboo .abroad p.notice {
  color: #fff;
  width: 92.8%;
  margin: auto;
  margin-top: 20px;
  font-size: 1.4rem;
}

#main.student #peekaboo .flying-point-wrap div.shrinkbox {
  width: 92.8%;
  margin: auto;
}
#main.student #peekaboo .flying-point-wrap div.imgbox {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap div.imgbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap div.table {
  margin-top: 25px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap div.table.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap div.table p.title {
  color: rgba(var(--main-color), 1);
}
#main.student #peekaboo .flying-point-wrap div.table p.title:not(:first-of-type) {
  margin-top: 10px;
}
#main.student #peekaboo .flying-point-wrap div.table p.text {
  line-height: 2;
}
#main.student #peekaboo .flying-point-wrap div.secondschool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  line-height: 1;
  margin-top: 40px;
  padding-bottom: 10px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap div.secondschool.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap div.secondschool p.title {
  font-size: 2rem;
  letter-spacing: 2px;
}
#main.student #peekaboo .flying-point-wrap div.secondschool p.images {
  width: 338px;
}
#main.student #peekaboo .flying-point-wrap div.secondschool p.link {
  text-decoration: underline;
}
#main.student #peekaboo .flying-point-wrap div.textbox {
  margin-top: 25px;
  line-height: 2;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap div.textbox.notice {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.3px;
}
#main.student #peekaboo .flying-point-wrap h4.sideline {
  font-weight: 500;
  font-size: 1.6rem;
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(var(--main-color), 1);
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap h4.sideline.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap h4.sideline span {
  display: block;
  padding: 0 25px;
}
#main.student #peekaboo .flying-point-wrap h4.sideline::before, #main.student #peekaboo .flying-point-wrap h4.sideline::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgba(var(--main-color), 1);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings {
  position: relative;
  margin-top: 15px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings li {
  position: relative;
  padding-left: 60px;
  letter-spacing: 1.8px;
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings li ~ li {
  margin-top: 6px;
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings li i.mark {
  position: absolute;
  top: 2px;
  left: 0;
  width: 41px;
}
#main.student #peekaboo .flying-point-wrap ul.listwithwings li i.mark svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--other-color), 1);
}

#main.student #peekaboo .flow-wrap {
  background-color: rgba(var(--main-color), 0.1);
  padding: 50px 0 30px;
  margin-top: 50px;
}
#main.student #peekaboo .flow-wrap.nobg {
  background-color: transparent;
}
#main.student #peekaboo .flow-wrap div.textbox {
  width: 92.8%;
  margin: auto;
}
#main.student #peekaboo .flow-wrap div.textbox.mt25px {
  margin: auto;
  margin-top: 25px;
}
#main.student #peekaboo .flow-wrap h3.flow-title {
  font-size: 2rem;
  text-align: center;
  letter-spacing: 3px;
  line-height: 2;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flow-wrap h3.flow-title.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flow-wrap div.item {
  width: 92.8%;
  margin: auto;
  padding: 20px 0px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .flow-wrap div.item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .flow-wrap div.item:first-of-type {
  margin-top: 20px;
}
#main.student #peekaboo .flow-wrap div.item:not(:first-of-type) {
  background-image: linear-gradient(to right, rgba(var(--main-color), 1) 4px, transparent 4px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}
#main.student #peekaboo .flow-wrap div.item h4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .flow-wrap div.item h4 span.mark {
  width: 93px;
  display: -ms-grid;
  display: grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .flow-wrap div.item h4 span.mark i {
  font-style: normal;
  color: rgba(var(--main-color), 1);
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.student #peekaboo .flow-wrap div.item h4 span.mark i.num {
  font-size: 2rem;
  font-weight: 500;
  z-index: 2;
}
#main.student #peekaboo .flow-wrap div.item h4 span.mark i svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--other-color), 1);
}
#main.student #peekaboo .flow-wrap div.item h4 span.title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  padding-top: 5px;
  width: calc(100% - 93px);
  padding-left: 15px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-c {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 10px;
  padding-left: 15px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-c li {
  margin-top: 9px;
  background-color: rgba(var(--main-color), 1);
  border-radius: 50px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 3px 15px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 10px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d li {
  position: relative;
  width: 100%;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d li ~ li {
  margin-top: 7px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d li::before {
  content: "";
  width: 14px;
  aspect-ratio: 1;
  display: block;
  background-color: #333;
  border-radius: 50%;
  margin-right: 0.5em;
  margin-top: 6px;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d li p {
  width: calc(100% - 14px);
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d li p span {
  position: relative;
  display: block;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d .pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.student #peekaboo .flow-wrap div.item ul.wing-d .pickup::after {
  content: "";
  display: block;
  width: 49px;
  height: 19px;
  margin-left: 0.5em;
  background-image: url("./img/wings/pickup.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#main.student #peekaboo .teacherbnr {
  width: 350px;
  margin: 40px auto;
  display: block;
  transition: opacity 0.5s;
}
#main.student #peekaboo .teacherbnr:hover {
  opacity: 0.7;
}

#main.student #peekaboo .contents-wrap {
  margin-top: 70px;
}
#main.student #peekaboo .contents-wrap .shrinkbox {
  width: 92.8%;
  margin: auto;
  margin-top: 40px;
}
#main.student #peekaboo .contents-wrap .shrinkbox.short {
  margin-top: 25px;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.imgbox {
  margin-top: 25px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.imgbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.underline {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  letter-spacing: 2.4px;
  border-bottom: 1px solid rgba(var(--sub-color), 1);
  padding-bottom: 16px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.underline.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.underline i.mark {
  display: block;
  width: 80px;
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.underline i.mark svg {
  width: 100%;
  height: auto;
  fill: rgba(var(--sub-color), 1);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.support-subtitle {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  color: rgba(var(--main-color), 1);
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.support-subtitle.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.round-title {
  width: 92.2%;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 14px;
  background-color: rgba(var(--main-color), 1);
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  padding: 3px;
  letter-spacing: 2.4px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox h4.round-title.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.textbox {
  margin-top: 30px;
  line-height: 2;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.textbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.textrwap {
  line-height: 2;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.textrwap.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox ul.listwithwings {
  position: relative;
  margin-top: 30px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox ul.listwithwings.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox ul.listwithwings li {
  position: relative;
  letter-spacing: 1.8px;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#main.student #peekaboo .contents-wrap .shrinkbox ul.listwithwings li i.mark {
  width: 72px;
  padding-top: 6px;
}
#main.student #peekaboo .contents-wrap .shrinkbox ul.listwithwings li span {
  width: calc(100% - 72px);
  padding-left: 15px;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox div.img {
  width: 126px;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox div.biobox {
  width: calc(100% - 126px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 15px;
  font-weight: 500;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox div.biobox p.tag {
  color: #fff;
  background-color: rgba(var(--main-color), 1);
  border-radius: 100px;
  padding: 2px 13px;
  letter-spacing: 3px;
  font-size: 1.4rem;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox div.biobox p.text {
  color: rgba(var(--main-color), 1);
  font-size: 2rem;
  line-height: 1.9;
}
#main.student #peekaboo .contents-wrap .shrinkbox div.counselorbox div.biobox p.name {
  font-size: 1.4rem;
}

#main.student #peekaboo h3.support-title {
  width: 92.8%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 500;
  text-align: center;
  background-color: rgba(var(--sub-color), 1);
  background-image: linear-gradient(150deg, rgba(var(--main-color), 0.2) 20%, transparent 20%, transparent 50%, rgba(var(--main-color), 0.2) 50%, rgba(var(--main-color), 0.2) 70%, transparent 70%, transparent 100%);
  background-size: 10px 5.77px;
  height: 77px;
  font-size: 2rem;
  line-height: 1.3;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo h3.support-title.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo h3.support-title span {
  display: block;
  font-size: 1.2rem;
}

#main.student #peekaboo .pickup-wrap h3 {
  width: 85.5%;
  margin: auto;
  margin-top: 50px;
  background-color: rgba(var(--main-color), 1);
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  padding: 3px;
  letter-spacing: 2.4px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .pickup-wrap h3.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .pickup-wrap div.item {
  margin-top: 35px;
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .pickup-wrap div.item.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .pickup-wrap div.item div.shrinkbox {
  width: 92.8%;
  margin: auto;
  margin-top: 15px;
}
#main.student #peekaboo .pickup-wrap div.item div.shrinkbox h4 {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(var(--main-color), 1);
  font-size: 1.7rem;
  letter-spacing: 1.7px;
}
#main.student #peekaboo .pickup-wrap div.item div.shrinkbox h4::before {
  content: "";
  display: block;
  width: 49px;
  height: 19px;
  margin-right: 0.7em;
  background-image: url("./img/wings/pickup.png");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#main.student #peekaboo .pickup-wrap div.item div.shrinkbox div.textbox {
  margin-top: 10px;
  line-height: 2;
  letter-spacing: 2px;
}

#main.student #peekaboo .destination-wrap {
  width: 92.8%;
  margin: auto;
  margin-top: 90px;
}
#main.student #peekaboo .destination-wrap div.title-wrap {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .destination-wrap div.title-wrap.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .destination-wrap div.title-wrap h3.destination-title {
  width: 92.2%;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 14px;
  background-color: rgba(var(--main-color), 1);
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  padding: 3px;
  letter-spacing: 2.4px;
}
#main.student #peekaboo .destination-wrap div.title-wrap p.notice {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
}
#main.student #peekaboo .destination-wrap div.textbox {
  margin-top: 35px;
  letter-spacing: 2px;
  font-weight: 500;
}
#main.student #peekaboo .destination-wrap div.textbox p {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#main.student #peekaboo .destination-wrap div.textbox p.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#main.student #peekaboo .destination-wrap div.textbox p ~ p {
  margin-top: 1em;
}
#main.student #peekaboo .destination-wrap div.textbox p span {
  color: rgba(var(--main-color), 1);
}

#main.student .mt10 {
  margin-top: 10px;
}
#main.student .mt20 {
  margin-top: 20px;
}
#main.student .mt25 {
  margin-top: 25px;
}
#main.student .mt30 {
  margin-top: 30px;
}
#main.student .mt50 {
  margin-top: 50px;
}

#main.student #other-stories {
  margin-top: 150px;
}
#main.student #other-stories p.main-title {
  width: 250px;
  margin: auto;
}
#main.student #other-stories p.sub-title {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  margin: auto;
  margin-top: 13px;
}
#main.student #other-stories #scrollable {
  width: 136px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 60;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1;
}
#main.student #other-stories #scrollable svg {
  width: 60%;
  position: relative;
  z-index: 5;
}
#main.student #other-stories #scrollable::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(var(--sub-color), 0.7);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
#main.student #other-stories .otherSlide {
  margin-top: 30px;
}
#main.student #other-stories .otherSlide::before, #main.student #other-stories .otherSlide::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  z-index: 2;
}
#main.student #other-stories .otherSlide::before {
  left: 0;
}
#main.student #other-stories .otherSlide::after {
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#main.student #other-stories .otherSlide .swiper-wrapper .swiper-slide {
  padding: 1%;
}

#main.academics {
  padding-top: 50px;
}

#main.academics.top #navi {
  width: 92.8%;
  margin: auto;
}
#main.academics.top #navi h1 {
  max-width: 361px;
  height: auto;
  margin: auto;
}
#main.academics.top #navi p.subtitle {
  text-align: center;
  font-size: 1.7rem;
  margin-top: 15px;
  letter-spacing: 3px;
  margin-right: -3px;
}
#main.academics.top #navi ul.dept-navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 8px;
  margin-top: 53px;
}
#main.academics.top #navi ul.dept-navi li.item {
  position: relative;
  width: calc(50% - 4px);
}
#main.academics.top #navi ul.dept-navi li.item a {
  position: relative;
  padding: 8px;
  display: block;
  color: #fff;
  font-weight: 500;
}
#main.academics.top #navi ul.dept-navi li.item a::before {
  content: "";
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  width: 7px;
  height: 7px;
  display: block;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 45%;
  right: 8px;
}
#main.academics.top #navi ul.dept-navi li.item.dept1 {
  background-color: #058C38;
}
#main.academics.top #navi ul.dept-navi li.item.dept2 {
  background-color: #36318F;
}
#main.academics.top #navi ul.dept-navi li.item.dept2 a {
  letter-spacing: 0;
}
#main.academics.top #navi ul.dept-navi li.item.dept3 {
  background-color: #CA4684;
}
#main.academics.top #navi ul.dept-navi li.item.dept4 {
  background-color: #C92F17;
}

#main.academics.top .department {
  margin-top: 200px;
}
#main.academics.top .department#dept1 {
  margin-top: 55px;
}
#main.academics.top .department p.course-list-title {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 5px;
  letter-spacing: 2.2px;
  margin-right: -2.2px;
}
#main.academics.top .department .course-item {
  position: relative;
  width: 92.8%;
  margin: auto;
  margin-top: 33px;
  padding-bottom: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#main.academics.top .department .course-item::before {
  content: "";
  background-size: auto auto;
  background-color: var(--main-color);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 255, 255, 0.09) 6px, rgba(255, 255, 255, 0.09) 10px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#main.academics.top .department .course-item .new-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 35px;
  height: 35px;
  display: block;
}
#main.academics.top .department .course-item .titlebox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0 24px;
  color: #fff;
}
#main.academics.top .department .course-item .titlebox .mark {
  mix-blend-mode: multiply;
  width: 57.81px;
  opacity: 0.36;
}
#main.academics.top .department .course-item .titlebox .mark svg {
  width: 100%;
  height: auto;
}
#main.academics.top .department .course-item .titlebox h3 {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 4.4px;
  margin-right: -4.4px;
  line-height: 1;
}
#main.academics.top .department .course-item img.course-image {
  width: 86%;
  margin: auto;
  margin-top: 17px;
}
#main.academics.top .department .course-item .viewmore {
  position: relative;
  z-index: 5;
  margin-top: 22px;
}

#main.academics.top .mainbox {
  position: relative;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.academics.top .mainbox .scrollicon {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: initial;
}
#main.academics.top .mainbox img, #main.academics.top .mainbox div.floatbox {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.academics.top .mainbox div.floatbox {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-weight: 500;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  padding-bottom: 72px;
}
#main.academics.top .mainbox div.floatbox div.mark {
  width: 80.76px;
}
#main.academics.top .mainbox div.floatbox div.mark svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
#main.academics.top .mainbox div.floatbox h2 {
  font-size: 3.2rem;
  margin-top: 8px;
  margin-right: -3.5px;
  letter-spacing: 3.5px;
  font-weight: 500;
}
#main.academics.top .mainbox div.floatbox p {
  margin-top: 24px;
  font-size: 1.7rem;
  line-height: 2.25;
  text-align: center;
  letter-spacing: 2px;
}

#main.academics.top #dept2 .mainbox .floatbox h2 {
  margin-right: -1px;
  letter-spacing: 1px;
}

#main.academics.top .brand-new {
  background-color: #F5F5F7;
  margin-top: 60px;
  padding: 30px 0 35px;
}
#main.academics.top .brand-new h2 {
  width: 276px;
  margin: auto;
}
#main.academics.top .brand-new p {
  font-size: 1.2rem;
  width: 92.8%;
  margin: auto;
  margin-top: 15px;
  line-height: 2;
  letter-spacing: 1.1px;
}

#main.academics.top .interview {
  margin-top: 75px;
}
#main.academics.top .interview .interview-title {
  width: 92.8%;
  margin: auto;
}
#main.academics.top .interview .interview-title h3 {
  width: 188px;
  margin: auto;
}
#main.academics.top .interview .interview-title p.subtitle {
  text-align: center;
  margin-top: 15px;
  letter-spacing: 2.2px;
  margin-right: -2.2px;
}
#main.academics.top .interview p.question {
  width: 91.7%;
  margin: auto;
  margin-top: 38px;
}

#main.academics.top .interview .interview-wrap {
  padding-top: 30px;
}
#main.academics.top .interview .interview-wrap .toggle_contents {
  margin: 0;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_button {
  width: 92.8%;
  margin: auto;
  position: relative;
  padding: 117px 20px 20px;
  cursor: pointer;
  -webkit-transition: padding 480ms;
  transition: padding 480ms;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_button::after {
  content: "";
  border: solid #fff;
  border-width: 0 2px 2px 0;
  width: 7px;
  height: 7px;
  display: block;
  margin: 15px auto 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_button .interview-image {
  opacity: 1;
  -webkit-transition: opacity 480ms 480ms;
  transition: opacity 480ms 480ms;
  position: absolute;
  bottom: 0;
  left: 0;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_button span {
  width: 166px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  position: relative;
  z-index: 5;
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 0;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_button span::before {
  content: "さらに詳しく";
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans {
  display: none;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans .textbox {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 47px;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans .textbox p.affiliation {
  font-size: 1.2rem;
  text-align: center;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans .textbox h4.name {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 8px;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans .textbox h4.name span {
  font-size: 1.2rem;
  margin-left: 10px;
  letter-spacing: 0;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans .textbox p.text {
  width: 92.8%;
  font-size: 1.6rem;
  margin: auto;
  margin-top: 30px;
  letter-spacing: 3px;
  line-height: 2.15;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans div.img-second {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans div.img-second img {
  width: 84.5%;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans div.img-third {
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#main.academics.top .interview .interview-wrap .toggle_contents .toggle_ans div.img-third img {
  width: 91.8%;
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_button {
  padding: 56px 20px 20px;
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_button::after {
  content: "";
  border: solid #707070;
  border-width: 2px 0 0 2px;
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_button .interview-image {
  opacity: 0;
  -webkit-transition: opacity 480ms;
  transition: opacity 480ms;
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_button span {
  border: 2px solid #707070;
  color: #707070;
  background-color: rgba(179, 193, 203, 0.2);
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_button span::before {
  content: "閉じる";
}
#main.academics.top .interview .interview-wrap .toggle_contents.active .toggle_ans {
  opacity: 1;
}

#main.academics #hero {
  min-height: 584px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 90px;
  background-size: auto auto;
  background-color: var(--main-color);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 255, 255, 0.09) 6px, rgba(255, 255, 255, 0.09) 10px);
}
#main.academics #hero div.mark {
  mix-blend-mode: multiply;
}
#main.academics #hero div.mark svg {
  width: 139.32px;
  height: auto;
  fill: var(--mark-color);
  opacity: 0.36;
}
#main.academics #hero h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 11px;
  font-weight: 500;
}
#main.academics #hero h1 p.subtitle {
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: 2.5px;
  margin-right: -2.5px;
}
#main.academics #hero h1 p.subtitle span {
  display: block;
  margin-top: 2px;
}
#main.academics #hero h1 p.title {
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: 4.3px;
  margin-right: -4.3px;
  line-height: 1;
  margin-top: 16px;
  font-weight: 500;
}
#main.academics #hero h1 p.title span {
  display: block;
  font-size: 1.3rem;
  margin-top: 9px;
  letter-spacing: 2.2px;
}
#main.academics #hero div.description {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}
#main.academics #hero div.description div.textbox {
  width: 100%;
  z-index: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  align-self: flex-start;
  padding-top: 50px;
  letter-spacing: 6px;
  text-align: center;
  line-height: 2.3;
}
#main.academics #hero div.description div.textbox p {
  font-size: 2.4rem;
}
#main.academics #hero div.description div.textbox p::after {
  content: "。";
  margin-right: -1.4em;
}
#main.academics #hero div.description div.imgbox {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
#main.academics #hero div.description div.imgbox img.bgimg {
  mix-blend-mode: multiply;
}

#main.academics #after-graduation {
  width: 92.8%;
  margin: auto;
  margin-top: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.academics #after-graduation div.mark.second {
  margin-top: 50px;
}
#main.academics #after-graduation div.mark.third {
  margin-top: 28px;
}
#main.academics #after-graduation div.mark svg {
  width: 72.98px;
  height: auto;
  fill: var(--main-color);
}
#main.academics #after-graduation h2 {
  width: 100%;
  text-align: center;
  font-size: 1.7rem;
  color: var(--main-color);
  margin: 3px 0 0;
}
#main.academics #after-graduation h3 {
  width: 100%;
  color: var(--main-color);
  background-color: var(--sub-color);
  padding: 9px 12px;
  font-size: 1.4rem;
  margin-top: 12px;
}
#main.academics #after-graduation h3.second {
  margin-top: 25px;
}
#main.academics #after-graduation div.after-image {
  width: 92.8%;
  margin: auto;
  margin-top: 35px;
}
#main.academics #after-graduation div.after-graf {
  margin-top: 55px;
}
#main.academics #after-graduation p.certifications {
  width: 100%;
  margin-top: 11px;
  line-height: 1.79;
  text-align: justify;
}
#main.academics #after-graduation p.attention {
  font-size: 1.2rem;
  margin-top: 9px;
  letter-spacing: 0.5px;
}

#main.academics #learning-points {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 0 75px;
}
#main.academics #learning-points div.inner {
  width: 92.8%;
  margin: auto;
}
#main.academics #learning-points h2 {
  background-size: auto auto;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  font-weight: 500;
}
#main.academics #learning-points ul.point-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 53px;
}
#main.academics #learning-points ul.point-list li:first-of-type {
  margin-top: 65px;
}
#main.academics #learning-points ul.point-list li p.point {
  width: 98.44px;
  height: auto;
}
#main.academics #learning-points ul.point-list li p.point-text {
  font-size: 1.7rem;
  color: #fff;
  margin-top: 10px;
  line-height: 1.8;
  text-align: center;
}

#main.academics #learning-flow {
  margin-top: 70px;
}
#main.academics #learning-flow h2 {
  width: 92.8%;
  margin: auto;
  background-size: auto auto;
  background-color: var(--main-color);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
}
#main.academics #learning-flow .flow-wrap {
  width: calc(96.4% + 1px);
  margin: auto;
  margin-top: 30px;
  margin-left: 3.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
#main.academics #learning-flow .flow-wrap ul.thead {
  width: 54px;
}
#main.academics #learning-flow .flow-wrap ul.thead li {
  padding: 15px 0;
  white-space: nowrap;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 3px solid #fff;
  font-weight: 500;
}
#main.academics #learning-flow .flow-wrap ul.thead li.first, #main.academics #learning-flow .flow-wrap ul.thead li.second, #main.academics #learning-flow .flow-wrap ul.thead li.third {
  background-color: var(--sub-color);
  color: var(--main-color);
}
#main.academics #learning-flow .flow-wrap ul.thead li.fourth {
  background-color: #F2F2F2;
}
#main.academics #learning-flow .flow-wrap ul.thead li.fifth {
  background-color: #D5D5D5;
}
#main.academics #learning-flow .flow-wrap ul.thead li span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
#main.academics #learning-flow .flow-wrap ul.thead li span.kana {
  letter-spacing: 0;
}
#main.academics #learning-flow .flow-wrap ul.thead li.blank {
  padding: 0;
  background-color: transparent;
}
#main.academics #learning-flow .flow-wrap #scrollable {
  width: 136px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 60;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1;
}
#main.academics #learning-flow .flow-wrap #scrollable svg {
  width: 60%;
  position: relative;
  z-index: 5;
}
#main.academics #learning-flow .flow-wrap #scrollable::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--main-color);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
#main.academics #learning-flow .flow-wrap div.annualSlide {
  width: calc(100% - 62px);
  padding-right: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#main.academics #learning-flow .flow-wrap div.annualSlide::before {
  content: "";
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide {
  position: relative;
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item {
  border-bottom: 3px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px;
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item.annual {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
  color: var(--main-color);
  font-weight: 500;
  line-height: 1;
  border-width: 2px 0;
  border-style: solid;
  border-color: var(--main-color);
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item.second {
  background-color: #FFFBEA;
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item.third {
  background-color: var(--sub-color);
  color: var(--main-color);
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item.fourth {
  background-color: #F2F2F2;
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide .item.fifth {
  background-color: #D5D5D5;
}
#main.academics #learning-flow .flow-wrap div.annualSlide .swiper-slide::before {
  content: "";
}
#main.academics #learning-flow .flow-wrap p.caption {
  width: 100%;
  font-size: 1.2rem;
  text-align: center;
}

.scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  display: none;
  -webkit-animation: scroll-hint-animation 2s infinite ease;
          animation: scroll-hint-animation 2s infinite ease;
}

.scroll-hint--show {
  display: block;
}

#main.academics #pickup {
  width: 92.8%;
  margin: auto;
  margin-top: 70px;
}
#main.academics #pickup h2 {
  background-size: auto auto;
  background-color: var(--main-color);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 10px;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
}
#main.academics #pickup .pickup-list .item {
  margin-top: 33px;
}
#main.academics #pickup .pickup-list .item h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.7rem;
  color: var(--main-color);
  margin-top: 17px;
  gap: 18px;
}
#main.academics #pickup .pickup-list .item h3 span {
  height: 19px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 0;
  background-color: var(--main-color);
  padding-left: 4px;
  padding-right: 2px;
}
#main.academics #pickup .pickup-list .item h3 span::before {
  content: "";
  top: 0;
  right: -6px;
  border-bottom: 19px solid transparent;
  border-left: 6px solid var(--main-color);
  /* ラベルの色はここで変更 */
  position: absolute;
  z-index: 100;
}
#main.academics #pickup .pickup-list .item h3 span img {
  display: block;
  width: 37px;
  height: auto;
}
#main.academics #pickup .pickup-list .item div.text {
  margin-top: 11px;
  line-height: 2.15;
  letter-spacing: 2.5px;
}

#main.admissionsTop {
  padding-top: 50px;
}

#main.admissionsTop #hero {
  height: 450px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.admissionsTop #hero .textbox {
  color: #fff;
  text-align: center;
  padding: 0 0 40px;
}
#main.admissionsTop #hero .textbox .mark {
  width: 139.32px;
}
#main.admissionsTop #hero .textbox .mark svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
#main.admissionsTop #hero .textbox h1 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 20px;
}

#main.admissionsTop #info24 ul.link-list,
#main.admissionsTop #other ul.link-list {
  width: 92.8%;
  margin: auto;
  margin-top: 38px;
}
#main.admissionsTop #info24 ul.link-list li.icon,
#main.admissionsTop #other ul.link-list li.icon {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
  opacity: 1;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
#main.admissionsTop #info24 ul.link-list li.icon:not(:first-of-type),
#main.admissionsTop #other ul.link-list li.icon:not(:first-of-type) {
  margin-top: 13px;
}
#main.admissionsTop #info24 ul.link-list li.icon:hover,
#main.admissionsTop #other ul.link-list li.icon:hover {
  opacity: 0.5;
}
#main.admissionsTop #info24 ul.link-list li.icon a,
#main.admissionsTop #other ul.link-list li.icon a {
  position: relative;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.4rem;
  font-weight: 500;
  color: #fff;
  padding-left: 30px;
}
#main.admissionsTop #info24 ul.link-list li.icon a p span,
#main.admissionsTop #other ul.link-list li.icon a p span {
  display: block;
  text-indent: -0.5em;
}
#main.admissionsTop #info24 ul.link-list li.icon a:before,
#main.admissionsTop #other ul.link-list li.icon a:before {
  content: "";
  display: block;
  width: 87px;
  height: 100%;
  background-color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 0;
  right: 0;
}
#main.admissionsTop #info24 ul.link-list li.icon a::after,
#main.admissionsTop #other ul.link-list li.icon a::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 30px;
  width: 28.441px;
  height: 28.441px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.441' height='28.441' viewBox='0 0 28.441 28.441'%3E%3Cg id='group_213' data-name='group 213' transform='translate(1.92 -0.08)'%3E%3Cg id='group_203' data-name='group 203' transform='translate(-0.67 1.33)'%3E%3Cg id='group_205' data-name='group 205'%3E%3Crect id='rectangle_113' data-name='rectangle 113' width='19.965' height='19.965' transform='translate(5.977)' fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5'/%3E%3Cpath id='pas_956' data-name='pas 956' d='M24.465,41.056H4.5V21.091' transform='translate(-4.5 -15.114)' fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5'/%3E%3C/g%3E%3C/g%3E%3Cpath id='pas_957' data-name='pas 957' d='M43.4,26.809h8.549v8.549' transform='translate(-32.384 -19.771)' fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5'/%3E%3Cline id='line_12' data-name='line 12' x1='8.332' y2='8.332' transform='translate(11.231 7.038)' fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
}
#main.admissionsTop #info24 ul.link-list li.icon a[href$=".pdf"]::after,
#main.admissionsTop #other ul.link-list li.icon a[href$=".pdf"]::after {
  width: 29.053px;
  height: 35.764px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.053' height='35.764' data-name='group 208' viewBox='0 0 29.053 35.764'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' stroke='%23707070' stroke-width='2.5' d='M0 0h29.053v35.764H0z' data-name='rectangle 116'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' data-name='group 208'%3E%3Cpath fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5' d='M27.652 34.363H1.4V1.4h18.357l7.9 8.185Z' data-name='pas 958'/%3E%3Cpath fill='none' stroke='%238aaac1' stroke-miterlimit='10' stroke-width='2.5' d='M19.761 1.4v8.191h7.9' data-name='pas 959'/%3E%3Cpath fill='%238aaac1' d='M9.272 19.907h-.625v2.733h-1.5v-7.542h2.129c1.631 0 2.119.932 2.119 2.4s-.487 2.4-2.119 2.4m-.042-3.453h-.582v2.1h.582c.635 0 .657-.572.657-1.049s-.021-1.049-.657-1.049' data-name='pas 960'/%3E%3Cpath fill='%238aaac1' d='M16.507 21.909a2.006 2.006 0 0 1-1.652.731h-2.128v-7.542h2.129a2.006 2.006 0 0 1 1.652.731c.53.6.561 1.642.561 3.029s-.031 2.447-.561 3.051m-1.123-5.127a.6.6 0 0 0-.558-.328h-.6v4.83h.6a.6.6 0 0 0 .561-.328 6.547 6.547 0 0 0 .18-2.1 6.4 6.4 0 0 0-.18-2.076' data-name='pas 961'/%3E%3Cpath fill='%238aaac1' d='M19.94 16.454v1.705h1.695v1.356H19.94v3.125h-1.5v-7.542h3.474v1.356Z' data-name='pas 962'/%3E%3C/g%3E%3C/svg%3E");
}
#main.admissionsTop #info24 ul.link-list li.large,
#main.admissionsTop #other ul.link-list li.large {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
          box-shadow: rgba(0, 0, 0, 0.35) 0px 0 10px;
  opacity: 1;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
#main.admissionsTop #info24 ul.link-list li.large:not(:first-of-type),
#main.admissionsTop #other ul.link-list li.large:not(:first-of-type) {
  margin-top: 13px;
}
#main.admissionsTop #info24 ul.link-list li.large:hover,
#main.admissionsTop #other ul.link-list li.large:hover {
  opacity: 0.5;
}
#main.admissionsTop #info24 ul.link-list li.large a,
#main.admissionsTop #other ul.link-list li.large a {
  padding: 55px 0 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
#main.admissionsTop #info24 ul.link-list li.large a p.button,
#main.admissionsTop #other ul.link-list li.large a p.button {
  margin-top: 25px;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 7px 35px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.admissionsTop #info24 ul.link-list li.large a p.button::after,
#main.admissionsTop #other ul.link-list li.large a p.button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='layer' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.5956;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='group_213' transform='translate(1.92 -0.08)'%3E%3Cg id='group_203' transform='translate(-0.67 1.33)'%3E%3Cg id='group_205'%3E%3Crect id='rectangle_113' x='4.2' y='0.4' class='st0' width='12.7' height='12.7'/%3E%3Cpath id='pas_956' class='st0' d='M13.2,17H0.4V4.2'/%3E%3C/g%3E%3C/g%3E%3Cpath id='pas_957' class='st0' d='M7.2,5.4h5.5v5.5'/%3E%3Cline id='line_12' class='st0' x1='12.7' y1='5.4' x2='7.3' y2='10.7'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#main.admissionsTop #info24 h2 {
  background-color: #F1F6FB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #8AAAC1;
  padding-bottom: 20px;
}
#main.admissionsTop #info24 h2 img {
  display: block;
  width: 243px;
}
#main.admissionsTop #info24 h2 .info_title {
  font-size: 2.4rem;
  font-weight: bold;
}
#main.admissionsTop #info24 h2 .info_title span {
  font-size: 5.6rem;
  font-weight: bold;
  display: inline-block;
  margin-right: 6px;
}
#main.admissionsTop #info24 h2 .subtitle {
  position: relative;
  font-size: 1.4rem;
  display: block;
  margin-top: 2px;
  padding-top: 14px;
}
#main.admissionsTop #info24 h2 .subtitle::before {
  content: "";
  width: 18px;
  height: 2px;
  display: block;
  background-color: #8AAAC1;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#main.admissionsTop #online-application {
  width: 92.8%;
  margin: auto;
  margin-top: 23px;
  background-size: auto auto;
  background-color: #3376B9;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 30px 0 22px;
}
#main.admissionsTop #online-application p {
  font-size: 2rem;
  color: #fff;
  text-align: center;
}
#main.admissionsTop #online-application div.more-wrap {
  margin-top: 10px;
}

#main.admissionsTop .online-application-float {
  display: none;
  width: 92.8%;
  margin: auto;
  margin-top: 23px;
  background-size: auto auto;
  background-color: #3376B9;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: 460px;
  z-index: 5;
  padding: 13px 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  -webkit-transition: -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 850px) {
  #main.admissionsTop .online-application-float {
    display: block;
  }
}
#main.admissionsTop .online-application-float p {
  font-size: 2rem;
  color: #fff;
  text-align: center;
}
#main.admissionsTop .online-application-float a {
  color: #fff;
}
#main.admissionsTop .online-application-float.active {
  -webkit-transform: translate(-50%, 700px);
          transform: translate(-50%, 700px);
}

#main.admissionsTop #howto {
  padding-top: 100px;
}
#main.admissionsTop #howto p.caption {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 2.2px;
  margin-right: -2.2px;
}
#main.admissionsTop #howto h2 {
  margin-top: 20px;
  line-height: 1;
  text-align: center;
  color: #fff;
  font-size: 3.2rem;
  padding: 100px 0 83px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#main.admissionsTop #howto h2 div.float {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-left: 120px;
}
#main.admissionsTop #howto h2 div.float .mark {
  width: 67.88px;
}
#main.admissionsTop #howto h2 div.float .mark svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
#main.admissionsTop #howto h2 div.float p {
  letter-spacing: 5.5px;
  line-height: 1.5;
}
#main.admissionsTop #howto h2 span {
  display: block;
  width: 108px;
  margin: auto;
}
#main.admissionsTop #howto .inner {
  width: 92.8%;
  margin: auto;
  margin-top: 23px;
}
#main.admissionsTop #howto .inner h4 {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  position: relative;
  background-color: #349AFF;
}
#main.admissionsTop #howto .inner h4 span, #main.admissionsTop #howto .inner h4 a {
  padding: 22px 15px;
  display: block;
  color: #fff;
}
#main.admissionsTop #howto .inner h4.title {
  cursor: pointer;
}
#main.admissionsTop #howto .inner h4.title i {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: #206EBA;
  border-radius: 50%;
  -webkit-transition: background-color 480ms;
  transition: background-color 480ms;
}
#main.admissionsTop #howto .inner h4.title i:before, #main.admissionsTop #howto .inner h4.title i:after {
  content: "";
  background-color: #fff;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 15px;
  -webkit-transition: opacity 0ms 0ms, -webkit-transform 240ms;
  transition: opacity 0ms 0ms, -webkit-transform 240ms;
  transition: transform 240ms, opacity 0ms 0ms;
  transition: transform 240ms, opacity 0ms 0ms, -webkit-transform 240ms;
}
#main.admissionsTop #howto .inner h4.title i:before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
#main.admissionsTop #howto .inner h4.title i:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#main.admissionsTop #howto .inner h4.title.active i {
  background-color: #387CBF;
}
#main.admissionsTop #howto .inner h4.title.active i::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  opacity: 0;
  -webkit-transition: opacity 0ms 240ms, -webkit-transform 240ms;
  transition: opacity 0ms 240ms, -webkit-transform 240ms;
  transition: transform 240ms, opacity 0ms 240ms;
  transition: transform 240ms, opacity 0ms 240ms, -webkit-transform 240ms;
}
#main.admissionsTop #howto .inner .peek-a-box {
  display: none;
}
#main.admissionsTop #howto .inner .peek-a-box .inbox {
  padding: 10px;
}
#main.admissionsTop #howto .inner .peek-a-box .inbox a {
  position: relative;
  padding: 8px 10px;
  font-size: 1.7rem;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#main.admissionsTop #howto .inner .peek-a-box .inbox a::after {
  content: "";
  border: solid #349AFF;
  border-width: 2px 2px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
#main.admissionsTop #howto .inner .mt23 {
  margin-top: 23px;
}

#main.admissionsTop #other {
  padding-top: 100px;
}
#main.admissionsTop #other h2 {
  line-height: 1;
  text-align: center;
}
#main.admissionsTop #other h2 span {
  display: block;
  width: 108px;
  margin: auto;
}

#main.admissionsTop #policy {
  margin-top: 50px;
  background-color: #F5F5F7;
}
#main.admissionsTop #policy p {
  width: 92.8%;
  margin: auto;
  padding: 25px 0 50px;
}
#main.admissionsTop #policy p a {
  font-weight: 500;
  padding: 10px 20px;
  border-bottom: 1px solid #B3C1CB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
#main.admissionsTop #policy p a:hover {
  opacity: 0.5;
}
#main.admissionsTop #policy p a::after {
  content: "";
  display: block;
  width: 16.383px;
  height: 16.383px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.383' height='16.383' viewBox='0 0 16.383 16.383'%3E%3Cg data-name='group 215'%3E%3Cg data-name='group 203'%3E%3Cg fill='none' stroke='%23333' stroke-miterlimit='10' data-name='group 205'%3E%3Cpath d='M4.044.5h11.839v11.839H4.044z' data-name='rectangle 113'/%3E%3Cpath d='M12.339 15.883H.5V4.044' data-name='pas 956'/%3E%3C/g%3E%3C/g%3E%3Cpath fill='none' stroke='%23333' stroke-miterlimit='10' d='M7.43 3.885h5.069v5.069' data-name='pas 957'/%3E%3Cpath fill='none' stroke='%23333' stroke-miterlimit='10' d='M12.498 3.885 7.557 8.826' data-name='line 12'/%3E%3C/g%3E%3C/svg%3E");
}

#main.academics {
  padding-top: 50px;
}

.admissions .exam_overview_wrap {
  background-color: #349AFF;
  color: #fff;
  text-align: center;
  padding: 20px 0 42px;
  aspect-ratio: 207/98;
}
.admissions .exam_overview_wrap .exam_overview svg {
  fill: #fff;
  width: 67.88px;
  height: auto;
}
.admissions .exam_overview_wrap .exam_overview p {
  font-size: 1.4rem;
  margin-top: -4px;
}
.admissions .exam_overview_wrap h1.page-title {
  font-size: 2.4rem;
  margin-top: 17px;
  letter-spacing: 2.4px;
  line-height: 1.2;
}
.admissions .exam_overview_wrap p.page-subtitle {
  font-size: 1.6rem;
  margin-top: 3px;
}

.admissions .semester {
  background-color: #F1F6FB;
  font-size: 1.4rem;
  padding: 9px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.admissions .semester span:not(:first-of-type)::before {
  content: "／";
}
.admissions .semester i {
  font-style: normal;
}

.admissions .content-list {
  width: 92.8%;
  margin: auto;
}
.admissions .content-list .content {
  margin-top: 25px;
}
.admissions .content-list .content:first-of-type {
  margin-top: 40px;
}
.admissions .content-list .content h2.content-title {
  background-color: #349AFF;
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.admissions .content-list .content h2.content-title span {
  margin-right: 0.5em;
}
.admissions .content-list .content h2.content-title span.subtitle {
  margin-right: 0;
  margin-left: 1em;
}
.admissions .content-list .content p.text {
  padding: 10px 15px;
}

.admissions .content-list .content a.button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 13px;
  padding: 0 12px 10px;
  color: #349AFF;
}
.admissions .content-list .content a.button.nopad {
  padding: 0 0 10px;
}
.admissions .content-list .content a.button.nopad::before {
  width: 100%;
  left: 0;
}
.admissions .content-list .content a.button::before {
  content: "";
  display: block;
  width: calc(100% - 24px);
  height: 3px;
  background-color: #349AFF;
  position: absolute;
  bottom: 0;
  left: 12px;
}
.admissions .content-list .content a.button::after {
  content: "";
  display: block;
  width: 14.556px;
  height: 17.369px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.556' height='17.369' viewBox='0 0 14.556 17.369'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none%7D.a%7Bstroke:%23349aff%7D.b%7Bstroke:%23349afc%7D%3C/style%3E%3C/defs%3E%3Cpath d='M.5.5h13.556v13.556H9.214l-2.063 2.53-2.132-2.53H.5Z' class='a'/%3E%3Cpath d='M3.27 5.094h8.015M3.27 7.384h8.015M3.27 9.674h8.015' class='b'/%3E%3C/svg%3E");
}
.admissions .content-list .content a.button.word::after {
  background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.559%22%20height%3D%2219.2810001%22%20version%3D%221.1%22%20viewBox%3D%220%200%2015.559%2019.2810001%22%3E%0A%20%20%3C!--%20Generator%3A%20Adobe%20Illustrator%2029.6.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.1%20Build%20207)%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%234d8ed1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st0%2C%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_11%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M15.0600004%2C18.7819996H.501V.501h10.1810002l4.3790007%2C4.5399999-.0010004%2C13.7409997Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10.6859999.501v4.5430002h4.3790007%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20id%3D%22uuid-5389d765-9516-42f2-bacd-ee678598091e%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M7.7357394%2C9.983378h-.0243853l-.4789244%2C3.6796507h-1.8552225l-.9578489-6.9058063h1.3138719l.713022%2C5.4458508h.0243853l.6388909-5.4458512h1.3021671l.6632762%2C5.485013h.0243853l.6876615-5.485013h1.1792661l-.9578487%2C6.9058067h-1.7937725s-.4789244-3.6796499-.478924-3.6796507Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}
.admissions .content-list .content a.button.popup::after, .admissions .content-list .content a.button[target=_blank]::after {
  width: 16.383px;
  height: 16.383px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.383' height='16.383' viewBox='0 0 16.383 16.383'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23349aff;stroke-miterlimit:10%7D%3C/style%3E%3C/defs%3E%3Cpath d='M4.044.5h11.839v11.839H4.044z' class='a'/%3E%3Cpath d='M12.339 15.883H.5V4.044M7.43 3.885h5.069v5.069M12.498 3.885 7.557 8.826' class='a'/%3E%3C/svg%3E");
}
.admissions .content-list .content a.button[href$=".pdf"]::after {
  width: 15.559px;
  height: 19.281px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.559' height='19.281' viewBox='0 0 15.559 19.281'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke-miterlimit:10%7D.a%7Bstroke:%23349aff%7D.b%7Bstroke:%234d8ed1%7D.c%7Bfill:%23349aff%7D%3C/style%3E%3C/defs%3E%3Cpath d='M15.06 18.782H.501V.501h10.181l4.379 4.54Z' class='a'/%3E%3Cpath d='M10.686.501v4.543h4.379' class='b'/%3E%3Cpath d='M4.866 10.764h-.347v1.511h-.834V8.097h1.181c.9 0 1.175.517 1.175 1.333s-.27 1.334-1.175 1.334m-.023-1.915H4.52v1.163h.323c.352 0 .364-.317.364-.582s-.012-.582-.364-.582M8.883 11.875a1.113 1.113 0 0 1-.916.405H6.783V8.097h1.18a1.113 1.113 0 0 1 .916.405 2.645 2.645 0 0 1 .311 1.68 2.684 2.684 0 0 1-.307 1.693M8.26 9.032a.332.332 0 0 0-.311-.182H7.62v2.679h.329a.332.332 0 0 0 .311-.182 3.631 3.631 0 0 0 .1-1.163 3.549 3.549 0 0 0-.1-1.151M10.782 8.849v.946h.94v.752h-.94v1.728h-.834V8.097h1.927v.752Z' class='c'/%3E%3C/svg%3E");
}
.admissions .content-list .content a.button[href$=".docx"]::after {
  width: 15.559px;
  height: 19.281px;
  background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.559%22%20height%3D%2219.2810001%22%20version%3D%221.1%22%20viewBox%3D%220%200%2015.559%2019.2810001%22%3E%0A%20%20%3C!--%20Generator%3A%20Adobe%20Illustrator%2029.6.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.1%20Build%20207)%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%234d8ed1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st0%2C%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_11%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M15.0600004%2C18.7819996H.501V.501h10.1810002l4.3790007%2C4.5399999-.0010004%2C13.7409997Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10.6859999.501v4.5430002h4.3790007%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20id%3D%22uuid-5389d765-9516-42f2-bacd-ee678598091e%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M7.7357394%2C9.983378h-.0243853l-.4789244%2C3.6796507h-1.8552225l-.9578489-6.9058063h1.3138719l.713022%2C5.4458508h.0243853l.6388909-5.4458512h1.3021671l.6632762%2C5.485013h.0243853l.6876615-5.485013h1.1792661l-.9578487%2C6.9058067h-1.7937725s-.4789244-3.6796499-.478924-3.6796507Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

.admissions .content-list .content ul.table {
  width: 100%;
}
.admissions .content-list .content ul.table li {
  padding: 8px;
  padding-left: 15px;
}
.admissions .content-list .content ul.table li.subtitle {
  color: #fff;
  background-color: #B3C1CB;
}
.admissions .content-list .content ul.table li.title, .admissions .content-list .content ul.table li.text {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}
.admissions .content-list .content ul.table li.title {
  position: relative;
  padding-left: 35px;
  background-color: #F5F5F7;
}
.admissions .content-list .content ul.table li.title + .title {
  background-image: none;
}
.admissions .content-list .content ul.table li.title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #B3C1CB;
  position: absolute;
  top: 14px;
  left: 15px;
}
.admissions .content-list .content ul.table li:first-of-type {
  background-image: none;
}
.admissions .content-list .content ul.table li.text + .text {
  background-image: none;
}
.admissions .content-list .content ul.table li.text span {
  font-size: 1.2rem;
}
.admissions .content-list .content ul.table li a {
  text-decoration: underline;
}

.admissions .content-list .content.sports_and_programs ul {
  margin-top: 18px;
  padding-bottom: 25px;
}
.admissions .content-list .content.sports_and_programs ul li {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
  position: relative;
  padding: 10px 20px;
}
.admissions .content-list .content.sports_and_programs ul li.title {
  background-color: #F5F5F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
}
.admissions .content-list .content.sports_and_programs ul li.title::before {
  content: "";
  background-color: #B3C1CB;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
}

.admissions .content-list .content.eligibility .notice {
  padding: 10px 15px;
  background-color: #B3C1CB;
  color: #fff;
}
.admissions .content-list .content.eligibility ul {
  margin-top: 12px;
  padding-bottom: 25px;
}
.admissions .content-list .content.eligibility ul li {
  position: relative;
  padding-left: 45px;
}
.admissions .content-list .content.eligibility ul li:not(:first-of-type) {
  margin-top: 11px;
}
.admissions .content-list .content.eligibility ul li span {
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  background-color: #349AFF;
  color: #fff;
}

.admissions .content-list .content.schedule-duration .term-schedule {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.admissions .content-list .content.schedule-duration .term-schedule:first-of-type {
  margin-top: 20px;
}
.admissions .content-list .content.schedule-duration .term-schedule p.term {
  width: 40px;
  background-color: #349AFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
  color: #fff;
}
.admissions .content-list .content.schedule-duration .term-schedule.hasterm ul {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  width: calc(100% - 40px);
}
.admissions .content-list .content.schedule-duration .term-schedule ul.schedule {
  width: 100%;
}
.admissions .content-list .content.schedule-duration .term-schedule ul.schedule li {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
  padding: 8px;
}
.admissions .content-list .content.schedule-duration .term-schedule ul.schedule li:nth-child(odd) {
  position: relative;
  padding-left: 40px;
  background-color: #F5F5F7;
}
.admissions .content-list .content.schedule-duration .term-schedule ul.schedule li:nth-child(odd)::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #B3C1CB;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 23px;
}
.admissions .content-list .content.schedule-duration .term-schedule ul.schedule li:nth-child(even) {
  padding-left: 23px;
}
.admissions .content-list .content.schedule-duration p.notes-title {
  background-color: #B3C1CB;
  color: #fff;
  margin-top: 25px;
  padding: 9px 12px;
}
.admissions .content-list .content.schedule-duration p.notes {
  margin-top: 25px;
  padding: 0 12px;
}

.admissions .content-list .content.selection-grading .selection-table {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.admissions .content-list .content.selection-grading .selection-table p.term {
  width: 40px;
  background-color: #349AFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
  color: #fff;
}
.admissions .content-list .content.selection-grading p.notes-title {
  background-color: #B3C1CB;
  color: #fff;
  margin-top: 25px;
  padding: 9px 12px;
}
.admissions .content-list .content.selection-grading p.notes {
  margin-top: 25px;
  padding: 0 12px;
}

.admissions .content-list .content.stepbystep ul.steps {
  margin-top: 13px;
}
.admissions .content-list .content.stepbystep ul.steps li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 0;
}
.admissions .content-list .content.stepbystep ul.steps li::after {
  content: "";
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  width: calc(100% - 70px);
  position: absolute;
  height: 2px;
  bottom: 0;
  right: 0;
}
.admissions .content-list .content.stepbystep ul.steps li span.stepnum {
  width: 70px;
  border: 1px solid #349AFF;
  background-color: #F5F5F7;
  color: #349AFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0;
}
.admissions .content-list .content.stepbystep ul.steps li div.text {
  width: calc(100% - 70px);
  padding: 8px 10px;
}
.admissions .content-list .content.stepbystep ul.steps li div.text p.filebox {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 13px;
  padding: 0 0 10px;
}
.admissions .content-list .content.stepbystep ul.steps li div.text p.filebox::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #349AFF;
  position: absolute;
  bottom: 0;
  left: 0;
}
.admissions .content-list .content.stepbystep ul.steps li div.text p.filebox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #349AFF;
}
.admissions .content-list .content.stepbystep p.notes {
  margin-top: 25px;
  padding: 0 12px;
}

.admissions .content-list .content.text-file p.text {
  margin-top: 15px;
  padding: 0 12px;
}
.admissions .content-list .content.text-file p.filebox {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 13px;
  padding: 0 12px 10px;
}
.admissions .content-list .content.text-file p.filebox::after {
  content: "";
  display: block;
  width: calc(100% - 24px);
  height: 3px;
  background-color: #349AFF;
  position: absolute;
  bottom: 0;
  left: 12px;
}
.admissions .content-list .content.text-file p.filebox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #349AFF;
}
.admissions .content-list .content.text-file h3 {
  margin-top: 15px;
  position: relative;
  font-size: 1.4rem;
  padding: 8px;
  padding-left: 35px;
  background-color: #F5F5F7;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.admissions .content-list .content.text-file h3::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #B3C1CB;
  position: absolute;
  top: 14px;
  left: 15px;
}

.admissions .content-list .content.important-points ul {
  margin-top: 12px;
}
.admissions .content-list .content.important-points ul li {
  position: relative;
  padding-left: 45px;
}
.admissions .content-list .content.important-points ul li:not(:first-of-type) {
  margin-top: 11px;
}
.admissions .content-list .content.important-points ul li span {
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  background-color: #349AFF;
  color: #fff;
}

.admissions .content-list .content.scholarship ul.table {
  margin-top: 15px;
}
.admissions .content-list .content.scholarship ul.table li:first-of-type {
  background-image: none;
}
.admissions .content-list .content.scholarship p.majors {
  margin-top: 15px;
  color: #349AFF;
  border: 1px solid #349AFF;
  padding: 12px;
  text-align: center;
}

.admissions .content-list .content p.fee-text {
  margin-top: 10px;
  padding: 10px 15px 5px;
}

.admissions .content-list .content .scrolltable_wrap {
  width: 100%;
  position: relative;
}
.admissions .content-list .content .scrolltable_wrap #scrollable {
  width: 136px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 60;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 1;
  pointer-events: none;
}
.admissions .content-list .content .scrolltable_wrap #scrollable svg {
  width: 60%;
  position: relative;
  z-index: 5;
}
.admissions .content-list .content .scrolltable_wrap #scrollable::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(52, 154, 255, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content {
  width: 100%;
  overflow-x: scroll;
  padding: 15px 0;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table {
  min-width: 1200px;
  border-collapse: collapse;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr th,.admissions .content-list .content .scrolltable_wrap .scroll_content table tr td {
  padding: 5px 15px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border: solid 5px #fff;
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr th {
  font-weight: bold;
  background-color: #349AFF;
  color: #fff;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr td {
  padding: 10px 15px;
  background-color: #F2F2F2;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr td.top {
  font-weight: bold;
  background-color: #B3C1CB;
  color: #fff;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr td.left {
  text-align: left;
}
.admissions .content-list .content .scrolltable_wrap .scroll_content table tr th span,.admissions .content-list .content .scrolltable_wrap .scroll_content table tr td span {
  font-size: 1rem;
}

.page-template-page-admissions .peekaboo {
  display: none;
}

.page-template-page-admissions .popup-content {
  width: 92.8%;
  margin: auto;
  background-color: #fff;
  padding-bottom: 50px;
}
.page-template-page-admissions .popup-content h2.content-title {
  background-color: #349AFF;
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.page-template-page-admissions .popup-content h2.content-title span {
  margin-right: 0.5em;
}
.page-template-page-admissions .popup-content div.inner-wrap {
  width: 86%;
  margin: 0 auto;
}
.page-template-page-admissions .popup-content div.inner-wrap div.textbox {
  font-size: 1.7rem;
  margin-top: 20px;
  line-height: 1.8;
}
.page-template-page-admissions .popup-content div.inner-wrap div.textbox span {
  color: #349AFC;
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 11px;
  padding-right: 10px;
}
.page-template-page-admissions .popup-content div.inner-wrap p.fee {
  font-size: 1.7rem;
  letter-spacing: 3.3px;
  margin-top: 25px;
}
.page-template-page-admissions .popup-content div.inner-wrap p.fee span {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 1.6px;
  padding-top: 5px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table {
  margin-top: 25px;
  width: 100%;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li {
  padding: 8px;
  padding-left: 15px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.subtitle {
  color: #fff;
  background-color: #B3C1CB;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.title, .page-template-page-admissions .popup-content div.inner-wrap ul.table li.text {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.title {
  position: relative;
  padding-left: 25px;
  background-color: #F5F5F7;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.title.shrink {
  letter-spacing: 0;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #B3C1CB;
  position: absolute;
  top: 14px;
  left: 8px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li:first-of-type {
  background-image: none;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.table li.text + .text {
  background-image: none;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list {
  margin-top: 12px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li {
  position: relative;
  padding-left: 30px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:not(:first-of-type) {
  margin-top: 11px;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li::before {
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  top: 2px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 20px;
  background-color: #349AFF;
  color: #fff;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(1)::before {
  content: "1";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(2)::before {
  content: "2";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(3)::before {
  content: "3";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(4)::before {
  content: "4";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(5)::before {
  content: "5";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.list li:nth-child(6)::before {
  content: "6";
}
.page-template-page-admissions .popup-content div.inner-wrap ul.discs {
  margin-top: 45px;
  list-style: disc;
  padding-left: 1.5em;
}
.page-template-page-admissions .popup-content div.inner-wrap ul.discs li {
  margin-top: 1em;
}
.page-template-page-admissions .popup-content p.map {
  width: 363.31px;
  margin: 25px auto 0;
}

main.top #news ul.news-list,
main.news #newslist-wrap ul.news-list {
  margin-top: 32px;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}
main.top #news ul.news-list li.item,
main.news #newslist-wrap ul.news-list li.item {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
main.top #news ul.news-list li.item a,
main.news #newslist-wrap ul.news-list li.item a {
  display: block;
  padding: 5px;
}
main.top #news ul.news-list li.item a p.meta,
main.news #newslist-wrap ul.news-list li.item a p.meta {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px 0;
}
main.top #news ul.news-list li.item a p.meta span.date,
main.news #newslist-wrap ul.news-list li.item a p.meta span.date {
  margin-right: 1em;
}
main.top #news ul.news-list li.item a p.entry-title,
main.news #newslist-wrap ul.news-list li.item a p.entry-title {
  padding-bottom: 5px;
}

#main.news {
  padding-top: 70px;
}

#main.news #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.news #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.news #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.news #newslist-wrap nav.catlist {
  padding-top: 75px;
}
#main.news #newslist-wrap nav.catlist ul.category-menu {
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  line-height: 1;
}
#main.news #newslist-wrap nav.catlist ul.category-menu li {
  position: relative;
  padding: 0 15px;
}
#main.news #newslist-wrap nav.catlist ul.category-menu li:not(:first-of-type)::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E0E0E0;
}
#main.news #newslist-wrap nav.catlist ul.category-menu li a {
  color: #A6B8C4;
  font-size: 1.5rem;
  font-weight: 500;
}
#main.news #newslist-wrap nav.catlist ul.category-menu li.current-menu-item a {
  color: #333333;
}
#main.news #newslist-wrap ul.news-list {
  width: 92.8%;
  margin: auto;
  margin-top: 60px;
}
#main.news #newslist-wrap nav.navigation.pagination {
  padding-top: 50px;
}
#main.news #newslist-wrap nav.navigation.pagination div.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main.news #newslist-wrap nav.navigation.pagination div.nav-links span, #main.news #newslist-wrap nav.navigation.pagination div.nav-links a {
  position: relative;
  padding: 7px;
  line-height: 1.3;
}
#main.news #newslist-wrap nav.navigation.pagination div.nav-links span.dots {
  padding: 7px 0;
}
#main.news #newslist-wrap nav.navigation.pagination div.nav-links span.current::after {
  content: "";
  display: block;
  width: 35%;
  height: 1px;
  background-color: #333;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#main.news #entry-wrap {
  width: 86.5%;
  margin: auto;
  margin-top: 45px;
}
#main.news #entry-wrap p.meta {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px 0;
}
#main.news #entry-wrap p.meta span.date {
  margin-right: 1em;
}
#main.news #entry-wrap h2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8;
  margin-top: 9px;
}
#main.news #entry-wrap h2 span {
  text-indent: -0.5em;
  display: block;
}
#main.news #entry-wrap div.entry {
  margin-top: 35px;
}
#main.news #entry-wrap div.entry p ~ p {
  margin-top: 1em;
}
#main.news #entry-wrap div.entry img {
  max-width: 100%;
  height: auto;
}
#main.news #entry-wrap div.pagenavi {
  font-weight: 500;
  margin-top: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#main.seminar {
  padding-top: 70px;
}

#main.seminar #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.seminar #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.seminar #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.seminar #textbox {
  width: 92.8%;
  margin: auto;
  margin-top: 29px;
  line-height: 1.8;
}
#main.seminar #textbox div.text {
  width: 93%;
  margin: auto;
}

#main.seminar #seminar-table {
  width: 92.8%;
  margin: auto;
  margin-top: 60px;
}
#main.seminar #seminar-table h2.content-title {
  text-align: center;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
}
#main.seminar #seminar-table h2.content-title:not(:first-of-type) {
  margin-top: 70px;
}
#main.seminar #seminar-table ul.table {
  width: 93%;
  margin: auto;
  margin-top: 25px;
}
#main.seminar #seminar-table ul.table li {
  padding: 8px;
  padding-left: 15px;
}
#main.seminar #seminar-table ul.table li.title, #main.seminar #seminar-table ul.table li.text {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#main.seminar #seminar-table ul.table li.title {
  position: relative;
  padding-left: 35px;
  background-color: #F5F5F7;
}
#main.seminar #seminar-table ul.table li.title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #0055B7;
  position: absolute;
  top: 14px;
  left: 15px;
}
#main.seminar #seminar-table ul.table li.text + .text {
  background-image: none;
}
#main.seminar #seminar-table .links {
  width: 92.8%;
  margin: auto;
  margin-top: 38px;
  color: #fff;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 20px 0;
  text-align: center;
}
#main.seminar #seminar-table .links a {
  width: 200px;
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 10px;
  text-align: center;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  display: block;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 15px auto 0;
}
#main.seminar #seminar-table .links a:hover {
  opacity: 0.4;
}

#main.download {
  padding-top: 70px;
}

#main.download #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.download #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.download #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.download #filelist {
  width: 86.5%;
  margin: auto;
  padding-top: 30px;
}
#main.download #filelist div.item {
  margin-top: 70px;
}
#main.download #filelist div.item h2 {
  font-size: 1.4rem;
  line-height: 1.7;
  background-color: #F5F5F7;
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 1.7px;
}
#main.download #filelist div.item h2::before {
  content: "■";
  color: #0055B7;
  width: 1.6em;
}
#main.download #filelist div.item h2 span {
  width: calc(100% - 1.6em);
  display: block;
}
#main.download #filelist div.item div.category {
  margin-top: 37px;
}
#main.download #filelist div.item div.category:first-of-type {
  margin-top: 32px;
}
#main.download #filelist div.item div.category h3 {
  font-size: 1.4rem;
  line-height: 1.7;
}
#main.download #filelist div.item div.category p.file {
  margin-top: 10px;
}
#main.download #filelist div.item div.category p.file:first-of-type {
  margin-top: 0px;
}
#main.download #filelist div.item div.category p.file a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 0;
  color: #349AFF;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  border-bottom: 1px solid #349AFF;
}
#main.download #filelist div.item div.category p.file a::after {
  content: "";
  width: 15.559px;
  height: 19.281px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.559' height='19.281' viewBox='0 0 15.559 19.281'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke-miterlimit:10%7D.a%7Bstroke:%23349aff%7D.b%7Bstroke:%234d8ed1%7D.c%7Bfill:%23349aff%7D%3C/style%3E%3C/defs%3E%3Cpath d='M15.06 18.782H.501V.501h10.181l4.379 4.54Z' class='a'/%3E%3Cpath d='M10.686.501v4.543h4.379' class='b'/%3E%3Cpath d='M4.866 10.764h-.347v1.511h-.834V8.097h1.181c.9 0 1.175.517 1.175 1.333s-.27 1.334-1.175 1.334m-.023-1.915H4.52v1.163h.323c.352 0 .364-.317.364-.582s-.012-.582-.364-.582M8.883 11.875a1.113 1.113 0 0 1-.916.405H6.783V8.097h1.18a1.113 1.113 0 0 1 .916.405 2.645 2.645 0 0 1 .311 1.68 2.684 2.684 0 0 1-.307 1.693M8.26 9.032a.332.332 0 0 0-.311-.182H7.62v2.679h.329a.332.332 0 0 0 .311-.182 3.631 3.631 0 0 0 .1-1.163 3.549 3.549 0 0 0-.1-1.151M10.782 8.849v.946h.94v.752h-.94v1.728h-.834V8.097h1.927v.752Z' class='c'/%3E%3C/svg%3E");
}
#main.download #filelist div.item div.category p.file a.word::after {
  background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.559%22%20height%3D%2219.2810001%22%20version%3D%221.1%22%20viewBox%3D%220%200%2015.559%2019.2810001%22%3E%0A%20%20%3C!--%20Generator%3A%20Adobe%20Illustrator%2029.6.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.1%20Build%20207)%20%20--%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.st0%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%234d8ed1%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st0%2C%20.st1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st1%20%7B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.st2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23349aff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_11%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M15.0600004%2C18.7819996H.501V.501h10.1810002l4.3790007%2C4.5399999-.0010004%2C13.7409997Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M10.6859999.501v4.5430002h4.3790007%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20id%3D%22uuid-5389d765-9516-42f2-bacd-ee678598091e%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22st2%22%20d%3D%22M7.7357394%2C9.983378h-.0243853l-.4789244%2C3.6796507h-1.8552225l-.9578489-6.9058063h1.3138719l.713022%2C5.4458508h.0243853l.6388909-5.4458512h1.3021671l.6632762%2C5.485013h.0243853l.6876615-5.485013h1.1792661l-.9578487%2C6.9058067h-1.7937725s-.4789244-3.6796499-.478924-3.6796507Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  background-size: contain;
  background-repeat: no-repeat;
}
#main.download #filelist div.item div.category p.file a:hover {
  opacity: 0.5;
}

#main.question {
  padding-top: 70px;
}

#main.question #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.question #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.question #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.question #faq {
  width: 86.5%;
  margin: auto;
}
#main.question #faq ul.faq-wrap {
  margin-top: 38px;
}
#main.question #faq ul.faq-wrap li {
  background-color: #F5F5F7;
}
#main.question #faq ul.faq-wrap li:not(:first-of-type) {
  margin-top: 10px;
}
#main.question #faq ul.faq-wrap li h4 {
  font-weight: 500;
  padding: 7px 15px;
  padding-right: 40px;
  position: relative;
  background-color: #e5edf8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
#main.question #faq ul.faq-wrap li h4 span {
  display: flex;
  align-items: baseline;
}
#main.question #faq ul.faq-wrap li h4 span img {
  display: block;
  width: 10px;
  height: 12px;
  margin-right: 2px;
}
#main.question #faq ul.faq-wrap li h4 span small {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.02em;
  color: #0055B7;
}
#main.question #faq ul.faq-wrap li h4.num1 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4 p {
  padding-left: 9px;
  width: calc(100% - 32px);
}
#main.question #faq ul.faq-wrap li h4.num1 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num2 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num2 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num3 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num3 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num4 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num4 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num5 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num5 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num6 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num6 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num7 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num7 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num8 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num8 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num9 span {
  width: 20px;
}
#main.question #faq ul.faq-wrap li h4.num9 p {
  padding-left: 17px;
  width: calc(100% - 20px);
}
#main.question #faq ul.faq-wrap li h4.num10 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num10 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num11 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num11 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num12 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num12 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num13 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num13 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num14 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num14 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num15 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num15 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num16 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num16 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num17 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num17 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num18 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num18 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4.num19 span {
  width: 30px;
}
#main.question #faq ul.faq-wrap li h4.num19 p {
  padding-left: 7px;
  width: calc(100% - 30px);
}
#main.question #faq ul.faq-wrap li h4 i {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
  height: 15px;
}
#main.question #faq ul.faq-wrap li h4 i:before, #main.question #faq ul.faq-wrap li h4 i:after {
  content: "";
  background-color: #707070;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 2px;
  width: 100%;
  -webkit-transition: opacity 0ms 0ms, -webkit-transform 240ms;
  transition: opacity 0ms 0ms, -webkit-transform 240ms;
  transition: transform 240ms, opacity 0ms 0ms;
  transition: transform 240ms, opacity 0ms 0ms, -webkit-transform 240ms;
}
#main.question #faq ul.faq-wrap li h4 i:before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}
#main.question #faq ul.faq-wrap li h4 i:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
#main.question #faq ul.faq-wrap li h4.active::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
#main.question #faq ul.faq-wrap li h4.active i::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  opacity: 0;
  -webkit-transition: opacity 0ms 240ms, -webkit-transform 240ms;
  transition: opacity 0ms 240ms, -webkit-transform 240ms;
  transition: transform 240ms, opacity 0ms 240ms;
  transition: transform 240ms, opacity 0ms 240ms, -webkit-transform 240ms;
}
#main.question #faq ul.faq-wrap li .anser.peek-a-box {
  display: none;
}
#main.question #faq ul.faq-wrap li .anser.peek-a-box .inbox {
  padding: 10px 20px;
}
#main.question #faq ul.faq-wrap li .anser.peek-a-box .inbox a {
  color: #349AFF;
  text-decoration: underline;
  font-weight: 500;
}

#main.visit {
  padding-top: 70px;
}

#main.visit #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.visit #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.visit #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.visit #message {
  padding: 30px 0 50px;
  line-height: 1.8;
  background-color: #e5edf8;
}
#main.visit #message div.text {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 93%;
  margin: auto;
  font-size: 1.7rem;
  line-height: 2.35;
}
#main.visit #message div.text span.wing {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  z-index: 0;
}
#main.visit #message div.text span.wing svg {
  fill: #fff;
  width: 100%;
  height: auto;
}
#main.visit #message div.text p {
  position: relative;
}

#main.visit #textbox {
  width: 92.8%;
  margin: auto;
  margin-top: 48px;
  line-height: 1.8;
}
#main.visit #textbox div.text {
  width: 93%;
  margin: auto;
}
#main.visit #textbox div.text p ~ p {
  margin-top: 1.5em;
}

#main.visit #links {
  width: 92.8%;
  margin: auto;
  margin-top: 38px;
  color: #fff;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 20px 0;
}
#main.visit #links h2 {
  font-size: 2rem;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
#main.visit #links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
#main.visit #links ul li a {
  width: 200px;
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 10px;
  text-align: center;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  display: block;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
#main.visit #links ul li a:hover {
  opacity: 0.4;
}

#main.discussion {
  padding-top: 70px;
}

#main.discussion #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.discussion #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.discussion #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.discussion #message {
  padding: 30px 0 25px;
  line-height: 1.8;
  background-color: #e5edf8;
}
#main.discussion #message div.text {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 93%;
  margin: auto;
  font-size: 1.7rem;
  line-height: 2.35;
}
#main.discussion #message div.text span.wing {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  z-index: 0;
}
#main.discussion #message div.text span.wing svg {
  fill: #fff;
  width: 100%;
  height: auto;
}
#main.discussion #message div.text p {
  position: relative;
}
#main.discussion #message #links {
  width: 92.8%;
  margin: auto;
  margin-top: 15px;
  color: #fff;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  padding: 20px 0;
}
#main.discussion #message #links h2 {
  font-size: 2rem;
  text-align: center;
  padding-bottom: 15px;
  letter-spacing: 2px;
}
#main.discussion #message #links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
#main.discussion #message #links ul li a {
  width: 200px;
  font-size: 1.4rem;
  border-radius: 50px;
  padding: 3px 10px;
  text-align: center;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
  display: block;
  border: 2px solid #fff;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
#main.discussion #message #links ul li a:hover {
  opacity: 0.4;
}

#main.discussion #schedule .contents {
  width: 92.8%;
  margin: auto;
  padding-top: 80px;
}
#main.discussion #schedule .contents:first-of-type {
  padding-top: 50px;
}
#main.discussion #schedule .contents h2.content-title {
  text-align: center;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
}
#main.discussion #schedule .contents .inner {
  width: 93%;
  margin: auto;
}
#main.discussion #schedule .contents .inner h3 {
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  text-align: center;
  margin-top: 30px;
  background-color: #B3C1CB;
}
#main.discussion #schedule .contents .inner .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
#main.discussion #schedule .contents .inner .list-wrap p.area {
  width: 40px;
  background-color: #0055B7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-orientation: upright;
  color: #fff;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table {
  width: calc(100% - 40px);
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li {
  padding: 8px;
  padding-left: 15px;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li.title, #main.discussion #schedule .contents .inner .list-wrap ul.table li.text {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left top;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li.title {
  position: relative;
  padding-left: 35px;
  background-color: #F5F5F7;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li.title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #0055B7;
  position: absolute;
  top: 14px;
  left: 15px;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li.text + .text {
  background-image: none;
}
#main.discussion #schedule .contents .inner .list-wrap ul.table li.text span {
  color: #FF0707;
}

#main.discussion #notice {
  width: 86.5%;
  margin: auto;
  margin-top: 30px;
}

#main.kyointaisho {
  padding-top: 70px;
  padding-bottom: 30px;
}

#main.kyointaisho #hero {
  height: 196px;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 83px 45px 0;
}
#main.kyointaisho #hero h1 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.3;
}
#main.kyointaisho #hero h1 span {
  text-indent: -0.5em;
  display: block;
}

#main.kyointaisho h2.content-title {
  text-align: center;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
}

#main.kyointaisho #textbox {
  width: 92.8%;
  margin: auto;
  margin-top: 40px;
  line-height: 1.8;
}
#main.kyointaisho #textbox div.text {
  width: 93%;
  margin: auto;
  margin-top: 30px;
}

#main.kyointaisho #kyointaisho-table {
  width: 92.8%;
  margin: auto;
  margin-top: 60px;
}
#main.kyointaisho #kyointaisho-table h2.content-title {
  text-align: center;
  background-size: auto auto;
  background-color: #0055B7;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  letter-spacing: 1.5px;
}
#main.kyointaisho #kyointaisho-table h2.content-title:not(:first-of-type) {
  margin-top: 95px;
}
#main.kyointaisho #kyointaisho-table h3 {
  width: 93%;
  margin: auto;
  color: #fff;
  font-size: 1.4rem;
  padding: 9px 15px;
  text-align: center;
  margin-top: 30px;
  background-color: #B3C1CB;
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#main.kyointaisho #kyointaisho-table ul.table {
  width: 93%;
  margin: auto;
}
#main.kyointaisho #kyointaisho-table ul.table li {
  padding: 8px;
  padding-left: 15px;
}
#main.kyointaisho #kyointaisho-table ul.table li.title, #main.kyointaisho #kyointaisho-table ul.table li.text {
  background-image: linear-gradient(to right, #B3C1CB 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
#main.kyointaisho #kyointaisho-table ul.table li.title {
  position: relative;
  padding-left: 35px;
  background-color: #F5F5F7;
}
#main.kyointaisho #kyointaisho-table ul.table li.title::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #0055B7;
  position: absolute;
  top: 14px;
  left: 15px;
}
#main.kyointaisho #kyointaisho-table ul.table li.text + .text {
  background-image: none;
}
#main.kyointaisho #kyointaisho-table ul.table li.text span {
  color: #E70F1F;
}

#main.kyointaisho #explanation {
  width: 92.8%;
  margin: auto;
  margin-top: 40px;
  line-height: 1.8;
}
#main.kyointaisho #explanation div.text {
  width: 93%;
  margin: auto;
  margin-top: 20px;
}

#main.futuregoal {
  padding-bottom: 0;
  font-weight: 500;
}

.futuregoal #hero h1 {
  margin: auto;
}

.futuregoal #message {
  padding: 60px 0 53px;
  text-align: center;
}
.futuregoal #message p {
  font-size: 1.8rem;
  line-height: 2.3;
  letter-spacing: 3.2px;
}

.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap,
.futuregoal #future-list .item-list {
  position: relative;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.imgbox, .page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox,
.futuregoal #future-list .item-list div.imgbox,
.futuregoal #future-list .item-list div.detailbox {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox,
.futuregoal #future-list .item-list div.detailbox {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.title-wrap,
.futuregoal #future-list .item-list div.detailbox div.title-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.more-wrap,
.futuregoal #future-list .item-list div.detailbox div.more-wrap {
  padding-bottom: 29px;
}

.futuregoal #future-list .item-list div.detailbox {
  font-size: 1.8rem;
}
.futuregoal #future-list .item-list div.detailbox div.title-wrap {
  height: 78px;
}
.futuregoal #future-list .item-list div.detailbox div.title-wrap span.fifteen {
  width: 45px;
}
.futuregoal #future-list .item-list div.detailbox div.title-wrap p.title {
  letter-spacing: 3.1px;
  margin-left: 31px;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
}
.futuregoal #future-list .item-list div.detailbox div.title-wrap p.title span {
  display: block;
}
.futuregoal #future-list .item-list.num1 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num1 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num1 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num2 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num2 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num2 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num3 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num3 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num3 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num4 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num4 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num4 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num5 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num5 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num5 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num6 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num6 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num6 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num7 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num7 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num7 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num8 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num8 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num8 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num9 div.detailbox div.title-wrap {
  padding-left: 27px;
}
.futuregoal #future-list .item-list.num9 div.detailbox div.title-wrap span.number {
  width: 38px;
}
.futuregoal #future-list .item-list.num9 div.detailbox div.title-wrap span.fifteen {
  margin-left: 12px;
}
.futuregoal #future-list .item-list.num10 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num10 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num10 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.num11 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num11 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num11 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.num12 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num12 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num12 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.num13 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num13 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num13 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.num14 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num14 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num14 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.num15 div.detailbox div.title-wrap {
  padding-left: 7px;
}
.futuregoal #future-list .item-list.num15 div.detailbox div.title-wrap span.number {
  width: 77px;
}
.futuregoal #future-list .item-list.num15 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.futuregoal #future-list .item-list.flg {
  opacity: 0;
  -webkit-transform: translateY(35px);
          transform: translateY(35px);
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.futuregoal #future-list .item-list.flg.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.futuregoal #future-list div.popuo-content {
  display: none;
}

.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap {
  width: 92.8%;
  margin: auto;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.imgbox img {
  width: 100%;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox {
  font-size: 1.5rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.title-wrap {
  height: 72px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.title-wrap span.fifteen {
  width: 40px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.title-wrap p.title {
  letter-spacing: 2.8px;
  margin-left: 28px;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.info-wrap {
  text-align: center;
  padding-bottom: 65px;
  letter-spacing: 2.6px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.info-wrap p.name {
  text-align: center;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap div.detailbox div.info-wrap p.text {
  margin-top: 25px;
  line-height: 2.3;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num1 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num1 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num1 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num2 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num2 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num2 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num3 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num3 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num3 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num4 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num4 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num4 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num5 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num5 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num5 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num6 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num6 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num6 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num7 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num7 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num7 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num8 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num8 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num8 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num9 div.detailbox div.title-wrap {
  padding-left: 25px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num9 div.detailbox div.title-wrap span.number {
  width: 34px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num9 div.detailbox div.title-wrap span.fifteen {
  margin-left: 11px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num10 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num10 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num10 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num11 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num11 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num11 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num12 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num12 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num12 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num13 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num13 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num13 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num14 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num14 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num14 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num15 div.detailbox div.title-wrap {
  padding-left: 5px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num15 div.detailbox div.title-wrap span.number {
  width: 65px;
}
.page-template-page-futuregoal div.modaal-wrapper div.popup-wrap.num15 div.detailbox div.title-wrap span.fifteen {
  margin-left: 8px;
}

#bgmenu {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
#bgmenu div.contents {
  position: relative;
  z-index: 5;
  padding-top: 8.85vh;
  padding-left: 7.32vw;
  width: calc(100% - (460px + 7.32vw));
}
@media screen and (max-width: 850px) {
  #bgmenu div.contents {
    display: none;
  }
}
#bgmenu div.contents .inner {
  height: 83vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#bgmenu div.contents .inner a.logo {
  display: block;
  width: 149.59px;
}
#bgmenu div.contents .inner div.boxwrap {
  padding-top: 9.51vh;
}
#bgmenu div.contents .inner ul.pcmenu {
  max-width: 270px;
  width: 90%;
}
#bgmenu div.contents .inner ul.pcmenu li:not(:first-of-type) {
  margin-top: 9px;
}
#bgmenu div.contents .inner ul.pcmenu li a.arrow {
  position: relative;
  display: block;
  color: #fff;
  font-size: clamp(1.4rem, -0.333rem + 2.13vw, 1.8rem);
  padding: 10px 0;
  background-image: linear-gradient(to right, #fff 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  letter-spacing: 2.5px;
}
#bgmenu div.contents .inner ul.pcmenu li a.arrow::before {
  content: "";
  border: solid #fff;
  border-width: 2px 2px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  margin: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
#bgmenu div.contents .inner ul.pcmenu li ul.pcsubmenu {
  max-width: 205px;
  width: 90%;
  margin-top: 20px;
}
#bgmenu div.contents .inner ul.pcmenu li ul.pcsubmenu a.wing {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 1.4rem;
  padding: 2px 0;
  background-image: linear-gradient(to right, #fff 2px, transparent 2px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  letter-spacing: 2.5px;
}
#bgmenu div.contents .inner ul.pcmenu li ul.pcsubmenu a.wing::before {
  content: "";
  display: block;
  margin: 0;
  margin-right: 1em;
  width: 31.708px;
  height: 13.87px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.708' height='13.87' viewBox='0 0 31.708 13.87'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h31.708v13.87H0z' data-name='rectangle 83'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg fill='%23fff' clip-path='url(%23a)' data-name='group 141'%3E%3Cpath d='M1.95 3.6A4.357 4.357 0 0 1 .122 1.422 2.544 2.544 0 0 1 .012.4C.026.272.029.1.157.028a.229.229 0 0 1 .3.065 10.213 10.213 0 0 0 4.054 3.019c2.092.863 6.019 1.469 8.5 3.2 2.6 1.81 3.69 4.381 3.656 5.754-.011.42-.128.55-.431.255a.38.38 0 0 1-.116-.255c-1.152-5.2-5.239-7.021-10.529-7.853 5.957 1.35 8.071 4 8.909 6.492.019.056-.055.1-.113.093a1.965 1.965 0 0 0-2.851.361c-.258.351-.442.663-.838.7a.877.877 0 0 1-.829-.417.241.241 0 0 0-.356-.077 1.11 1.11 0 0 1-.43.216.479.479 0 0 1-.483-.152c-.129-.177-.038-.412-.059-.612-.014-.128-.156-.15-.249-.061-.37.35-.922.746-1.45.489-.429-.207-.416-.767-.339-1.166.011-.055.023-.11.037-.165a.155.155 0 0 0-.252-.141 1.919 1.919 0 0 1-1.1.43A.884.884 0 0 1 4.3 9.4v-.018a3.587 3.587 0 0 1 .046-.969.248.248 0 0 0-.288-.275 1.955 1.955 0 0 1-1.346-.151.943.943 0 0 1-.258-1.351 2.653 2.653 0 0 1 .471-.558.133.133 0 0 0-.057-.227 3.454 3.454 0 0 1-1.162-.488 1.3 1.3 0 0 1-.629-.715.509.509 0 0 1 .168-.5 1.631 1.631 0 0 1 .669-.314.13.13 0 0 0 .036-.234' data-name='pass 453'/%3E%3Cpath d='M29.758 3.6a4.357 4.357 0 0 0 1.827-2.182A2.544 2.544 0 0 0 31.695.4C31.68.272 31.68.1 31.55.028a.229.229 0 0 0-.3.065 10.213 10.213 0 0 1-4.058 3.018c-2.092.863-6.019 1.469-8.5 3.2-2.6 1.81-3.69 4.381-3.656 5.754.011.42.128.55.431.255a.38.38 0 0 0 .116-.255c1.152-5.2 5.239-7.021 10.529-7.853-5.957 1.35-8.071 4-8.909 6.492-.019.056.055.1.113.093a1.965 1.965 0 0 1 2.851.361c.258.351.442.663.838.7a.876.876 0 0 0 .829-.417.242.242 0 0 1 .356-.077 1.111 1.111 0 0 0 .43.216.479.479 0 0 0 .483-.152c.129-.177.038-.412.059-.612.014-.128.156-.15.249-.061.37.35.922.746 1.45.489.429-.207.416-.767.339-1.166a3.257 3.257 0 0 0-.037-.165.155.155 0 0 1 .252-.141 1.919 1.919 0 0 0 1.1.43.884.884 0 0 0 .887-.794V9.39a3.587 3.587 0 0 0-.046-.969.248.248 0 0 1 .287-.275 1.956 1.956 0 0 0 1.347-.151.943.943 0 0 0 .257-1.351 2.637 2.637 0 0 0-.467-.561.133.133 0 0 1 .057-.227 3.454 3.454 0 0 0 1.162-.488 1.3 1.3 0 0 0 .629-.715.509.509 0 0 0-.168-.5 1.631 1.631 0 0 0-.669-.314.13.13 0 0 1-.038-.233' data-name='pass 454'/%3E%3Cpath d='M15.894 13.87a.86.86 0 0 1-.672-.286c-.425-.483-.3-1.385-.1-2.288l.009-.068.624.135-.015.069c-.077.352-.311 1.423-.042 1.73.022.025.073.082.246.067a.157.157 0 0 0 .133-.074 2.836 2.836 0 0 0-.126-1.792l.612-.181c.149.5.45 1.731.041 2.332a.791.791 0 0 1-.6.35h-.109' data-name='pass 455'/%3E%3C/g%3E%3C/svg%3E");
}
#bgmenu div.contents .inner .banner {
  margin-top: auto;
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
#bgmenu div.contents .inner .banner a {
  display: block;
  width: 170px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}

#bgmenu.all {
  background-image: url("./img/background/bga.jpg");
}
@media screen and (max-width: 850px) {
  #bgmenu.all {
    background-position: 65% 50%;
  }
}
#bgmenu.all div.contents .inner div.boxwrap {
  padding-top: 9.51vh;
}
#bgmenu.all div.contents .inner .banner {
  margin-right: 20px;
}
#bgmenu.all div.contents .inner .banner a.popup {
  display: block;
  max-width: 450px;
  width: 90%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#bgmenu.conc {
  background-image: url("./img/background/conc.jpg");
}
#bgmenu.conc div.contents .inner div.boxwrap {
  padding-top: 5.11vh;
}
#bgmenu.conc div.contents .inner div.boxwrap div.mark {
  margin-left: 8px;
  width: 50.44px;
}
#bgmenu.conc div.contents .inner div.boxwrap div.mark svg {
  fill: #fff;
  width: 100%;
  height: auto;
}
#bgmenu.conc div.contents .inner div.boxwrap p {
  margin-top: 4px;
  margin-left: 8px;
  color: #fff;
  font-size: 1.5rem;
}
#bgmenu.conc div.contents .inner .banner {
  margin-right: 20px;
}
#bgmenu.conc div.contents .inner .banner a {
  display: block;
  width: 170px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}

#bgmenu.dept {
  background-position: 35% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
#bgmenu.dept.top {
  background-image: url("./img/background/dept1.jpg");
}
#bgmenu.dept div.contents .inner div.boxwrap {
  padding-top: 12.11vh;
}
#bgmenu.dept div.contents .inner div.boxwrap div.mark {
  margin-left: 8px;
  width: 50.44px;
}
#bgmenu.dept div.contents .inner div.boxwrap div.mark svg {
  fill: #fff;
  width: 100%;
  height: auto;
}
#bgmenu.dept div.contents .inner div.boxwrap p {
  margin-top: 4px;
  margin-left: 8px;
  color: #fff;
  font-size: 1.5rem;
}
#bgmenu.dept div.contents .inner div.boxwrap .pcmenu {
  margin-top: 7.55vh;
}
#bgmenu.dept div.contents .inner .banner a {
  margin-right: 20px;
  display: block;
  width: 170px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}
#bgmenu.dept div.deptbg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-position: 35% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 240ms;
  transition: opacity 240ms;
}
#bgmenu.dept div.deptbg.active {
  opacity: 1;
}
#bgmenu.dept div.dept2 {
  background-image: url("./img/background/dept2.jpg");
}
#bgmenu.dept div.dept3 {
  background-image: url("./img/background/dept3.jpg");
}
#bgmenu.dept div.dept4 {
  background-image: url("./img/background/dept4.jpg");
}

#bgmenu.admi {
  background-image: url("./img/background/admi.jpg");
}
#bgmenu.admi div.contents .inner div.boxwrap {
  padding-top: 12.11vh;
}
#bgmenu.admi div.contents .inner div.boxwrap div.mark {
  margin-left: 8px;
  width: 50.44px;
}
#bgmenu.admi div.contents .inner div.boxwrap div.mark svg {
  fill: #fff;
  width: 100%;
  height: auto;
}
#bgmenu.admi div.contents .inner div.boxwrap p {
  margin-top: 4px;
  margin-left: 8px;
  color: #fff;
  font-size: 1.5rem;
}
#bgmenu.admi div.contents .inner div.boxwrap .pcmenu {
  margin-top: 5vh;
}
#bgmenu.admi div.contents .inner div.boxwrap .online-application-side {
  margin-top: 40px;
  background-size: auto auto;
  background-color: #3376B9;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(255, 255, 255, 0.09) 3px, rgba(255, 255, 255, 0.09) 5px);
  width: 270px;
  padding: 13px 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
#bgmenu.admi div.contents .inner div.boxwrap .online-application-side p {
  font-size: 2rem;
  color: #fff;
  text-align: center;
}
#bgmenu.admi div.contents .inner div.boxwrap .online-application-side a {
  color: #fff;
}
#bgmenu.admi div.contents .inner .banner {
  margin-right: 20px;
}
#bgmenu.admi div.contents .inner .banner a {
  display: block;
  width: 170px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}