@charset "UTF-8";
/*!
Theme Name: nitto_Theme
Theme URI: https://www.sohokkai.co.jp
Author: 株式会社
Author URI: http://webziing.jp/
Description: 日東石油様 テンプレート
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: review_renewal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!
 * ress.css • v4.0.0
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -o-tab-size: 4;
  tab-size: 4;
  word-break: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-tab-size: 4;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  vertical-align: inherit;
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
}

* {
  margin: 0;
  padding: 0; /* Reset `padding` and `margin` of all elements */
}

/* # =================================================================
     # General elements
     # ================================================================= */
hr {
  height: 0; /* Add the correct box sizing in Firefox */
  overflow: visible; /* Show the overflow in Edge and IE */
  color: inherit; /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

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

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

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

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  color: inherit;
  cursor: pointer;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  border-style: none;
  background-color: transparent;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
legend {
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
}

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

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

html {
  font-size: 100%;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  color: #454545;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  color: #e94709;
}
a:hover {
  text-decoration: underline;
}
a.remove-class {
  cursor: pointer;
}

.wp-block-file__button {
  text-decoration: none;
  padding: 3px 10px;
}
.wp-block-file__button:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

::-moz-selection {
  color: #fff;
  background-color: #e94709;
}

::selection {
  color: #fff;
  background-color: #e94709;
}

.material-symbols-outlined {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

/*.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}*/
/*fade*/
.u-fadein {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.u-fadein-display {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.u-fadein-right-to-left {
  opacity: 0;
  -webkit-transform: translateX(25px);
          transform: translateX(25px);
  -webkit-transition: all 2.5s;
  transition: all 2.5s;
}

.u-fadein-right-to-left-display {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

@-webkit-keyframes scrollDownLine {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
@keyframes scrollDownLine {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
.l-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px;
}
@media screen and (max-width: 768px) {
  .l-inner {
    padding: 0 6.25%;
  }
}
.l-inner .l-inner {
  padding: 0 60px;
}
@media screen and (max-width: 768px) {
  .l-inner .l-inner {
    padding: 0 30px;
  }
}
.l-inner--narrow {
  max-width: 1173px;
  margin: 0 auto;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .l-inner--narrow {
    max-width: 100%;
    padding: 0 6.25%;
  }
}
.l-inner--narrow-w980 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .l-inner--narrow-w980 {
    max-width: 100%;
    padding: 0 6.25%;
  }
}
.l-inner--narrow-w1130 {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .l-inner--narrow-w1130 {
    max-width: 100%;
    padding: 0 6.25%;
  }
}
.l-inner--wide {
  max-width: 95%;
}
@media screen and (max-width: 768px) {
  .l-inner--wide {
    max-width: 100%;
    padding: 0 5%;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 25px 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: transparent;
}
@media screen and (max-width: 768px) {
  .l-header {
    padding: 15px 20px;
  }
}
.l-header__logo {
  width: 120px;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .l-header__logo {
    width: 80px;
  }
}
.l-header__logo a {
  display: block;
  line-height: 1;
}
.l-header__logo img {
  vertical-align: bottom;
}
.l-header.is-scrolled {
  background-color: rgba(233, 71, 9, 0.8);
  padding: 17px 40px;
}
@media screen and (max-width: 768px) {
  .l-header.is-scrolled {
    background-color: #e94709;
    padding: 15px 20px;
  }
}
.l-header.is-scrolled .l-header__logo {
  width: 80px;
}
@media screen and (max-width: 768px) {
  .l-header.is-scrolled .l-header__logo {
    width: 60px;
  }
}

.l-gnav {
  position: fixed;
  z-index: 999;
  top: 0;
  right: -120%;
  width: 640px;
  height: 100vh;
  background-color: #e94709;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  padding: 100px;
}
@media screen and (max-width: 768px) {
  .l-gnav {
    width: 100%;
    padding: 80px 40px 40px 40px;
  }
}
.l-gnav.is-active {
  right: 0;
  overflow-y: scroll;
}
.l-gnav__logo {
  display: block;
  margin: 0 auto 70px auto;
  max-width: 200px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-gnav__logo {
    width: 180px;
    margin: 0 auto 40px auto;
  }
}
.l-gnav__item {
  margin-top: 30px;
  list-style: none;
}
.l-gnav__link {
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  font-size: 1.625rem;
}
.l-gnav__link:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .l-gnav__link {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.l-gnav__childList {
  margin-left: 1em;
}
.l-gnav__childItem {
  list-style: none;
  margin-top: 15px;
}
.l-gnav__childLink {
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
}
.l-gnav__childLink:hover {
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .l-gnav__childLink {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.l-gnav__subList {
  margin-top: 40px;
  border-top: 1px solid #fff;
  padding-top: 30px;
}
.l-gnav__subItem {
  list-style: none;
  margin-top: 15px;
}
.l-gnav__subLink {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .l-gnav__subLink {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.l-gnav__subLink:hover {
  text-decoration: none;
  opacity: 0.8;
}

.l-introduce {
  position: relative;
}

.l-footer {
  border-top: 5px solid #e94709;
}
.l-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 16px;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .l-footer__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.l-footer__list li {
  width: 20%;
  list-style: none;
  border: 1px solid #DDD;
  border-radius: 5px;
  aspect-ratio: 157/77;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-footer__list li {
    width: calc(33.333% - 16px);
  }
}
.l-footer__list li img {
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-footer__list li:hover img {
  opacity: 0.7;
}
.l-footer__inner {
  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;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    -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: 1em;
  }
}
.l-footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-footer__info {
    -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;
    width: 100%;
    text-align: center;
  }
}
.l-footer__logo {
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .l-footer__logo {
    margin-right: 0;
    margin-bottom: 1em;
  }
}
.l-footer__logo img {
  width: 88px;
  height: auto;
}
.l-footer__address dt {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .l-footer__address dt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.l-footer__address dd {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .l-footer__address dd {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__sub {
    width: 100%;
  }
}
.l-footer__subList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  .l-footer__subList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.l-footer__subList li {
  list-style: none;
  line-height: 1.2;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0.5em;
  padding-right: 0.5em;
  border-right: 1px solid #000;
}
.l-footer__subList li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.l-footer__subList li a {
  color: #000;
  text-decoration: none;
}
.l-footer__subList li a:hover {
  opacity: 0.7;
}
.l-footer__bottom {
  background-color: #e94709;
  color: #fff;
  padding: 1em 0;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

.l-contents {
  margin-top: 0;
  padding-bottom: 80px;
}
.l-contents--index {
  background-image: url("assets/img/index/bg-index01.png"), url("assets/img/index/bg-index02.png"), url("assets/img/index/bg-index03.png");
  background-position: 0 0, 100% 50%, 0 100%;
}

.l-section {
  padding: 60px 0;
  /*& > .l-section {
    padding: 15px 0;
  }*/
}
@media screen and (max-width: 768px) {
  .l-section {
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
  .l-sideBar {
    margin-bottom: 30px;
  }
}

.l-lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-lead {
    display: block;
  }
}
.l-lead .c-heading-primary {
  white-space: nowrap;
  margin: 0 100px 0 0;
}
.l-lead__lead {
  font-size: 17px;
  font-size: 1.0625rem;
}
@media screen and (max-width: 768px) {
  .l-lead__lead {
    margin: 25px 0 0 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

.l-bg--dot {
  background: url("img/common/img-bg01.png");
}

.l-bg-origami {
  width: 100%;
  margin: 0;
  padding: 180px 0 100px 0;
  position: relative;
  overflow: hidden;
  background-image: url(img/common/img-bg-town.png);
  background-position: 100% 100%;
  background-size: 65% auto;
}
.l-bg-origami::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e1f0f8;
  -webkit-transform: skewY(-3deg) translateY(90px);
          transform: skewY(-3deg) translateY(90px);
  z-index: -1;
}
.l-bg-origami::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #e94709;
  -webkit-transform: skewY(4deg) translateY(90px);
          transform: skewY(4deg) translateY(90px);
  z-index: -2;
}

.slant-bg p {
  width: 65%;
  margin: 0 auto;
}

.l-pc-2col {
  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;
  padding: 0 5%;
}
.l-pc-2col__box {
  width: 48%;
  margin: 50px 0 0 0;
}
@media screen and (max-width: 768px) {
  .l-pc-2col__box {
    width: 100%;
  }
}

.c-logo {
  line-height: 1.3;
  font-weight: normal;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
}
.c-logo__link:hover {
  text-decoration: none;
}
.c-logo__image {
  width: 69px;
  height: auto;
  margin-right: 10px;
}
.c-logo__image--school {
  width: 55px;
}
.c-logo__text {
  font-size: 24px;
  font-size: 1.5rem;
}
.c-logo__title {
  width: 100%;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}
.c-logo__name {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 768px) {
  .c-logo__image {
    width: 45px;
    margin-right: 5px;
  }
  .c-logo__text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .c-logo__title {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-heading-primary {
  background-color: #e94709;
  padding: 15px 20px;
  color: #FFF;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (max-width: 768px) {
  .c-heading-primary {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-heading-secondary {
  border-left: 5px solid #e94709;
  line-height: 1.4;
  padding: 0 0 0 0.4em;
  margin: 0 0 20px 0;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-size: 1.25rem;
}
.c-heading-secondary--school {
  border-left: 5px solid #fc90b4;
}
.c-heading-secondary--lc0 {
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .c-heading-secondary--md-lc0 {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-heading-secondary {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

h2.wp-block-heading {
  border-left: 5px solid #fc90b4;
  line-height: 1.4;
  padding: 0 0 0 0.4em;
  margin: 0 0 20px 0;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  h2.wp-block-heading {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-heading-waku {
  display: inline-block;
  border: 2px solid #ddd;
  line-height: 1.4;
  padding: 7px 15px;
  margin: 0 0 20px 0;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .c-heading-waku {
    display: block;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

.c-heading-tertiary {
  font-weight: normal;
  color: #e94709;
  line-height: 1.1;
  font-size: 28px;
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .c-heading-tertiary {
    font-weight: bold;
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.c-heading-tertiary img {
  vertical-align: middle;
  width: 45px;
  height: 45px;
  margin-left: 80px;
}
@media screen and (max-width: 768px) {
  .c-heading-tertiary img {
    width: 25px;
    height: 25px;
    margin-left: 40px;
  }
}

.c-heading-quaternary {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-size: 1rem;
}
.c-heading-quaternary:before {
  content: "■";
}

.c-heading-school {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  text-align: center;
  margin-bottom: 30px;
}

.c-heading-school::after {
  background: -webkit-gradient(linear, left bottom, right top, from(#e63c74), color-stop(#e3618c), to(#fc90b4));
  background: linear-gradient(to right top, #e63c74, #e3618c, #fc90b4);
  border-radius: 8px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.c-heading-school__inner {
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  padding: 27px 24px 40px;
  position: relative;
  z-index: 1;
  letter-spacing: 0.15em;
}

.c-heading-school01,
h3.wp-block-heading {
  margin: 30px 0 10px 0;
  border-bottom: 1px solid #ddd;
  color: #ff578f;
  font-size: 19px;
  font-size: 1.1875rem;
}

h3.wp-block-heading {
  margin: 50px 0 15px 0;
}

/* ハンバーガーメニュー設定 */
/* 四角の部分 */
.c-hamburger {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  width: 90px;
  height: 90px;
  background-color: #e94709;
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 768px) {
  .c-hamburger {
    width: 60px;
    height: 60px;
  }
}
.c-hamburger.active {
  background-color: #454545;
}
.c-hamburger__text {
  text-align: center;
  color: #FFF;
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .c-hamburger__text {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* ３本線 */
.c-hamburger span {
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  left: 26px;
  width: 45%;
  height: 3px;
  border-radius: 2px;
  background-color: #FFF;
}
@media screen and (max-width: 768px) {
  .c-hamburger span {
    left: 17px;
  }
}

.c-hamburger span:nth-of-type(1) {
  top: 45px;
}
@media screen and (max-width: 768px) {
  .c-hamburger span:nth-of-type(1) {
    top: 30px;
  }
}

.c-hamburger span:nth-of-type(2) {
  top: 53px;
}
@media screen and (max-width: 768px) {
  .c-hamburger span:nth-of-type(2) {
    top: 35px;
  }
}

.c-hamburger span:nth-of-type(3) {
  top: 61px;
}
@media screen and (max-width: 768px) {
  .c-hamburger span:nth-of-type(3) {
    top: 40px;
  }
}

/* ×に変化 */
/* 修正箇所 */
.c-hamburger.active span:nth-of-type(1) {
  top: 53px; /* 中央の線のtopに合わせる */
  left: 22.5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); /* translateYを削除 */
  width: 45%;
}
@media screen and (max-width: 768px) {
  .c-hamburger.active span:nth-of-type(1) {
    top: 35px; /* 中央の線のtopに合わせる */
    left: 15px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); /* translateYを削除 */
  }
}

.c-hamburger.active span:nth-of-type(2) {
  opacity: 0;
}

.c-hamburger.active span:nth-of-type(3) {
  top: 53px; /* 中央の線のtopに合わせる */
  left: 22.5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); /* translateYを削除 */
  width: 45%;
}
@media screen and (max-width: 768px) {
  .c-hamburger.active span:nth-of-type(3) {
    top: 35px; /* 中央の線のtopに合わせる */
    left: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); /* translateYを削除 */
  }
}

/* ==========================================================================
Layout
========================================================================== */
.l-main-visual {
  width: 100%;
  height: 800px;
  /* PCでの高さを800pxに設定 */
}
@media screen and (max-width: 768px) {
  .l-main-visual {
    height: 400px;
  }
}

/* ==========================================================================
Object/Component
========================================================================== */
.c-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-slider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
  transition: opacity 1.5s ease-in-out;
}

.c-slider__item.is-active {
  opacity: 1;
}

.c-slider__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-slider__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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;
  color: #fff;
  text-align: center;
  padding: 1rem;
}

.c-slider__content {
  position: relative;
  top: -8%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .c-slider__content {
    top: 0;
  }
}

.c-slider__title {
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 768px) {
  .c-slider__title {
    line-height: 1.7;
    font-size: 35px;
    font-size: 2.1875rem;
  }
}

.c-slider__description {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.7;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 768px) {
  .c-slider__description {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* ==========================================================================
Object/Project
========================================================================== */
@-webkit-keyframes p-slide-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes p-slide-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes p-slide-out-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}
@keyframes p-slide-out-up {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}
.p-slide-text {
  opacity: 0;
}

.p-slide-text.is-animated {
  -webkit-animation: p-slide-in-up 0.8s ease-out forwards;
          animation: p-slide-in-up 0.8s ease-out forwards;
}

.p-slide-text.is-animated--delay {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.p-slide-text.is-fading-out {
  -webkit-animation: p-slide-out-up 0.8s ease-out forwards;
          animation: p-slide-out-up 0.8s ease-out forwards;
}

.c-overlay {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10000;
  /* ↓ フェードイン・アウトの核となる部分 ↓ */
  opacity: 0; /* 透明にする */
  visibility: hidden; /* 操作も不可にする */
  pointer-events: none; /* クリックなどのイベントを無効化 */
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease; /* 変化を滑らかに */
}

.c-overlay.is-open {
  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: 20px; /* 上下左右に余白を設ける */
  opacity: 1; /* 透明度をなくす */
  visibility: visible; /* 表示して操作も可能にする */
  pointer-events: auto; /* イベントを有効化 */
}

.c-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.c-overlay__dialog {
  position: relative;
  width: 90%;
  max-width: 1180px;
  max-height: 90vh; /* ビューポートの高さの90%を超えないようにする */
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  overflow: hidden; /* ダイアログ全体のオーバーフローを制御 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.c-overlay__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-negative: 0;
      flex-shrink: 0; /* ヘッダーを固定サイズにする */
}

.c-overlay__close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  font-size: 24px;
  line-height: 1;
  padding: 12px 14px;
  cursor: pointer;
}

.c-overlay__content {
  padding: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 残りのスペースを使用 */
  overflow-y: auto; /* コンテンツ部分のみスクロール可能にする */
  min-height: 0; /* flexboxの子要素でスクロールを有効にするために必要 */
}

@media (max-width: 767px) {
  .c-overlay {
    display: none !important;
  }
}
.c-store {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .c-store {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #efefef;
  }
}
.c-store__image {
  width: 357px;
}
@media screen and (max-width: 768px) {
  .c-store__image {
    width: 100%;
  }
}
.c-store__content {
  width: calc(100% - 390px);
}
@media screen and (max-width: 768px) {
  .c-store__content {
    width: 90%;
    margin: 0 auto;
    margin-top: 25px;
  }
}
.c-store__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-store__logo {
  width: 61px;
}
.c-store__definitions {
  margin: 0 0 0 20px;
}
.c-store__definitions dt {
  font-weight: bold;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3;
}
.c-store__definitions dd {
  margin-top: 3px;
}
.c-store__label {
  margin: 10px 0 0 80px;
}
@media screen and (max-width: 768px) {
  .c-store__label {
    margin: 10px 0 0 0;
  }
}
.c-store__item {
  display: inline-block;
  list-style: none;
  width: 7em;
  background-color: #DDD;
  color: #FFF;
  text-align: center;
  border-radius: 4px;
  margin: 7px 4px 0 0;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .c-store__item {
    width: 6.5em;
    margin: 7px 3px 0 0;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-store__item--t01 {
  background-color: #db0012;
}
.c-store__item--t02 {
  background-color: #0095de;
}
.c-store__item--t03 {
  background-color: #006bab;
}
.c-store__item--t04 {
  background-color: #000000;
}
.c-store__item--t05 {
  background-color: #00a267;
}
.c-store__item--t06 {
  background-color: #890d80;
}
.c-store__item--t07 {
  background-color: #edab25;
}
.c-store__item--t08 {
  background-color: #d9007f;
}
.c-store__map {
  margin: 35px 0 0 0;
}
.c-store__map iframe {
  width: 100% !important;
  height: 370px !important;
}
@media screen and (max-width: 768px) {
  .c-store__map iframe {
    height: 300px !important;
  }
}
.c-store__info {
  margin: 15px 0 0 0;
  background-color: #efefef;
  padding: 15px;
  border-radius: 5px;
}
.c-store__data li {
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}
.c-store__data li span {
  font-weight: bold;
}

.c-introduction__image--rounded {
  border-radius: 20px;
}
.c-introduction__title {
  margin-bottom: 15px;
  font-size: 24px;
  font-size: 1.5rem;
}
.c-introduction__subTitle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
.c-introduction__text {
  margin-top: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.c-introduction__text a {
  text-decoration: underline;
  color: #454545;
  word-break: break-all;
}

.c-list {
  margin-left: 30px;
}
.c-list__item {
  margin-top: 10px;
}
.c-list__item:first-child {
  margin-top: 0;
}
.c-list__item::marker {
  color: #e94709;
}

.c-list-number {
  margin-left: 30px;
}
.c-list-number li {
  position: relative;
  list-style-type: none;
}
.c-list-number li::before {
  position: absolute;
  right: calc(100% + 0.5rem);
  content: "(" counter(list-item) ")";
}

.c-lead {
  text-align: center;
}
.c-lead__title {
  font-size: 24px;
  font-size: 1.5rem;
}
.c-lead__text {
  margin-top: 20px;
}

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

.c-important {
  color: #ff0000;
  font-weight: normal;
}

.c-note {
  text-align: center;
  color: #18699d;
  background-color: #d1f3f1;
  border-radius: 5px;
  padding: 8px;
}
.c-note.c-note--danger {
  background-color: rgba(255, 170, 172, 0.5);
  color: rgb(130, 0, 2);
}
@media screen and (max-width: 768px) {
  .c-note {
    text-align: left;
    background-color: #d1f3f1;
  }
}
.c-note:not(:first-of-type) {
  margin: 15px 0 0 0;
}
.c-note--text-align-left {
  text-align: left;
  padding: 8px 15px;
}
@media screen and (max-width: 768px) {
  .c-note--text-align-left {
    text-align: left;
    background-color: #d1f3f1;
    padding: 8px;
  }
}

.c-note02 {
  text-align: center;
  border: 1px solid #dddddd;
  padding: 12px;
}
@media screen and (max-width: 768px) {
  .c-note02 {
    text-align: left;
  }
}
.c-note02:not(:first-of-type) {
  margin: 15px 0 0 0;
}

.c-noteTitle {
  font-weight: 700;
  letter-spacing: 0.15em;
  font-size: 16px;
  font-size: 1rem;
}
.c-noteTitle:before {
  content: "●";
  color: #fc90b4;
}

.c-contact {
  border: 2px solid #DDD;
  border-radius: 5px;
}
.c-contact--yukkilink img {
  max-width: 290px;
  height: auto;
  margin-right: 15px;
}
@media screen and (max-width: 768px) {
  .c-contact--yukkilink img {
    max-width: 200px;
  }
}
.c-contact--yukkilink span {
  letter-spacing: 0.5em;
}
.c-contact dt {
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}

.c-day.c-day--sat {
  color: #3c8ac6;
}
.c-day.c-day--sun {
  color: #ff0000;
}

.c-definition {
  line-height: 1.8;
}
.c-definition dt {
  font-weight: 700;
}
.c-definition dt:not(:first-child) {
  margin-top: 10px;
}

.c-btn {
  position: relative;
  line-height: 1.4;
  display: inline-block;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #e94709;
  border: 2px solid #e94709;
  font-weight: 700;
  border-radius: 30px;
  font-size: 20px;
  font-size: 1.25rem;
}
.c-btn span {
  position: relative;
  top: -1px;
  font-size: 14px;
  font-size: 0.875rem;
}
.c-btn a {
  display: block;
  color: #e94709;
  padding: 10px 10px;
  border-radius: 30px;
}
.c-btn a:hover {
  text-decoration: none;
  background-color: #e94709;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .c-btn {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.c-btn--school {
  background-color: #fc90b4;
  border-radius: 30px;
}

button.c-btn {
  padding: 13px 10px;
}

.c-label-category {
  font-weight: bold;
  display: inline-block;
  min-width: 129px;
  padding: 4px 10px;
  margin-right: 15px;
  text-align: center;
  color: #FFF;
  border-radius: 5px;
  background-color: #e94709;
  line-height: 1.1;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .c-label-category {
    min-width: 90px;
    margin-right: 10px;
    padding: 5px 8px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-card {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .c-card {
    width: auto;
    margin-left: 0;
    padding: 0 0.25%;
  }
  .c-card:nth-child(n+4) {
    width: auto;
  }
}
.c-card__link:hover {
  text-decoration: none;
  opacity: 0.8;
}
.c-card__image img {
  aspect-ratio: 251/167;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
@media screen and (max-width: 768px) {
  .c-card__image img {
    width: 100%;
  }
}
.c-card__definition {
  margin-top: 5px;
}
.c-card__definition dt {
  color: #666;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
}
.c-card__definition dd {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
  line-height: 1.4;
}

.c-breadcrumb {
  padding: 10px 0;
  background-color: #f0f0f0;
  margin-bottom: 30px;
}
.c-breadcrumb .l-inner {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb .l-inner {
    padding: 0 5%;
  }
}
.c-breadcrumb ol {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-breadcrumb ol li {
  float: left;
  list-style: none;
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
}
.c-breadcrumb ol li:after {
  content: ">";
  padding: 0 5px;
}
.c-breadcrumb ol li:last-of-type:after {
  content: "";
}
.c-breadcrumb ol li a {
  color: #666;
  text-decoration: none;
}
.c-breadcrumb ol li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.c-back-page {
  margin: 50px 0 -30px 0;
  padding: 15px 0;
  border-top: 1px solid #dfdfdf;
}
.c-back-page__link {
  color: #999;
  text-decoration: underline;
}
.c-back-page__link:hover {
  opacity: 0.7;
}

.c-page-head {
  text-align: center;
  background-color: #eaf6ff;
  padding: 50px 0;
}
.c-page-head__title {
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .c-page-head__title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.c-page-head__title:after {
  display: block;
  content: "";
  margin: 20px auto;
  width: 250px;
  height: 5px;
  background: #000;
}
.c-page-head__lead a {
  color: #000;
  text-decoration: underline;
}
.c-page-head__lead a:hover {
  opacity: 0.7;
}

.c-page-top {
  position: absolute;
  top: 0;
  right: 0;
}
.c-page-top__link {
  background: #e94709;
  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;
  z-index: 2;
  height: 50px;
  width: 50px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
}
.c-page-top__link--school {
  background: #fc90b4;
}
.c-page-top__link:hover {
  opacity: 0.8;
}
.c-page-top__arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform: translateY(20%) rotate(-45deg);
          transform: translateY(20%) rotate(-45deg);
}

.c-table01 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .c-table01 {
    border: none;
  }
}
.c-table01 caption {
  text-align: left;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
}
.c-table01 caption:before {
  content: "■";
  color: #ff86ab;
}
.c-table01 tr {
  border-bottom: solid 1px #999999;
}
@media screen and (max-width: 768px) {
  .c-table01 tr {
    border-bottom: none;
  }
}
.c-table01 th,
.c-table01 td {
  padding: 5px 15px;
  text-align: left;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-table01 th,
  .c-table01 td {
    display: block;
    padding: 3px 10px;
  }
}
.c-table01 th {
  position: relative;
  min-width: 160px;
  width: 20%;
  background-color: #efefef;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-table01 th {
    min-width: 100%;
    width: 100%;
    border-top: solid 1px #999999;
    text-align: left;
  }
}
.c-table01 th.c-table01__thHospital {
  min-width: 250px;
  text-align: left;
}
.c-table01 td {
  background-color: rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 768px) {
  .c-table01 td {
    margin-bottom: 20px;
  }
}
.c-table01 p:not(:last-child) {
  margin-bottom: 5px;
}

.c-table02 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: solid 1px #999999;
}
.c-table02 caption {
  text-align: right;
  margin-bottom: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.c-table02 tr {
  border-bottom: solid 1px #999999;
}
.c-table02 th,
.c-table02 td {
  padding: 5px 15px;
  text-align: left;
  font-weight: normal;
  border: solid 1px #999999;
}
.c-table02 th {
  position: relative;
  min-width: 240px;
  width: 20%;
  background-color: #efefef;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-table02 th {
    min-width: 180px;
  }
}
.c-table02 th.c-table02__kind {
  text-align: center;
  width: auto;
  min-width: 120px;
}
.c-table02 th.c-table02__kind--01 {
  background-color: #ffff00;
}
.c-table02 th.c-table02__kind--02 {
  background-color: #00adef;
}
.c-table02 th.c-table02__kind--03 {
  background-color: #ff99ff;
}
.c-table02 td {
  text-align: center;
}
.c-table02 p:not(:last-child) {
  margin-bottom: 5px;
}

.c-table03 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .c-table03 {
    margin-top: 25px;
  }
}
.c-table03:first-child {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .c-table03 {
    border-top: none;
  }
}
.c-table03 caption {
  text-align: left;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 36px;
  font-size: 2.25rem;
}
@media screen and (max-width: 768px) {
  .c-table03 caption {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-table03 th,
.c-table03 td {
  font-size: 28px;
  font-size: 1.75rem;
  padding: 10px 0;
  text-align: left;
  font-weight: normal;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-table03 th,
  .c-table03 td {
    font-size: 17px;
    font-size: 1.0625rem;
    display: block;
    padding: 3px 10px;
  }
}
.c-table03 th {
  position: relative;
  min-width: 235px;
  width: 30%;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .c-table03 th {
    min-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-table03 td {
    margin-bottom: 20px;
  }
}
.c-table03 p:not(:last-child) {
  margin-bottom: 10px;
}
.c-table03 ul {
  margin-left: 20px;
}
.c-table03--db th,
.c-table03--db td {
  display: block;
  padding: 3px 10px;
}
.c-table03--db th {
  min-width: 100%;
  width: 100%;
}
.c-table03--db td {
  margin-bottom: 20px;
}

.c-table01.c-table01--board-member th {
  width: 50%;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .c-table01.c-table01--board-member th {
    min-width: 100%;
    width: 100%;
  }
}
.c-table01.c-table01--board-member td {
  padding: 20px 100px;
}
@media screen and (max-width: 768px) {
  .c-table01.c-table01--board-member td {
    padding: 3px 10px;
  }
}

.c-table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.c-form__item:not(:last-child) {
  margin-bottom: 30px;
}
.c-form__title {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.c-form__note {
  font-weight: normal;
  margin-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
.c-form__require {
  display: inline-block;
  margin-left: 20px;
  color: #e50012;
  border: 1px solid #e50012;
  border-radius: 20px;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .c-form__require {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-form__require--label {
  padding: 0 15px;
  color: red;
  background: #FFF;
}
.c-form__require--right {
  position: absolute;
  top: 11px;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .c-form__require--right {
    top: 0;
  }
}
.c-form__require--black {
  border: 1px solid #595757;
  color: #595757;
}
@media screen and (max-width: 768px) {
  .c-form__radio {
    display: block;
  }
}
.c-form__radio:not(:last-child) {
  margin-right: 35px;
}
@media screen and (max-width: 768px) {
  .c-form__radio:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.c-form input[type=radio] {
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 50%;
  vertical-align: middle;
}
.c-form input[type=checkbox] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  vertical-align: middle;
  background-color: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c-form .mwform-checkbox-field {
  display: block;
  margin-top: 10px;
}
.c-form .mwform-checkbox-field-text {
  position: relative;
  top: 4px;
}
.c-form input[type=checkbox]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
}
.c-form__input {
  width: 300px;
  max-width: 100%;
  margin: 5px 0;
  padding: 5px 8px;
  border: solid 1px #aaa;
  border-radius: 5px;
  background-color: #fff;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .c-form__input {
    width: auto;
  }
}
.c-form__input--w100 {
  width: 100%;
}
.c-form__select {
  width: 300px;
  max-width: 100%;
  margin: 5px 0;
  padding: 10px 8px;
  border: solid 1px #aaa;
  border-radius: 5px;
  background-color: #fff;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .c-form__select {
    width: 100%;
  }
}
.c-form__select--w100 {
  width: 100%;
}
.c-form .mwform-zip-field input {
  padding: 8px;
  border: solid 1px #aaa;
  border-radius: 5px;
  background-color: #fff;
}
.c-form input[type=tel] {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .c-form input[type=tel] {
    width: 100%;
  }
}
.c-form__textarea {
  min-width: 600px;
  min-height: 200px;
  padding: 8px;
  resize: both;
  border: solid 1px #aaa;
  border-radius: 5px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .c-form__textarea {
    width: 100%;
    min-width: 100%;
  }
}
.c-form__textarea--w100 {
  width: 100%;
}
.c-form__btn {
  margin-top: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-form__btn {
    margin-top: 25px;
  }
}

.wp-block-image .aligncenter > figcaption {
  text-align: center;
}

.wp-block-file:not(.wp-element-button) {
  font-size: 1em;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.pagenation {
  text-align: center;
  margin: 80px 0 50px 0;
}
@media screen and (max-width: 768px) {
  .pagenation {
    margin: 50px 0 30px 0;
  }
}

.pagenation span,
.pagenation a {
  display: inline-block;
  margin: 0 5px;
  border: 1px solid #e94709;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 23px;
  font-size: 20px;
  font-size: 1.25rem;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .pagenation span,
  .pagenation a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.pagenation span.current {
  background: #e94709;
  color: #FFF;
}

.pagenation a {
  text-decoration: none;
  color: #000;
}

.pagenation a:hover {
  background: #e94709;
  color: #fff !important;
  text-decoration: none;
}

.pagenation a.prev,
.pagenation a.next {
  color: #898989;
}

.pagenation a.prev:before {
  content: "＜";
}

.pagenation a.next:before {
  content: "＞";
}

.edit-link {
  width: 125px;
  background: rgb(227, 148, 0);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  color: #FFF;
  text-align: center;
}

.edit-link a {
  padding: 5px 0;
  display: block;
  color: #FFF;
  text-decoration: none;
}

.edit-link a:link,
.edit-link a:visited {
  color: #FFF;
}

.edit-link a:hover {
  opacity: 0.8;
  color: #FFF;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* SP */
@media screen and (max-width: 768px) {
  .alignleft {
    display: block;
    float: none;
    margin: 10px auto;
  }
  .alignright {
    display: block;
    float: none;
    margin: 10px auto;
  }
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.wp-block-file {
  margin: 15px 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.p-global-nav--school .meanmenu-reveal-btn {
  background-color: #fc90b4;
}
.p-global-nav a:hover {
  color: #999;
}
.p-global-nav li {
  list-style: none;
}
.p-global-nav nav li a {
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: #454545;
}
.p-global-nav .sub-menu a img {
  display: none;
}

@media only screen and (max-width: 960px) {
  .p-global-nav.p-global-nav--school .nav-item {
    border-bottom: 1px solid #decbcb;
  }
  .p-global-nav.p-global-nav--school .l-inner {
    background-color: #ffebeb;
  }
  .p-global-nav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .p-global-nav .mean-nav .container {
    padding: 0;
  }
  .p-global-nav .nav-item {
    border-bottom: 1px solid #b9d3e1;
    padding: 5px 0;
  }
  .p-global-nav .l-inner {
    padding: 0;
    background-color: #d7f0fe;
  }
}
@media print, screen and (min-width: 961px) {
  #gNav {
    background-color: #d7f0fe;
  }
  #gNav.gNav--hospital {
    background-color: #ffebeb;
  }
  .nav-search,
  .nav-memers {
    display: none;
  }
  .p-global-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-global-nav .nav {
    border-left: 1px solid #b9d3e1;
  }
  .p-global-nav .nav--hospital {
    border-left: 1px solid #decbcb;
  }
  .p-global-nav .nav > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-right: 1px solid #b9d3e1;
  }
  .p-global-nav .nav > li:hover > a, .p-global-nav .nav > li.active > a {
    color: #e94709;
  }
  .p-global-nav .nav.nav--hospital > li {
    border-right: 1px solid #decbcb;
  }
  .p-global-nav .nav.nav--hospital > li:hover > a, .p-global-nav .nav.nav--hospital > li.active > a {
    color: #ff4583;
  }
  .p-global-nav li:last-child {
    margin-right: 0;
  }
  .p-global-nav li i {
    font-size: 16px;
    margin-left: 5px;
  }
  .p-global-nav li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
  }
  .p-global-nav .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: absolute;
    top: 70px;
    left: 0;
    padding: 40px 3% 40px 37%;
    width: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .p-global-nav .sub-menu.sub-menu--school01 {
    background: url("assets/img/common/bg-nav01.jpg") no-repeat 0 0 rgba(255, 255, 255, 0.9);
    background-size: contain;
  }
  .p-global-nav .sub-menu.sub-menu--school02 {
    background: url("assets/img/common/bg-nav02.jpg") no-repeat 0 0 rgba(255, 255, 255, 0.9);
    background-size: contain;
  }
  .p-global-nav .sub-menu.sub-menu--school03 {
    background: url("assets/img/common/bg-nav03.jpg") no-repeat 0 0 rgba(255, 255, 255, 0.9);
    background-size: contain;
  }
  .p-global-nav .sub-menu.sub-menu--school04 {
    background: url("assets/img/common/bg-nav04.jpg") no-repeat 0 0 rgba(255, 255, 255, 0.9);
    background-size: contain;
  }
  .p-global-nav .nav-toMembers,
  .p-global-nav .nav-toMamis,
  .p-global-nav .nav-toBranch {
    display: none;
  }
  .p-global-nav li {
    width: 33.3%;
  }
  .p-global-nav .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    line-height: 1.2em;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .p-global-nav .sub-menu a img {
    display: block;
    margin-bottom: 5px;
  }
  .p-global-nav .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .p-global-nav .sub-menu li:last-child {
    border-bottom: none;
  }
  .p-global-nav li:hover ul.sub-menu {
    top: 70px;
    visibility: visible;
    -webkit-transition-delay: 220ms;
            transition-delay: 220ms;
    opacity: 1;
    z-index: 9999;
  }
  .p-global-nav li ul li:after {
    content: none;
  }
  .p-global-nav .sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
.nav-ico {
  position: relative;
  height: auto;
  width: 30px;
  vertical-align: middle;
  margin-right: 10px;
}

@media print, screen and (min-width: 961px) {
  .nav-ico {
    position: relative;
    top: -2px;
    height: 25px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px;
  }
}
.mean-container .mean-nav ul li.nav-toMembers {
  margin-top: 15px;
}
.mean-container .mean-nav ul li.nav-toMembers a {
  display: block;
  background-color: #90b930;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
}
.mean-container .mean-nav ul li.nav-toMembers a span {
  position: relative;
  top: -2px;
}
.mean-container .mean-nav ul li.nav-toMembers a:hover {
  background-color: #90b930;
  opacity: 0.8;
}

.mean-container .mean-nav ul li.nav-toMamis {
  margin-top: 15px;
}
.mean-container .mean-nav ul li.nav-toMamis a {
  display: block;
  background-color: #08a7c4;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
}
.mean-container .mean-nav ul li.nav-toMamis a span {
  position: relative;
  top: -2px;
}
.mean-container .mean-nav ul li.nav-toMamis a:hover, .mean-container .mean-nav ul li.nav-toMamis a:active {
  background-color: #08a7c4;
  opacity: 0.8;
}

.mean-container .mean-nav ul li.nav-toBranch {
  margin: 20px 0;
}
.mean-container .mean-nav ul li.nav-toBranch a {
  display: block;
  border: 2px solid rgb(79, 51, 11);
  background-color: #FFF;
  color: rgb(79, 51, 11);
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
}
.mean-container .mean-nav ul li.nav-toBranch a span {
  position: relative;
  top: -2px;
}
.mean-container .mean-nav ul li.nav-toBranch a:hover {
  background-color: #FFF;
  opacity: 0.8;
}

.p-topicsList__list {
  border-top: 1px solid #DDD;
}
.p-topicsList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #DDD;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .p-topicsList__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-topicsList time {
  color: #e94709;
  margin-right: 1.5em;
}
.p-topicsList time span {
  position: relative;
  top: -2px;
  color: #454545;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-topicsList p {
  font-size: 18px;
  font-size: 1.125rem;
}
.p-topicsList p a {
  color: #454545;
}

.p-indexTopics {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .p-indexTopics {
    position: relative;
    left: 0;
    bottom: 0;
  }
}
.p-indexTopics__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.p-indexTopics__title {
  font-size: 24px;
  font-weight: bold;
  color: #e94709;
  letter-spacing: 0.15em;
  font-size: 20px;
  font-size: 1.25rem;
}
.p-indexTopics__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-indexTopics__link span {
  margin-left: 2px;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #e94709;
  font-weight: bold;
}
.p-indexTopics__linkInner {
  color: #454545;
  text-decoration: underline;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-indexTopics__linkInner:hover {
  opacity: 0.8;
  text-decoration: none;
}
.p-indexTopics__boxLink {
  display: block;
  color: #454545;
  font-size: 13px;
  font-size: 0.8125rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-indexTopics__boxLink:hover {
  text-decoration: none;
  opacity: 0.8;
}
.p-indexTopics__boxImage {
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 10px;
}
.p-indexTopics__boxImage:hover img {
  -webkit-transition: 1s all;
  transition: 1s all;
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}
.p-indexTopics__boxDefinition dt {
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
}
.p-indexTopics__boxDefinition dd {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.5;
}
.p-indexTopics__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 20px;
}
.p-indexTopics__box {
  width: 164px;
}
@media screen and (max-width: 768px) {
  .p-indexTopics__box {
    width: 33.33%;
  }
}

.p-pageHeader {
  background-color: black;
  text-align: center;
  padding: 100px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.p-pageHeader__title {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: #FFF;
  line-height: 1;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-pageHeader__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.p-pageHeader__title::before {
  content: attr(data-en);
  display: block;
  color: #FFF;
  margin-bottom: 0.5em;
  font-weight: 600;
  font-size: 40px;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-pageHeader__title::before {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.p-pageHeader__fiximg {
  width: 100%;
  height: 295px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  clip-path: inset(0);
}
.p-pageHeader__fiximg img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  position: fixed;
  left: 0;
  top: 0;
  height: 295px;
  width: 100%;
  opacity: 0.7;
}

.p-message {
  padding: 3rem !important;
}
@media screen and (max-width: 768px) {
  .p-message {
    border-top: 1px solid #DDD;
    padding: 2rem !important;
  }
}
.p-message__title {
  color: #e94709;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1.1;
}
.p-message__subtitle {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-message__text {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 5px;
  line-height: 1.6;
}
.p-message__btn .c-btn {
  max-width: 300px;
}

.p-iNet__head {
  background: url("assets/img/lower/img-inet01.png") no-repeat 50% 0;
  background-size: cover;
  padding: 25px 35px 300px 35px;
}
@media screen and (max-width: 768px) {
  .p-iNet__head {
    padding: 25px 15px 200px 15px;
  }
}
.p-iNet__title {
  background-color: #FFF;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px 20px;
}
.p-iNet__info {
  background-color: #ffe6b7;
  border-radius: 5px;
}
.p-iNet__infoHead {
  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: #FFF;
  padding: 10px 15px;
  line-height: 1.3;
  background-color: #ff9900;
  border-radius: 5px 5px 0 0;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
}
.p-iNet__infoHead dd {
  text-align: right;
}
.p-iNet__infoHeadDate {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-iNet__infoBody {
  padding: 5px 15px;
  line-height: 1.4;
}
.p-iNet__infoBody dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #FFF;
  padding: 10px 0;
}
.p-iNet__infoBody dl:last-of-type {
  border-bottom: none;
}
.p-iNet__infoBody dl dt {
  position: relative;
}
.p-iNet__infoBody dl dt:before {
  position: relative;
  top: -3px;
  margin-right: 4px;
  content: "●";
  color: #ff9900;
  font-size: 7px;
  font-size: 0.4375rem;
}
.p-iNet__infoBody dl dd {
  text-align: right;
  word-break: keep-all;
  width: 5em;
  padding-left: 0.5em;
}
.p-iNet__infoBodyNote {
  display: inline-block;
  padding-left: 1em;
  font-size: 13px;
  font-size: 0.8125rem;
}

.p-memberPage {
  position: relative;
  z-index: 999;
  background-color: #000069;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .p-memberPage {
    margin-bottom: 10px;
  }
}
.p-memberPage dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-memberPage dl dt {
  font-weight: 700;
}
.p-memberPage dl dt a {
  color: #FFF;
}
.p-memberPage dl dt a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.p-memberPage dl dd {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-memberPage dl dd a {
  color: #FFF;
}
.p-memberPage dl dd a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-news-single__heading {
  border-bottom: 1px solid #DDD;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.p-news-single__time {
  color: #e94709;
  line-height: 1.1;
}
.p-news-single__time span {
  position: relative;
  top: -2px;
  color: #000;
  font-size: 1em;
  margin-right: 4px;
}
.p-news-single__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-news-single__meta li {
  list-style: none;
}
.p-news-single__body {
  max-width: 760px;
  margin: 0 auto;
}
.p-news-single__body > * {
  margin-top: 1em;
  text-align: justify;
}
.p-news-single__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #DDD;
  margin-top: 30px;
  padding: 20px 0 0 0;
}
.p-news-single__nav li {
  position: relative;
  list-style: none;
}
.p-news-single__nav li a {
  text-decoration: underline;
  color: #000;
  padding: 0 1.5em;
}
.p-news-single__nav li a:hover {
  opacity: 0.8;
}
.p-news-single__nav li span {
  font-size: 13px;
  font-size: 0.8125rem;
}
.p-news-single__nav li:first-of-type a:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #e94709;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  top: 20%;
  left: 0;
}
.p-news-single__nav li:last-of-type a:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #e94709;
  top: 20%;
  right: 0;
}
.p-news-single__btn {
  background-color: #e94709;
  color: #FFF;
  padding: 7px 15px;
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.125rem;
}

.p-searchbox {
  display: none;
  padding: 25px 0;
  background: #efefef;
}
.p-searchbox__searchform {
  text-align: center;
}
.p-searchbox__searchform .l-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-searchbox__s {
  width: 70%;
  margin-bottom: 0;
  padding: 0.5em;
  border: 1px solid #efefef;
  background-color: #FFF;
  border-color: #666;
  border-radius: 5px;
}
.p-searchbox__searchsubmit {
  margin-left: 15px;
  padding: 0.4em 2em;
  background: #96b41c;
  color: #FFF;
  font-size: 1.125em;
  border-radius: 5px;
}

@media only screen and (max-width: 960px) {
  .p-searchbox {
    background-color: transparent;
    display: inherit;
  }
  .p-searchbox.p-searchbox--pcOnly {
    display: none;
  }
}
.p-sideArchive__heading {
  border-left: 4px solid #000069;
  line-height: 1.4;
  padding: 0 0 0 0.4em;
  margin: 40px 0 10px 0;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-sideArchive__heading {
    margin: 20px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-sideArchive__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-sideArchive__item {
  list-style: none;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-sideArchive__item {
    width: 25%;
    padding: 0 1%;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-sideArchive__link {
  display: block;
  color: #000;
  text-align: center;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 5px 0;
}
.p-sideArchive__link:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .p-sideArchive__cat {
    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;
  }
}
.p-sideArchive__catItem {
  border-bottom: 1px dotted #DDD;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .p-sideArchive__catItem {
    width: 48%;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-sideArchive__catLink {
  display: block;
  color: #000;
  padding: 7px 0;
}
.p-sideArchive__catLink:hover {
  text-decoration: none;
  color: #000069;
}
.p-sideArchive__catLink::before {
  font-family: "Material Icons";
  content: "\e5e1";
  color: #90b930;
  margin-right: 5px;
  font-size: 10px;
  font-size: 0.625rem;
}
.p-sideArchive__catLink span {
  position: relative;
  top: -2px;
  font-size: 13px;
  font-size: 0.8125rem;
}
.p-sideArchive--school .p-sideArchive__heading {
  border-left: 4px solid #ff578f;
}
.p-sideArchive--school .p-sideArchive__catLink::before {
  color: #fc90b4;
}

.p-sideMenu__heading {
  background-color: #000069;
  font-size: 16px;
  font-size: 1rem;
  color: #FFF;
  text-align: center;
  border-radius: 5px 5px 0 0;
  padding: 4px 0;
}
@media screen and (max-width: 768px) {
  .p-sideMenu__heading {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .p-sideMenu__list {
    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;
  }
}
.p-sideMenu__item {
  border-bottom: 1px dotted #DDD;
  list-style: none;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .p-sideMenu__item {
    width: 48%;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-sideMenu__link {
  display: block;
  color: #000;
  padding: 7px 0;
}
.p-sideMenu__link:hover {
  text-decoration: none;
  color: #000069;
}
.p-sideMenu__link::before {
  font-family: "Material Icons";
  content: "\e5e1";
  color: #90b930;
  margin-right: 5px;
  font-size: 10px;
  font-size: 0.625rem;
}
.p-sideMenu__link span {
  position: relative;
  top: -2px;
  font-size: 13px;
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px) {
  .p-sideMenu--school {
    margin-top: 30px;
  }
}
.p-sideMenu--school .p-sideMenu__heading {
  background-color: #ff578f;
}
.p-sideMenu--school .p-sideMenu__link::before {
  color: #fc90b4;
}
@media screen and (max-width: 768px) {
  .p-sideMenu--md-d-none {
    display: none;
  }
}

.p-textSize {
  width: 100px;
  margin-left: 15px;
}
.p-textSize dl {
  font-size: 13px;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: bold;
}
.p-textSize dl a {
  text-decoration: none;
}
.p-textSize dl dt {
  width: 100%;
}
.p-textSize dl dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  width: 48%;
}
.p-textSize dl.text_size dd {
  text-align: center;
  padding: 0 7px;
}
.p-textSize .size-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  background-color: #fff;
}
.p-textSize .size-button:hover, .p-textSize .size-button.active {
  background-color: #c91919;
  color: #fff;
}
.p-textSize--school {
  width: 190px;
  padding-top: 9px;
}
.p-textSize--school dl {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-textSize--school dl dt {
  width: 10em;
}

@media only screen and (max-width: 960px) {
  .p-textSize {
    display: none;
  }
}
.p-toMembers a {
  display: block;
  background-color: #90b930;
  color: #FFF;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 10px 8px;
  border-radius: 5px;
}
.p-toMembers a:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media only screen and (max-width: 960px) {
  .p-toMembers {
    display: none;
  }
}
.p-toMamis {
  margin-left: 5px;
}

@media only screen and (max-width: 960px) {
  .p-toMamis {
    display: none;
  }
}
.p-topicsList02 dt {
  color: #0b9836;
  line-height: 1.1;
}
.p-topicsList02 dt span {
  position: relative;
  top: -2px;
  color: #000;
  font-size: 1em;
  margin-right: 4px;
}
.p-topicsList02__link {
  display: block;
  color: #000;
}
.p-topicsList02__link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.p-topicsList02__link:last-of-type dd {
  border-bottom: none;
}
.p-topicsList02__item {
  list-style: none;
}
.p-topicsList02__title {
  display: block;
  line-height: 1.5;
  padding: 5px 0 0 0;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
}
.p-topicsList02__title--titleOnly {
  padding: 10px 0 15px 0;
  border-bottom: 1px dotted #DDD;
  margin-bottom: 15px;
}
.p-topicsList02__title span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
}
.p-topicsList02__excerpt {
  display: block;
  line-height: 1.5;
  padding: 10px 0 15px 0;
  border-bottom: 1px dotted #DDD;
  margin-bottom: 15px;
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
}

.p-toSchool {
  margin-left: 20px;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-toSchool a {
  display: block;
  border: 2px solid #fc90b4;
  border-radius: 5px;
  color: #000;
  background-color: #FFF;
  padding: 10px 5px;
}
.p-toSchool a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-toSchool img {
  position: relative;
  top: -2px;
  width: 29px;
  height: auto;
  margin-right: 10px;
}
.p-toSchool span {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fc90b4;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .p-toSchool {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-toSchool img {
    position: relative;
    top: -2px;
    width: 20px;
    height: auto;
    margin-right: 5px;
  }
  .p-toSchool span {
    display: none;
  }
}
.p-board__inner {
  border: 3px solid #ddd;
  margin: 30px 0 0 0;
  padding: 20px;
}
.p-board__inner:first-of-type {
  margin: 0;
}
.p-board__date {
  color: #0b9836;
  line-height: 1.1;
}
.p-board__date span {
  position: relative;
  top: -2px;
  color: #000;
  font-size: 1em;
  margin-right: 4px;
}

.p-stations {
  margin: 100px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-stations {
    margin: 50px 0 0 0;
  }
}
.p-stations__inner {
  background-color: #e4fafe;
  text-align: center;
  padding: 0 0 50px 0;
}
@media screen and (max-width: 768px) {
  .p-stations__inner {
    padding: 0 0 25px 0;
  }
}
.p-stations__heading {
  position: relative;
  top: -30px;
}
@media screen and (max-width: 768px) {
  .p-stations__heading {
    top: -15px;
  }
}
.p-stations__header-row {
  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: 10px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-stations__header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
}
.p-stations__icon {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-stations__icon {
    margin-top: 40px;
  }
}
.p-stations__icon img {
  margin: 0 auto;
  display: block;
  width: 80px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-stations__icon img {
    width: 100px;
  }
}
.p-stations__title {
  font-size: 60px;
  font-size: 3.75rem;
  color: #24baf1;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-stations__title {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
.p-stations__subTitle {
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p-stations__subTitle {
    font-size: 20px;
    font-size: 1.25rem;
    margin: 10px 0 0 0;
  }
}
.p-stations__explain {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 15px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-stations__explain {
    display: none;
  }
}

@media (min-width: 768px) {
  .p-stations__store {
    display: none;
  }
}
.yuji-syuku-regular {
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;
}

.p-recruit {
  padding-bottom: 80px;
  /*  .fiximg {
      width: 100%;
      height: 330px;
      background-image: url('assets/img/index/fiximg.jpg');
      background-attachment: fixed;
      background-position: 100% 50%;
      background-repeat: no-repeat;
      //position: fixed;

      @include g.mq(md) {
        height: 150px;
      }
    }

    _::-webkit-full-page-media, _:future, :root .fiximg {
      background-attachment: initial !important;
      background-size: cover !important;
    }*/
}
@media screen and (max-width: 768px) {
  .p-recruit {
    padding-bottom: 0;
  }
}
.p-recruit .fiximg {
  clip-path: inset(0);
  width: 100%;
  height: 330px;
}
@media screen and (max-width: 768px) {
  .p-recruit .fiximg {
    height: 150px;
  }
}
.p-recruit .fiximg::before {
  content: "";
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("assets/img/index/fiximg.jpg");
  background-size: cover;
  background-position: 100% 50%;
}
.p-recruit__headingTitle {
  color: #e94709;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1.1;
}
.p-recruit__subtitle {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-recruit .slider img {
  border-radius: 10px;
}
.p-recruit__title {
  font-size: 21px;
  font-size: 1.3125rem;
}
.p-recruit__text {
  margin-top: 10px;
}
.p-recruit__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-recruit__contact dt {
  background-color: #e94709;
  width: 30%;
  color: #FFF;
  padding: 20px 0;
  border-radius: 5px;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  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;
}
@media screen and (max-width: 768px) {
  .p-recruit__contact dt {
    width: 100%;
  }
}
.p-recruit__contact dd {
  width: 70%;
  background-color: #efefef;
  padding: 20px 0;
  font-size: 25px;
  font-size: 1.5625rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__contact dd {
    width: 100%;
  }
}
.p-recruit__mini {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px) {
  .p-recruit__mini {
    display: inline-block;
  }
}

.p-philosophy {
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .p-philosophy {
    margin-bottom: 40px;
  }
}
.p-philosophy__title {
  margin-top: 70px;
  display: inline-block;
  background-color: #efefef;
  min-width: 215px;
  font-size: 24px;
  font-size: 1.5rem;
}
.p-philosophy__text {
  margin-top: 10px;
  font-size: 40px;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-philosophy__text {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.p-philosophy__list01 {
  margin-top: 10px;
}
.p-philosophy__list01Item {
  display: inline-block;
  font-size: 40px;
  font-size: 2.5rem;
  list-style: none;
}
@media screen and (max-width: 768px) {
  .p-philosophy__list01Item {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.p-philosophy__list01Item:nth-child(2) {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .p-philosophy__list01Item:nth-child(2) {
    padding: 0 25px;
  }
}
.p-philosophy__list02 {
  display: inline-block;
  text-align: left;
  margin: 20px auto 0 auto;
}
.p-philosophy__list02Item {
  list-style: none;
  margin-top: 10px;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-philosophy__list02Item {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-school {
  margin: 50px 0 0 0;
}
.p-school__topicsTitle {
  width: 100%;
  border-left: 5px solid #fc90b4;
  line-height: 1.2;
  padding: 0 0 0 10px;
  font-size: 24px;
  font-size: 1.5rem;
}
.p-school__topicsTitle:after {
  font-size: 18px;
  font-size: 1.125rem;
  content: attr(data-en);
  display: block;
  color: #666;
  margin-top: 5px;
}
.p-school__heading {
  text-align: center;
}
.p-school__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1;
}
.p-school__title:after {
  font-size: 18px;
  font-size: 1.125rem;
  content: attr(data-en);
  display: block;
  margin: 0 auto;
  color: #666;
  margin-top: 5px;
}
.p-school__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-school__main {
    display: block;
  }
}
.p-school__topics .slick-dots {
  bottom: -35px;
}
.p-school__topicsBox {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-school__topicsBox {
    width: auto;
    margin-left: 0;
    padding: 0 0.25%;
  }
  .p-school__topicsBox:nth-child(n+4) {
    width: auto;
  }
}
.p-school__topicsBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-school__topicsBox a {
    display: block;
  }
}
.p-school__topicsBox a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.p-school__topicsImage img {
  aspect-ratio: 251/167;
  width: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-school__topicsImage img {
    width: 100%;
  }
}
.p-school__topicsDefinition {
  margin-left: 10px;
}
.p-school__topicsDefinition dt {
  color: #666;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-school__topicsDefinition dd {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
  line-height: 1.4;
}
.p-school__topicsBtnInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-school__topicsBtnInner {
    margin: 60px 0 40px 0;
  }
}
.p-school__topicsBtnInner a {
  font-size: 17px;
  font-size: 1.0625rem;
  display: inline-block;
  background-color: #fc90b4;
  color: #FFF;
  padding: 5px 30px 5px 40px;
  border-radius: 20px;
}
.p-school__topicsBtnInner a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.p-school__side {
  background-image: linear-gradient(-40deg, rgb(239, 239, 239) 0%, rgb(230, 247, 255) 100%);
  padding: 30px;
  width: 440px;
  margin: 0 0 0 60px;
}
@media screen and (max-width: 768px) {
  .p-school__side {
    background-image: none;
    margin: 0 -12px;
    padding: 0;
    width: auto;
  }
}
.p-school__side li {
  list-style: none;
  margin-bottom: 30px;
}
.p-school__side li:last-child {
  margin-bottom: 0;
}
.p-school__side li img {
  vertical-align: bottom;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .p-school__side li {
    margin: 0;
    padding: 0 8px;
  }
}
.p-school__side li a {
  display: block;
}
.p-school__side li a:hover {
  opacity: 0.7;
}
.p-school__loop {
  width: 100%;
  height: 241px;
  margin: 70px 0 0 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-school__loop {
    height: 174px;
  }
}
.p-school__loopInner {
  width: 7392px;
  height: 100%;
  background: url("assets/img/school/index/img-school-scroll.jpg");
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: scrollImg 80s linear 0s infinite;
          animation: scrollImg 80s linear 0s infinite;
}
@media screen and (max-width: 768px) {
  .p-school__loopInner {
    width: 5734px;
  }
}
@-webkit-keyframes scrollImg {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes scrollImg {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.p-school__relationship {
  background: url("assets/img/school/index/img-school-bg01.jpg") no-repeat 100% 50%;
  background-size: cover;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .p-school__relationship {
    background: url("assets/img/school/index/img-school-bg01.jpg") no-repeat 65% 50%;
    background-size: cover;
  }
}
.p-school__courseWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-school__courseWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-school__course {
  background: #FFF;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  margin: 0 15px;
  max-width: 500px;
}
@media screen and (max-width: 768px) {
  .p-school__course {
    width: 100%;
  }
  .p-school__course:first-child {
    margin-bottom: 30px;
  }
}
.p-school__course a {
  display: block;
}
.p-school__course a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-school__course dl {
  color: #000;
}
.p-school__course dl dt {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  padding: 7px 0;
  border-bottom: 1px solid #DDD;
}
.p-school__course dl dd {
  padding: 20px 15px;
  line-height: 1.5;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-school__map iframe {
  width: 100%;
  height: 450px;
}
.p-school__info {
  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: 50px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-school__info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 20px 0 20px;
  }
}
.p-school__info--lower {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .p-school__info--lower {
    padding: 30px 0;
  }
}
.p-school__infoImage {
  margin-right: 25px;
}
@media screen and (max-width: 768px) {
  .p-school__infoImage {
    margin: 0 0 20px 0;
  }
}
.p-school__infoImage img {
  max-width: 410px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-school__infoImage img {
    width: 100%;
  }
}
.p-school__infoInner {
  text-align: center;
}
.p-school__infoInner .c-logo__wrap {
  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;
  text-align: left;
  line-height: 1.3;
}
.p-school .c-logo__image {
  width: 60px;
  margin-right: 10px;
}
.p-school .c-logo__name {
  font-size: 30px;
  font-size: 1.875rem;
}
.p-school .c-logo__title {
  font-size: 18px;
  font-size: 1.125rem;
}
.p-school__infoAddress {
  margin: 15px 0 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.p-school__infoBtn {
  margin: 15px 0 0 0;
}
.p-school__infoBtn a {
  font-size: 17px;
  font-size: 1.0625rem;
  display: inline-block;
  background-color: #fc90b4;
  color: #FFF;
  padding: 5px 30px;
  border-radius: 20px;
}
.p-school__infoBtn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.p-branch {
  width: 100%;
  text-align: right;
}
.p-branch li {
  list-style: none;
}
.p-branch li a {
  color: #000;
  text-decoration: none;
}
.p-branch li a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.p-branch li span {
  position: relative;
  top: -2px;
  color: #fc90b4;
}

@media only screen and (max-width: 960px) {
  .p-branch {
    display: none;
  }
}
.p-toMain {
  margin-left: 10px;
}
.p-toMain a {
  display: block;
  border: 2px solid #000069;
  border-top: none;
  border-radius: 0 0 5px 5px;
  color: #000;
  background-color: #FFF;
  padding: 7px 8px;
}
.p-toMain a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-toMain img {
  position: relative;
  top: -2px;
  width: 34px;
  height: auto;
  margin-right: 5px;
}
.p-toMain span {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #000069;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
  .p-toMain {
    margin-top: 0;
    margin-left: 0;
  }
  .p-toMain a {
    border-top: 2px solid #000069;
    border-radius: 5px;
    padding: 10px 8px;
  }
  .p-toMain img {
    position: relative;
    top: -1px;
  }
}
@media only screen and (max-width: 768px) {
  .p-toMain {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-toMain img {
    position: relative;
    top: -4px;
    width: 20px;
    height: auto;
    margin-right: 5px;
  }
  .p-toMain span {
    display: none;
  }
}
.p-toContact {
  margin-left: 10px;
}
.p-toContact a {
  display: block;
  border: 2px solid #fc90b4;
  border-top: none;
  border-radius: 0 0 5px 5px;
  color: #FFF;
  background-color: #fc90b4;
  padding: 7px 8px;
}
.p-toContact a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.p-toContact img {
  position: relative;
  top: -2px;
  width: 34px;
  height: auto;
  margin-right: 5px;
}
.p-toContact span {
  position: relative;
  top: -1px;
  left: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FFF;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .p-toContact {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .p-toContact img {
    position: relative;
    top: -2px;
    width: 20px;
    height: auto;
    margin-right: 5px;
  }
  .p-toContact span {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .p-toContact {
    display: none;
  }
}
.p-tabClass {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #DDD;
  margin-bottom: 30px;
}
.p-tabClass__item {
  list-style: none;
  width: 32%;
  text-align: center;
}
.p-tabClass__item a {
  display: block;
  color: #000;
  border: 2px solid #ff99cc;
  border-bottom: none;
  padding: 5px 0;
  font-weight: 700;
  border-radius: 5px 5px 0 0;
}
.p-tabClass__item br {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-tabClass__item br {
    display: inline;
  }
}
.p-tabClass__item--active a, .p-tabClass__item:hover a {
  background-color: #ff99cc;
  color: #FFF;
  text-decoration: none;
}

.p-department__box {
  background-color: #efefef;
  border-radius: 5px;
  padding: 20px;
}
.p-department__boxTitleInner {
  font-size: 0.925em;
}
.p-department__table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: solid 1px #dddddd;
  font-size: 14px;
  font-size: 0.875rem;
}
.p-department__table th,
.p-department__table td {
  padding: 5px;
  text-align: left;
  font-weight: normal;
  border: solid 1px #dddddd;
}
.p-department__table th {
  position: relative;
  background-color: #efefef;
  font-weight: 700;
  text-align: center;
}
.p-department__table td {
  background-color: rgba(255, 255, 255, 0.6);
}
.p-department__unit {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .p-department__unit {
    width: auto;
  }
}
.p-department__rl {
  min-width: 2em;
}
.p-department__rlInner {
  white-space: pre;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: inline-block;
  vertical-align: middle;
}
.p-department__tac {
  text-align: center !important;
}
.p-department__indent {
  display: inline-block;
  text-indent: 5em;
}
.p-department__indentTd {
  text-indent: 1em;
}
.p-department__note {
  font-weight: normal;
  color: rgb(255, 0, 4);
}
.p-department__interview {
  margin: 80px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-department__interview {
    margin: 50px 0 0 0;
  }
}

.p-interview__title {
  position: relative;
  padding: 0 0 0 20px;
  letter-spacing: 0.15em;
  line-height: 1.4;
  font-size: 20px;
  font-size: 1.25rem;
}
.p-interview__title:before {
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
  display: inline-block;
  content: "";
  width: 13px;
  height: 5px;
  background-color: #DDD;
}
.p-interview__title--student:before {
  background-color: #ff578f;
}
.p-interview__title--student .p-interview__titleEn {
  color: #ff578f;
}
.p-interview__title--senior:before {
  background-color: #00a29b;
}
.p-interview__title--senior .p-interview__titleEn {
  color: #00a29b;
}
.p-interview__titleEn {
  display: inline-block;
  font-size: 26px;
  font-size: 1.625rem;
}
.p-interview__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -2%;
}
.p-interview__box {
  width: 31.33%;
  margin-top: 25px;
  margin-left: 2%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-interview__box {
    width: 48%;
  }
}
.p-interview__box--student .p-interview__catch {
  background-color: #ff578f;
}
.p-interview__box--student .p-interview__definition dt {
  border-color: #ff578f;
}
.p-interview__box--senior .p-interview__catch {
  background-color: #00a29b;
}
.p-interview__box--senior .p-interview__definition dt {
  border-color: #00a29b;
}
.p-interview__link {
  display: block;
  text-decoration: none;
  color: #000;
}
.p-interview__link:hover {
  text-decoration: none;
  opacity: 0.7;
}
.p-interview__image img {
  aspect-ratio: 492/656;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}
.p-interview__movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.p-interview__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-interview__mainImage img {
  width: 100%;
  height: auto;
}
.p-interview__catch {
  background-color: #DDD;
  color: #FFF;
  border-radius: 5px;
  line-height: 1.4;
  margin: 10px 0 0 0;
  padding: 5px;
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (max-width: 768px) {
  .p-interview__catch {
    padding: 5px 0;
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-interview__definition {
  margin: 5px 0 0 0;
}
.p-interview__definition dt {
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 2px solid #DDD;
}
@media screen and (max-width: 768px) {
  .p-interview__definition dt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-interview__definition dd {
  margin-top: 6px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #666;
}
@media screen and (max-width: 768px) {
  .p-interview__definition dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.p-interview__catchCopy {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 15px 0 0 0;
}
.p-interview__catchCopy:after {
  display: block;
  content: "";
  width: 40%;
  height: 2px;
  background-color: #DDD;
  margin: 5px auto 0 auto;
}
.p-interview__catchCopy--student:after {
  background-color: #ff578f;
}
.p-interview__catchCopy--senior:after {
  background-color: #00a29b;
}
.p-interview__name {
  margin: 15px 0 0 0;
  text-align: center;
  font-size: 19px;
  font-size: 1.1875rem;
}
.p-interview__nameTitle {
  font-weight: normal;
  font-size: 0.85em;
}
.p-interview__career {
  text-align: center;
  color: #666;
  line-height: 1.6;
  margin: 10px 0 0 0;
}
.p-interview__intern {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff1e5;
  border: 1px dashed #ff578f;
  border-radius: 7px;
  margin: 25px 0 0 0;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .p-interview__intern {
    padding: 10px;
  }
}
.p-interview__intern dt {
  color: #ff578f;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 20px;
}
.p-interview__intern dd {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
}
.p-interview__schedule {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #DDD;
  table-layout: fixed;
}
.p-interview__schedule th, .p-interview__schedule td {
  text-align: center;
  border: 1px solid #DDD;
}
.p-interview__schedule th {
  background-color: #efefef;
  width: auto;
  padding: 10px 0;
}
.p-interview__schedule td {
  padding: 15px 0;
  line-height: 1.5;
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .p-interview__schedule td {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.p-interview__body {
  margin: 40px 0 0 0;
}
.p-interview__body--student .p-interview__question {
  color: #ff578f;
}
.p-interview__body--senior .p-interview__question {
  color: #00a29b;
}
.p-interview__question {
  font-size: 20px;
  font-size: 1.25rem;
}
.p-interview__answer {
  font-size: 14px;
  font-size: 0.875rem;
}
.p-interview__answer p {
  margin-top: 7px;
}
.p-interview__lastImage img {
  width: 100%;
  height: auto;
}
.p-interview__btn {
  border-top: 1px solid #DDD;
  margin-top: 40px;
  padding-top: 10px;
}

/*
@use "benefits";
@use "business-partner";
@use "contact";
@use "conversation";
@use "crosstalk";
@use "data";
@use "denzai";
@use "form";

@use "greeting";
@use "hero";
@use "history";
@use "index-about";
@use "index-interview";
@use "index-office";
@use "index-topics";
@use "index-video";
@use "interview-list";
@use "interview";
@use "intro";
@use "lower-head";
@use "lower-sub-nav";
@use "news-single";
@use "news";
@use "office";
@use "page-basic";
@use "privacy";
@use "products";
@use "recruit";
@use "relationship";
@use "sdgs";
@use "sitemap";
@use "value";*/
.u-center {
  text-align: center !important;
}

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

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

.u-text-bold {
  font-weight: bold !important;
}

.u-text-big {
  font-size: 1.5em;
}

.u-indent-1em {
  margin-left: 1em;
}

.u-indent-2em {
  margin-left: 2em;
}

.u-indent-3em {
  margin-left: 3em;
}

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

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

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:
.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels
The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
*/
.u-mt0 {
  margin-top: 0px !important;
}

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

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

.u-pb0 {
  padding-bottom: 0px !important;
}

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

.u-pl0 {
  padding-left: 0px !important;
}

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

.u-pr0 {
  padding-right: 0px !important;
}

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

.u-pt5 {
  padding-top: 5px !important;
}

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

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

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

.u-pt10 {
  padding-top: 10px !important;
}

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

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

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

.u-pt15 {
  padding-top: 15px !important;
}

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

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

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

.u-pt20 {
  padding-top: 20px !important;
}

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

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

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

.u-pt25 {
  padding-top: 25px !important;
}

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

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

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

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

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

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

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

.u-pt35 {
  padding-top: 35px !important;
}

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

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

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

.u-pt40 {
  padding-top: 40px !important;
}

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

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

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

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

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

.u-pt50 {
  padding-top: 50px !important;
}

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

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-pt75 {
  padding-top: 75px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-pb75 {
  padding-bottom: 75px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-pl75 {
  padding-left: 75px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-pr75 {
  padding-right: 75px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/
@-webkit-keyframes animate-panel {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  49% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
}
@keyframes animate-panel {
  0% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
  49% {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  50% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
  }
}
@-webkit-keyframes animate-content {
  0% {
    visibility: hidden;
  }
  49% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}
@keyframes animate-content {
  0% {
    visibility: hidden;
  }
  49% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}
.mask_wrap {
  display: inline-block;
}
.mask_wrap .mask_inner {
  position: relative;
  visibility: hidden;
}
.mask_wrap .mask_inner::after {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: visible;
}
.mask_wrap .mask_inner.start {
  -webkit-animation-name: animate-content;
          animation-name: animate-content;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mask_wrap .mask_inner.start::after {
  -webkit-animation-name: animate-panel;
          animation-name: animate-panel;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/*# sourceMappingURL=style.css.map */