@charset "UTF-8";
/* Sanitize
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *		IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

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

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

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

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

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

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

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

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
img {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: top;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

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

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

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

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
  color: inherit; /* 2 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

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

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
			in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

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

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/**
 * Add
 */
dl dd {
  margin-left: 0;
}

figure {
  margin: 0;
}

table {
  table-layout: fixed;
}

menu {
  padding: 0;
}

body {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.8;
  /*min-width: 1080px;*/
}

@media screen and (max-width: 767px) {
  html.-down {
    overflow: hidden;
  }
  html {
    overflow-x: hidden;
  }
  body {
    min-width: 1%;
    overflow-x: hidden;
    position: relative;
  }
}
/* mouseover
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  .over:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
label {
  cursor: pointer;
}

/* link
--------------------------------------------------*/
a {
  color: #212121;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
a:link, a:active, a:visited {
  text-decoration: none;
}
a:link.underline, a:active.underline, a:visited.underline {
  text-decoration: underline;
  /*&:hover {
  	text-decoration: none;
  }*/
}
@media screen and (min-width: 768px) {
  a:hover, a:focus {
    text-decoration: none;
    opacity: 0.7;
  }
}

/* 見出し
--------------------------------------------------*/
h2 {
  margin: 0;
  font-size: 24px;
}
@media screen and (max-width: 1120px) {
  h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 17px;
  }
}

h3 {
  margin: 0;
  font-size: 16px;
}

/* pタグ
--------------------------------------------------*/
p {
  margin: 0;
}

/* 色
--------------------------------------------------*/
.l-main {
  /*min-width: 1080px;*/
  margin-bottom: 140px;
}
.l-main.-mb0 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .l-main {
    min-width: auto;
    margin-bottom: 0;
  }
}

.f-size30 {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .f-size30 {
    font-size: 22px;
  }
}

.l-header {
  top: 0;
  left: 0;
  width: 100%;
  /*min-width: 1080px;*/
  background: rgba(255, 255, 255, 0.95);
  z-index: 50;
}
.l-header.-fix {
  position: fixed;
  width: 100%;
}
.l-header.-shadow {
  -webkit-box-shadow: 0 2px 5px rgba(33, 33, 33, 0.7);
          box-shadow: 0 2px 5px rgba(33, 33, 33, 0.7);
}
.l-header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 1.875vw 20px 3.125vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-header__button {
  display: inline-block;
  margin-right: 1.875vw;
  letter-spacing: -0.5em;
  font-size: 0;
}
.l-header__button.-hidden {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1600px) {
  .l-header__content {
    padding: 20px 30px 20px 50px;
  }
  .l-header__button {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1080px) {
  .l-header__content {
    padding: 20px 2%;
  }
  .l-header__button {
    margin-right: 4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    position: fixed;
    min-width: auto;
  }
  .l-header__content {
    height: 47px;
    padding: 0 5vw;
  }
  .l-header__button {
    display: none;
  }
}
.l-header_line {
  margin-right: 4vw;
}
.l-header_line.-link {
  -webkit-transition: none;
  transition: none;
  margin: 0;
}

.l-headerLogo {
  margin: 0;
  font-size: 0;
}
.l-headerLogo__link {
  display: inline-block;
  width: 18.75vw;
  max-width: 300px;
  min-width: 202.5px;
  font-size: 0;
  vertical-align: top;
}

.l-headerList {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.875vw;
  letter-spacing: -0.5em;
}
@media screen and (min-width: 1600px) {
  .l-headerList {
    font-size: 14px;
  }
}
@media screen and (max-width: 1080px) {
  .l-headerList {
    font-size: 10px;
  }
}
.l-headerList__item {
  display: inline-block;
  padding-left: 2vw;
  letter-spacing: normal;
}
.l-headerList__item:nth-child(n+2) {
  position: relative;
}
.l-headerList__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1vw;
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 1600px) {
  .l-headerList__item {
    padding-left: 32px;
  }
  .l-headerList__item:nth-child(n+2)::before {
    left: 16px;
  }
}
@media screen and (max-width: 1080px) {
  .l-headerList__item {
    padding-left: 15px;
  }
  .l-headerList__item:nth-child(n+2)::before {
    left: 7px;
  }
}
@media screen and (max-width: 767px) {
  .l-headerList {
    display: none;
  }
}

.l-headerButton {
  display: inline-block;
  width: 12.2vw;
  height: 3.125vw;
  font-size: 0.9375vw;
  letter-spacing: normal;
}
.l-headerButton:nth-child(n+2) {
  margin-left: 10px;
}
@media screen and (min-width: 1600px) {
  .l-headerButton {
    width: 210px;
    height: 50px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1080px) {
  .l-headerButton {
    width: 155.25px;
    height: 33.75px;
    font-size: 10.2px;
  }
}
@media screen and (max-width: 900px) {
  .l-headerButton {
    width: 15.5vw;
    font-size: 10px;
  }
  .l-headerButton a span {
    display: block;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    padding-left: 7px;
  }
}

.l-burger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 2px;
  max-width: 34px;
  max-height: 34px;
  min-width: 22.94px;
  min-height: 22.94px;
}
.l-burger:hover {
  cursor: pointer;
}
.l-burger.-opened .-top {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.l-burger.-opened .-bottom {
  position: absolute;
  bottom: 50%;
  -webkit-transform: translateY(50%) rotate(-45deg);
      -ms-transform: translateY(50%) rotate(-45deg);
          transform: translateY(50%) rotate(-45deg);
}
.l-burger span {
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #212121;
}
.l-burger span.-top {
  position: absolute;
  top: 0.75vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-burger span.-bottom {
  position: absolute;
  bottom: 0.75vw;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 1600px) {
  .l-burger span.-top {
    top: 12px;
  }
  .l-burger span.-bottom {
    bottom: 12px;
  }
}
@media screen and (max-width: 1080px) {
  .l-burger span.-top {
    top: 8px;
  }
  .l-burger span.-bottom {
    bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .l-burger {
    min-width: auto;
    min-height: auto;
    width: 20px;
    height: 20px;
    padding: 0;
  }
  .l-burger.-opened .-top {
    top: 10px;
  }
  .l-burger.-opened .-bottom {
    bottom: 10px;
  }
  .l-burger span.-top {
    top: 5px;
  }
  .l-burger span.-bottom {
    bottom: 5px;
  }
}

.l-headerMenu {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 50px 0;
  background: #fff;
  overflow: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 50;
  opacity: 0;
  -webkit-overflow-scrolling: touch;
}
.l-headerMenu.-down {
  -webkit-transform: translateY(100vh);
      -ms-transform: translateY(100vh);
          transform: translateY(100vh);
  opacity: 1;
}
.l-headerMenu__content {
  position: relative;
  max-width: 530px;
  margin: 0 auto;
}
.l-headerMenu__close {
  position: absolute;
  top: 10px;
  right: -58px;
  width: 2.125vw;
  height: 2.125vw;
  max-width: 34px;
  max-height: 34px;
  min-width: 22.94px;
  min-height: 22.94px;
}
.l-headerMenu__close:hover {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .l-headerMenu__close {
    top: -45.5px;
    right: 0;
    min-width: auto;
    min-height: auto;
    width: 20px;
    height: 20px;
  }
}
.l-headerMenu__header {
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}
.l-headerMenu__list {
  padding: 0;
  margin: 0 0 38px;
  list-style: none;
}
.l-headerMenu__item {
  border-bottom: 1px solid #212121;
}
.l-headerMenu__item:first-child {
  border-top: 1px solid #212121;
}
.l-headerMenu__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.l-headerMenu__accordionBtn {
  position: relative;
  display: block;
  width: 36px;
  cursor: pointer;
}
.l-headerMenu__accordionBtn::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: inline-block;
  width: 16px;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-headerMenu__accordionBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-headerMenu__accordionBtn.-opened::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.l-headerMenu__title {
  display: block;
  width: 100%;
  padding: 18px 0;
  font-weight: bold;
  line-height: 1.5;
}
.l-headerMenu__childList {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
.l-headerMenu__childItem {
  border-top: 1px solid #212121;
}
.l-headerMenu__childLink {
  position: relative;
  display: block;
  padding: 16.5px 0 16.5px 16px;
  font-size: 14px;
}
.l-headerMenu__childLink::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.l-headerMenu__childLink.-child {
  padding-left: 2.5em;
}
@media screen and (max-width: 767px) {
  .l-headerMenu {
    padding: 60px 0 120px;
  }
  .l-headerMenu__content {
    width: 90%;
    margin: 0 auto;
  }
  .l-headerMenu__header {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .l-headerMenu__list {
    margin: 0 0 21px;
    font-size: 15px;
  }
  .l-headerMenu__item:first-child {
    border-top: none;
  }
  .l-headerMenu__title {
    padding: 14px 0;
  }
  .l-headerMenu__childLink {
    display: block;
    padding: 11.5px 0 11.5px 15px;
    font-size: 13px;
  }
}

.l-headerMenuLink {
  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;
  margin-bottom: 30px;
}
.l-headerMenuLink__button {
  display: inline-block;
  width: 100%;
}
.l-headerMenuLink__button:nth-child(n+3) {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .l-headerMenuLink {
    margin-bottom: 15px;
  }
  .l-headerMenuLink__button {
    width: 100%;
  }
  .l-headerMenuLink__button:nth-child(n+3) {
    margin-top: 0;
  }
  .l-headerMenuLink__button:nth-child(n+2) {
    margin-top: 5px;
  }
}

.l-headerMenuColor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
.l-headerMenuColor__button {
  display: inline-block;
  width: 100%;
  height: 60px;
}
.l-headerMenuColor__button + .l-headerMenuColor__button {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .l-headerMenuColor {
    display: block;
    font-size: 15px;
  }
  .l-headerMenuColor__button {
    width: 100%;
    height: 55px;
  }
  .l-headerMenuColor__button:nth-child(n+2) {
    margin-top: 5px;
  }
}

.l-headerMenuText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-headerMenuText__block {
  width: 50%;
  height: 36px;
  font-size: 14px;
}
.l-headerMenuText__block:nth-child(n+2) {
  border-left: 1px solid #212121;
}
.l-headerMenuText__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.l-headerMenuText__image {
  display: inline-block;
  margin-right: 19px;
  width: 18px;
}
@media screen and (max-width: 767px) {
  .l-headerMenuText__block {
    width: 50%;
    height: 36px;
    font-size: 13px;
  }
  .l-headerMenuText__block:nth-child(n+2) {
    border-left: 1px solid #212121;
  }
  .l-headerMenuText__image {
    width: 15px;
    margin-right: 10px;
  }
}

.l-headerTarget {
  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;
  margin-bottom: 20px;
}
.l-headerTarget__item {
  width: 49%;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .l-headerTarget {
    display: block;
  }
  .l-headerTarget__item {
    width: 100%;
  }
}

.l-footer {
  position: relative;
}
.l-footer__content {
  padding: 80px 33.75px 70px;
  background: url("../img/common/bg_footer.png") repeat;
}
.l-footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .l-footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 50px;
  }
}
@media screen and (max-width: 1080px) {
  .l-footer__right {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__content {
    padding: 0 20px;
  }
  .l-footer__wrap {
    display: block;
    text-align: center;
  }
  .l-footer__left {
    padding: 27px 0 30px;
  }
  .l-footer__right {
    position: relative;
    width: 100vw;
    left: 50%;
    padding: 0 20px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #fff;
  }
}

.l-footerSchool {
  margin-bottom: 25px;
  line-height: 1.5;
}
.l-footerSchool__header {
  margin-bottom: 9px;
}
.l-footerSchool__header img {
  width: 150px;
}
.l-footerSchool__image {
  margin-bottom: 11px;
}
.l-footerSchool__address {
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .l-footerSchool {
    margin-bottom: 17.5px;
  }
  .l-footerSchool__header {
    font-size: 13px;
    text-align: center;
  }
  .l-footerSchool__header img {
    width: 120px;
  }
  .l-footerSchool__image {
    width: 90%;
    margin: 0 auto 7px;
    font-size: 0;
  }
  .l-footerSchool__postal {
    font-size: 13px;
  }
  .l-footerSchool__address {
    margin-left: 21px;
  }
}

.l-footerContact {
  margin-bottom: 40px;
}
.l-footerContact__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footerContact__text {
  margin-right: 20px;
  line-height: 1;
}
.l-footerContact__image {
  margin-right: 8px;
}
.l-footerContact__tel {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.5;
}
.l-footerContact__tel span {
  font-size: 14px;
}
.l-footerContact__tel small {
  font-size: 40%;
}
@media screen and (max-width: 767px) {
  .l-footerContact {
    margin-bottom: 10px;
    font-size: 13px;
  }
  .l-footerContact__wrap {
    display: block;
    /*justify-content: center;*/
    margin-bottom: 7px;
  }
  .l-footerContact__text {
    margin-right: 14px;
  }
  .l-footerContact__image {
    width: 36px;
    margin-right: 4px;
  }
  .l-footerContact__tel {
    font-size: 25px;
  }
  .l-footerContact__tel small {
    font-size: 60%;
  }
}
@media screen and (max-width: 321px) {
  .l-footerContact__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .l-footerContact__text {
    width: 100%;
  }
}

.l-footerGoogleMap {
  font-size: 18px;
}
.l-footerGoogleMap__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-footerGoogleMap__image {
  display: inline-block;
  width: 20px;
  margin-right: 15px;
}
.l-footerGoogleMap__text {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .l-footerGoogleMap {
    width: 100%;
    height: 45px;
    font-size: 13px;
    background: #fff;
    border: 1px solid #212121;
  }
  .l-footerGoogleMap__link {
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-footerGoogleMap__image {
    width: 15px;
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .l-footer__rightBlock {
    width: 210px;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__rightBlock:first-child {
    width: 160px;
  }
}
@media screen and (min-width: 768px) {
  .l-footer__rightBlock:last-child {
    width: 180px;
  }
}

.l-footerList {
  padding: 0;
  font-size: 13px;
  list-style: none;
  vertical-align: top;
}
.l-footerList__item {
  padding-bottom: 25px;
}
.l-footerList__accordion {
  position: relative;
  padding-right: 24px;
}
.l-footerList__accordion::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  display: inline-block;
  width: 13px;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-footerList__accordion::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-block;
  width: 2px;
  height: 13px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.l-footerList__accordion.-opened::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 767px) {
  .l-footerList {
    display: block;
    padding-top: 25px;
    margin: 0;
    font-size: 3.1vw;
    letter-spacing: -0.5em;
  }
  .l-footerList__item {
    display: inline-block;
    padding-bottom: 0;
    letter-spacing: normal;
  }
  .l-footerList__item:nth-child(-n+2) {
    border-right: 1px solid #212121;
  }
  .l-footerList__link {
    padding: 0 4.8vw;
  }
}
@media screen and (max-width: 321px) {
  .l-footerList__link {
    padding: 0 2.9vw;
  }
}

.l-snsPc__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.l-snsPc__item {
  margin-left: 10px;
}
.l-snsPc__item:first-child {
  margin-left: 0;
}

.l-snsSp__title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}
.l-snsSp__item {
  margin: 0 10px;
}

.l-footerChildList {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.l-footerCopyright {
  padding: 26px 0;
  text-align: center;
}
.l-footerCopyright__image {
  margin-bottom: 10px;
}
.l-footerCopyright__text {
  font-size: 12px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .l-footerCopyright {
    padding: 27px 0;
  }
  .l-footerCopyright__image {
    width: 124px;
    margin: 0 auto 6.5px;
    font-size: 0;
  }
  .l-footerCopyright__text {
    font-size: 13px;
  }
}

.p-shimai {
  padding: 50px 0;
}
.p-shimai__title {
  margin-bottom: 1.5em;
}
.p-shimai__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-shimai__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.p-shimai__item {
  margin: 1em 0 0;
}
.p-shimai__item:first-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-shimai {
    padding: 0;
    margin: 30px 0 0 !important;
    width: 100% !important;
  }
  .p-shimai__title {
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
    background: #999998;
    color: #fff;
  }
  .p-shimai__title::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: relative;
    left: 8px;
    top: -3px;
  }
  .p-shimai__title.-open::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    position: relative;
    left: 8px;
    top: 3px;
  }
  .p-shimai__wrap {
    display: block;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .p-shimai__wrap.-open {
    height: 28em;
  }
  .p-shimai__item {
    border-bottom: 1px solid #EBEBE9;
    margin: 0;
  }
  .p-shimai__item a {
    display: block;
    padding: 1em 1.5em;
    position: relative;
  }
  .p-shimai__item a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #212121;
    border-right: 2px solid #212121;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    right: 1.5em;
    top: 1.7em;
  }
}

.c-aspectRatio {
  position: relative;
  width: 100%;
}
.c-aspectRatio__inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-inputCheckbox,
.c-inputRadio {
  margin-right: 78px;
}
.c-inputCheckbox:last-child,
.c-inputRadio:last-child {
  margin: 0;
}
.c-inputCheckbox__input,
.c-inputRadio__input {
  display: none;
}
.c-inputCheckbox__mark,
.c-inputRadio__mark {
  position: relative;
  padding: 0 0 0 40px;
}
.c-inputCheckbox__mark.-agreement,
.c-inputRadio__mark.-agreement {
  font-size: 16px;
}
.c-inputCheckbox__mark.-agreement::before,
.c-inputRadio__mark.-agreement::before {
  top: 2.5px;
}
.c-inputCheckbox__mark.-agreement::after,
.c-inputRadio__mark.-agreement::after {
  top: 8.5px;
}
@media screen and (max-width: 767px) {
  .c-inputCheckbox__mark.-agreement,
  .c-inputRadio__mark.-agreement {
    padding: 0 0 0 40px;
  }
  .c-inputCheckbox__mark.-agreement::before,
  .c-inputRadio__mark.-agreement::before {
    top: 0;
  }
  .c-inputCheckbox__mark.-agreement::after,
  .c-inputRadio__mark.-agreement::after {
    top: 6px;
  }
}
.c-inputCheckbox__mark::before,
.c-inputRadio__mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #212121;
  background: #fff;
  width: 22px;
  height: 22px;
}
.c-inputCheckbox__mark::after,
.c-inputRadio__mark::after {
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 6px;
}

.c-inputCheckbox__mark::before {
  border-radius: 2px;
}
.c-inputCheckbox__mark::after {
  top: 5px;
  left: 5px;
  border-bottom: 2px solid #666666;
  border-left: 2px solid #666666;
  width: 12px;
  height: 8px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-inputCheckbox__link {
  margin-left: 35px;
  font-size: 13px;
  display: inline-block;
}
.c-inputCheckbox__link:link, .c-inputCheckbox__link:visited, .c-inputCheckbox__link:active {
  text-decoration: underline;
}

.c-inputRadio {
  display: inline-block;
}
.c-inputRadio__mark::before, .c-inputRadio__mark::after {
  border-radius: 50%;
}
.c-inputRadio__mark::after {
  top: 6px;
  left: 6px;
  background: #666666;
  width: 10px;
  height: 10px;
}

:checked + .c-inputCheckbox__mark::after,
:checked + .c-inputRadio__mark::after {
  content: "";
}

.c-flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.c-col2 {
  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;
}
.c-col2.-nomv {
  margin-top: 60px;
}
.c-col2__left {
  width: 800px;
}
.c-col2__right {
  width: 280px;
  padding-left: 40px;
}
.c-col2__flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 34px;
}
@media screen and (max-width: 767px) {
  .c-col2__flexWrap {
    margin-top: 26px;
  }
}
.c-col2__flexWrap:first-child {
  margin-top: 0;
}
.c-col2__item {
  display: inline-block;
  width: 385px;
}
.c-col2__singleItem {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1120px) {
  .c-col2.-nomv {
    margin-top: 30px;
  }
  .c-col2__left {
    width: 70%;
  }
  .c-col2__right {
    width: 30%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 4%;
  }
  .c-col2__item {
    width: 49%;
  }
}
.c-col2 {
  /*@media screen and (max-width: 1024px) {
  	display: block;

  	&__left {
  		width: 100%;
  	}

  	&__right {
  		width: 100%;
  		box-sizing: border-box;
  		padding-left: 0;
  	}

  	&__item {
  		width: calc((100% -2%)/2 );
  	}
  }*/
}
@media screen and (max-width: 767px) {
  .c-col2 {
    display: block;
  }
  .c-col2.-flexSP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-col2__left {
    width: 100%;
  }
  .c-col2__right {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0;
  }
  .c-col2__item {
    width: 100%;
  }
}

.c-liquidConetnt {
  /*min-width: 1080px;*/
}
@media screen and (max-width: 767px) {
  .c-liquidConetnt {
    min-width: auto;
  }
}
.c-liquidConetnt.-gray {
  background: #f4f4f3;
}

.c-headContent {
  display: block;
  max-width: 1500px;
  margin: 0 50px;
  position: relative;
}
.c-headContent span {
  display: block;
  font-weight: normal;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .c-headContent {
    margin: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-headContent {
    margin: 0 20px;
  }
}

.c-mainContent {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1120px) {
  .c-mainContent {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}

.c-colorButton {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.c-colorButton__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
}
.c-colorButton__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.25vw;
  display: inline-block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-colorButton__link.-openCampus {
  background: #e1453c;
  padding-left: 1.8vw;
}
.c-colorButton__link.-openCampus::before {
  width: 1.3125vw;
  height: 1.4375vw;
  background: url("../img/common/icon_header01.png") no-repeat;
  background-size: contain;
}
.c-colorButton__link.-documentRequest {
  background: #4fa78c;
}
.c-colorButton__link.-documentRequest::before {
  width: 1.5vw;
  max-width: 24px;
  height: 1.375vw;
  max-height: 22px;
  background: url("../img/common/icon_header02.png") no-repeat;
  background-size: contain;
}
.c-colorButton__link.-line {
  background: #fff;
  border: 1px solid #06c755;
  color: #06c755;
  padding-left: 1vw;
}
.c-colorButton__link.-line::before {
  width: 1.5vw;
  max-width: 28px;
  max-height: 28px;
  height: 1.475vw;
  left: 0.7vw;
  background: url("../img/common/ic_LINE.png") no-repeat;
  background-size: contain;
  image-rendering: -webkit-optimize-contrast;
}
@media screen and (min-width: 1600px) {
  .c-colorButton__link::before {
    left: 20px;
  }
  .c-colorButton__link.-openCampus::before {
    width: 21px;
    height: 23px;
  }
  .c-colorButton__link.-documentRequest::before {
    max-width: 24px;
    max-height: 22px;
  }
  .c-colorButton__link.-line::before {
    max-width: 28px;
    max-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .c-colorButton__link::before {
    left: 25px;
  }
  .c-colorButton__link.-openCampus::before {
    width: 22px;
    height: 26px;
  }
  .c-colorButton__link.-documentRequest::before {
    width: 21.5px;
    height: 18px;
  }
  .c-colorButton__link.-line::before {
    width: 26px;
    height: 25px;
    left: 22px;
  }
}

.c-LinkButton {
  position: relative;
  display: block;
  height: 100%;
  border: 1px solid #212121;
  font-size: 14px;
  line-height: 1.3;
  background: #fff;
}
.c-LinkButton__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-LinkButton__link.-small {
  padding: 15px 20px;
}
@media screen and (min-width: 768px) {
  .c-LinkButton__link.-height2line {
    padding: 29px 20px;
  }
  .c-LinkButton__link:hover {
    background: rgba(33, 33, 33, 0.2);
  }
}
.c-LinkButton.-apply {
  border: none;
}
.c-LinkButton.-apply .c-LinkButton__link {
  color: #fff;
  background: #f2821f;
}
.c-LinkButton.-apply .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-LinkButton.-disabled {
  border: none;
  width: 400px;
}
.c-LinkButton.-disabled .c-LinkButton__link {
  color: #212121;
  background: #d1d1d1;
  font-weight: bold;
}
.c-LinkButton.-disabled .c-LinkButton__link span {
  font-size: 0.84em;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .c-LinkButton.-disabled {
    max-width: 100%;
  }
}
.c-LinkButton.-allow .c-LinkButton__link {
  text-align: center;
}
.c-LinkButton.-allow .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-LinkButton.-allow.-line {
  border: none;
}
.c-LinkButton.-allow.-line .c-LinkButton__link {
  background: #00b900;
  color: #fff;
}
.c-LinkButton.-allow.-line .c-LinkButton__link::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.c-LinkButton.-white {
  border: 1px solid #fff;
  background: none;
}
.c-LinkButton.-white .c-LinkButton__link {
  background: none;
  color: #fff;
}
.c-LinkButton.-white .c-LinkButton__link::after {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.c-LinkButton.-out .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5%;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("../img/common/icon_button01.png") no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-LinkButton.-pdf .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5%;
  display: inline-block;
  width: 15px;
  height: 18px;
  background: url("../img/common/icon_button02.png") no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-LinkButton.-back .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 7.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-bottom: 1px solid #212121;
  border-left: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-LinkButton.-row2 .c-LinkButton__link {
  padding: 20px 100px 20px 20px;
}
.c-LinkButton.-voice {
  border: none;
}
.c-LinkButton.-voice .c-LinkButton__link {
  text-align: center;
  background: #47acf7;
  color: #fff;
  padding: 10px 20px;
}
.c-LinkButton.-voice .c-LinkButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-LinkButton__voicesub {
  text-align: center;
  margin: 1.5em 0 0.2em;
}
.c-LinkButton__voicesub::before {
  content: "/";
  display: inline-block;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
  color: #47acf7;
  margin-right: 0.4em;
}
.c-LinkButton__voicesub::after {
  content: "/";
  color: #47acf7;
  margin-left: 0.4em;
}
@media screen and (max-width: 767px) {
  .c-LinkButton {
    font-size: 13px;
  }
  .c-LinkButton__link {
    padding: 16px;
  }
  .c-LinkButton__link.-small {
    padding: 13.5px 16px;
  }
  .c-LinkButton.-row2 {
    padding-right: 60px;
  }
}

button.c-LinkButton__link {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: inherit;
  border: none;
}
@media screen and (min-width: 768px) {
  button.c-LinkButton__link:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.c-fixed {
  position: fixed;
  width: 100%;
}

.c-breadcrumb {
  padding: 14px 0;
  color: #fff;
  background: #999998;
  line-height: 1.5;
}
.c-breadcrumb__item {
  display: inline-block;
}
.c-breadcrumb__item:nth-child(n+2) {
  position: relative;
  padding-left: 35px;
}
.c-breadcrumb__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 9px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
      -ms-transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
          transform: translateY(-50%) rotate(45deg) skew(-15deg, -15deg);
}
.c-breadcrumb__link {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .c-breadcrumb {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .c-breadcrumb.-mt0 {
    margin-top: 0;
  }
  .c-breadcrumb__list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
  }
  .c-breadcrumb__item {
    display: inline;
  }
}

.c-pageTitle {
  padding: 21px 0;
  margin: 0;
  background: url(../img/common/bg_pageTitle.png) repeat;
  font-size: 32px;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-pageTitle {
    padding: 16px 0;
    font-size: 19px;
  }
}
.c-pageTitle__link {
  position: absolute;
  right: 50px;
  top: 40%;
  font-size: 14px;
  padding-right: 1.2em;
}
.c-pageTitle__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-pageTitle__link {
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    margin: 0 20px;
  }
}

.c-lead {
  margin: 60px 0 80px;
}
.c-lead__text {
  margin-top: 40px;
  font-size: 18px;
}
.c-lead__text:first-child {
  margin-top: 0;
}
.c-lead__text + .c-lead__text {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .c-lead {
    margin: 0 0 40px;
  }
  .c-lead__image {
    position: relative;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    display: block;
  }
  .c-lead__text {
    margin-top: 30px;
    font-size: 16px;
  }
}

.c-pagenation {
  padding-top: 25px;
  border-top: 1px solid #212121;
  text-align: center;
}
.c-pagenation.-top {
  border-top: none;
}
.c-pagenation__text {
  margin-bottom: 6px;
}
.c-pagenation__list {
  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;
  width: 266px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.c-pagenation__list li a {
  display: block;
  height: 100%;
}
.c-pagenation__previous {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.c-pagenation__previous a {
  display: block;
  position: relative;
}
.c-pagenation__previous a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 1px;
  background: #212121;
}
.c-pagenation__previous a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-bottom: 1px solid #212121;
  border-left: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-pagenation__next {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.c-pagenation__next a {
  display: block;
  position: relative;
}
.c-pagenation__next a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 1px;
  background: #212121;
}
.c-pagenation__next a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .c-pagenation__number a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .c-pagenation {
    border-top: 0;
    padding-top: 25px;
    padding-bottom: 28px;
    border-top: none;
    font-size: 13px;
  }
  .c-pagenation.-top {
    padding-top: 0;
  }
  .c-pagenation__text {
    margin-bottom: 18px;
  }
  .c-pagenation__list {
    width: auto;
    margin: 0 42px;
  }
}

.c-pageTop {
  position: fixed;
  bottom: 0;
  right: 0;
  display: none;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  z-index: 10;
}
.c-pageTop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 9px 5px;
  border-color: transparent transparent #fff transparent;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .c-pageTop {
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 22.1642764016vw;
  }
}

.c-mainText {
  font-size: 15px;
  margin: 1em 0;
}
.c-mainText:first-child {
  margin-top: 0;
}
.c-mainText.-big {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .c-mainText.-big {
    font-size: 16px;
  }
}

.c-mainText2 {
  font-size: 14px;
  margin: 1em 0;
}
.c-mainText2:first-child {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .c-mainText2 {
    font-size: 13px;
  }
}

.c-mainText3 {
  font-size: 13px;
  margin: 1em 0;
}
.c-mainText3:first-child {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .c-mainText3 {
    font-size: 11px;
  }
}

.c-heading2Item:nth-child(n+3) {
  margin-top: 56px;
}
.c-heading2Item__link {
  display: block;
}
.c-heading2Item__link__course {
  padding: 0 2em 0 0;
  margin-top: 0.5em;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.c-heading2Item__link__course::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: relative;
  top: 0.2em;
  margin-left: 1em;
}
.c-heading2Item__image {
  margin-bottom: 23px;
}
.c-heading2Item__title {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
  min-height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-heading2Item__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  display: inline-block;
  width: 11.5px;
  height: 11.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-heading2Item__title.-noarrow::after {
  content: none;
}
.c-heading2Item__title__small {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .c-heading2Item__image img {
    display: block;
    margin: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-heading2Item {
    padding-bottom: 26px;
    border-bottom: 1px solid #212121;
  }
  .c-heading2Item.-noUnderline {
    border-bottom: none;
  }
  .c-heading2Item:nth-child(n+2) {
    margin-top: 30px;
  }
  .c-heading2Item__image {
    margin-bottom: 25px;
    text-align: center;
  }
  .c-heading2Item__title {
    margin-bottom: 11px;
  }
}

.c-heading1Item {
  padding: 40px 0;
  border-bottom: 1px solid #212121;
}
.c-heading1Item:first-child {
  padding-top: 0;
}
.c-heading1Item:last-child {
  border-bottom: none;
}
.c-heading1Item__link {
  display: inline-block;
  padding: 0 20px 0 0;
}
.c-heading1Item__title {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.c-heading1Item__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  display: inline-block;
  width: 11.5px;
  height: 11.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-heading1Item {
    padding: 0 0 26px;
    border-bottom: 1px solid #212121;
  }
  .c-heading1Item:nth-child(n+2) {
    margin-top: 30px;
  }
  .c-heading1Item__title {
    display: block;
    margin-bottom: 11px;
  }
}

.c-anchor {
  margin-bottom: 70px;
}
.c-anchor__item {
  border-top: 1px solid #212121;
}
.c-anchor__item:last-child {
  border-bottom: 1px solid #212121;
}
.c-anchor__item.-arrow {
  margin-bottom: 3em;
  position: relative;
  border-bottom: 1px solid #212121;
}
.c-anchor__item.-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2em;
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #999;
}
.c-anchor__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 19px 2em 18px 0;
  line-height: 1.5;
  font-size: 14px;
}
.c-anchor__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3.75%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-bottom: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-anchor__title.-right::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.c-anchor__step {
  display: inline-block;
  background: #2889dc;
  color: #fff;
  line-height: 2;
  border-radius: 1.2em;
  margin-right: 1em;
  width: 6em;
  text-align: center;
}
.c-anchor__step em {
  font-size: 1.2em;
  font-style: normal;
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .c-anchor {
    margin-bottom: 46px;
    font-size: 13px;
  }
}

.c-anchorContent {
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.c-anchorContent:last-child, .c-anchorContent.-last {
  margin-bottom: 0;
}
.c-anchorContent.-topline {
  border-top: 1px solid #212121;
}
.c-anchorContent.-underline {
  border-bottom: 1px solid #212121;
}
.c-anchorContent__link {
  display: inline-block;
}
.c-anchorContent__title {
  line-height: 1.5;
  margin-top: 2em;
  margin-bottom: 1em;
}
.c-anchorContent__title:first-child {
  margin-top: 0;
}
.c-anchorContent__title2 {
  font-size: 16px;
  font-weight: bold;
  margin: 1.5em 0 1em;
  background: #eeeeed;
  padding: 0.5em 1em;
}
.c-anchorContent__title2:first-child {
  margin-top: 0;
}
.c-anchorContent__titleGreen {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin: 1.5em 0 1em;
  background: #32b18a;
  padding: 0.5em 1em;
}
.c-anchorContent__titleGreen:first-child {
  margin-top: 0;
}
.c-anchorContent__text {
  margin: 1em 0;
}
.c-anchorContent__text:first-child {
  margin-top: 0;
}
.c-anchorContent__text:last-child {
  margin-bottom: 0;
}
.c-anchorContent__text.-min {
  font-size: 84%;
}
.c-anchorContent__item .c-col2__flexWrap {
  margin-top: 0;
}
.c-anchorContent__item .c-col2__flexWrap .c-list__dot {
  width: calc(100% - 130px);
  margin: 0;
}
.c-anchorContent__item .c-col2__flexWrap .c-anchorContent__image2 {
  width: 130px;
  text-align: right;
}
.c-anchorContent.second .c-anchorContent__title {
  font-weight: 400;
  border-bottom: 1px solid #000;
  padding-bottom: 0.5em;
}
.c-anchorContent.second .c-anchorContent__title span {
  color: #c26f51;
}
.c-anchorContent.second .c-col2__flexWrap {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .c-anchorContent {
    margin-bottom: 42.5px;
  }
  .c-anchorContent__item:nth-child(n+2) {
    margin-top: 26px;
  }
  .c-anchorContent__item .c-col2__flexWrap .c-list__dot {
    font-size: 13px;
  }
  .c-anchorContent__image {
    text-align: center;
  }
  .c-anchorContent__titleGreen {
    font-size: 14px;
  }
}

.c-news {
  margin-bottom: 47px;
}
.c-news__link {
  display: block;
}
.c-news__image {
  margin-bottom: 20px;
}
.c-news__body {
  position: relative;
  padding-bottom: 27px;
  font-size: 0;
}
.c-news__category {
  margin-bottom: 14px;
}
.c-news__day {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
}
.c-news__day .-new {
  margin-left: 8.5px;
  color: #E1453C;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-news {
    padding: 30px 0 27px;
    margin-bottom: 0;
    border-top: 1px solid #212121;
    letter-spacing: -0.5em;
  }
  .c-news:last-child {
    border-bottom: 1px solid #212121;
  }
  .c-news__image {
    display: inline-block;
    width: 35%;
    margin-bottom: 0;
    vertical-align: top;
  }
  .-event .c-news__image {
    display: block;
    width: 100%;
    padding: 0 0 10px 8%;
  }
  .c-news__body {
    display: inline-block;
    width: 65%;
    padding-left: 20px;
    padding-bottom: 0;
    letter-spacing: normal;
  }
  .-event .c-news__body {
    display: block;
    width: 100%;
  }
  .c-news__category {
    margin-bottom: 5px;
  }
  .c-news__day {
    position: static;
    margin-bottom: 2.5px;
    font-size: 12px;
  }
}

.c-detail.-border {
  padding-bottom: 50px;
  border-bottom: 1px solid #212121;
}
.c-detail.-noLead {
  margin-top: 80px;
}
.c-detail__category {
  margin-bottom: 12px;
}
.c-detail__day {
  margin-bottom: 14px;
  font-size: 14px;
}
.c-detail__day .-new {
  margin-left: 10px;
  color: #E1453C;
  font-weight: bold;
}
.c-detail__image {
  margin-top: 40px;
  text-align: center;
}
.c-detail__image img {
  width: 100%;
}
.c-detail__image.-twoItem {
  width: calc(50% - 15px);
}
.c-detail__text {
  margin: 30px 0 76px;
}
.c-detail__text.-mbShort {
  margin-bottom: 40px;
}
.c-detail__text p:nth-child(n+2) {
  margin-top: 14px;
}
.c-detail__button {
  margin: 0 auto;
}
.c-detail__iframeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.c-detail__iframeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.c-detail__iframeWrap.-ochanomizu {
  margin: 0 40px;
}
.c-detail__iframeWrap.-ochanomizu iframe {
  position: absolute;
  width: calc(100% - 80px);
}
@media screen and (max-width: 767px) {
  .c-detail__iframeWrap.-ochanomizu {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
  .c-detail__iframeWrap.-ochanomizu iframe {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-detail.-border {
    padding-bottom: 30px;
  }
  .c-detail.-noLead {
    margin-top: 40px;
  }
  .c-detail__category {
    margin-bottom: 5px;
  }
  .c-detail__day {
    margin-bottom: 7px;
    font-size: 12px;
  }
  .c-detail__image {
    margin-top: 30px;
  }
  .c-detail__image.-twoItem {
    width: calc(50% - 5px);
  }
  .c-detail__text {
    margin: 25px 0 40px;
  }
}

.c-category {
  display: inline-block;
  padding: 3px 20px 4px;
  font-size: 13px;
  color: #fff;
  background: #212121;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .c-category {
    padding: 2px 15px 3px;
    font-size: 12px;
  }
}

.c-question__head {
  margin-bottom: 44px;
}
.c-question__item {
  border: 1px solid #212121;
}
.c-question__item:nth-of-type(n + 2) {
  margin-top: 30px;
}
.c-question__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 70px 18px 80px;
}
.c-question__title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  display: inline-block;
  width: 16px;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-question__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 37px;
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.c-question__title.-opened::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.c-question__body {
  position: relative;
  display: none;
  padding: 0 70px 18px 80px;
}
.c-question__flexWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-question__icon {
  position: absolute;
  left: 18px;
  display: inline-block;
  width: 32px;
  max-height: 32px;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
}
.c-question__icon.-q {
  top: 16px;
  color: #fff;
  background: #2889DC;
}
.c-question__icon.-a {
  color: #2889DC;
  background: #fff;
  border: 1px solid #2889DC;
}
.c-question__text {
  padding-top: 4px;
}
@media screen and (max-width: 767px) {
  .c-question__head {
    margin-bottom: 21px;
  }
  .c-question__item {
    border-left: none;
    border-right: none;
    line-height: 1.5;
  }
  .c-question__title {
    padding: 21px 40px 21px 45px;
  }
  .c-question__title::before {
    top: 31px;
    right: 10px;
    width: 14px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .c-question__title::after {
    top: 25px;
    right: 16px;
    height: 14px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .c-question__title.-opened::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .c-question__body {
    padding: 0 40px 21px 45px;
  }
  .c-question__icon {
    top: 0;
    left: 0;
    width: 30px;
    max-height: 30px;
    font-size: 15px;
    line-height: 2;
  }
  .c-question__icon.-q {
    top: 18px;
  }
  .c-question__icon.-a {
    top: 0;
  }
}

.c-sideList {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: bold;
  line-height: 1.5;
}
.c-sideList__item {
  border-bottom: 1px solid #EBEBE9;
}
.c-sideList__item:first-child {
  border-top: 1px solid #EBEBE9;
}
.c-sideList__link {
  position: relative;
  display: block;
  padding: 14px 0;
}
.c-sideList__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .c-sideList__item:first-child {
    /*border: none;*/
  }
  .c-sideList__link {
    padding: 14px 20px;
  }
}

.c-sideChildList {
  padding: 0;
  margin: 0;
  list-style: none;
  font-weight: normal;
}
.c-sideChildList__item {
  border-top: 1px solid #EBEBE9;
}
.c-sideChildList__link {
  position: relative;
  display: block;
  padding: 14px 0 14px 16px;
}
.c-sideChildList__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.5%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-sideChildList__link.-child {
  padding-left: 2.5em;
}
@media screen and (max-width: 767px) {
  .c-sideChildList__link {
    padding: 14px 0 14px 40px;
  }
}

.c-offer {
  padding: 2.6075619296vw;
  background: rgba(0, 0, 0, 0.8);
  font-size: 3.3898305085vw;
}
.c-offer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2.6075619296vw;
}
.c-offer__button {
  width: 35%;
  height: 16.9491525424vw;
}
.c-offer__button.-small {
  width: 30%;
}
.c-offer.-fix {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-animation: fadeInBottom 0.3s ease forwards;
          animation: fadeInBottom 0.3s ease forwards;
}
.c-offer.-hidden {
  opacity: 0;
  visibility: hidden;
}

.c-offerOpenCampus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 13px;
  color: #fff;
  background: #e1453c;
  line-height: 1.1;
  padding-top: 2.6075619296vw;
}
.c-offerOpenCampus__image {
  width: 4.1720990874vw;
  height: 4.6936114733vw;
  margin-bottom: 1.3037809648vw;
}
.c-offerOpenCampus__text {
  width: calc(100% - 15px);
  text-align: center;
}

.c-offerDocumentRequest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 13px;
  color: #fff;
  background: #4fa78c;
  padding-top: 2.6075619296vw;
}
.c-offerDocumentRequest__image {
  width: 5.6062581486vw;
  height: 4.8239895698vw;
  margin-bottom: 0.6518904824vw;
}
.c-offerDocumentRequest__text {
  width: calc(100% - 16px);
  text-align: center;
}

.c-offerLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 0 3px 13px;
  color: #06c755;
  background: #fff;
  border: 1px solid #06c755;
  padding-top: 2.6075619296vw;
}
.c-offerLine__image {
  width: 5.4758800522vw;
  height: 5.2151238592vw;
  margin-bottom: 0.6518904824vw;
}
.c-offerLine__text {
  width: calc(100% - 16px);
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  font-size: 11px;
  margin-top: 3px;
}

.c-horizontalLine {
  margin: 0;
  color: #dddddd;
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px 0 0 0;
}
@media screen and (min-width: 768px) {
  .c-horizontalLine.-m100pc {
    margin: 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .c-horizontalLine.-m50sp {
    margin: 50px 0;
  }
}

.c-formFlow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 490px;
  margin: 50px auto 30px auto;
}
.c-formFlow__number {
  width: 50px;
  line-height: 50px;
  margin-bottom: 2px;
  border-radius: 50%;
  background: #d3d3d2;
  font-size: 19px;
  color: #ffffff;
  text-align: center;
}
.c-formFlow__number.-active {
  background: #212121;
}
.c-formFlow__text {
  font-size: 13px;
  text-align: center;
}
.c-formFlow__rectangle {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  height: 5px;
  background: #d3d3d2;
  position: relative;
  top: 25px;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-formFlow__rectangle.-active {
  background: #212121;
}
@media screen and (max-width: 767px) {
  .c-formFlow {
    width: auto;
    margin: 30px auto 16px auto;
  }
  .c-formFlow__number {
    width: 47px;
    line-height: 47px;
    font-size: 18px;
  }
  .c-formFlow__text {
    font-size: 11px;
  }
}

/*ページネーション*/
.c-pager {
  border-top: 1px solid #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 40px 0;
  padding: 40px 0 0;
}
.c-pager__item {
  line-height: 12px;
  width: 40px;
  text-align: center;
  vertical-align: middle;
}
.c-pager__item span {
  text-decoration: underline;
}
.c-pager__item a:hover {
  text-decoration: underline;
}
.c-pager__arrow {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.c-pager__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-pager__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.c-pager__arrow.-prev::after {
  left: 2px;
  border-left: 2px solid #212121;
  border-bottom: 2px solid #212121;
}
.c-pager__arrow.-next::after {
  right: 2px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
}

/* --------------------------------------------------
  table
-------------------------------------------------- */
.c-table__gray {
  border-bottom: 1px solid #d3d3d2;
  border-right: 1px solid #d3d3d2;
  width: 100%;
  table-layout: auto;
  margin-top: 1em;
}
.c-table__gray th,
.c-table__gray td {
  border-top: 1px solid #d3d3d2;
  border-left: 1px solid #d3d3d2;
  padding: 0.8em 1em;
}
.c-table__gray th.-nowrap,
.c-table__gray td.-nowrap {
  white-space: nowrap;
}
.c-table__gray th {
  background: #eeeeed;
}

/* --------------------------------------------------
  list
-------------------------------------------------- */
.c-list__dot {
  list-style: disc;
  padding-left: 20px;
}

/* --------------------------------------------------
  title
-------------------------------------------------- */
.c-title__blue {
  background: #2889DC;
  color: #fff;
  font-weight: bold;
  padding: 0.5em 1em;
  margin: 2.5em 0;
}

.c-title__number {
  font-size: 15px;
  position: relative;
  padding: 0 0 0 2.3em;
  margin: 2em 0 1em;
}
.c-title__number:first-child {
  margin-top: 0;
}
.c-title__number span {
  display: block;
  background: #2889DC;
  color: #fff;
  font-weight: bold;
  padding: 0 0.6em;
  margin: 0 0.7em 0 0;
  position: absolute;
  left: 0;
  top: 0;
}

.p-sgseselect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-sgseselect__gakunen {
  width: 375px;
}
.p-sgseselect__gakunen.-first h5 {
  font-size: 16px;
  margin: 0 0 0.5em;
}
.p-sgseselect__gakunen.-first p {
  font-size: 16px;
  margin: 0.5em 0 0;
}
.p-sgseselect__gakunen.-first div {
  background: #f4f4f3;
  padding: 15px;
}
.p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div.-programming {
  background: #87d2f3;
}
.p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div.-creator {
  background: #f7b4c4;
}
.p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div {
  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-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div h4 {
  text-align: center;
  width: 55%;
}
.p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div figure {
  width: 45%;
}
.p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div + div {
  margin-top: 1em;
}
.p-sgseselect__arrow {
  position: relative;
  height: 100%;
  width: 1em;
  height: 100%;
}
.p-sgseselect__arrow::before, .p-sgseselect__arrow::after {
  content: "▲";
  color: #cfcfd0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  position: absolute;
}
.p-sgseselect__arrow::before {
  top: 7em;
}
.p-sgseselect__arrow::after {
  top: 15.5em;
}
.p-sgseselect__arrow.arrow2:before {
  top: 3em;
}
.p-sgseselect__arrow.arrow2:after {
  top: 11.5em;
}
@media screen and (max-width: 767px) {
  .p-sgseselect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-sgseselect__gakunen {
    width: 100%;
  }
  .p-sgseselect__gakunen.-first div {
    padding: 10px;
  }
  .p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div {
    width: 47%;
    display: block;
  }
  .p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div + div {
    margin-top: 0;
  }
  .p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div h4 {
    width: 100%;
    line-height: 1.3;
    margin: 0.5em 0;
  }
  .p-sgseselect__gakunen.-second .p-sgseselect__gakunenWrap div figure {
    width: 100%;
  }
  .p-sgseselect__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    height: 3em;
    width: 100%;
  }
  .p-sgseselect__arrow::before, .p-sgseselect__arrow::after {
    content: "▼";
    position: relative;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    top: 0.5em;
  }
  .p-sgseselect__arrow.arrow2::before, .p-sgseselect__arrow.arrow2::after {
    top: 0.5em;
  }
}

.c-stepBlock {
  margin: 35px 0;
  padding: 35px 0 0;
  border-top: 1px solid #000;
}
.p-eventButtonWrap + .c-stepBlock {
  margin-top: 70px;
}
.c-stepBlock + .p-eventButtonWrap {
  margin-top: 70px;
}
.c-stepBlock__title {
  background: #eeeeed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1em;
}
.c-stepBlock__title span {
  display: block;
  background: #2889dc;
  color: #fff;
  line-height: 2;
  padding: 0 1em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__title span {
    padding: 0 0.5em;
  }
}
.c-stepBlock__title span em {
  font-size: 1.2em;
  font-style: normal;
  margin-left: 0.5em;
}
.c-stepBlock__title h3 {
  line-height: 2;
  padding: 0 1em;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__title.-line2 span {
    line-height: 4em;
  }
  .c-stepBlock__title.-line2 h3 {
    line-height: 1.2;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
.c-stepBlock .c-col2__flexWrap {
  margin: 2em 0 0;
}
@media screen and (max-width: 767px) {
  .c-stepBlock .c-col2__flexWrap .c-col2__item + .c-col2__item {
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  .c-stepBlock + .c-col2__flexWrap .c-col2__item + .c-col2__item {
    padding-top: 35px;
    margin-top: 35px;
    border-top: 1px solid #000;
  }
}
.c-stepBlock__iconText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-stepBlock__iconText figure {
  margin-right: 1em;
  width: 100px;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__iconText figure {
    width: 90px;
  }
}
.c-stepBlock__iconText div {
  width: calc(100% - 100px);
}
.c-stepBlock__iconText div h4 {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__iconText div {
    width: calc(100% - 90px);
  }
}
.c-stepBlock__flow {
  border: 1px solid #4fa78c;
  margin: 0;
  line-height: 2;
}
.c-stepBlock__flow.-entry34 {
  height: 517px;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow.-entry34 {
    height: auto;
  }
}
.c-stepBlock__flow.-apply34 {
  height: 470px;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow.-apply34 {
    height: auto;
  }
}
.c-stepBlock__flowWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-stepBlock__flowWrap > dl {
  width: calc((100% - 60px) / 4);
}
.c-stepBlock__flowWrap.-line2 > dl {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flowWrap.-line2 > dl {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flowWrap {
    display: block;
  }
  .c-stepBlock__flowWrap > dl {
    width: 100%;
  }
}
.c-stepBlock__flow.-arrow {
  position: relative;
}
.c-stepBlock__flow.-arrow::after {
  content: url("../img/common/img_arrow_right.png");
  position: absolute;
  right: -1.2em;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow.-arrow {
    margin-bottom: 4em;
  }
  .c-stepBlock__flow.-arrow::after {
    content: url("../img/common/img_arrow_bottom.png");
    position: absolute;
    top: inherit;
    bottom: -3.3em;
    left: 48%;
  }
}
.c-stepBlock__flow dt {
  background: #4fa78c;
  color: #fff;
  text-align: center;
}
.c-stepBlock__flow dd {
  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: 1em 0.4em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-stepBlock__flow dd img {
  width: 100%;
  max-width: 300px;
}
.c-stepBlock__flow dd > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.c-stepBlock__flow dd > div span {
  line-height: 1;
}
.c-stepBlock__flow dd p {
  font-size: 11px;
  margin: 1em 0;
  line-height: 1.3;
  min-height: 6.5em;
}
.c-stepBlock__flow dd p:first-child {
  margin-top: 0;
}
.c-stepBlock__flow dd p:last-child {
  margin-bottom: 0;
}
.c-stepBlock__flow dd p.-high {
  min-height: 8.5em;
}
.c-stepBlock__flow dd p.-auto {
  min-height: auto;
}
.c-stepBlock__flow dd p a {
  color: #2889dc;
}
.c-stepBlock__flow dd > p {
  width: calc(100% - 2em);
  margin: 0 1em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow dd > p {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.c-stepBlock__flow dd > p + p {
  margin-top: 1em;
}
.c-stepBlock__flow dd figure + p {
  margin-top: 1em;
}
.c-stepBlock__flow dd div > p {
  margin-top: 0;
}
.c-stepBlock__flow dd > h4 {
  font-size: 11px;
  margin: 0 0 0.5em;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow dd > h4 {
    margin-top: 1em;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow dd {
    padding: 1em;
  }
  .c-stepBlock__flow dd p {
    font-size: 15px;
    height: auto;
  }
  .c-stepBlock__flow dd p.-high {
    height: auto;
  }
  .c-stepBlock__flow dd figure {
    margin: 1em 0;
  }
}
.c-stepBlock__flow.-last {
  margin-right: auto;
  margin-left: 18px;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__flow.-last {
    margin-left: 0;
  }
}
.c-stepBlock__app {
  width: 100%;
}
.c-stepBlock__app div {
  padding: 0 0 0 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .c-stepBlock__app div {
    padding: 0;
  }
}

.c-guidelines__button {
  width: 520px;
}
@media screen and (max-width: 767px) {
  .c-guidelines__button {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-offerTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .c-offerTop__button {
    width: 39%;
    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;
    color: #fff;
    padding: 1em 0;
  }
  .c-offerTop__button:last-child {
    width: 22%;
  }
  .c-offerTop__button__text {
    line-height: 1.2;
  }
  .-oc {
    background: #e1453c;
  }
  .-oc .c-offerTop__button__image {
    width: 15px;
    height: 16px;
    margin-right: 0.5em;
  }
  .-doc {
    background: #4fa78c;
  }
  .-doc .c-offerTop__button__image {
    width: 16px;
    height: 14px;
    margin-right: 0.5em;
  }
  .-access {
    background: #3a3a3a;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-access .c-offerTop__button__image {
    width: 13px;
    height: 16px;
    margin-bottom: 0.5em;
  }
}
.p-information {
  padding-top: 70px;
}
@media screen and (max-width: 767px) {
  .p-information {
    padding-top: 30px;
  }
}
.p-information__list {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #000;
}
.p-information__list li {
  border-top: 1px solid #000;
}
.p-information__list li a {
  display: block;
  padding: 1em 0;
}
.p-information__list li a::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 18px;
  background: url("../img/common/icon_button02.png") no-repeat;
  background-size: 100%;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
  margin-left: 1em;
}

.p-404 {
  background: #faf3a0;
  border-radius: 15px;
  margin: 5em 0;
  padding: 3em;
  text-align: center;
  position: relative;
}
.p-404::before {
  content: "●";
  position: absolute;
  left: 1.5em;
  top: 1.5em;
  color: #fff;
  font-size: 10px;
}
.p-404::after {
  content: "●";
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  color: #fff;
  font-size: 10px;
}
.p-404__title {
  font-size: 26px;
  margin-bottom: 1em;
}
.p-404__text {
  font-size: 16px;
}
.p-404__text a {
  text-decoration: underline;
}
.p-404__text a:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .p-404 {
    padding: 3em 2em;
  }
  .p-404__title {
    font-size: 18px;
  }
  .p-404__text {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .c-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-order .c-offerTop {
    margin-top: 47px;
  }
  .c-order .c-offerTop,
  .c-order .p-homeBadge__sp,
  .c-order .p-mainVisual {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@-webkit-keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*下層バナー*/
.f-banner_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 5%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .f-banner_area {
    display: block;
    gap: 40px 2%;
  }
}
.f-banner_box {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .f-banner_box {
    width: 100%;
  }
  .f-banner_box:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.f-banner_box .title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.6;
}
.f-banner_box .title span {
  position: relative;
}
.f-banner_box .title span:before {
  position: absolute;
  content: "|";
  font-size: 28px;
  font-weight: 400;
  display: inline-block;
  bottom: -2px;
  left: -22px;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.f-banner_box .title span:after {
  position: absolute;
  content: "|";
  font-size: 28px;
  font-weight: 400;
  display: inline-block;
  bottom: -2px;
  right: -22px;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.f-banner_box.-appeal .title span:before {
  left: -32px;
}
.f-banner_box.-oc {
  background: unset;
}
.f-banner_box.-line .title span:before {
  left: -13px;
}
.f-banner_box.-line .title span:after {
  right: -34px;
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .u-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .u-sp {
    display: none;
  }
}
/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.u-clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.u-alignL {
  text-align: left;
}

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

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

/* --------------------------------------------------
  margin
-------------------------------------------------- */
.u-margin.-short {
  margin-bottom: 16px;
}
.u-margin.-m26 {
  margin-bottom: 26px;
}
@media screen and (max-width: 767px) {
  .u-margin.-m26 {
    margin-bottom: 16px;
  }
}
.u-margin.-middle {
  margin-bottom: 36px;
}
.u-margin.-large {
  margin-bottom: 64px;
}
.u-margin.-large70 {
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .u-margin.-large70 {
    margin-bottom: 77.5px;
  }
}
.u-margin.-large85 {
  margin-bottom: 85px;
}
@media screen and (max-width: 767px) {
  .u-margin.-large85 {
    margin-bottom: 80px;
  }
}

.u-nomargin {
  margin: 0 !important;
}

.u-margincenter {
  margin-left: auto;
  margin-right: auto;
}

/* --------------------------------------------------
  padding
-------------------------------------------------- */
.-ratio16-9 {
  padding-top: 56.25%;
}

.-ratio4-3 {
  padding-top: 75%;
}

/* --------------------------------------------------
  width
-------------------------------------------------- */
.u-w400 {
  width: 400px;
}
@media screen and (max-width: 767px) {
  .u-w400 {
    width: 100%;
  }
}

/* --------------------------------------------------
  フォントカラーのみ
-------------------------------------------------- */
.u-red {
  color: #E1453C;
}

.u-blue {
  color: #2889DC;
}

/* --------------------------------------------------
  太さ
-------------------------------------------------- */
.u-bold {
  font-weight: bold;
}

.u-normal {
  font-weight: normal;
}

/* --------------------------------------------------
  大きさ
-------------------------------------------------- */
.u-large {
  font-size: 116%;
}

.u-small {
  font-size: 84%;
}

/* --------------------------------------------------
  矢印消し
-------------------------------------------------- */
.u-noLink::after {
  display: none;
}

/* --------------------------------------------------
  インデント
-------------------------------------------------- */
.u-indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
.u-indent-1.-mg {
  padding-left: 1.9em;
  text-indent: -1.9em;
}

/* --------------------------------------------------
  カラム
-------------------------------------------------- */
.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.u-flex._not {
  display: block;
}
.u-flex._w_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u-flex._w_around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.u-flex._w_start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.u-flex._h_start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.u-flex._h_stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.p-mainVisual {
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-mainVisual {
    max-height: none;
  }
}
.p-mainVisual::after {
  /*content: "";
  display: block;
  padding-top: 45.8333%;
  @include deviceSP {
  	padding-top: 106.6666%;
  }*/
}
.p-mainVisual_img {
  position: relative;
  width: 100%;
}
.p-mainVisual_img_mv {
  position: absolute;
  width: 80%;
  top: 6%;
  left: 10%;
}
@media screen and (max-width: 767px) {
  .p-mainVisual_img_mv {
    display: block;
    position: unset;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-mainVisual_img_back {
    display: none;
  }
}
.p-mainVisual__slider {
  width: 100%;
  /*position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;*/
  opacity: 0;
}
.p-mainVisual__slider.slick-initialized {
  opacity: 1;
}
.p-mainVisual__slider .slick-slide img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-mainVisual__slider .slick-slide img.u-sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-mainVisual__slider .slick-slide img.u-pc {
    display: none;
  }
}
.p-mainVisual__slider .slick-dots {
  top: 3%;
  right: 7vw;
  bottom: unset;
  width: auto;
}
@media screen and (min-width: 1440px) {
  .p-mainVisual__slider .slick-dots {
    right: calc(50% - 625px);
  }
}
.p-mainVisual__slider .slick-dots li {
  margin: 0;
}
.p-mainVisual__slider .slick-dots li button::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  opacity: 1;
}
.p-mainVisual__slider .slick-dots li.slick-active button::before {
  content: "";
  background: #000;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-mainVisual__slider .slick-dots {
    top: 2%;
    right: 3vw;
    bottom: unset;
    /*margin-left: 93%;
    width: 10px;*/
    line-height: 1;
  }
  .p-mainVisual__slider .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 4px;
  }
  .p-mainVisual__slider .slick-dots li button {
    width: 10px;
    height: 7px;
  }
  .p-mainVisual__slider .slick-dots li button::before {
    width: 7px;
    height: 7px;
  }
}
.p-mainVisual__slider a {
  position: absolute;
  max-width: 1315px;
  top: 2%;
  left: calc(50% - 657.5px);
}
@media screen and (max-width: 1440px) {
  .p-mainVisual__slider a {
    max-width: auto;
    width: 90%;
    top: 4%;
    left: 5%;
  }
}
@media screen and (max-width: 767px) {
  .p-mainVisual__slider a {
    width: 100%;
    top: 4%;
    left: unset;
    right: 0;
  }
}
.p-mainVisual__slider__back {
  width: 100%;
}
.p-mainVisual__image {
  width: 35vw;
  max-width: 504px;
  position: absolute;
  left: 80px;
  bottom: 40px;
  z-index: 2;
}
.p-mainVisual__image p {
  text-align: left;
  color: #fff;
  font-size: clamp(10px, 0.9vw, 13px);
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .p-mainVisual__image {
    width: 60vw;
    max-width: 450px;
    left: 25px;
    bottom: 25px;
  }
  .p-mainVisual__image p {
    font-size: 10px;
  }
}
.p-mainVisual__open {
  padding: 1em 0 1em;
  color: #fff;
  font-size: 1.5vw;
  background: url("../img/home/bg_main02.png") no-repeat center;
  background-size: contain;
  line-height: 1.1;
  text-align: center;
  position: relative;
  z-index: 2;
  width: 100%;
}
.p-mainVisual .area_mv {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 56.25vw;
  z-index: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.p-mainVisual .area_mv iframe {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 150%;
}
.p-mainVisual .banner {
  position: relative;
  z-index: 2;
}

.slick-dotted.slick-slider {
  margin: 0;
}

.p-homeBorder {
  position: relative;
}
.p-homeBorder:before {
  content: "";
  height: 20px;
  width: 100%;
  display: block;
  background: url(../img/common/bg_pageTitle.png) repeat;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .p-homeBorder:before {
    height: 15px;
  }
}

.p-homeTitle__wrap {
  text-align: center;
  width: 370px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-homeTitle__wrap {
    width: 234px;
  }
}

.p-homeTitle {
  z-index: 1;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: width 0.8s ease;
  transition: width 0.8s ease;
  text-align: center !important;
  width: 0;
}
.p-homeTitle.active {
  width: 370px;
}
@media screen and (max-width: 767px) {
  .p-homeTitle.active {
    width: 234px;
  }
}
.p-homeTitle span {
  display: block;
  width: 370px;
}
.p-homeTitle span:nth-of-type(1) {
  color: #fff;
  font-size: 36px;
  height: 60px;
  line-height: 60px;
  position: relative;
}
.p-homeTitle span:nth-of-type(1):after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 15px 0;
  position: absolute;
  top: 100%;
}
.p-homeTitle span:nth-of-type(2) {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .p-homeTitle span {
    width: 234px;
  }
  .p-homeTitle span:nth-of-type(1) {
    font-size: 23px;
    height: 37.5px;
    line-height: 37.5px;
  }
  .p-homeTitle span:nth-of-type(1):after {
    border-width: 0 15px 10px 0;
  }
  .p-homeTitle span:nth-of-type(2) {
    font-size: 13px;
  }
}
.p-homeTitle--blue span:nth-of-type(1) {
  background-color: #1774c7;
}
.p-homeTitle--blue span:nth-of-type(1):after {
  border-color: transparent #0a5d9b transparent transparent;
}
.p-homeTitle--blue span:nth-of-type(2) {
  color: #1774c7;
}
.p-homeTitle--green span:nth-of-type(1) {
  background-color: #4fa78c;
}
.p-homeTitle--green span:nth-of-type(1):after {
  border-color: transparent #3b8e75 transparent transparent;
}
.p-homeTitle--green span:nth-of-type(2) {
  color: #4fa78c;
}
.p-homeTitle--pink span:nth-of-type(1) {
  background-color: #db7193;
}
.p-homeTitle--pink span:nth-of-type(1):after {
  border-color: transparent #c65a7d transparent transparent;
}
.p-homeTitle--pink span:nth-of-type(2) {
  color: #db7193;
}

.p-homeSlide {
  padding: 77px 0 70px;
  background: url(../img/common/bg_pageTitle.png) repeat;
}
.p-homeSlide .p-homeTitle__wrap {
  margin-bottom: 42px;
}
.p-homeSlide__list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: auto;
  letter-spacing: -0.5em;
}
.p-homeSlide__item {
  display: inline-block;
  width: 400px;
  letter-spacing: normal;
  padding: 0 15px;
}
.p-homeSlide__link {
  display: inline-block;
}
.p-homeSlide__link:focus {
  outline: none;
}
.p-homeSlide__image {
  margin-bottom: 26px;
}
.p-homeSlide__text {
  font-size: 14px;
}
.p-homeSlide .slick-track {
  margin-left: 0;
}
.p-homeSlide .slick-track {
  margin-left: 0;
}
.p-homeSlide .slick-track.animate {
  left: -11%;
  margin-left: auto;
}
.p-homeSlide .slick-slide img {
  width: 100%;
}
@media screen and (max-width: 1079px) {
  .p-homeSlide .slick-track.animate {
    left: -14%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeSlide {
    padding: 53px 0 48px;
  }
  .p-homeSlide .p-homeTitle__wrap {
    margin-bottom: 32px;
  }
  .p-homeSlide__item {
    width: 240px;
    padding: 0 8px;
  }
  .p-homeSlide__image {
    margin-bottom: 14px;
  }
  .p-homeSlide__text {
    font-size: 11px;
  }
  .p-homeSlide .slick-track.animate {
    left: -33%;
  }
}

.p-homeConcept {
  padding: 160px 0;
  text-align: center;
}
.p-homeConcept__title {
  margin-bottom: 25px;
  font-size: 29px;
  font-weight: bold;
}
.p-homeConcept__body {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-homeConcept {
    padding: 70px 0;
    margin: 0 20px;
  }
  .p-homeConcept__title {
    font-size: 17px;
  }
  .p-homeConcept__image {
    width: 54%;
    margin: 0 auto;
  }
  .p-homeConcept__body {
    text-align: left;
  }
}

.p-homeSection {
  padding-top: 0;
  text-align: center;
}
.p-homeSection.-white {
  color: #fff;
}
.p-homeSection__title {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
}
.p-homeSection__subTitle {
  font-size: 22px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-homeSection {
    margin: 0 20px;
  }
  .p-homeSection__title {
    font-size: 24px;
    letter-spacing: -0.01em;
  }
  .p-homeSection__subTitle {
    font-size: 14px;
  }
}

.p-homeFeature {
  padding-top: 30px;
  margin-bottom: 120px;
}
.p-homeFeature__list {
  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;
  padding: 0;
  margin: 75px 0 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-homeFeature {
    display: block;
    padding-top: 0;
    margin: 0 0 59px;
    padding: 70px 0 0;
  }
  .p-homeFeature__list {
    margin: 37px 0 0;
  }
}

.p-homeFeatureItem {
  position: relative;
  width: calc((100% - 20px) / 2);
  padding-top: 37px;
}
.p-homeFeatureItem:nth-child(n+3) {
  margin-top: 50px;
}
.p-homeFeatureItem__link {
  display: block;
}
.p-homeFeatureItem__number {
  position: absolute;
  right: 48px;
  display: inline-block;
}
.p-homeFeatureItem__number.-n01 {
  top: -72px;
}
.p-homeFeatureItem__number.-n02 {
  top: -57px;
}
.p-homeFeatureItem__number.-n03 {
  top: -49px;
}
.p-homeFeatureItem__number.-n04 {
  top: -45px;
}
.p-homeFeatureItem__image img {
  width: 100%;
}
.p-homeFeatureItem__visual {
  position: relative;
  margin-bottom: 30px;
}
.p-homeFeatureItem__wrap {
  position: absolute;
  left: 50px;
  bottom: 57px;
}
.p-homeFeatureItem__label {
  color: #fff;
  font-size: 30px;
}
.p-homeFeatureItem__label:nth-child(n+2) {
  margin-top: 4px;
}
.p-homeFeatureItem__label span {
  display: inline-block;
  height: 100%;
  padding-left: 25px;
  background: #212121;
}
.p-homeFeatureItem__label span.-n011 {
  padding-right: 75px;
}
.p-homeFeatureItem__label span.-n012 {
  padding-right: 75px;
}
.p-homeFeatureItem__label span.-n021 {
  padding-right: 100px;
}
.p-homeFeatureItem__label span.-n022 {
  padding-right: 50px;
}
.p-homeFeatureItem__label span.-n031 {
  padding-right: 105px;
}
.p-homeFeatureItem__label span.-n032 {
  padding-right: 80px;
}
.p-homeFeatureItem__label span.-n041 {
  padding-right: 55px;
}
.p-homeFeatureItem__label span.-n042 {
  padding-right: 30px;
}
.p-homeFeatureItem__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 50px;
}
.p-homeFeatureItem__title {
  margin-right: 25px;
  font-size: 26px;
  line-height: 1.5;
  font-weight: bold;
}
.p-homeFeatureItem__detail {
  position: relative;
}
.p-homeFeatureItem__detail::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 1080px) {
  .p-homeFeatureItem__body {
    display: block;
    padding: 0 20px;
  }
  .p-homeFeatureItem__detail::after {
    right: -15px;
  }
}
@media screen and (max-width: 767px) {
  .p-homeFeatureItem {
    width: 100%;
    padding-top: 26.5px;
  }
  .p-homeFeatureItem:nth-child(n+2) {
    margin-top: 35px;
  }
  .p-homeFeatureItem:nth-child(n+3) {
    margin-top: 35px;
  }
  .p-homeFeatureItem__number {
    right: 26.5px;
    width: 255px;
  }
  .p-homeFeatureItem__number.-n01 {
    top: -50.5px;
  }
  .p-homeFeatureItem__number.-n02 {
    top: -42.5px;
  }
  .p-homeFeatureItem__number.-n03 {
    top: -33.5px;
  }
  .p-homeFeatureItem__number.-n04 {
    top: -31.5px;
  }
  .p-homeFeatureItem__visual {
    margin-bottom: 21.5px;
  }
  .p-homeFeatureItem__wrap {
    left: 7px;
    bottom: 20px;
  }
  .p-homeFeatureItem__label {
    font-size: 18px;
  }
  .p-homeFeatureItem__label:nth-child(n+2) {
    margin-top: 3px;
  }
  .p-homeFeatureItem__label span {
    padding-left: 13px;
  }
  .p-homeFeatureItem__label span.-n011 {
    padding-right: 50px;
  }
  .p-homeFeatureItem__label span.-n012 {
    padding-right: 37px;
  }
  .p-homeFeatureItem__label span.-n021 {
    padding-right: 35px;
  }
  .p-homeFeatureItem__label span.-n022 {
    padding-right: 50px;
  }
  .p-homeFeatureItem__label span.-n031 {
    padding-right: 35px;
  }
  .p-homeFeatureItem__label span.-n032 {
    padding-right: 37px;
  }
  .p-homeFeatureItem__label span.-n041 {
    padding-right: 35px;
  }
  .p-homeFeatureItem__label span.-n042 {
    padding-right: 39px;
  }
  .p-homeFeatureItem__body {
    display: block;
    padding: 0 20px;
  }
  .p-homeFeatureItem__title {
    position: relative;
    display: inline-block;
    margin-bottom: 8.5px;
    font-size: 17px;
  }
  .p-homeFeatureItem__title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -15px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #212121;
    border-right: 2px solid #212121;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .p-homeFeatureItem__detail {
    width: 100%;
  }
  .p-homeFeatureItem__detail::after {
    display: none;
  }
}

.p-homeDepartment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  margin: 62px 0 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-homeDepartment__list {
    display: block;
    margin: 35px 0 0;
  }
}

.p-homeDepartmentItem {
  width: calc((100% - 20px) / 2);
  overflow: hidden;
}
.p-homeDepartmentItem:nth-child(n+2) {
  margin-left: 20px;
}
.p-homeDepartmentItem__link {
  display: block;
}
.p-homeDepartmentItem__image img {
  width: 100%;
}
.p-homeDepartmentItem__body {
  position: relative;
}
.p-homeDepartmentItem__wrap {
  position: relative;
  top: -90px;
  left: 15.5%;
  width: 85%;
  padding: 24px 3em 10px 6.74%;
  background: #fff;
}
.p-homeDepartmentItem__courselink {
  position: relative;
  top: -90px;
  left: 15.5%;
  width: 85%;
  padding: 0.4em 2em 0.4em 6.74%;
  background: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.p-homeDepartmentItem__courselink::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  position: relative;
  top: 0.2em;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .p-homeDepartmentItem__courselink {
    top: -50px;
    left: 0;
  }
}
.p-homeDepartmentItem__course {
  margin-bottom: 20px;
}
.p-homeDepartmentItem__course.-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-homeDepartmentItem__title {
  position: relative;
  display: inline-block;
}
.p-homeDepartmentItem__title.-communication {
  margin-right: 90px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-homeDepartmentItem__caption {
  font-size: 18px;
  font-weight: bold;
}
.p-homeDepartmentItem__caption span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.p-homeDepartmentItem__label {
  position: absolute;
  top: 10%;
  right: -90px;
}
.p-homeDepartmentItem__text {
  position: relative;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-homeDepartmentItem {
    width: 100%;
  }
  .p-homeDepartmentItem:nth-child(n+2) {
    margin-left: 0;
    margin-top: 36px;
  }
  .p-homeDepartmentItem__body {
    height: 60vw;
  }
  .p-homeDepartmentItem__wrap {
    top: -110px;
    width: 88%;
    padding: 17px 15px 0 20px;
  }
  .p-homeDepartmentItem__wrap.-left {
    left: 0;
  }
  .p-homeDepartmentItem__course {
    position: relative;
    width: 90%;
    margin-bottom: 13px;
  }
  .p-homeDepartmentItem__course.-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    display: inline-block;
    width: 11px;
    height: 11px;
    border-top: 2px solid #212121;
    border-right: 2px solid #212121;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .p-homeDepartmentItem__caption {
    font-size: 13px;
  }
  .p-homeDepartmentItem__caption span {
    font-size: 10px;
  }
  .p-homeDepartmentItem__text.-arrow::after {
    display: none;
  }
}

.p-homePossibility {
  padding: 125px 50px 135px;
  background: url(../img/home/bg_main03.jpg) no-repeat;
  background-size: cover;
}
.p-homePossibility__title {
  margin-bottom: 70px;
}
.p-homePossibility__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1240px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-homePossibility {
    padding: 63px 0 75px;
    background: url(../img/home/bg_main03_sp.jpg) no-repeat;
    background-size: cover;
  }
  .p-homePossibility__title {
    margin-bottom: 30px;
  }
  .p-homePossibility__list {
    display: block;
    margin: 0 20px;
  }
}

.p-homePossibilityItem {
  width: calc((100% - 10vw) / 3);
  color: #fff;
}
.p-homePossibilityItem:nth-child(n+2) {
  margin-left: 5vw;
}
.p-homePossibilityItem__title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.p-homePossibilityItem__content {
  position: relative;
  text-align: right;
  z-index: 1;
}
@media screen and (min-width: 1600px) {
  .p-homePossibilityItem {
    width: calc((100% - 160px) / 3);
  }
  .p-homePossibilityItem:nth-child(n+2) {
    margin-left: 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-homePossibilityItem {
    width: 100%;
  }
  .p-homePossibilityItem:nth-child(n+2) {
    margin-left: 0;
    margin-top: 30px;
  }
  .p-homePossibilityItem__title {
    font-size: 16px;
  }
  .p-homePossibilityItem__content {
    width: 62%;
    margin: 0 auto;
  }
}

.p-homePickUp {
  padding: 50px 0 120px;
  background: #f4f4f3;
}
.p-homePickUp__wrap {
  max-width: 1600px;
  margin: 0 auto;
}
.p-homePickUp__title {
  margin-bottom: 72px;
  text-align: center;
  line-height: 1.5;
}
.p-homePickUp__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 50px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .p-homePickUp {
    padding: 44px 0 50px;
  }
  .p-homePickUp__title {
    margin-bottom: 30px;
  }
  .p-homePickUp__list {
    display: block;
    margin: 0 20px;
  }
}

.p-homePickUpItem {
  width: calc((100% - 60px) / 3);
  background: #fff;
}
.p-homePickUpItem:nth-child(n+2) {
  margin-left: 30px;
}
.p-homePickUpItem__link {
  display: block;
}
.p-homePickUpItem__body {
  position: relative;
  padding: 35px 30px 20px;
  background: #fff;
}
.p-homePickUpItem__category {
  position: relative;
  top: -13px;
}
.p-homePickUpItem__title {
  margin-bottom: 14px;
  font-size: 20px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-homePickUpItem {
    width: 100%;
  }
  .p-homePickUpItem:nth-child(n+2) {
    margin-left: 0;
    margin-top: 21px;
  }
  .p-homePickUpItem__image img {
    width: 100%;
  }
  .p-homePickUpItem__body {
    padding: 26px 20px 15px;
  }
  .p-homePickUpItem__title {
    margin-bottom: 7px;
    font-size: 16px;
  }
  .p-homePickUpItem__day {
    font-size: 13px;
  }
}

.p-homeList {
  padding: 111px 0 0;
}
.p-homeList__section:nth-child(n+2) {
  margin-top: 90px;
}
.p-homeList__section.-event {
  overflow: visible;
  padding: 168px 0 160px;
}
.p-homeList__section.-event .p-homeTitle__wrap {
  margin-bottom: 42px;
}
.p-homeList__section.-event .slick-track {
  margin-left: 0;
}
.p-homeList__section.-event .slick-track {
  margin-left: 0;
}
.p-homeList__section.-event .slick-track.animate {
  left: -9.5%;
  margin-left: auto;
}
@media screen and (max-width: 1079px) {
  .p-homeList__section.-event .slick-track.animate {
    left: -12%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeList__section.-event .slick-track.animate {
    left: -33.5%;
  }
}
.p-homeList__section.-event .slick-slide img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-homeList__section.-event {
    margin-top: 0 !important;
    padding: 75px 0 70px;
  }
}
.p-homeList__section.-banner {
  padding: 160px 0;
  margin-top: 0;
}
.p-homeList__section.-banner .p-headline {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-homeList__section.-banner {
    margin-top: 0 !important;
    padding: 70px 0;
  }
}
.p-homeList__section.-info {
  padding: 148px 0 140px;
  margin-top: 0;
}
.p-homeList__section.-info .p-homeList__title {
  border: 0;
}
.p-homeList__section.-info .p-homeList__title:not(.active) {
  width: 0%;
}
@media screen and (max-width: 767px) {
  .p-homeList__section.-info {
    margin-top: 0 !important;
    padding: 75px 0 70px;
  }
}
.p-homeList__title {
  margin-bottom: 74px;
  text-align: center;
  line-height: 1.5;
}
.p-homeList__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 55px;
  list-style: none;
}
.p-homeList__button {
  width: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-homeList {
    padding: 45px 0 30px;
  }
  .p-homeList__section:nth-child(n+2) {
    margin-top: 45px;
  }
  .p-homeList__title {
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 25px;
    border-bottom: 1px solid #212121;
    text-align: left;
  }
  .-event .p-homeList__title {
    margin: 20px 20px 0 20px;
    width: calc(100% - 40px);
  }
  .p-homeList__list {
    display: block;
    margin-bottom: 37px;
  }
  .p-homeList__button {
    width: 100%;
  }
  .-event .p-homeList__button {
    margin: 0 20px 20px;
    width: calc(100% - 40px);
  }
}

.p-homeListItem {
  width: 340px;
}
.p-homeListItem:nth-child(n+2) {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .p-homeListItem {
    width: 100%;
    letter-spacing: -0.5em;
  }
  .p-homeListItem:nth-child(n+2) {
    margin-left: 0;
    margin-top: 22px;
  }
}

.p-homeBunner {
  max-width: 1185px;
  width: 100%;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .p-homeBunner {
    display: block;
    margin: 50px auto 0;
  }
}
.p-homeBunner a {
  width: 31.3333333333%;
  margin-bottom: 3%;
}
@media screen and (max-width: 767px) {
  .p-homeBunner a {
    display: block;
    width: 100%;
    margin-bottom: 3%;
  }
  .p-homeBunner a:not(:last-of-type) {
    margin-bottom: 3%;
  }
}
.p-homeBunner_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3%;
}
@media screen and (max-width: 767px) {
  .p-homeBunner_main {
    display: block;
  }
}
.p-homeBunner_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3%;
}
@media screen and (max-width: 767px) {
  .p-homeBunner_sub {
    display: block;
  }
}

.p-homeQuestion {
  text-align: center;
}
.p-homeQuestion__wrap {
  width: 400px;
  margin: 100px auto 15px;
}
.p-homeQuestion__text {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-homeQuestion__wrap {
    width: 100%;
    margin: 30px 0 10px;
  }
  .p-homeQuestion__text {
    text-align: left;
  }
}

.c-comingsoon {
  position: relative;
}
.c-comingsoon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 5;
}
.c-comingsoon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 50%;
  height: 54%;
  background: url(../img/home/txt_comingsoon.png) no-repeat;
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}

.p-homeJob {
  background: url(../img/home/bg_job.webp) no-repeat;
  background-size: cover;
  padding: 60px 0 80px;
  overflow: hidden;
}
.p-homeJob .p-homeSection {
  color: #fff;
  margin-bottom: 24px;
}
.p-homeJob .p-homeSection__title {
  background: url(../img/home/bg_job_title.svg) center top no-repeat;
  padding-top: 60px;
}
.p-homeJob__copy {
  color: #fff;
  text-align: center;
}
.p-homeJob__list {
  padding: 0;
  margin: 50px 0 80px;
}
.p-homeJob__item {
  padding: 0 10px;
  text-align: center;
}
.p-homeJob__item a {
  display: block;
  padding: 20px;
  background: #fff;
}
.p-homeJob .slick-prev,
.p-homeJob .slick-next {
  width: 46px;
  height: 46px;
  border: 1px solid #212121;
  top: 115%;
  background: #fff;
}
.p-homeJob .slick-prev::before,
.p-homeJob .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
}
.p-homeJob .slick-prev {
  right: 120px;
  left: auto;
}
.p-homeJob .slick-prev::before {
  right: 35%;
  -webkit-transform: translateY(-50%) rotate(-135deg);
      -ms-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
}
.p-homeJob .slick-next {
  right: 50px;
}
.p-homeJob .slick-next::before {
  right: 45%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .p-homeJob {
    background: url(../img/home/bg_job_sp.webp) no-repeat;
    background-size: cover;
    padding: 0 0 30px;
  }
  .p-homeJob .p-homeSection {
    margin-bottom: 0;
  }
  .p-homeJob .p-homeSection__title {
    background-size: 50px auto;
    padding-top: 40px;
  }
  .p-homeJob__copy {
    margin: 0.6em 0 0;
  }
  .p-homeJob__list {
    margin: 20px 0 100px;
  }
  .p-homeJob .slick-prev,
  .p-homeJob .slick-next {
    width: 33px;
    height: 33px;
    top: 115%;
  }
  .p-homeJob .slick-prev {
    right: 70px;
    left: auto;
  }
  .p-homeJob .slick-next {
    right: 20px;
  }
}

.p-homeSns {
  margin: 90px 0 0;
  padding: 100px 0;
  background: #f4f4f3;
}
.p-homeSns__body {
  width: 750px;
  margin: 0 auto;
  text-align: center;
}
.p-homeSns__title {
  background: url(../img/home/bg_sns_title.png) center top no-repeat;
  background-size: 98px;
  padding-top: 70px;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
  .p-homeSns {
    margin: 60px 0 0;
    padding: 50px 0;
  }
  .p-homeSns__body {
    width: calc(100% - 40px);
  }
  .p-homeSns__title {
    background: url(../img/home/bg_sns_title.png) center top no-repeat;
    background-size: 50px;
    padding-top: 35px;
    font-size: 18px;
  }
  .p-homeSns p {
    text-align: left;
  }
}

#twitter-widget-0 {
  margin: 3em 0 !important;
  border: 1px solid #212121 !important;
}
@media screen and (max-width: 767px) {
  #twitter-widget-0 {
    margin: 2em 0 !important;
    width: 100% !important;
    height: 470px !important;
  }
}

.p-headline {
  margin-top: 2em;
}
.p-headline__link {
  display: block;
  margin-top: 1em;
  padding: 18px 20px;
  background-color: #fff;
  border: 2px solid #e1453c;
  color: #e1453c;
  text-align: center;
  position: relative;
}
.p-headline__link:first-child {
  margin-top: 0;
}
.p-headline__link::after {
  content: "";
  position: absolute;
  top: 51%;
  right: 4%;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 2px solid #e1453c;
  border-right: 2px solid #e1453c;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-headline__line_link {
  background: #06c755;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px;
}
.p-headline__line_link .line_text {
  background: #fff;
  color: #06c755;
  line-height: 60px;
  position: relative;
  text-align: center;
  width: 38%;
}
.p-headline__line_link .line_text:after {
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 60px 38px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  right: -38px;
  width: 0;
}
.p-headline__line_link .line_add {
  color: #fff;
  font-size: 24px;
  text-align: center;
  width: 62%;
}
.p-headline__line_link .line_add:before {
  background: url(../img/common/icon_header04.png) no-repeat;
  background-size: 100% auto;
  content: "";
  display: inline-block;
  height: 30px;
  image-rendering: -webkit-optimize-contrast;
  margin-right: 20px;
  margin-top: -3px;
  vertical-align: middle;
  width: 32px;
}
@media screen and (max-width: 767px) {
  .p-headline__line_link {
    display: block;
  }
  .p-headline__line_link .line_text {
    font-size: 3.3898305085vw;
    line-height: 8.7353324641vw;
    width: 100%;
  }
  .p-headline__line_link .line_text:after {
    content: none;
  }
  .p-headline__line_link .line_add {
    font-size: 4.9543676662vw;
    width: 100%;
  }
  .p-headline__line_link .line_add:before {
    background: url(../img/common/icon_header04.png) no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 5.8670143416vw;
    image-rendering: -webkit-optimize-contrast;
    margin-right: 3.9113428944vw;
    margin-top: -3px;
    vertical-align: middle;
    width: 6.258148631vw;
  }
}

.p-homeBanner {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-homeBanner {
    padding: 0 1em;
  }
}

.p-homeBadge {
  position: absolute;
  right: 9%;
  bottom: 5%;
  max-width: 520px;
}
@media screen and (max-width: 1440px) {
  .p-homeBadge {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeBadge {
    width: 96%;
    right: 0;
    bottom: 4%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeBadge a {
    display: block;
  }
}
.p-homeBadge a:hover {
  opacity: 1;
}

.p-homeBadge__pc {
  position: absolute;
  right: calc(50% - 670px);
  bottom: 4%;
  max-width: 520px;
}
@media screen and (max-width: 1440px) {
  .p-homeBadge__pc {
    width: 37%;
    right: 3.4%;
  }
}
@media screen and (max-width: 767px) {
  .p-homeBadge__pc {
    display: none;
  }
}
.p-homeBadge__pc a:hover {
  opacity: 1;
}

.p-homeBadge__sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-homeBadge__sp {
    background: #fcb875;
    text-align: center;
    padding: 0;
    display: block;
  }
}

.p-event {
  padding: 90px 0 100px;
  background: #f4f4f3;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-event {
    padding: 45px 0 60px;
  }
}

.p-eventKind__title {
  margin-bottom: 45px;
}
.p-eventKind__body {
  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;
  margin-bottom: 92px;
}
.p-eventKind__button {
  width: 535px;
}
.p-eventKind__button:nth-child(n+3) {
  margin-top: 10px;
}
.p-eventKind__input {
  display: none;
}
.p-eventKind__input:checked + .p-eventKind__box {
  background: #2889DC;
  color: #fff;
}
@media screen and (max-width: 1120px) {
  .p-eventKind__button {
    width: 49.5%;
  }
}
@media screen and (max-width: 767px) {
  .p-eventKind__title {
    margin-bottom: 20px;
  }
  .p-eventKind__body {
    display: block;
    margin-bottom: 45px;
  }
  .p-eventKind__button {
    width: 100%;
  }
  .p-eventKind__button:nth-child(n+2) {
    margin-top: 5px;
  }
  .p-eventKind__button:nth-child(n+3) {
    margin-top: 5px;
  }
}

.p-eventDay {
  margin-bottom: 92px;
}
.p-eventDay__month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 335px;
  margin: 0 auto 30px;
  position: relative;
}
.p-eventDay__arrow {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 33px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.p-eventDay__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-eventDay__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-eventDay__arrow.-prev::after {
  left: 2px;
  border-left: 2px solid #212121;
  border-bottom: 2px solid #212121;
}
.p-eventDay__arrow.-next::after {
  right: 2px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
}
.p-eventDay__text {
  font-weight: bold;
  display: none;
}
.p-eventDay__text .-big {
  font-size: 22px;
}
.p-eventDay__text.current {
  display: block;
}
.p-eventDay__text.prev, .p-eventDay__text.next {
  display: block;
  position: absolute;
  top: 0;
  display: inline-block;
  width: 22px;
  height: 33px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-indent: -9999px;
}
.p-eventDay__text.prev::before, .p-eventDay__text.next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #212121;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-eventDay__text.prev::after, .p-eventDay__text.next::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15px;
  height: 15px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.p-eventDay__text.prev.prev, .p-eventDay__text.next.prev {
  left: 0;
}
.p-eventDay__text.prev.prev::after, .p-eventDay__text.next.prev::after {
  left: 2px;
  border-left: 2px solid #212121;
  border-bottom: 2px solid #212121;
}
.p-eventDay__text.prev.next, .p-eventDay__text.next.next {
  right: 0;
}
.p-eventDay__text.prev.next::after, .p-eventDay__text.next.next::after {
  right: 2px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
}
@media screen and (max-width: 767px) {
  .p-eventDay {
    margin-bottom: 45px;
  }
  .p-eventDay__title {
    margin-bottom: 13px;
  }
  .p-eventDay__month {
    width: 282px;
    margin: 0 auto 15px;
  }
  .p-eventDay__arrow {
    width: 18px;
    height: 18px;
  }
  .p-eventDay__arrow::after {
    width: 13px;
    height: 13px;
  }
  .p-eventDay__text .-big {
    font-size: 24px;
  }
}

.p-eventWeek {
  margin-bottom: 42px;
}
.p-eventWeek__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.p-eventWeek__list.slick-initialized .p-eventWeek__item {
  opacity: 1;
}
.p-eventWeek__item {
  display: inline-block;
  margin-left: 6px;
  margin-top: 14px;
  width: 95px;
  height: 50px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.p-eventWeek__item.currentdate {
  margin-top: 0;
  width: 134px;
  height: 64px;
}
.p-eventWeek__item.currentdate .p-eventWeek__label .-num {
  font-size: 26px;
}
.p-eventWeek__label {
  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;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
}
.p-eventWeek__label.-sat {
  border: 1px solid #2889DC;
}
.p-eventWeek__label.-sun {
  border: 1px solid #E1453C;
}
.p-eventWeek__label .-num {
  font-size: 22px;
  line-height: 1;
}
.p-eventWeek__label input {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-eventWeek {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-bottom: 25px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-eventWeek__item {
    margin-left: 5px;
    margin-top: 10px;
    width: 55px;
    height: 45px;
  }
  .p-eventWeek__item.currentdate {
    width: 70px;
    height: 55px;
  }
  .p-eventWeek__item.currentdate .p-eventWeek__label .-num {
    font-size: 20px;
  }
  .p-eventWeek__label {
    font-size: 13px;
  }
  .p-eventWeek__label .-num {
    font-size: 18px;
  }
}
.p-eventWeek .slick-slide:focus {
  outline: none;
}

.p-eventTab__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-eventTab__content > p {
  margin: 0 auto;
}
.p-eventTab {
  /*	&__group {
  		display: flex;
  		margin: 0 0 42px;
  		padding: 0;
  		list-style: none;
  	}

  	&__item {
  		position: relative;
  		width: 50%;
  		cursor: pointer;

  		&.-current {
  			.p-eventTab__text {
  				background: $blue;

  				&::after {
  					content: '';
  					position: absolute;
  					bottom: -12px;
  					left: 50%;
  					display: block;
  					width: 0;
  					height: 0;
  					border-style: solid;
  					border-width: 12px 6px 0 6px;
  					border-color: $blue transparent transparent transparent;
  					transform: translateX(-50%);
  				}
  			}
  		}
  	}

  	&__label {
  		display: flex;
  		justify-content: center;
  		align-items: center;
  		height: 100%;

  		input {
  			display: none;
  		}
  	}

  	&__text {

  		width: 100%;
  		padding: 18px 0;
  		color: #fff;
  		background: #d3d3d2;
  		font-size: 16px;


  	}

  	&__panel {
  		display: none;

  		&.-show {
  			display: flex;
  			flex-wrap: wrap;
  		}
  	}*/
}
@media screen and (max-width: 767px) {
  .p-eventTab {
    /*&__group {
    	margin:  0 0 30px;
    }

    &__item {
    	padding: 0;
    	font-size: 13px;

    	&.-current {
    		&::after {
    			bottom: -10px;
    			border-width: 10px 5px 0 5px;
    		}
    	}
    }*/
  }
}

.p-eventCard {
  display: inline-block;
  width: 340px;
  margin-right: 30px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-eventCard.-hide {
  display: none;
}
.p-eventCard:nth-child(3n) {
  margin-right: 0;
}
.p-eventCard:nth-child(n+4) {
  margin-top: 30px;
}
.p-eventCard__image img {
  width: 100%;
}
.p-eventCard__body {
  position: relative;
  padding: 15px 20px 20px;
  background: #fff;
  text-align: left;
}
.p-eventCard__category {
  margin-bottom: 10px;
}
.p-eventCard__title {
  margin-bottom: 10px;
}
.p-eventCard__text {
  margin-bottom: 27px;
}
.p-eventCard__day {
  padding: 9px 13px;
  margin-bottom: 10px;
  background: #EEEEED;
}
.p-eventCard__day span.-sat {
  color: #2889DC;
}
.p-eventCard__day span.-sun {
  color: #E1453C;
}
.p-eventCard__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-eventCard__button {
  width: calc((100% - 6px) / 2);
  height: 40px;
}
.p-eventCard__link {
  padding: 9.5px 0;
}
@media screen and (max-width: 1120px) {
  .p-eventCard {
    width: 49%;
    margin-right: 2%;
  }
  .p-eventCard:nth-child(3n) {
    margin-right: 2%;
  }
  .p-eventCard:nth-child(2n) {
    margin-right: 0;
  }
  .p-eventCard:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .p-eventCard {
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .p-eventCard:nth-child(n+2) {
    margin-top: 25px;
  }
  .p-eventCard:nth-child(n+4) {
    margin-top: 25px;
  }
}

.p-eventTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-eventTime__block {
  width: calc(50% - 15px);
}
.p-eventTime__title {
  margin: 0 0 25px;
}
.p-eventTime__time {
  padding: 20px 25px;
  background: #EEEEED;
  font-size: 15px;
}
.p-eventTime__time .-sun {
  color: #E1453C;
}
.p-eventTime__time .-sat {
  color: #2889DC;
}
@media screen and (max-width: 767px) {
  .p-eventTime {
    display: block;
  }
  .p-eventTime__block {
    margin-bottom: 20px;
    width: 100%;
  }
  .p-eventTime__block:last-child {
    margin-bottom: 0;
  }
  .p-eventTime__title {
    margin: 0 0 10px;
  }
  .p-eventTime__time {
    padding: 7px 15px;
  }
}

.p-eventButtonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-eventButtonWrap form {
  margin-bottom: 0;
}
.p-eventButtonWrap__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 400px;
          flex: 0 1 400px;
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .p-eventButtonWrap {
    display: block;
    margin-bottom: 65px;
  }
  .p-eventButtonWrap__button {
    margin: 12px 0;
  }
}

.p-eventReset__button {
  width: 340px;
  margin: 0 auto;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-eventReset__button {
    width: 100%;
  }
}

.p-eventAnnotation {
  margin-top: 14px;
  padding: 30px;
  background: #EBEBE9;
}

.p-eventWeek {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 60px);
}
.p-eventWeek .slick-prev {
  top: 62%;
}
.p-eventWeek .slick-prev:before {
  color: #000;
}
.p-eventWeek .slick-next {
  top: 62%;
}
.p-eventWeek .slick-next:before {
  color: #000;
}
.p-eventWeek .slick-disabled:before {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-eventWeek {
    width: calc(100% - 30px);
    margin-left: 0;
    margin-right: 0;
  }
  .p-eventWeek .slick-prev {
    top: 62%;
  }
  .p-eventWeek .slick-prev:before {
    color: #000;
  }
  .p-eventWeek .slick-next {
    top: 62%;
  }
  .p-eventWeek .slick-next:before {
    color: #000;
  }
  .p-eventWeek .slick-disabled:before {
    opacity: 1;
  }
}

.p-hojo__list {
  margin: 0;
}
.p-hojo__list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  padding: 10px 0;
}
.p-hojo__list div dd {
  color: #E1453C;
}
.p-hojo__list div.noneLine {
  border-bottom: none;
}
.p-hojo__title {
  font-size: 15px;
  margin: 1.5em 0 0;
}

.p-yoyaku__underline {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.p-yoyaku__tel {
  font-weight: bold;
  font-size: 200%;
}

.p-aid__banner {
  margin-bottom: 3em;
  text-align: center;
}

.p-aid__banner.slick-initialized {
  opacity: 1;
}

.p-aid__banner.slick-dotted.slick-slider {
  width: 66%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-aid__banner.slick-dotted.slick-slider {
    width: 100%;
  }
}

.p-aid__banner.slick-dotted.slick-slider .prev-arrow, .p-aid__banner.slick-dotted.slick-slider .next-arrow {
  position: absolute;
  top: 50%;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
}

.p-aid__banner.slick-dotted.slick-slider .next-arrow {
  right: -60px;
  background-image: url("../img/common/ico_next.png");
}

.p-aid__banner.slick-dotted.slick-slider .prev-arrow {
  left: -60px;
  background-image: url("../img/common/ico_prev.png");
}

.p-aid__banner .slick-dots li button:before {
  color: #4FA88C;
}

.p-aid__banner .slick-dots li.slick-active button:before {
  color: #4FA88C;
}

/*add 202304*/
.p-guestVoice {
  text-align: center;
}
.p-guestVoice__title {
  text-align: center;
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .p-guestVoice__title {
    margin-top: 0;
  }
}
.p-guestVoice__btn {
  display: block;
  text-align: center;
  margin: 20px auto;
}
@media screen and (max-width: 767px) {
  .p-guestVoice__btn {
    padding: 0 1em;
  }
}
.p-guestVoice__oc {
  width: 100%;
  max-width: 1080px;
  padding: 80px 0;
  margin: 40px auto 20px;
  background: url("../img/event/guest_voice/bg_oc.png");
}
@media screen and (max-width: 767px) {
  .p-guestVoice__oc h3 img {
    height: 7.6vw;
    max-height: 57px;
    width: auto;
  }
}
.p-guestVoice__oc .p-guestVoice__baloon {
  height: 695px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__oc .p-guestVoice__baloon {
    height: 64.2vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__oc .p-guestVoice__baloon {
    height: 335vw;
    margin: 8vw 0;
  }
}
.p-guestVoice__setsumei {
  width: 100%;
  max-width: 1080px;
  padding: 80px 0;
  margin: 40px auto 20px;
  background: url("../img/event/guest_voice/bg_setsumei.png");
}
@media screen and (max-width: 767px) {
  .p-guestVoice__setsumei h3 img {
    height: 7.6vw;
    max-height: 57px;
    width: auto;
  }
}
.p-guestVoice__setsumei .p-guestVoice__baloon {
  height: 452px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__setsumei .p-guestVoice__baloon {
    height: 41.9vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__setsumei .p-guestVoice__baloon {
    height: 235vw;
    margin: 8vw 0;
  }
}
.p-guestVoice__baloon {
  display: block;
  width: 100%;
  position: relative;
  list-style: none;
}
.p-guestVoice__baloon li {
  position: absolute;
}
.p-guestVoice__baloon01 {
  top: 60px;
  left: 150px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon01 {
    width: 29.2vw;
    top: 8vw;
    left: 13vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon01 {
    width: 77vw;
    top: 0;
    left: inherit;
    right: 4vw;
  }
}
.p-guestVoice__baloon02 {
  top: 0;
  left: 600px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon02 {
    width: 40vw;
    top: 0;
    left: 55vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon02 {
    width: 85.6vw;
    top: 55.3vw;
    left: 4vw;
  }
}
.p-guestVoice__baloon03 {
  top: 385px;
  left: 700px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon03 {
    width: 32.7vw;
    top: 34vw;
    left: 64vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon03 {
    width: 92vw;
    top: 117vw;
    left: 4vw;
  }
}
.p-guestVoice__baloon04 {
  top: 240px;
  left: 420px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon04 {
    width: 29.3vw;
    top: 21vw;
    left: 40vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon04 {
    width: 86.7vw;
    top: 173vw;
    left: inherit;
    right: 4vw;
  }
}
.p-guestVoice__baloon05 {
  top: 275px;
  left: 20px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon05 {
    width: 34.3vw;
    top: 26vw;
    left: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon05 {
    width: 85.6vw;
    top: 231.6vw;
    left: 4vw;
  }
}
.p-guestVoice__baloon {
  /*&06 {
  	top: 445px;
  	left: 640px;
  	@media screen and (max-width: 1080px) {
  		width: 37vw;
  		top: 41.2vw;
  		left: 59.2vw;
  	}
  	@include deviceSP {
  		width: 81.6vw;
  		top: 285.3vw;
  		left: inherit;
  		right: 4vw;
  	}
  }*/
}
.p-guestVoice__baloon07 {
  top: 490px;
  left: 160px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon07 {
    width: 39.3vw;
    top: 45.4vw;
    left: 14.8vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon07 {
    width: 92vw;
    top: 293vw;
    left: 4vw;
  }
}
.p-guestVoice__baloon08 {
  top: 0;
  left: 35px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon08 {
    width: 35.7vw;
    top: 0;
    left: 3.24vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon08 {
    width: 85.4vw;
    top: 0;
    left: 4vw;
  }
}
.p-guestVoice__baloon09 {
  top: 270px;
  left: 620px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon09 {
    width: 31.8vw;
    top: 25vw;
    left: 57.4vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon09 {
    width: 92vw;
    top: 60.5vw;
    left: 4vw;
  }
}
.p-guestVoice__baloon10 {
  top: 5px;
  left: 480px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon10 {
    width: 43vw;
    top: 4.6vw;
    left: 44.4vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon10 {
    width: 88.7vw;
    top: 113vw;
    left: inherit;
    right: 4vw;
  }
}
.p-guestVoice__baloon11 {
  top: 210px;
  left: 140px;
}
@media screen and (max-width: 1080px) {
  .p-guestVoice__baloon11 {
    width: 39.6vw;
    top: 19.4vw;
    left: 12.9vw;
  }
}
@media screen and (max-width: 767px) {
  .p-guestVoice__baloon11 {
    width: 92vw;
    top: 174.5vw;
    left: 4vw;
  }
}

.event_slider {
  background: #fff;
  margin-top: 60px;
  padding-top: 60px;
  height: 756px;
}
@media screen and (max-width: 767px) {
  .event_slider {
    margin-top: 40px;
    padding-top: 40px;
    height: 693px;
  }
}
.event_slider .p-homeTitle__wrap {
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .event_slider .p-homeTitle__wrap {
    margin-bottom: 40px;
  }
}
.other_events .ttl {
  max-width: 440px;
  margin: 50px auto 40px;
}
@media screen and (max-width: 767px) {
  .other_events .ttl {
    width: 80%;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

.p-lecturerBlock {
  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;
  padding: 50px 0;
  border-bottom: 1px solid #212121;
}
.p-lecturerBlock:first-child {
  padding-top: 0;
}
.p-lecturerBlock__textBlock {
  width: 62.5%;
}
.p-lecturerBlock__imgBlock {
  width: 30%;
}
.p-lecturerBlock__profile {
  background-color: #fafafa;
  padding: 20px;
  font-size: 14px;
  margin-top: 30px;
}
.p-lecturerBlock__profile span {
  color: #fff;
  background-color: #000;
  font-size: inherit;
  margin-bottom: 16.5px;
  display: inline-block;
  padding: 0 10px;
}
.p-lecturerBlock.-special .p-lecturerBlock__textBlock {
  width: 47.5%;
}
.p-lecturerBlock.-special .p-lecturerBlock__imgBlock {
  width: 45%;
}
.p-lecturerBlock.-special .p-lecturerBlock__profile {
  padding: 30px 30px 22.5px;
  margin-top: 50px;
  width: 800px;
}
.p-lecturerBlock__name {
  margin-bottom: 5px;
  font-size: 24px;
}
.p-lecturerBlock__name .-label {
  padding: 3.5px 20px;
  margin-left: 17px;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  background: #2889DC;
  border-radius: 15px;
  vertical-align: middle;
}
.p-lecturerBlock__position {
  margin-bottom: 20px;
  line-height: 25px;
}
.p-lecturerBlock__text {
  margin-bottom: 20px;
}
.p-lecturerBlock__text:last-child {
  margin-bottom: 0px;
}
.p-lecturerBlock__lead {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-lecturerBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 30px 0;
  }
  .p-lecturerBlock:last-child {
    border-bottom: none;
  }
  .p-lecturerBlock.-special .p-lecturerBlock__textBlock {
    width: 100%;
  }
  .p-lecturerBlock.-special .p-lecturerBlock__imgBlock {
    width: 100%;
  }
  .p-lecturerBlock.-special .p-lecturerBlock__img {
    max-width: 59vw;
  }
  .p-lecturerBlock.-special .p-lecturerBlock__profile {
    width: 100%;
  }
  .p-lecturerBlock__imgBlock {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
  .p-lecturerBlock__img {
    max-width: 50vw;
  }
  .p-lecturerBlock__textBlock {
    width: auto;
  }
  .p-lecturerBlock__name {
    font-size: 17px;
  }
  .p-lecturerBlock__name .-label {
    padding: 2.5px 14.75px;
    margin-left: 14px;
    font-size: 12px;
  }
  .p-lecturerBlock__position {
    font-size: 13px;
    line-height: 23.5px;
  }
  .p-lecturerBlock__text {
    font-size: 15px;
  }
  .p-lecturerBlock__profile {
    margin-top: 30px;
  }
}

.p-lecturerBlock2line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 0;
  border-bottom: 1px solid #212121;
}
.p-lecturerBlock2line__item {
  width: 45%;
}
.p-lecturerBlock2line__imgBlock {
  margin-bottom: 1em;
  text-align: center;
}
.p-lecturerBlock2line__imgBlock img {
  width: 70%;
}
@media screen and (max-width: 767px) {
  .p-lecturerBlock2line {
    display: block;
  }
  .p-lecturerBlock2line__item {
    width: 100%;
  }
  .p-lecturerBlock2line__item:first-child {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #212121;
  }
  .p-lecturerBlock2line__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

.p-message p {
  text-indent: 1em;
  margin: 1.5em 0 0;
}
.p-messageBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-messageBlock__imgBlock {
  width: 200px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.p-messageBlock__textBlock {
  width: 560px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.p-message__title {
  font-size: 24px;
  font-weight: bold;
}
.p-message__name {
  font-size: 14px;
  margin: 2em 0 0;
}
.p-message__name span {
  font-size: 24px;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-messageBlock {
    display: block;
  }
  .p-messageBlock__imgBlock {
    width: 200px;
    margin: 0 auto;
  }
  .p-messageBlock__textBlock {
    width: 100%;
  }
  .p-message__title {
    font-size: 17px;
    margin: 1.5em 0;
  }
  .p-message__name {
    font-size: 13px;
  }
  .p-message__name span {
    font-size: 25px;
  }
}

.p-year {
  border-top: 1px solid #212121;
}
.p-year__item {
  padding: 1.7em 0;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #212121;
}
.p-year__month {
  float: left;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
}
.p-year__event {
  float: right;
  width: calc(100% - 5em);
}
.p-year__event:before {
  content: "●";
  color: #F2821F;
}
.p-year__event.-first:before {
  color: #E1453C;
}
.p-year__event.-second:before {
  color: #2889DC;
}
.p-year__text {
  margin: 1em 0 5em;
}
.p-year__text .-def {
  color: #F2821F;
}
.p-year__text .-first {
  color: #E1453C;
}
.p-year__text .-second {
  color: #2889DC;
}
@media screen and (max-width: 767px) {
  .p-year__month {
    font-size: 28px;
  }
  .p-year__event {
    width: calc(100% - 3em);
  }
  .p-year__text {
    font-size: 11px;
  }
}

.p-target__schedule {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-target__schedule {
    margin-top: 20px;
  }
  .p-target__schedule:first-child {
    margin-top: 0;
  }
}
.p-target__schedule__item {
  border: 1px solid;
  margin-top: 20px;
}
.p-target__schedule__item:first-child {
  margin-top: 0;
}
.p-target__schedule__item.-second {
  border-color: #2889dc;
}
.p-target__schedule__item.-second .p-target__schedule__title {
  background: #2889dc;
}
.p-target__schedule__item.-third {
  border-color: #4fa78c;
}
.p-target__schedule__item.-third .p-target__schedule__title {
  background: #4fa78c;
}
.p-target__schedule__arrow {
  text-align: center;
  margin-top: 5px;
}
.p-target__schedule__arrow img {
  vertical-align: bottom;
}
.p-target__schedule__title {
  color: #fff;
  font-weight: bold;
  padding: 0.5em 1em;
}
.p-target__schedule__detail {
  padding: 0.5em 1em 1em;
}
.p-target__schedule__detail p {
  font-size: 15px;
  display: block;
}
.p-target__schedule__detail .c-col2__item {
  width: 375px;
}
.p-target__schedule__pic {
  padding: 0.5em 0 0;
}
.p-target__schedule__pic.-mgt {
  margin-top: 2.8em;
}
@media screen and (max-width: 767px) {
  .p-target__schedule__pic.-mgt {
    margin-top: 0;
  }
}
.p-target__schedule__subtitle {
  font-size: 16px;
  font-weight: bold;
  margin: 1em 0 0;
}
.p-target__schedule__subtitle:first-child {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-target__schedule__subtitle {
    font-size: 15px;
  }
}
.p-target__schedule__subtitle2 {
  font-size: 16px;
  font-weight: bold;
  margin: 1.5em 0 1em;
  background: #eeeeed;
  padding: 0.5em 1em;
}
.p-target__schedule__subtitle2:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-target__schedule__subtitle2 {
    font-size: 15px;
  }
}
.p-target__oc {
  background: #eeeeed;
}
.p-target__oc__title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #d3d3d2;
  padding: 1em 0;
}
.p-target__oc__body {
  padding: 30px;
}
.p-target__oc__body .c-col2__item {
  width: 355px;
}
.p-target__oc__text {
  width: 610px;
  margin: 20px auto;
}
.p-target__oc__textL {
  margin: 0.5em 0;
}
.p-target__oc__text:first-child {
  margin-top: 0;
}
.p-target__oc__image {
  text-align: center;
}
.p-target__oc__image img {
  max-width: 385px;
}
.p-target__oc .c-LinkButton {
  max-width: 400px;
  margin: 0 auto 20px;
}
.p-target__oc .c-LinkButton:last-child {
  margin-bottom: 0;
}
.p-target__oc__info {
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 10px;
}
.p-target__oc__info__item {
  width: 50%;
  text-align: center;
  padding: 0 10px;
}
.p-target__oc__info__item:last-child {
  border-left: 1px solid #212121;
}
.p-target__oc__info__title {
  margin: 0;
  font-weight: normal;
}
.p-target__oc__info__large {
  font-size: 26px;
  font-weight: bold;
}
.p-target__oc__info__small {
  font-size: 13px;
}
.p-target__oc__info.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-target__oc__info.center .p-target__oc__info__item:last-child {
  border-left: unset;
}
.p-target__oc__button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffd138;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin: 2em 0 1em;
  padding: 1em;
}
.p-target__oc__button:first-child {
  margin-top: 0;
}
.p-target__oc__button span:first-child::before {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
          transform: rotate(-21deg);
  margin-right: 0.5em;
}
.p-target__oc__button span:first-child::after {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(21deg);
      -ms-transform: rotate(21deg);
          transform: rotate(21deg);
  margin-left: 0.5em;
}
.p-target__oc__button strong {
  font-size: 24px;
}
.p-target__oc__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5em;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-target__oc__documentRequest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-target__oc__documentRequest .c-colorButton__link {
  width: 48%;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 1.5em 0;
}
.p-target__oc__documentRequest .c-colorButton__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.3em;
  display: inline-block;
  width: 8.5px;
  height: 8.5px;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-target__oc__documentRequest .c-colorButton__link.-documentRequest {
  background-color: #2889dc;
  border: 2px solid #2889dc;
}
.p-target__oc__documentRequest .c-colorButton__link.-documentRequest::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.p-target__oc__documentRequest .c-colorButton__link.-documentRequest::before {
  width: 32px;
  height: 28px;
  max-width: 32px;
  max-height: 28px;
  background: url("../img/common/icon_header02.svg") no-repeat;
  background-size: contain;
}
.p-target__oc__documentRequest .c-colorButton__link.-line {
  border: 2px solid #1bb71f;
}
.p-target__oc__documentRequest .c-colorButton__link.-line::after {
  border-top: 2px solid #1bb71f;
  border-right: 2px solid #1bb71f;
}
.p-target__oc__documentRequest .c-colorButton__link.-line::before {
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
}
@media screen and (max-width: 767px) {
  .p-target__oc {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
  .p-target__oc__body {
    padding: 25px 0;
  }
  .p-target__oc__info {
    display: block;
    border-radius: 10px;
  }
  .p-target__oc__info__item {
    width: 100%;
  }
  .p-target__oc__info__item:last-child {
    border-left: none;
    border-top: 1px solid #212121;
    margin-top: 15px;
    padding-top: 15px;
  }
  .p-target__oc__info__title {
    font-size: 13px;
  }
  .p-target__oc__info__large {
    font-size: 28px;
  }
  .p-target__oc__info__small {
    font-size: 11px;
  }
  .p-target__oc__info.center .p-target__oc__info__item:last-child {
    border-top: unset;
    margin-top: 0;
    padding-top: 0;
  }
  .p-target__oc__button {
    font-size: 14px;
  }
  .p-target__oc__button strong {
    font-size: 20px;
  }
  .p-target__oc__documentRequest {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1em;
  }
  .p-target__oc__documentRequest .c-colorButton__link {
    width: 100%;
  }
}
.p-target__recruit {
  width: 100%;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eeeeed;
  border-radius: 10px;
}
.p-target__recruit__item {
  width: 50%;
  text-align: center;
  padding: 0 10px;
}
.p-target__recruit__item:last-child {
  border-left: 1px solid #212121;
}
.p-target__recruit__title {
  margin: 0;
  font-weight: normal;
}
.p-target__recruit__large {
  font-size: 26px;
  font-weight: bold;
}
.p-target__recruit__middle {
  font-size: 18px;
  font-weight: bold;
  line-height: 2;
}
.p-target__recruit__middle__logo {
  width: 42%;
  line-height: 1;
  margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
  .p-target__recruit__middle__logo {
    width: 36%;
  }
}
.p-target__recruit__middle__logo02 {
  width: 95%;
  line-height: 1;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .p-target__recruit__middle__logo02 {
    margin: 0 auto 7px;
  }
}
.p-target__recruit__small {
  font-size: 13px;
}
.p-target__recruit.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-target__recruit.center .p-target__recruit__item:last-child {
  border-left: unset;
}
@media screen and (max-width: 767px) {
  .p-target__recruit {
    display: block;
    border-radius: 10px;
  }
  .p-target__recruit__item {
    width: 100%;
  }
  .p-target__recruit__item:last-child {
    border-left: none;
    border-top: 1px solid #212121;
    margin-top: 15px;
    padding-top: 15px;
  }
  .p-target__recruit__title {
    font-size: 13px;
  }
  .p-target__recruit__large {
    font-size: 28px;
    line-height: 1.2;
  }
  .p-target__recruit__middle {
    font-size: 16px;
  }
  .p-target__recruit__small {
    font-size: 11px;
  }
  .p-target__recruit.center .p-target__recruit__item:last-child {
    border-top: unset;
    margin-top: 0;
    padding-top: 0;
  }
}
.p-targetMore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1em;
}
.p-targetMore__ico {
  width: 100px;
}
.p-targetMore__right {
  width: calc(100% - 115px);
}
.p-targetMore__title {
  margin: 0;
}
.p-targetMore__text {
  margin: 0.5em 0 0;
}
.p-targetMore__textsub {
  font-size: 13px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-targetMore {
    margin-top: 1.5em;
    position: relative;
  }
  .p-targetMore::after {
    content: "";
    position: absolute;
    top: 3em;
    right: 0;
    display: inline-block;
    width: 8.5px;
    height: 8.5px;
    border-top: 2px solid #212121;
    border-right: 2px solid #212121;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  .p-targetMore__ico {
    width: 90px;
  }
  .p-targetMore__right {
    width: calc(100% - 100px);
    padding-right: 2.5em;
  }
  .p-targetMore__text {
    margin: 0;
    font-size: 15px;
  }
  .p-targetMore__textsub {
    font-size: 11px;
  }
}
.p-target .p-homeList__list {
  margin-top: 25px;
}
.p-target .p-homeList__button {
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .p-target .p-homeListItem {
    max-width: 250px;
  }
}

.p-form {
  padding: 120px 0;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.p-form__errorMessage {
  display: block;
  margin-bottom: 10px;
  color: #E1453C;
  font-size: inherit;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-form {
    padding: 50px 0;
  }
}

.p-formContact {
  border-top: 1px solid #DDDDDD;
  padding: 80px 0;
  font-size: 18px;
}
.p-formContact__text {
  text-align: center;
}
.p-formContact__caption {
  font-size: 16px;
  max-width: 490px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-formContact {
    padding: 40px 20px;
    margin: 0 -20px;
    font-size: 16px;
  }
  .p-formContact__text {
    text-align: left;
  }
  .p-formContact__caption {
    font-size: 13px;
  }
}

.p-formTel {
  margin: 1em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.p-formTel__text {
  font-size: 16px;
}
.p-formTel__number {
  font-size: 40px;
  font-weight: bold;
  margin: 0 0 0 0.5em;
}
@media screen and (max-width: 767px) {
  .p-formTel {
    display: block;
  }
  .p-formTel__text {
    font-size: 13px;
  }
  .p-formTel__number {
    font-size: 28px;
    line-height: 1;
    margin: 0;
  }
}

.c-phaseWrap {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .c-phaseWrap {
    margin-bottom: 15px;
  }
}

.c-phaseLabel {
  max-width: 385px;
  border-radius: 23px;
  padding: 8px;
  margin: 0 auto;
  background: #999998;
  text-align: center;
}
.c-phaseLabel__text {
  color: #fff;
  font-weight: bold;
}

.c-inputText,
.c-inputSelect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px 12px;
  border: 1px solid #212121;
  border-radius: 0;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
}
.c-inputText.reInput,
.c-inputSelect.reInput {
  border-color: #E1453C;
  background-color: #F4CDCA;
}

.c-inputTextarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 10px 12px;
  border: 1px solid #212121;
  border-radius: 0;
  background: #fff;
  font-size: 16px;
  line-height: 1.5;
  min-height: 140px;
}

.c-inputSelectWrap {
  position: relative;
}
.c-inputSelectWrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #212121 transparent transparent transparent;
  border-width: 9px 4.5px 0 4.5px;
}

.c-required::after {
  content: "必須";
  display: inline-block;
  padding: 0 10px;
  margin-left: 16px;
  background: #E1453C;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
}

.c-formTable {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .c-formTable__row {
    border-top: 1px solid #ddd;
  }
  .c-formTable__row:last-child {
    border-bottom: 1px solid #ddd;
  }
  .c-formTable__row:first-child {
    border-top: none;
    border-bottom: none;
  }
}
.c-formTable__row.-vtop > * {
  padding-top: 10px;
  vertical-align: top;
}
.c-formTable__row.-bottom {
  border-bottom: none;
}
.c-formTable__th {
  width: 270px;
  font-size: 16px;
  text-align: left;
  padding: 26px 0 30px;
}
.c-formTable__td {
  width: 530px;
  padding: 26px 0 30px;
}
@media screen and (max-width: 1024px) {
  .c-formTable__td {
    width: calc(100% - 270px);
  }
}
@media screen and (max-width: 767px) {
  .c-formTable {
    margin-bottom: 50px;
  }
  .c-formTable__row, .c-formTable__th, .c-formTable__td {
    display: block;
    width: 100%;
  }
  .c-formTable__th {
    padding: 15px 0 5px;
  }
  .c-formTable__td {
    padding: 5px 0 20px;
  }
  .c-formTable__row:last-child td {
    padding-bottom: 0;
  }
}

.c-inputCol {
  max-width: 440px;
  letter-spacing: -0.5em;
}
.c-inputCol .Error {
  display: block;
  color: #E1453C;
  font-size: inherit;
  font-weight: bold;
  letter-spacing: normal;
}
@media screen and (max-width: 767px) {
  .c-inputCol {
    max-width: 100%;
  }
}
.c-inputCol__2item {
  display: inline-block;
  width: 50%;
  max-width: 160px;
  letter-spacing: normal;
}
.c-inputCol__2item:last-child {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .c-inputCol__2item {
    width: 46%;
    max-width: 180px;
  }
  .c-inputCol__2item:last-child {
    margin-left: 8%;
  }
}
.c-inputCol__item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  letter-spacing: normal;
}
.c-inputCol__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .c-inputCol.-auto {
    max-width: none;
    padding-right: 50px;
  }
}

.c-inputWrap__label {
  display: block;
  margin-bottom: 6px;
}
.c-inputWrap__label + .c-inputSelectWrap {
  margin-top: 25px;
}
.c-inputWrap__label.-small {
  font-size: 12px;
}
.c-inputWrap__input {
  display: inline-block;
  width: 100%;
}
.c-inputWrap__select {
  display: inline-block;
  width: 100%;
}
.c-inputWrap.-sat span {
  color: #2889DC;
}
.c-inputWrap.-sun span {
  color: #E1453C;
}
.c-inputWrap .c-inputCheckbox {
  margin: 20px 0;
}
.c-inputWrap .c-inputCheckbox:last-child {
  margin-bottom: 0;
}
.c-inputWrap .c-inputCheckbox.-mt0 {
  margin-top: 0;
}
.c-inputWrap .c-inputCheckbox.-readonly {
  pointer-events: none;
}

.c-flowText {
  font-size: 15px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-flowText {
    text-align: start;
  }
}

.c-inputPost {
  margin-bottom: 25px;
}
.c-inputPost__text {
  letter-spacing: normal;
}
.c-inputPost__first {
  display: inline-block;
  width: 28.5%;
}
.c-inputPost__second {
  display: inline-block;
  width: 34.3%;
}
.c-inputPost__line {
  display: inline-block;
  width: 15px;
  margin: 0 15px;
}

.p-access__address {
  margin: 10px 0;
  font-size: 18px;
  font-style: normal;
}
.p-access__subTitle {
  font-size: 24px;
}
.p-access__textBlock {
  margin-bottom: 30px;
}
.p-access__textBlock:last-child {
  margin-bottom: 0;
}
.p-access__link {
  margin: 30px 0;
}
.p-access__link.-ochanomizu {
  margin: 40px 40px 0;
}
.p-access__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 1.5em;
}
.p-access__list.-noStyle {
  padding-left: 0;
  list-style: none;
}
.p-access__listItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-access__address {
    font-size: 16px;
  }
  .p-access__subTitle {
    font-size: 17px;
  }
  .p-access__link.-ochanomizu {
    margin: 20px 20px 0;
  }
  .p-access__list {
    display: block;
  }
  .p-access__listItem {
    margin-bottom: 5px;
  }
}

.p-ochanomizu {
  background: #F4F4F3;
  padding-bottom: 40px;
  margin-bottom: 90px;
}
.p-ochanomizu__title {
  background: #D3D3D2;
  padding: 1em;
  font-size: 18px;
  font-weight: bold;
}
.p-ochanomizu__title span {
  color: #E1453C;
}
.p-ochanomizu__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
}
.p-ochanomizu__photo {
  width: 480px;
}
.p-ochanomizu__detail {
  width: 480px;
}
.p-ochanomizu__detail h4 {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-ochanomizu {
    margin: 0 -20px 40px -20px;
    padding-bottom: 20px;
  }
  .p-ochanomizu__title {
    font-size: 16px;
    padding: 1em 1.6em;
  }
  .p-ochanomizu__info {
    display: block;
    padding: 20px;
  }
  .p-ochanomizu__photo {
    width: 100%;
  }
  .p-ochanomizu__detail {
    width: 100%;
  }
  .p-ochanomizu__detail h3, .p-ochanomizu__detail h4 {
    font-size: 15px;
    margin-top: 1em;
  }
}

.p-sitemap {
  margin-top: 70px;
}
.p-sitemap__wrap {
  margin-bottom: 10px;
}
.p-sitemap__list {
  padding: 0 0 0 30px;
  margin: 0;
  list-style: none;
}
.p-sitemap__link {
  position: relative;
}
.p-sitemap__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.p-modalButton {
  text-decoration: underline;
  cursor: pointer;
}

.p-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 150;
}
.p-modal__inner {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 600px;
  overflow-y: auto;
}
.p-modal__wrap {
  padding: 76px 60px;
}
.p-modal__title {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}
.p-modal__text {
  margin-bottom: 42px;
}
.p-modal__text.small {
  font-size: 14px;
}
.p-modal__hr {
  margin: 0 0 42px;
  border-color: #212121;
}
.p-modal__close {
  display: block;
  width: 100%;
  text-align: center;
}
.p-modal__close span {
  border-bottom: 1px solid #212121;
  cursor: pointer;
}
.p-modal__cross {
  position: absolute;
  top: -4.4375vw;
  right: -6.0625vw;
  display: inline-block;
  width: 3.9375vw;
  height: 3.9375vw;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-modal {
    width: 100%;
  }
  .p-modal__inner {
    max-height: 355px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
  }
  .p-modal__wrap {
    padding: 30px 20px 44px;
  }
  .p-modal__text {
    margin-bottom: 22px;
  }
  .p-modal__hr {
    margin-bottom: 22px;
  }
  .p-modal__cross {
    top: -50px;
    right: 20px;
    width: 30px;
    height: 30px;
  }
}

body.open #wrapper {
  position: fixed;
  width: 100%;
}

.p-overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #212121;
  opacity: 0.7;
  z-index: 100;
}

.p-guidelines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-guidelines > * {
  width: calc((99.9% - 60px) / 3);
  margin-right: 30px;
}
.p-guidelines > *:nth-child(3n) {
  margin-right: 0;
}
.p-guidelines > *:nth-child(n+4) {
  margin-top: 35px;
}
.p-guidelines > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .p-guidelines > * {
    width: 100%;
    margin-right: 0;
  }
  .p-guidelines > *:nth-child(n+2) {
    margin-top: 0px;
  }
}
.p-guidelines__block {
  border: 3px solid #CFCFCF;
  border-radius: 14px;
  padding: 25px 18px;
}
.p-guidelines__title {
  margin: 0 0 1em;
  font-weight: bold;
}
.p-guidelines__list {
  list-style: none;
  margin: 0;
  padding: 0 0 30px;
}
.p-guidelines__list li {
  margin-bottom: 0.5em;
  font-size: 14px;
}
.p-guidelines__list li::before {
  content: "➤";
}
@media screen and (max-width: 767px) {
  .p-guidelines__block {
    border: 3px solid #CFCFCF;
    border-bottom: none;
    padding: 20px 15px;
    border-radius: 0;
  }
  .p-guidelines__block:first-child {
    border-radius: 14px 14px 0 0;
  }
  .p-guidelines__block:last-child {
    border-radius: 0 0 14px 14px;
    border-bottom: 3px solid #CFCFCF;
  }
  .p-guidelines__title {
    font-size: 14px;
    margin: 0 0 0.5em;
  }
  .p-guidelines__list {
    padding: 0;
  }
  .p-guidelines__list li {
    margin-bottom: 0.5em;
    font-size: 12px;
  }
}

/*all*/
.bk_yel {
  background: #fff344;
}

.c-title {
  font-size: 28px;
  color: #fff;
  font-weight: 700;
  background: #008cd6;
  max-width: 500px;
  text-align: center;
  padding: 5px 10px 0px;
  margin: 0 auto 50px;
}

.p-aimfor_main {
  border-bottom: 1px solid #212121;
  padding-bottom: 30px;
}
.p-aimfor_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
.p-aimfor_list ul li {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .p-aimfor_list ul li {
    width: 100%;
  }
  .p-aimfor_list ul li:not(:last-of-type) {
    margin-bottom: 7px;
  }
}
.p-aimfor_list ul li a span {
  border-bottom: 1px solid #212121;
}
.p-aimfor_list ul li a span::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #212121;
  border-right: 1px solid #212121;
  -webkit-transform: translateY(-44%) rotate(45deg);
      -ms-transform: translateY(-44%) rotate(45deg);
          transform: translateY(-44%) rotate(45deg);
  margin-left: 3px;
}
.p-aimfor_list ul li a:hover span {
  border-bottom: none;
}

.p-curriculum {
  padding-top: 60px;
}
.p-curriculum__title {
  font-size: 22px;
  padding: 0.7em 20px;
}
.p-curriculum__title.-commu {
  background: #c1da81;
}
.p-curriculum__title.-program {
  background: #83d3fa;
}
.p-curriculum__title.-creat {
  background: #f6bdcc;
}
.p-curriculum__title.-web {
  background: #f6ae54;
}
.p-curriculum__title.-graphic {
  color: #ffffff;
  background: #60aa71;
}
.p-curriculum__title {
  /*サブタイトル*/
}
.p-curriculum__title_sub {
  font-size: 15px;
  font-weight: 700;
  padding: 0.7em 20px;
}
.p-curriculum__title_sub.-graphic {
  background: #d3ebc7;
}
.p-curriculum__infoTitle.-commu img {
  width: 224px;
}
.p-curriculum__infoTitle.-commu2 img {
  width: 157px;
}
.p-curriculum__infoTitle.-program {
  text-align: center;
}
.p-curriculum__infoTitle.-program img {
  width: 100%;
}
.p-curriculum__infoTitle.-creat {
  text-align: center;
}
.p-curriculum__infoTitle.-creat img {
  width: 100%;
}
.p-curriculum__infoBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-curriculum__infoBlock > * {
  width: calc((99.9% - 50px) / 2);
  margin-right: 50px;
}
.p-curriculum__infoBlock > *:nth-child(2n) {
  margin-right: 0;
}
.p-curriculum__infoBlock > *:nth-child(n+3) {
  margin-top: 0px;
}
.p-curriculum__infoBlock > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .p-curriculum__infoBlock > * {
    width: calc((99.9% - 30px) / 2);
    margin-right: 30px;
  }
  .p-curriculum__infoBlock > *:nth-child(2n) {
    margin-right: 30px;
  }
  .p-curriculum__infoBlock > *:nth-child(2n) {
    margin-right: 0;
  }
  .p-curriculum__infoBlock > *:nth-child(n+3) {
    margin-top: 0px;
  }
  .p-curriculum__infoBlock > *:last-child {
    margin-right: 0;
  }
}
.p-curriculum__infoBlock {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-curriculum__table {
  width: 100%;
  border-left: 1px solid #707070;
  border-top: 1px solid #707070;
}
.p-curriculum__table th,
.p-curriculum__table td {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  text-align: center;
  vertical-align: middle;
  padding: 0.5em 1em;
}
.p-curriculum__table th br,
.p-curriculum__table td br {
  display: none;
}
.p-curriculum__table th.-commu,
.p-curriculum__table td.-commu {
  background: #cbe2a9;
}
.p-curriculum__table th.-program,
.p-curriculum__table td.-program {
  background: #98d7f7;
}
.p-curriculum__table th.-creat,
.p-curriculum__table td.-creat {
  background: #f6bdcc;
}
.p-curriculum__table th.-web,
.p-curriculum__table td.-web {
  background: #feecd2;
}
.p-curriculum__table th.-gray,
.p-curriculum__table td.-gray {
  background: #eeeeed;
}
.p-curriculum__table th.-graphic,
.p-curriculum__table td.-graphic {
  background: #60aa71;
}
.p-curriculum__table thead th {
  background: #6d6d6d;
  text-align: center;
  color: #fff;
  border-right: 1px solid #fff;
}
.p-curriculum__table thead th:last-child {
  border-right: 1px solid #707070;
}
.p-curriculum__table thead th.-online {
  background-color: #c7f8ff;
  color: #6d6d6d;
}
.p-curriculum__tableTitle {
  font-size: 22px;
  margin: 2.5em 0 1em;
}
.p-curriculum__tableNote {
  font-size: 16px;
}
.p-curriculum__tableNote + .p-curriculum__tableNote {
  margin-left: 20px;
}
.p-curriculum__tableNote::before {
  content: "";
  display: inline-block;
  width: 3em;
  height: 1em;
  margin-right: 5px;
}
.p-curriculum__tableNote.-commu::before {
  background: #cbe2a9;
}
.p-curriculum__tableNote.-program::before {
  background: #98d7f7;
}
.p-curriculum__tableNote.-creat::before {
  background: #f6bdcc;
}
.p-curriculum__tableNote.-web::before {
  background: #feecd2;
}
.p-curriculum__tableNote.-online::before {
  background-color: #c7f8ff;
}
.p-curriculum__tableNote.-graphic::before {
  background: #60aa71;
}
.p-curriculum__tableNote__online-text {
  text-align: right;
  margin-bottom: 5px;
}
.p-curriculum__tableAttention {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-curriculum__title {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 16px;
  }
  .p-curriculum__infoTitle.-commu img {
    max-width: 187px;
  }
  .p-curriculum__infoTitle.-program img {
    max-width: 100%;
  }
  .p-curriculum__infoTitle.-creat img {
    max-width: 100%;
  }
  .p-curriculum__table th,
  .p-curriculum__table td {
    font-size: 9px;
    padding: 0.2em 0;
    line-height: 1.3;
  }
  .p-curriculum__table th br,
  .p-curriculum__table td br {
    display: block;
  }
  .p-curriculum__tableTitle {
    font-size: 16px;
  }
  .p-curriculum__tableNote {
    font-size: 11px;
  }
  .p-curriculum__tableAttention {
    font-size: 11px;
  }
}

.p-pickup__title {
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  padding: 0.1em 1.5em;
  margin: 2em 0 0.1em;
}
.p-pickup__title.-commu {
  border: 5px solid #c2da82;
}
.p-pickup__title.-program {
  border: 5px solid #52c3f1;
}
.p-pickup__title.-creat {
  border: 5px solid #f19db4;
}
.p-pickup__title.-web {
  border: 5px solid #f6ae54;
}
.p-pickup__title.-graphic {
  border: 5px solid #d3ebc7;
}
.p-pickup__title.-itb {
  border: 5px solid #008cd6;
  background: #fff;
  color: #008cd6;
  padding: 0em 1.5em;
  margin: 0;
}
.p-pickup__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-pickup__wrap > * {
  width: calc((99.9% - 30px) / 2);
  margin-right: 30px;
}
.p-pickup__wrap > *:nth-child(2n) {
  margin-right: 0;
}
.p-pickup__wrap > *:nth-child(n+3) {
  margin-top: 35px;
}
.p-pickup__wrap > *:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .p-pickup__wrap > * {
    width: 100%;
    margin-right: 0;
  }
  .p-pickup__wrap > *:nth-child(n+2) {
    margin-top: 0px;
  }
}
.p-pickup__wrap {
  border-bottom: 1px solid #212121;
  padding-bottom: 2em;
}
.p-pickup__blockTitle {
  font-size: 18px;
  margin: 2em 0 1em;
  overflow: hidden;
  line-height: 2.5em;
}
.p-pickup__blockTitle.-line2 {
  line-height: 1.2em;
}
.p-pickup__blockTitle span {
  display: block;
  width: 2.5em;
  line-height: 2.5em;
  margin-right: 0.7em;
  text-align: center;
  float: left;
}
.p-pickup__blockTitle span.-commu {
  background: #c2da82;
}
.p-pickup__blockTitle span.-program {
  background: #98d7f7;
}
.p-pickup__blockTitle span.-creat {
  background: #f6bdcc;
}
.p-pickup__blockTitle span.-web {
  background: #feecd2;
}
.p-pickup__blockTitle span.-graphic {
  background: #d3ebc7;
}
.p-pickup__blockCopy {
  font-size: 16px;
  line-height: 1.3;
  margin: 1em 0;
}
.p-pickup__blockCopy br {
  display: none;
}
.p-pickup__blockText {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .p-pickup__title {
    font-size: 20px;
    border-width: 3px !important;
  }
  .p-pickup__wrap {
    padding-bottom: 0;
  }
  .p-pickup__block {
    padding-bottom: 2em;
    border-bottom: 1px solid #ddd;
  }
  .p-pickup__block:first-child .p-pickup__blockTitle {
    margin-top: 1em;
  }
  .p-pickup__blockTitle {
    font-size: 16px;
  }
  .p-pickup__blockCopy {
    font-size: 16px;
  }
  .p-pickup__blockCopy br {
    display: block;
  }
}
.p-pickup-event__subtitle {
  font-size: 22px;
  margin: 19px 0 14px;
}
.p-pickup-event__flow__title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
.p-pickup-event__flow__theme {
  margin-top: 13px;
  font-size: 18px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-pickup-event__flow__theme span {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  width: 73px;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-pickup-event__flow__theme span:after {
  position: absolute;
  content: "";
  display: block;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 12px;
  border-color: transparent transparent transparent #000;
}
.p-pickup-event__flow__theme.-program span {
  background: #83d3fa;
}
.p-pickup-event__flow__theme.-program span:after {
  border-color: transparent transparent transparent #83d3fa;
}
.p-pickup-event__flow__theme.-creat span {
  background: #f299b2;
}
.p-pickup-event__flow__theme.-creat span:after {
  border-color: transparent transparent transparent #f299b2;
}
.p-pickup-event__flowFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-pickup-event__flowFlex.-program .p-pickup-event__flowItem:before {
  border-color: transparent transparent transparent #52c3f1;
}
.p-pickup-event__flowFlex.-program .p-pickup-event__month {
  background-color: #e2f3fa;
}
.p-pickup-event__flowFlex.-creat .p-pickup-event__flowItem:before {
  border-color: transparent transparent transparent #f299b2;
}
.p-pickup-event__flowFlex.-creat .p-pickup-event__month {
  background-color: #fad9e2;
}
.p-pickup-event__flowItem {
  width: calc((99.9% - 60px) / 3);
  margin-left: 30px;
  margin-top: 34px;
  position: relative;
}
.p-pickup-event__flowItem:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 4px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  left: -17px;
  top: 10px;
}
.p-pickup-event__flowItem:nth-child(3n+1) {
  margin-left: 0;
}
.p-pickup-event__flowItem:nth-child(3n+1):before {
  content: none;
}
.p-pickup-event__month {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.p-pickup-event__overflow {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
  line-height: 1.4;
}
.p-pickup-event__blockImg img {
  max-width: 100%;
}
.p-pickup-event__title {
  font-size: 16px;
  font-weight: bold;
  margin: 18px 0;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .p-pickup-event__subtitle {
    font-size: 18px;
    margin: 12px 0 6px;
  }
  .p-pickup-event__flow__title {
    font-size: 16px;
  }
  .p-pickup-event__flow__theme {
    font-size: 16px;
  }
  .p-pickup-event__flow__theme span {
    font-size: 14px;
    height: 26px;
    width: 65px;
  }
  .p-pickup-event__flow__theme span:after {
    border-width: 13px 0 13px 10px;
  }
  .p-pickup-event__flowFlex {
    display: block;
  }
  .p-pickup-event__flowItem {
    width: 100%;
    margin-left: 0;
  }
  .p-pickup-event__flowItem:before {
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .p-pickup-event__flowItem:nth-child(4):before {
    content: "";
  }
  .p-pickup-event__overflow {
    font-size: 16px;
  }
}
.p-pickup_info {
  margin-top: 20px;
}
.p-pickup_infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.p-pickup_infoBox img {
  width: 56%;
}
.p-pickup_infoBoxText {
  width: 44%;
  padding-left: 1%;
}
.p-pickup_infoBoxText p {
  background: #e2f3fa;
  margin-left: 10%;
  padding: 6%;
  font-size: 14px;
  position: relative;
  border-radius: 4px;
}
.p-pickup_infoBoxText p:after {
  content: "";
  background: #e2f3fa;
  height: 10.3923048454px;
  width: 12px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  left: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-pickup_infoBoxText p.pink {
  background: #fad9e2;
}
.p-pickup_infoBoxText p.pink:after {
  background: #fad9e2;
}
.p-pickup_infoBoxText p.orange {
  background: #feecd2;
}
.p-pickup_infoBoxText p.orange:after {
  background: #feecd2;
}
.p-pickup_infoTitle {
  font-weight: 700;
  margin-bottom: 5px;
}
.p-campus-life {
  margin-top: 60px;
}
.p-campus-life__title {
  font-size: 22px;
  padding: 0.7em 20px;
}
.p-campus-life__title.-program {
  background: #83d3fa;
}
.p-campus-life__title.-creat {
  background: #f6bccc;
}
.p-campus-life__title.-webcreator {
  background: #f6ae54;
}
.p-campus-life__title.-itbusiness {
  background: #f6ae54;
}
.p-campus-life__title.-graphic {
  color: #ffffff;
  background: #60aa71;
}
.p-campus-life__title {
  /*サブタイトル*/
}
.p-campus-life__title_sub {
  font-size: 15px;
  font-weight: 700;
  padding: 0.7em 20px;
}
.p-campus-life__title_sub.-graphic {
  background: #d3ebc7;
}
.p-campus-life__info {
  margin-top: 15px;
}
.p-campus-life__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}
.p-campus-life__image {
  width: calc((99.9% - 30px) / 3);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-campus-life__imageItem:nth-child(n+2) {
  margin-top: 40px;
}
.p-campus-life__text {
  margin-left: 32px;
}
.p-campus-life__textTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 29px;
  line-height: 1.4;
}
.p-campus-life__textName {
  margin-top: 20px;
}
.p-campus-life__report {
  border-radius: 19px;
  padding: 70px 40px 102px;
  margin-top: 60px;
  position: relative;
}
.p-campus-life__report.-program {
  background-color: #e2f3fa;
}
.p-campus-life__report.-program .p-campus-life__report__flowItem:before {
  border-color: transparent transparent transparent #52c3f1;
}
.p-campus-life__report.-program .p-campus-life__report__time {
  color: #40b6e6;
}
.p-campus-life__report.-creat {
  background-color: #fad9e2;
}
.p-campus-life__report.-creat .p-campus-life__report__flowItem:before {
  border-color: transparent transparent transparent #f299b2;
}
.p-campus-life__report.-creat .p-campus-life__report__time {
  color: #f299b2;
}
.p-campus-life__report.-webcreator {
  background-color: #feecd2;
}
.p-campus-life__report.-webcreator .p-campus-life__report__flowItem:before {
  border-color: transparent transparent transparent #f6ae54;
}
.p-campus-life__report.-webcreator .p-campus-life__report__time {
  color: #f6ae54;
}
.p-campus-life__report.-itbusiness {
  background-color: #feecd2;
}
.p-campus-life__report.-itbusiness .p-campus-life__report__flowItem:before {
  border-color: transparent transparent transparent #f6ae54;
}
.p-campus-life__report.-itbusiness .p-campus-life__report__time {
  color: #f6ae54;
}
.p-campus-life__report.-graphic {
  background-color: #d3ebc7;
}
.p-campus-life__report.-graphic .p-campus-life__report__flowItem:before {
  border-color: transparent transparent transparent #60aa71;
}
.p-campus-life__report.-graphic .p-campus-life__report__time {
  color: #60aa71;
}
.p-campus-life__report-tag {
  position: absolute;
  left: -14px;
  top: 10px;
}
.p-campus-life__report__flowFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-campus-life__report__flowItem {
  width: calc((99.9% - 76px) / 3);
  margin-top: 33px;
  margin-left: 38px;
  position: relative;
}
.p-campus-life__report__flowItem:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 4px;
  border-color: transparent transparent transparent #000;
  position: absolute;
  left: -21px;
  top: 10px;
}
.p-campus-life__report__flowItem:nth-child(3n+1) {
  margin-left: 0;
}
.p-campus-life__report__flowItem:nth-child(3n+1):before {
  content: none;
}
.p-campus-life__report__flowItem:last-of-type:before {
  content: none;
}
.p-campus-life__report__time {
  background-color: #fff;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}
.p-campus-life__report__title {
  font-weight: bold;
  margin: 22px 0 12px;
}
.p-campus-life__teacher {
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 63.5px;
  padding-bottom: 24px;
}
.p-campus-life__teacher__image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 36px;
  width: 37.5%;
}
.p-campus-life__teacher__text dl {
  margin: 0;
  padding-bottom: 26.5px;
}
.p-campus-life__teacher__text dl + dl {
  border-top: 1px dashed #000;
  padding-top: 33.5px;
}
.p-campus-life__teacher__text dl dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}
.p-campus-life__teacher__text dl dt.-program {
  color: #40b6e6;
}
.p-campus-life__teacher__text dl dt.-creat {
  color: #f299b2;
}
.p-campus-life__teacher__text dl dt.-webcreator {
  color: #f6ae54;
}
.p-campus-life__teacher__text dl dt.-itbusiness {
  color: #f6ae54;
}
.p-campus-life__teacher__text dl dt.-graphic {
  color: #60aa71;
}
.p-campus-life__teacher__text dl dd p {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}
.p-campus-life__teacher__text dl dd p span {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-campus-life__title {
    font-size: 20px;
  }
  .p-campus-life__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-campus-life__image {
    margin-top: 20px;
    width: 100%;
  }
  .p-campus-life__text {
    margin-left: 0;
  }
  .p-campus-life__textTitle {
    font-size: 18px;
  }
  .p-campus-life__report {
    padding: 35px 20px 20px;
  }
  .p-campus-life__report-tag {
    top: -2px;
    width: 150px;
  }
  .p-campus-life__report__flowFlex {
    display: block;
  }
  .p-campus-life__report__flowItem {
    margin-left: 0;
    width: 100%;
  }
  .p-campus-life__report__flowItem:before {
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .p-campus-life__report__flowItem:nth-child(4):before {
    content: "";
  }
  .p-campus-life__report__title {
    margin: 16px 0 6px;
  }
  .p-campus-life__teacher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 80px;
  }
  .p-campus-life__teacher__image {
    width: 100%;
  }
  .p-campus-life__teacher__text dl dt {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .p-campus-life__teacher__text dl dd p span {
    font-size: 15px;
  }
}

.p-courseselect {
  border-bottom: 1px solid #212121;
  padding: 2.5em 0;
}
.p-courseselect__title {
  font-size: 22px;
  margin: 0 0 1em;
}
.p-courseselect__img {
  max-width: 377px;
}
@media screen and (max-width: 767px) {
  .p-courseselect__title {
    font-size: 16px;
  }
  .p-courseselect__img {
    width: 100%;
    max-width: 377px;
  }
}

/*-------------------------------------
ITビジネス科
-------------------------------------*/
/*全体*/
.p-itb .c-title {
  max-width: 530px;
  background: none;
  padding: 0;
  margin-bottom: 60px;
}
.p-itb .c-title.mb_small {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-itb .c-title.mb_small {
    margin-bottom: 6%;
  }
}
.p-itb rt {
  font-size: 10px;
}
.p-itb .c-col2__left {
  line-height: 2;
}
.p-itb .c-mainContent {
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-itb .c-mainContent {
    width: 100%;
    margin: 0;
  }
}
.p-itb .p-point,
.p-itb .p-curriculum,
.p-itb .p-school {
  position: relative;
  padding: 43px 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-itb .p-point,
  .p-itb .p-curriculum,
  .p-itb .p-school {
    padding: 6%;
    margin-bottom: 8%;
  }
}
.p-itb .f-size17 {
  font-size: clamp(0.938rem, 0.848rem + 0.45vw, 1.063rem);
}
.p-itb {
  /*フッター*/
}
.p-itb .p-subContent {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-itb .p-subContent {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
}

/*mv*/
.department_mv {
  padding-top: 24px;
  padding-bottom: 31px;
  margin-bottom: 29px;
}

.department_mv .c-lead__image {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto 20px;
}

.department_mv .c-lead__text {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  line-height: 2.3;
}
@media screen and (max-width: 767px) {
  .department_mv .c-lead__text {
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-itb_baneer {
    margin: 0 20px;
  }
}

/*ITビジネス科の５つのポイント*/
.p-point {
  position: relative;
  padding: 43px 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-point {
    padding-bottom: 38px;
  }
}
.p-point .line {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fff344));
  background: linear-gradient(transparent 60%, #fff344 60%);
  font-weight: 700;
}
.p-point_main.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-point_box {
  background: #fff;
  border: 1px solid #008cd6;
  position: relative;
  padding: 54px 38px 30px;
}
@media screen and (max-width: 767px) {
  .p-point_box {
    padding: 12% 6% 6%;
  }
}
.p-point_box:not(:last-of-type) {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-point_box:not(:last-of-type) {
    margin-bottom: 15%;
  }
}
.p-point_box_no {
  width: 162px;
  position: absolute;
  margin: 0;
  top: -28px;
  left: -12px;
}
@media screen and (max-width: 767px) {
  .p-point_box_no {
    width: 40%;
  }
}
.p-point_box_title {
  color: #008cd6;
  font-size: clamp(1.313rem, 0.999rem + 1.57vw, 1.75rem);
  font-weight: 700;
  margin-bottom: 16px;
}
.p-point_box_txt:last-of-type {
  margin-bottom: 20px;
}
.p-point_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*ポイント1*/
.point01 .p-point_flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .point01 .p-point_flex {
    display: block;
  }
}
.point01 .p-point_flex dl {
  width: 32%;
}
@media screen and (max-width: 767px) {
  .point01 .p-point_flex dl {
    width: 100%;
    margin-bottom: 0;
  }
  .point01 .p-point_flex dl:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
.point01 .p-point_flex dl dt {
  font-weight: 700;
  margin-bottom: 5px;
}

/*ポイント2*/
/*ポイント2の入学からの流れ部分*/
.p-route {
  padding: 13px 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-route {
    padding-bottom: 38px;
  }
}
.p-route_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-route_main {
    display: block;
  }
}
.p-route_ttl {
  font-size: 17px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 3px;
  background: #ceebfb;
  margin-top: 0;
  margin-bottom: 10px;
}
.p-route_box {
  position: relative;
}
.p-route_box.-step01 {
  max-width: 54px;
  min-width: 36px;
  width: 100%;
  margin-right: 4%;
}
@media screen and (max-width: 767px) {
  .p-route_box.-step01 {
    max-width: 100%;
    margin-right: 0;
  }
}
.p-route_box.-step01 .p-route_ttl {
  margin: 0;
  background: #008cd6;
  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;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-route_box.-step01 .p-route_ttl {
    padding-bottom: 12px;
    margin-bottom: 40px;
  }
}
.p-route_box.-step01 .p-route_ttl img {
  width: 38px;
}
@media screen and (max-width: 767px) {
  .p-route_box.-step01 .p-route_ttl img {
    width: 72px;
  }
}
.p-route_box.-step02 {
  max-width: 195px;
  width: calc((88% - 36px) / 3);
  margin-right: 4%;
}
@media screen and (max-width: 767px) {
  .p-route_box.-step02 {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px;
  }
  .p-route_box.-step02.p-route_box:not(:last-of-type):after {
    bottom: -36px;
  }
}
.p-route_box.-step03 {
  max-width: 195px;
  width: calc((88% - 36px) / 3);
  margin-right: 4%;
}
@media screen and (max-width: 767px) {
  .p-route_box.-step03 {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px;
  }
  .p-route_box.-step03.p-route_box:not(:last-of-type):after {
    bottom: -44px;
  }
}
.p-route_box.-step03 .p-route_ttl {
  color: #fff;
  background: #008cd6;
}
.p-route_box.-step04 {
  max-width: 195px;
  width: calc((88% - 36px) / 3);
}
@media screen and (max-width: 767px) {
  .p-route_box.-step04 {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
}
.p-route_box.-step04 .p-route_ttl {
  color: #fff;
  background: #008cd6;
}
.p-route_box .group {
  margin: 0;
}
.p-route_box .group_img {
  margin-bottom: 10px;
}
.p-route_box .group_ttl {
  color: #008cd6;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 6px;
}
.p-route_box .group_txt {
  font-size: 17px;
}
.p-route_box .group_copy {
  font-weight: 700;
  background: #fffcda;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.p-route_box .group_copy span {
  display: inline-block;
  text-align: left;
}
.p-route_box .group:not(:last-of-type) {
  margin-bottom: 20px;
}
.p-route_box:not(:last-of-type):after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0.8vw;
  height: 1.6vw;
  vertical-align: middle;
  background: url("../../assets/img/department/itbusiness/icon_triangle_right.svg");
  background-size: cover;
  right: -1.3vw;
  top: calc(50% - 14px);
}
@media screen and (max-width: 767px) {
  .p-route_box:not(:last-of-type):after {
    width: 36px;
    height: 18px;
    background: url("../../assets/img/department/itbusiness/icon_triangle_bottom.svg");
    right: calc(50% - 19px);
    top: unset;
    bottom: -30px;
  }
}

/*ポイント3*/
.point03-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.point03-box .left {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .point03-box .left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.point03-box .left div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-weight: 700;
  color: #008cd6;
  border: 2px solid #008cd6;
  height: calc((100% - 20px) / 2);
}
.point03-box .left div:not(:last-of-type) {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .point03-box .left div {
    padding: 10px 0px 6px;
  }
}
.point03-box .right {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .point03-box .right {
    width: 100%;
  }
}
.point03 .p-support_list {
  padding-left: 2em;
  margin-top: 30px;
  margin-bottom: 0;
}
.point03 .p-support_list li {
  font-size: 15px;
}
.point03 .p-support_list li:not(:last-child) {
  margin-bottom: 10px;
}

/*ポイント4*/
.point04-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .point04-box {
    display: block;
  }
}
.point04-box .left {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .point04-box .left {
    width: 100%;
  }
}
.point04-box .right {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .point04-box .right {
    width: 100%;
  }
}

/*ポイント5*/
.point05-box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .point05-box {
    display: block;
  }
}
.point05-box .left {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .point05-box .left {
    width: 100%;
  }
}
.point05-box .right {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .point05-box .right {
    width: 100%;
  }
}

/*時間割（例）*/
.p-curriculum {
  margin-bottom: 50px;
}
.p-curriculum_main {
  background: #fff;
  margin-top: 10px;
  padding: 20px;
}
.p-curriculum_sample {
  font-size: 13px;
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 12px;
}

/*出身校一覧*/
.p-school {
  margin-bottom: 100px;
}
.p-school_txt {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-school_txt {
    text-align: left;
  }
}
.p-school_main {
  background: #fff;
  border: 1px soid #fcc800;
  position: relative;
  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;
  margin-top: 15px;
  padding: 40px 20px;
}
@media screen and (max-width: 767px) {
  .p-school_main {
    display: block;
    padding: 6% 4%;
  }
}
.p-school_main ul {
  width: 33.3333333333%;
  padding: 0 2%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .p-school_main ul {
    width: 100%;
  }
}
.p-school_main ul li {
  list-style: none;
  line-height: 1.6;
}
.p-school_main ul li:not(:last-child) {
  margin-bottom: 0.84rem;
}
.p-school_main .etc {
  position: absolute;
  right: 30px;
  bottom: 20px;
}

/*サポート体制*/
/*グラフィックデザイン科*/
.p-graphic_4years .p-pickup__title {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  padding: 0.1em 1.5em;
  margin: 0;
}
.p-graphic_4years .p-pickup__title.-graphic.-dark {
  border: 5px solid #60aa71;
}

/*学科の特徴*/
.p-feature .p-curriculum__title {
  margin-bottom: 30px;
}
.p-feature_item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
  gap: 1em 2em;
  -ms-grid-rows: auto 1em 1fr;
  grid-template-rows: auto 1fr;
}
.p-feature_item > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.p-feature_item > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.p-feature_item > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.p-feature_item > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.p-feature_item:last-child {
  border-bottom: 1px solid #707070;
}
.p-feature_item .left {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .p-feature_item .left {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
}
.p-feature_item .label {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.p-feature_item .label span {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  background: #d3ebc7;
  padding: 5px 10px;
}
@media screen and (max-width: 767px) {
  .p-feature_item .label {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.p-feature_item .right {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (max-width: 767px) {
  .p-feature_item .right {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
.p-feature_item .content dl {
  margin: 0;
}
.p-feature_item .content dl dt {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}
.p-feature_item .content dl dd {
  font-size: 15px;
}

/*4年間の学びの流れ*/
.p-flow .p-pickup__title {
  max-width: 182px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  border: 5px solid #d3ebc7;
  padding: 0.3em 0;
  margin: 0.9em 0 1em;
}
.p-flow .p-curriculum__info {
  position: relative;
}
.p-flow .p-curriculum__info:not(:last-of-type) {
  padding-bottom: 58px;
  margin-bottom: 48px;
}
.p-flow .p-curriculum__info:not(:last-of-type):after {
  content: "";
  display: -ms-grid;
  display: grid;
  background: #d3ebc7;
  height: 18px;
  width: 36px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: 0;
  left: calc(50% - 18px);
}
.p-flow_img {
  margin-top: 36px;
}
.p-flow_area .p-curriculum__title_sub {
  margin-top: 0;
}
.p-flow_area .left {
  width: 48%;
}
.p-flow_area .right {
  width: 48%;
}

/*3・4年次の学びとサポート*/
.p-learning {
  padding-top: 0;
}
.p-learning_area {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  background: #d3ebc7;
  padding: 2em 3.3em 3em;
  row-gap: 1.2em;
}
@media screen and (max-width: 767px) {
  .p-learning_area {
    padding: 1em 1em 1.3em;
  }
}
.p-learning_area .title {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.5em;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
@media screen and (max-width: 767px) {
  .p-learning_area .title {
    margin-bottom: 0;
  }
}
.p-learning_item {
  background: #ffffff;
  padding: 1.8em 2.7em 2.6em;
}
@media screen and (max-width: 767px) {
  .p-learning_item {
    padding: 1em 1.3em 1.3em;
  }
}
.p-learning_item:nth-child(2) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.p-learning_item:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
@media screen and (max-width: 767px) {
  .p-learning_item:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
.p-learning_item:nth-child(4) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
}
@media screen and (max-width: 767px) {
  .p-learning_item:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
}
.p-learning_item .subtitle {
  color: #60aa71;
  font-size: clamp(15px, 14.1941309255px + 0.2257336343vw, 16px);
  font-weight: 700;
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .p-learning_item .subtitle {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 767px) {
  .p-learning_box {
    display: block;
  }
}
.p-learning_box .left {
  width: 41%;
}
@media screen and (max-width: 767px) {
  .p-learning_box .left {
    width: 100%;
    margin-bottom: 1em;
  }
}
.p-learning_box .right {
  width: 55%;
  font-size: clamp(14px, 13.1941309255px + 0.2257336343vw, 15px);
}
@media screen and (max-width: 767px) {
  .p-learning_box .right {
    width: 100%;
  }
}

.p-teacher {
  padding: 60px 0 80px;
}
.p-teacher__title {
  background: #EEEEED;
  padding: 0.5em 1em;
  margin: 3em 0 1em;
  font-size: 20px;
}
.p-teacher .c-LinkButton {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .p-teacher {
    padding: 30px 0 40px;
  }
  .p-teacher__title {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .p-highschool img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .p-highschool .c-lead {
    margin-bottom: 60px;
  }
  .p-highschool .img_item {
    margin-bottom: 60px;
  }
  .p-highschool section {
    margin-bottom: 80px;
  }
  .p-highschool .mb_m {
    margin-bottom: 30px;
  }
  .p-highschool .c-anchorContent.p-target.-topline {
    padding-top: 50px;
  }
  .p-highschool__nav {
    margin-bottom: 60px;
  }
  .p-highschool__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
  }
  .p-highschool__nav ul li {
    border: 1px solid #212121;
    width: calc((100% - 20px) / 2);
  }
  .p-highschool__nav ul li:nth-of-type(1) {
    background: #b4f0fa;
  }
  .p-highschool__nav ul li:nth-of-type(2) {
    background: #fef342;
  }
  .p-highschool__nav ul li + li {
    margin-left: 20px;
  }
  .p-highschool__nav ul li a {
    display: block;
    font-size: 16px;
    line-height: 60px;
    position: relative;
    text-align: center;
  }
  .p-highschool__nav ul li a:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: 14px;
  }
  .p-highschool__nav ul li a em {
    font-size: 24px;
    font-style: italic;
  }
  .p-highschool__ttl {
    background: url(../img/highschool/2022/headline_bg.png) repeat;
    color: #fff;
    font-size: 28px;
    line-height: 60px;
    margin-bottom: 20px;
    padding: 0 24px;
  }
  .p-highschool__ttl-lead {
    font-size: 16px;
    line-height: 26px;
  }
  .p-highschool__emphasized {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 35px 0 42px;
  }
  .p-highschool__emphasized:before {
    background: url(../img/highschool/2022/item_01.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 64px;
    margin-right: 12px;
    width: 48px;
  }
  .p-highschool__emphasized:after {
    background: url(../img/highschool/2022/item_02.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 64px;
    margin-left: 12px;
    width: 48px;
  }
  .p-highschool__emphasized h4 {
    color: #212121;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 12px;
  }
  .p-highschool__emphasized h4 em {
    color: #ff8200;
    font-size: 30px;
    font-style: normal;
  }
  .p-highschool__emphasized p {
    color: #212121;
    font-size: 16px;
    line-height: 1;
  }
  .p-highschool__qa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
  }
  .p-highschool__qa img {
    height: auto;
    width: 100%;
  }
  .p-highschool__qa .q_item {
    margin-right: 12px;
    width: 191px;
  }
  .p-highschool__qa .a_item {
    margin-left: 7px;
    width: 180px;
  }
  .p-highschool__qa .conversation {
    padding-top: 10px;
    width: calc(100% - 390px);
  }
  .p-highschool__qa .conversation__q {
    border: 1px solid #1784dd;
    border-radius: 5px;
    color: #212121;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 10px 18px;
  }
  .p-highschool__qa .conversation__a {
    border: 3px solid #ff8200;
    border-radius: 5px;
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 30px;
    padding: 10px 18px;
  }
  .p-highschool__qa .conversation__a em {
    color: #ff8200;
    font-size: 20px;
    font-style: normal;
  }
  .p-highschool__worklist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style: none;
    margin-bottom: 30px;
    padding: 0;
  }
  .p-highschool__worklist li {
    margin-left: 20px;
    width: calc((100% - 20px) / 2);
  }
  .p-highschool__worklist li:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .p-highschool__worklist li:nth-of-type(n+3) {
    margin-top: 22px;
  }
  .p-highschool__worklist li .workttl {
    color: #212121;
    font-size: 20px;
    font-weight: bold;
    margin: 8px 0 3px;
  }
  .p-highschool__worklist li .worktext {
    color: #212121;
    font-size: 16px;
    line-height: 28px;
  }
  .p-highschool__button {
    border: 1px solid #212121;
    margin: 0 auto;
    width: 400px;
  }
  .p-highschool__button a {
    color: #212121;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    height: 60px;
    line-height: 20px;
    position: relative;
    width: 100%;
  }
  .p-highschool__button a span {
    font-size: 12px;
  }
  .p-highschool__button a:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 14px;
  }
  .p-highschool__lineBtn {
    margin-bottom: 80px;
  }
  .p-highschool__snsbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .p-highschool__snsbtn li {
    width: calc((100% - 20px) / 2);
  }
  .p-highschool__snsbtn li .twbtn {
    background: #000;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 66px;
    padding-left: 30px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .p-highschool__snsbtn li .twbtn:before {
    background-image: url("../img/common/ic_Tw.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 28px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-highschool__snsbtn li .twbtn:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 14px;
  }
  .p-highschool__snsbtn li .instabtn {
    background: #be2285;
    background: -webkit-gradient(linear, left bottom, right top, from(#e1744d), to(#be2285));
    background: linear-gradient(to top right, #e1744d 0%, #be2285 100%);
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 66px;
    margin-left: 20px;
    padding-left: 30px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .p-highschool__snsbtn li .instabtn:before {
    background: url(../img/highschool/2022/icon_insta.png) left top no-repeat;
    content: "";
    height: 39px;
    position: absolute;
    top: 50%;
    left: 25px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 39px;
  }
  .p-highschool__snsbtn li .instabtn:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    height: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 14px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .p-headline__line_link .line_text {
    font-size: 1.5645371578vw;
    width: 42%;
  }
  .p-headline__line_link .line_add {
    font-size: 2.3468057366vw;
    width: 58%;
  }
  .p-highschool__nav ul li a {
    font-size: 2.3468057366vw;
  }
  .p-highschool__nav ul li a:after {
    content: none;
  }
  .p-highschool__nav ul li a em {
    font-size: 2.8683181226vw;
  }
  .p-highschool__ttl {
    color: #fff;
    font-size: 3.3898305085vw;
    line-height: 5.2151238592vw;
    padding: 1.3037809648vw 24px;
  }
  .p-highschool__emphasized h4 {
    color: #212121;
    font-size: 2.6075619296vw;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 12px;
  }
  .p-highschool__emphasized h4 em {
    color: #ff8200;
    font-size: 3.3898305085vw;
    font-style: normal;
  }
  .p-highschool__emphasized p {
    color: #212121;
    font-size: 2.0860495437vw;
    line-height: 1.4;
  }
  .p-highschool__qa {
    display: block;
    margin-bottom: 40px;
    position: relative;
  }
  .p-highschool__qa img {
    height: auto;
    width: 100%;
  }
  .p-highschool__qa .q_item {
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5162972621vw;
  }
  .p-highschool__qa .a_item {
    margin-left: 0;
    position: absolute;
    top: 13.037809648vw;
    right: 0;
    width: 11.7340286832vw;
  }
  .p-highschool__qa .conversation {
    padding-top: 10px;
    width: auto;
  }
  .p-highschool__qa .conversation__q {
    border: 1px solid #1784dd;
    border-radius: 5px;
    color: #212121;
    font-size: 2.0860495437vw;
    line-height: 3.3898305085vw;
    margin: 0 0 3.9113428944vw auto;
    padding: 1.5645371578vw 2.3468057366vw;
    width: 53.4550195567vw;
  }
  .p-highschool__qa .conversation__a {
    border: 3px solid #ff8200;
    border-radius: 5px;
    color: #212121;
    font-size: 2.0860495437vw;
    font-weight: bold;
    line-height: 3.3898305085vw;
    margin: 0 auto 0 0;
    padding: 1.5645371578vw 2.3468057366vw;
    width: 53.4550195567vw;
  }
  .p-highschool__qa .conversation__a em {
    color: #ff8200;
    font-size: 2.8683181226vw;
    font-style: normal;
  }
  .p-highschool__qa .c-anchorContent__item {
    display: block;
    margin: 30px auto 0;
    text-align: center;
  }
  .p-highschool__snsbtn {
    display: block;
  }
  .p-highschool__snsbtn li {
    width: auto;
  }
  .p-highschool__snsbtn li .instabtn {
    margin-left: 0;
    margin-top: 20px;
  }
  .p-highschool .c-col2__item .c-col2__item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-highschool img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .p-highschool .c-lead {
    margin-bottom: 7.8226857888vw;
  }
  .p-highschool .img_item {
    margin-bottom: 7.1707953064vw;
  }
  .p-highschool section {
    margin-bottom: 7.8226857888vw;
  }
  .p-highschool .mb_m {
    margin-bottom: 3.9113428944vw;
  }
  .p-highschool .c-anchorContent {
    margin-bottom: 0;
    padding-bottom: 7.8226857888vw;
  }
  .p-highschool .c-anchorContent .u-margin {
    margin-bottom: 0;
  }
  .p-highschool .c-anchorContent.p-target {
    padding-bottom: 3.9113428944vw;
    margin-bottom: 7.8226857888vw;
  }
  .p-highschool .c-anchorContent.p-target.-topline {
    padding-top: 7.8226857888vw;
  }
  .p-highschool__nav {
    margin-bottom: 7.8226857888vw;
  }
  .p-highschool__nav ul {
    list-style: none;
    padding: 0;
  }
  .p-highschool__nav ul li {
    border: 1px solid #212121;
  }
  .p-highschool__nav ul li:nth-of-type(1) {
    background: #b4f0fa;
  }
  .p-highschool__nav ul li:nth-of-type(2) {
    background: #fef342;
  }
  .p-highschool__nav ul li + li {
    margin-top: 2.6075619296vw;
  }
  .p-highschool__nav ul li a {
    display: block;
    font-size: 3.520208605vw;
    line-height: 8.6049543677vw;
    position: relative;
    text-align: center;
  }
  .p-highschool__nav ul li a:after {
    border-bottom: 0.260756193vw solid #000;
    border-right: 0.260756193vw solid #000;
    content: "";
    height: 3.3898305085vw;
    position: absolute;
    top: 50%;
    right: 2.3468057366vw;
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: 3.3898305085vw;
  }
  .p-highschool__nav ul li a em {
    font-size: 4.1720990874vw;
    font-style: italic;
  }
  .p-highschool__ttl {
    background: url(../img/highschool/2022/headline_bg.png) repeat;
    background-size: 2.7379400261vw auto;
    color: #fff;
    font-size: 4.4328552803vw;
    line-height: 5.9973924381vw;
    margin-bottom: 1.9556714472vw;
    padding: 1.5645371578vw 3.1290743155vw;
  }
  .p-highschool__ttl-lead {
    font-size: 3.3898305085vw;
    line-height: 5.2151238592vw;
  }
  .p-highschool__emphasized {
    margin: 3.9113428944vw 0;
    text-align: center;
  }
  .p-highschool__emphasized h4 {
    color: #212121;
    display: inline-block;
    font-size: 3.9113428944vw;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 1.9556714472vw;
    position: relative;
    text-align: center;
  }
  .p-highschool__emphasized h4 em {
    color: #ff8200;
    font-size: 5.2151238592vw;
    font-style: normal;
  }
  .p-highschool__emphasized h4:before {
    background: url(../img/highschool/2022/item_01.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 10.0391134289vw;
    position: absolute;
    top: 0.7822685789vw;
    left: -8.3441981747vw;
    width: 7.5619295958vw;
  }
  .p-highschool__emphasized h4:after {
    background: url(../img/highschool/2022/item_02.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: 10.0391134289vw;
    position: absolute;
    top: 0.7822685789vw;
    right: -8.3441981747vw;
    width: 7.5619295958vw;
  }
  .p-highschool__emphasized p {
    color: #212121;
    font-size: 3.3898305085vw;
    line-height: 1.4;
    text-align: left;
  }
  .p-highschool__qa {
    margin-bottom: 5.2151238592vw;
    position: relative;
  }
  .p-highschool__qa img {
    height: auto;
    width: 100%;
  }
  .p-highschool__qa .q_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 32.7249022164vw;
  }
  .p-highschool__qa .a_item {
    position: absolute;
    top: 29.9869621904vw;
    right: 0;
    width: 32.5945241199vw;
  }
  .p-highschool__qa .conversation {
    padding-top: 4.5632333768vw;
  }
  .p-highschool__qa .conversation__q {
    border: 0.260756193vw solid #1784dd;
    border-radius: 5px;
    color: #212121;
    font-size: 3.3898305085vw;
    line-height: 4.6936114733vw;
    margin: 0 0 14.3415906128vw auto;
    padding: 1.5645371578vw 2.3468057366vw;
    width: 53.4550195567vw;
  }
  .p-highschool__qa .conversation__a {
    border: 0.3911342894vw solid #ff8200;
    border-radius: 5px;
    color: #212121;
    font-size: 3.3898305085vw;
    font-weight: bold;
    line-height: 4.6936114733vw;
    margin-bottom: 30px;
    padding: 1.5645371578vw 2.3468057366vw;
    width: 53.4550195567vw;
  }
  .p-highschool__qa .conversation__a em {
    color: #ff8200;
    font-size: 4.1720990874vw;
    font-style: normal;
  }
  .p-highschool__qa .c-anchorContent__item:nth-child(n+2) {
    margin-top: 0;
  }
  .p-highschool__worklist {
    list-style: none;
    margin-bottom: 7.8226857888vw;
    padding: 0;
  }
  .p-highschool__worklist li:nth-of-type(n+1) {
    margin-top: 4.6936114733vw;
  }
  .p-highschool__worklist li img {
    height: auto;
    width: 100%;
  }
  .p-highschool__worklist li .workttl {
    color: #212121;
    font-size: 3.9113428944vw;
    font-weight: bold;
    margin: 2.0860495437vw 0 0.7822685789vw;
  }
  .p-highschool__worklist li .worktext {
    color: #212121;
    font-size: 3.3898305085vw;
    line-height: 5.2151238592vw;
  }
  .p-highschool__button {
    border: 0.260756193vw solid #212121;
    margin: 0 auto;
  }
  .p-highschool__button a {
    color: #212121;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 4.6936114733vw;
    height: 15.6453715776vw;
    line-height: 6.258148631vw;
    position: relative;
    width: 100%;
  }
  .p-highschool__button a span {
    font-size: 3.3898305085vw;
  }
  .p-highschool__button a:after {
    border-bottom: 0.260756193vw solid #000;
    border-right: 0.260756193vw solid #000;
    content: "";
    height: 3.3898305085vw;
    position: absolute;
    top: 50%;
    right: 2.6075619296vw;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 3.3898305085vw;
  }
  .p-highschool__lineBtn {
    margin-bottom: 5.2151238592vw;
  }
  .p-highschool__snsbtn {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .p-highschool__snsbtn li .twbtn {
    background: #000;
    color: #fff;
    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;
    font-size: 3.9113428944vw;
    font-weight: normal;
    line-height: 8.6049543677vw;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .p-highschool__snsbtn li .twbtn:before {
    background-image: url("../img/common/ic_Tw.png");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 6.518904824vw;
    margin-right: 1.9556714472vw;
    width: 5.7366362451vw;
  }
  .p-highschool__snsbtn li .twbtn:after {
    border-bottom: 0.260756193vw solid #fff;
    border-right: 0.260756193vw solid #fff;
    content: "";
    height: 3.3898305085vw;
    position: absolute;
    top: 50%;
    right: 2.6075619296vw;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 3.3898305085vw;
  }
  .p-highschool__snsbtn li .instabtn {
    background: #be2285;
    background: -webkit-gradient(linear, left bottom, right top, from(#e1744d), to(#be2285));
    background: linear-gradient(to top right, #e1744d 0%, #be2285 100%);
    color: #fff;
    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;
    font-size: 3.9113428944vw;
    font-weight: normal;
    line-height: 8.6049543677vw;
    margin-top: 2.6075619296vw;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .p-highschool__snsbtn li .instabtn:before {
    background: url(../img/highschool/2022/icon_insta.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    height: 5.0847457627vw;
    margin-right: 1.9556714472vw;
    width: 5.0847457627vw;
  }
  .p-highschool__snsbtn li .instabtn:after {
    border-bottom: 0.260756193vw solid #fff;
    border-right: 0.260756193vw solid #fff;
    content: "";
    height: 3.3898305085vw;
    position: absolute;
    top: 50%;
    right: 2.6075619296vw;
    -webkit-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
    width: 3.3898305085vw;
  }
}
.p-referencebook_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 7.5%;
}
@media screen and (max-width: 767px) {
  .p-referencebook_navi {
    gap: 6%;
  }
}
.p-referencebook_navi .c-anchor__item {
  width: 28.3333333333%;
}
@media screen and (max-width: 767px) {
  .p-referencebook_navi .c-anchor__item {
    width: 47%;
  }
}
.p-referencebook_navi .c-anchor__item:nth-last-child(-n+3) {
  border-bottom: 1px solid #212121;
}
@media screen and (max-width: 767px) {
  .p-referencebook_navi .c-anchor__item:nth-last-child(-n+3) {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .p-referencebook_navi .c-anchor__item:nth-last-child(-n+2) {
    border-bottom: 1px solid #212121;
  }
}
.p-referencebook_head_bnr {
  max-width: 700px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .p-referencebook_head_bnr {
    margin-bottom: 46px;
  }
}
.p-referencebook_skill {
  padding-left: 3%;
  padding-right: 3%;
}
.p-referencebook_skill .main .mainlink {
  margin-bottom: 1em;
}
.p-referencebook_skill .main .mainlink a {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}
.p-referencebook_skill .main .mainlink a:after {
  content: "";
  display: inline-block;
  width: 11.5px;
  height: 11.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 6px;
}
.p-referencebook_skill .main .text {
  margin-bottom: 1em;
}
.p-referencebook_skill .main .sublink {
  list-style: none;
  padding-left: 0;
}
.p-referencebook_skill .main .sublink li a {
  font-weight: 700;
}
.p-referencebook_skill .main .sublink li a:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 6px;
}
.p-referencebook_opencampus a {
  max-width: 322px;
  width: 100%;
  font-weight: 700;
  line-height: 1.45;
  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;
  position: relative;
  background: #FFE32B;
  padding: 17px 0;
}
.p-referencebook_opencampus a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 24px;
  display: inline-block;
  width: 11.5px;
  height: 11.5px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-referencebook_opencampus a span {
  text-align: center;
}

.c-lead__title {
  color: #c26f51;
  font-size: 24px;
  font-weight: bold;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-lead__title {
    font-size: 20px;
  }
}
.c-lead__title + .c-lead__text {
  font-size: 16px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .c-lead__title + .c-lead__text {
    font-size: 14px;
  }
}

.p-skillContent__wrap + .p-skillContent__wrap {
  border-top: 1px solid #CCCCCC;
  margin-top: 33.5px;
}
.p-skillContent__class {
  font-size: 22px;
  font-weight: 500;
}
.p-skillContent__title {
  border-bottom: 1px solid #000;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-skillContent__title {
    font-size: 20px;
  }
}
.p-skillContent__subtitle {
  color: #c26f51;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-skillContent__subtitle {
    font-size: 17px;
  }
}
.p-skillContent__flow {
  background: #e6e6e6;
  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;
  padding: 20px 30px;
}
.p-skillContent__flow__item {
  text-align: center;
}
.p-skillContent__flow__item + .p-skillContent__flow__item {
  margin-left: 70px;
  position: relative;
}
.p-skillContent__flow__item + .p-skillContent__flow__item:before {
  border-color: transparent transparent transparent #212121;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: -36px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-skillContent__flow__title {
  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;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 5px;
  min-height: 52px;
}
.p-skillContent__flow__text {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .p-skillContent__flow {
    display: block;
    padding: 30px 0;
  }
  .p-skillContent__flow__item + .p-skillContent__flow__item {
    margin-left: 0;
    margin-top: 60px;
  }
  .p-skillContent__flow__item + .p-skillContent__flow__item:before {
    border-color: #212121 transparent transparent transparent;
    border-width: 17px 14px 0 14px;
    top: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-skillContent__flow__title {
    font-size: 16px;
    margin-bottom: 10px;
    min-height: 0;
  }
  .p-skillContent__flow__text {
    font-size: 13px;
  }
}
.p-skillContent__box__title {
  background: #c26f51;
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .p-skillContent__box__title {
    font-size: 13px;
  }
}
.p-skillContent__box__head {
  font-size: 18px;
  font-weight: 500;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .p-skillContent__box__head {
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 15px;
  }
}
.p-skillContent__box__head.col {
  color: #c26f51;
}
.p-skillContent__box__text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .p-skillContent__box__text {
    font-size: 13px;
    margin-bottom: 24px;
    padding-left: 15px;
  }
}
.p-skillContent .aws_box {
  border: 1px solid #000;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 22px 25px;
}
.p-skillContent .aws_box__head {
  font-size: 18px;
  font-weight: 500;
}
.p-skillContent .aws_box__text {
  font-size: 16px;
  line-height: 1.6;
}
.p-skillContent .aws_box__info {
  width: 510px;
}
.p-skillContent .aws_box__img {
  margin-left: 25px;
  width: 202px;
}
.p-skillContent .aws_box__img img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
}
.p-skillContent .aws_box__caution {
  font-size: 14px;
  margin-bottom: 50px;
  margin-left: 1em;
  margin-top: 8px;
  padding-left: 24px;
  text-indent: -1em;
}
@media screen and (max-width: 767px) {
  .p-skillContent .aws_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 30px 15px;
  }
  .p-skillContent .aws_box__head {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .p-skillContent .aws_box__text {
    font-size: 13px;
  }
  .p-skillContent .aws_box__info {
    width: auto;
  }
  .p-skillContent .aws_box__img {
    margin-bottom: 25px;
    margin-left: 0;
    width: 80%;
  }
  .p-skillContent .aws_box__img img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    width: 100%;
  }
  .p-skillContent .aws_box__caution {
    font-size: 13px;
    margin-bottom: 25px;
    margin-left: 1em;
    margin-top: 8px;
    padding-left: 15px;
    text-indent: -1em;
  }
}
.p-skillContent .c-col2__flexWrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-skillContent .c-anchorContent__text {
    font-size: 13px;
    line-height: 1.5;
  }
}
.p-skillContent__certified {
  margin-top: 57.5px;
}
.p-skillContent__certified__ttl {
  font-size: 22px;
  padding-left: 13px;
  position: relative;
}
.p-skillContent__certified__ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 3px;
  height: 23px;
  background-color: #C26F50;
}
.p-skillContent__certified__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 62px;
}
.p-skillContent__certified__image {
  width: 30.8%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-skillContent__certified__image figcaption {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.p-skillContent__certified__image figcaption span {
  font-size: 16px;
}
.p-skillContent__certified__text {
  margin-left: 40px;
}
.p-skillContent__certified__textTtl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 21px;
}
.p-skillContent__certified__textQualification {
  margin-top: 20px;
}
.p-skillContent__certified__textQualification span {
  display: block;
  font-size: 18px;
  color: #C26F50;
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-skillContent__certified__ttl {
    font-size: 18px;
  }
  .p-skillContent__certified__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-skillContent__certified__image {
    width: 100%;
    margin-top: 20px;
  }
  .p-skillContent__certified__text {
    margin-left: 0;
    font-size: 13px;
  }
  .p-skillContent__certified__textTtl {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .p-skillContent__certified__textQualification span {
    font-size: 16px;
  }
}
.p-skillContent__message {
  background-color: #FAFAFA;
  padding: 40px;
}
.p-skillContent__message__ttl {
  font-size: 18px;
  font-weight: 500;
}
.p-skillContent__message__ttl span {
  font-size: 28px;
  margin-top: 4px;
  display: block;
}
.p-skillContent__message__item {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-skillContent__message__image {
  width: 34.3%;
  margin-left: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-skillContent__message__profile {
  margin-top: 36px;
  font-size: 14px;
}
.p-skillContent__message__profileTtl {
  color: #fff;
  display: inline-block;
  background-color: #000;
  padding: 0 10px;
  margin-bottom: 9px;
}
.p-skillContent__message__profileName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-skillContent__message__profileName p + p {
  margin-left: 13px;
}
.p-skillContent__message__profileName span {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-skillContent__message {
    padding: 20px;
  }
  .p-skillContent__message__ttl {
    font-size: 15px;
  }
  .p-skillContent__message__ttl span {
    font-size: 22px;
    line-height: 1.3;
  }
  .p-skillContent__message__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-skillContent__message__text {
    font-size: 13px;
  }
  .p-skillContent__message__image {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .p-skillContent__message__profileName {
    display: block;
  }
  .p-skillContent__message__profileName p + p {
    margin-left: 0;
  }
}

.p-supportContent img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.p-supportContent__title {
  border-bottom: 1px solid #000;
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-supportContent__lead {
    font-size: 13px;
  }
}
.p-supportContent__system {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
.p-supportContent__system__inner {
  width: 47%;
}
.p-supportContent__system__inner + .p-supportContent__system__inner {
  margin-left: 6%;
  position: relative;
}
.p-supportContent__system__inner + .p-supportContent__system__inner:before {
  background: url(../img/jobdata/support/icon_plus.png) left top no-repeat;
  background-size: 100% auto;
  content: "";
  height: 10%;
  position: absolute;
  top: 35%;
  left: -11%;
  width: 10%;
}
.p-supportContent__system__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.p-supportContent__system__head p {
  border: 2px solid #000;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  padding: 8px 0;
  text-align: center;
  width: 124px;
}
.p-supportContent__system__head p span {
  background: #fff100;
  padding: 0 5px;
}
.p-supportContent__system__head h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  margin-left: 14px;
}
.p-supportContent__system__lead {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 12px;
}
.p-supportContent__system__box {
  background: #e6e6e6;
  margin-top: 25px;
  padding: 40px 24px 20px;
  position: relative;
}
.p-supportContent__system__box__info {
  background: #c16f51;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 110px;
}
.p-supportContent__system__box__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 5px;
}
.p-supportContent__system__box__text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 18px;
}
.p-supportContent__system__box figure {
  text-align: center;
}
.p-supportContent__system__box figure img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 150px;
  width: auto;
}
.p-supportContent__system__box figure figcaption {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-supportContent__system {
    display: block;
  }
  .p-supportContent__system__inner {
    width: 100%;
  }
  .p-supportContent__system__inner + .p-supportContent__system__inner {
    margin-left: 0;
    margin-top: 95px;
    position: relative;
  }
  .p-supportContent__system__inner + .p-supportContent__system__inner:before {
    background: url(../img/jobdata/support/icon_plus.png) left top no-repeat;
    background-size: 100% auto;
    content: "";
    height: 10%;
    position: absolute;
    top: -9%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 10%;
  }
  .p-supportContent__system__head p {
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.5;
    padding: 4px 0 1px;
    width: 30%;
  }
  .p-supportContent__system__head h4 {
    font-size: 17px;
    margin-left: 16px;
  }
  .p-supportContent__system__lead {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .p-supportContent__system__box {
    padding: 55px 15px 25px;
  }
  .p-supportContent__system__box__info {
    font-size: 13px;
    line-height: 43px;
    width: 92px;
  }
  .p-supportContent__system__box__title {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .p-supportContent__system__box__text {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 20px;
  }
  .p-supportContent__system__box figure img {
    height: 170px;
    width: auto;
  }
  .p-supportContent__system__box figure figcaption {
    font-size: 15px;
    margin-top: 14px;
  }
}
.p-supportContent__schedule {
  margin-top: 50px;
}
.p-supportContent__schedule__title {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 30px;
}
.p-supportContent__schedule__title span {
  color: #c16f51;
}
.p-supportContent__schedule__title small {
  font-size: 16px;
}
.p-supportContent__schedule__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}
.p-supportContent__schedule__box__inner {
  width: 54%;
}
.p-supportContent__schedule__box__inner .p-supportContent__schedule__box__item {
  width: 50%;
}
.p-supportContent__schedule__box__inner2 {
  width: 100%;
}
.p-supportContent__schedule__box__img {
  margin-left: 6%;
  width: 33%;
}
.p-supportContent__schedule__box__year {
  background: #000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  padding-left: 15px;
}
.p-supportContent__schedule__box__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-supportContent__schedule__box__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 27%;
}
.p-supportContent__schedule__box__item + .p-supportContent__schedule__box__item {
  border-left: 1px solid #000;
}
.p-supportContent__schedule__box__item2 {
  border-left: 1px solid #000;
  width: 19%;
}
.p-supportContent__schedule__box__month {
  background: #e6e6e6;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
}
.p-supportContent__schedule__box__info {
  padding: 12px 12px 0;
}
.p-supportContent__schedule__box__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
  margin-left: 1.25em;
  text-indent: -1.25em;
}
.p-supportContent__schedule__box__title span {
  color: #c16f51;
}
.p-supportContent__schedule__box__text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
  min-height: 144px;
}
.p-supportContent__schedule__box__last {
  color: #c16f51;
  display: inline-block;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 10px;
  margin: 0 auto 38px;
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
          writing-mode: vertical-lr;
}
.p-supportContent__schedule__box__last span {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__schedule__title {
    font-size: 17px;
    margin: 0 0 20px;
  }
  .p-supportContent__schedule__title small {
    font-size: 13px;
  }
  .p-supportContent__schedule__box {
    display: block;
  }
  .p-supportContent__schedule__box__inner {
    width: 100%;
  }
  .p-supportContent__schedule__box__inner .p-supportContent__schedule__box__item {
    width: 50%;
  }
  .p-supportContent__schedule__box__img {
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
  }
  .p-supportContent__schedule__box__year {
    font-size: 13px;
    line-height: 43px;
    padding-left: 0;
    text-align: center;
  }
  .p-supportContent__schedule__box__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-supportContent__schedule__box__item {
    width: 50%;
  }
  .p-supportContent__schedule__box__item + .p-supportContent__schedule__box__item {
    border: none;
  }
  .p-supportContent__schedule__box__item:nth-of-type(2n) {
    border-left: 1px solid #000;
  }
  .p-supportContent__schedule__box__item2 {
    width: 50%;
  }
  .p-supportContent__schedule__box__month {
    font-size: 13px;
  }
  .p-supportContent__schedule__box__info {
    padding: 12px 12px 22px;
  }
  .p-supportContent__schedule__box__title {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .p-supportContent__schedule__box__text {
    font-size: 13px;
    margin-bottom: 10px;
    min-height: 100px;
  }
  .p-supportContent__schedule__box__text + figure {
    text-align: center;
  }
  .p-supportContent__schedule__box__last {
    font-size: 34px;
    margin-bottom: 0;
    min-height: 100px;
  }
  .p-supportContent__schedule__box__last + figure {
    margin: 32px auto 0;
    width: 66%;
  }
}
.p-supportContent__message__item {
  margin-top: 40px;
}
.p-supportContent__message__item + .p-supportContent__message__item {
  border-top: 1px solid #CCCCCC;
  padding-top: 40px;
}
.p-supportContent__message__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-supportContent__message__image {
  width: 30.8%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.p-supportContent__message__image figcaption {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}
.p-supportContent__message__image figcaption span {
  font-size: 16px;
}
.p-supportContent__message__text {
  margin-left: 40px;
}
.p-supportContent__message__textTtl {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 18px;
}
.p-supportContent__message__textOffer {
  margin-top: 20px;
}
.p-supportContent__message__textOffer span {
  display: block;
  font-size: 18px;
}
.p-supportContent__message__textOffer span em {
  color: #C26F50;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-supportContent__message__image {
    width: 100%;
    margin-top: 20px;
  }
  .p-supportContent__message__text {
    margin-left: 0;
    font-size: 13px;
  }
  .p-supportContent__message__textTtl {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .p-supportContent__message__textOffer span {
    font-size: 16px;
  }
}
.p-supportContent__message__schedule {
  margin-top: 9px;
}
.p-supportContent__message__schedule__ttl {
  font-size: 22px;
  padding-left: 13px;
  position: relative;
  margin-bottom: 25px;
}
.p-supportContent__message__schedule__ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 3px;
  height: 23px;
  background-color: #C26F50;
}
.p-supportContent__message__scheduleBox {
  background-color: #FAFAFA;
  margin-top: 15px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-supportContent__message__scheduleBox dl {
  width: calc(50% - 40px);
  margin: 0;
}
.p-supportContent__message__scheduleBox dl dt {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  margin-bottom: 23px;
  padding: 0 10px;
  display: inline-block;
}
.p-supportContent__message__scheduleBox dl dd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-supportContent__message__scheduleBox dl dd ul li {
  padding: 5px 10px 10px;
  line-height: 1.6;
}
.p-supportContent__message__scheduleBox dl dd ul li p {
  color: #C26F50;
  font-weight: 700;
  font-size: 15px;
}
.p-supportContent__message__scheduleBox dl dd ul li p span {
  font-size: 20px;
}
.p-supportContent__message__scheduleBox dl dd ul li + li {
  margin-top: 4px;
}
.p-supportContent__message__scheduleBox dl dd ul li.result {
  background-color: #C26F50;
  color: #fff;
  margin-top: 11px;
}
.p-supportContent__message__scheduleBox dl dd ul li.result p {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__schedule__ttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .p-supportContent__message__scheduleBox {
    display: block;
    padding: 20px;
  }
  .p-supportContent__message__scheduleBox dl {
    width: 100%;
  }
  .p-supportContent__message__scheduleBox dl dt {
    margin-bottom: 0;
  }
  .p-supportContent__message__scheduleBox dl dd ul li p {
    font-size: 13px;
  }
  .p-supportContent__message__scheduleBox dl dd ul li p span {
    font-size: 16px;
  }
}
.p-supportContent__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 43px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info {
    display: block;
  }
}
.p-supportContent__info__left {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info__left {
    width: 100%;
    margin-bottom: 42px;
  }
}
.p-supportContent__info__right {
  width: 50%;
  padding-left: 3.5%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info__right {
    width: 100%;
    padding-left: 0;
  }
}
.p-supportContent__info__right .p-supportContent__info__date {
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info__right .p-supportContent__info__date {
    margin-bottom: 20px;
  }
}
.p-supportContent__info__title {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.p-supportContent__info__date {
  font-size: 11px;
  padding-bottom: 0;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info__date {
    margin-bottom: 18px;
  }
}
.p-supportContent__info__box {
  padding-bottom: 0;
}
.p-supportContent__info__box img {
  display: block;
  margin: 0 auto 27px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__info__box img {
    width: 65%;
    margin: 0 auto 23px;
  }
}
.p-supportContent__info__box__text {
  font-size: 11px;
}
.p-supportContent__info__box__text ul {
  padding: 0;
}
.p-supportContent__info__box__text ul li {
  padding-left: 1em;
  text-indent: -1em;
  list-style: none;
}
.p-supportContent__smartphone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #D7E6D9;
  padding-top: 30px;
  padding-right: 17px;
  padding-bottom: 29px;
  padding-left: 32px;
  margin-top: 75px;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__smartphone {
    display: block;
    padding: 20px;
    margin-bottom: 50px;
  }
}
.p-supportContent__smartphone__left {
  width: 51%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__smartphone__left {
    width: 100%;
  }
}
.p-supportContent__smartphone__left__title {
  font-size: 22px;
  color: #005A47;
  line-height: 1.45;
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__smartphone__left__title {
    font-size: 17px;
  }
}
.p-supportContent__smartphone__left__text {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__smartphone__img {
    margin-bottom: 12px;
  }
}
.p-supportContent__smartphone__right {
  width: 38%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__smartphone__right {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message {
    margin-bottom: 26px;
  }
}
.p-supportContent__graduate_message__box {
  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;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box {
    padding-top: 20px;
  }
}
.p-supportContent__graduate_message__box__frame {
  width: 47%;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame {
    width: 100%;
    margin-bottom: 20px;
  }
}
.p-supportContent__graduate_message__box__frame__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.p-supportContent__graduate_message__box__frame__left {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__left {
    width: 36%;
  }
}
.p-supportContent__graduate_message__box__frame__right {
  width: 61.5%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__right {
    width: 60%;
  }
}
.p-supportContent__graduate_message__box__frame__category {
  color: #fff;
  font-size: 12px;
  background: #005B47;
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__category {
    font-size: 11px;
    margin-bottom: 8px;
  }
}
.p-supportContent__graduate_message__box__frame__company {
  font-size: 16px;
  border-bottom: 1px solid #000;
  line-height: 1.45;
  padding-bottom: 7px;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__company {
    font-size: 14px;
  }
}
.p-supportContent__graduate_message__box__frame__company small {
  font-size: 12px;
  margin-left: 3px;
}
.p-supportContent__graduate_message__box__frame__name {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__name {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.p-supportContent__graduate_message__box__frame__name small {
  font-size: 14px;
  margin-left: 3px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__name small {
    font-size: 10px;
  }
}
.p-supportContent__graduate_message__box__frame__name__dept {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__name__dept {
    font-size: 10px;
  }
}
.p-supportContent__graduate_message__box__frame__title {
  color: #005A47;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__title {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__frame__text {
    font-size: 12px;
    line-height: 1.5;
  }
}
.p-supportContent__graduate_message__box__transfer {
  width: 100%;
  background: #D7E6D9;
  padding: 20px;
}
.p-supportContent__graduate_message__box__transfer__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-supportContent__graduate_message__box__transfer__left {
  width: 85px;
  height: 85px;
  margin-right: 2%;
  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;
  background: #fff;
  border: 2px solid #005A47;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__left {
    width: 73px;
    height: 73px;
    font-size: 13px;
    margin-bottom: 27px;
  }
}
.p-supportContent__graduate_message__box__transfer__right {
  width: auto;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__right {
    width: auto;
  }
}
.p-supportContent__graduate_message__box__transfer__company {
  font-size: 12px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__company {
    font-size: 10px;
  }
}
.p-supportContent__graduate_message__box__transfer__name {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__name {
    font-size: 14px;
  }
}
.p-supportContent__graduate_message__box__transfer__name small {
  font-size: 14px;
  margin-left: 3px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__name small {
    font-size: 10px;
  }
}
.p-supportContent__graduate_message__box__transfer__dept {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__dept {
    font-size: 10px;
  }
}
.p-supportContent__graduate_message__box__transfer__img {
  width: 125px;
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__img {
    width: 41%;
  }
}
.p-supportContent__graduate_message__box__transfer__introduction {
  width: 81%;
  padding-right: 3%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__introduction {
    width: 56%;
    padding-right: 0;
  }
}
.p-supportContent__graduate_message__box__transfer__title {
  color: #005A47;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-supportContent__graduate_message__box__transfer__text {
    font-size: 12px;
    line-height: 1.51;
  }
}
@media screen and (max-width: 767px) {
  .p-supportContent__message {
    margin-top: 40px;
  }
}
.p-supportContent__message__item {
  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;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__item {
    display: block;
    margin-top: 29px;
  }
}
.p-supportContent__message__box {
  width: 47%;
  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: 767px) {
  .p-supportContent__message__box {
    width: 100%;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
        -ms-flex-direction: unset;
            flex-direction: unset;
  }
}
.p-supportContent__message__box:not(:last-of-type) {
  margin-bottom: 54px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__box:not(:last-of-type) {
    margin-bottom: 32px;
  }
}
.p-supportContent__message__box:nth-last-child(2) {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__box:nth-last-child(2) {
    margin-bottom: 32px;
  }
}
.p-supportContent__message__left {
  width: 33%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__left {
    width: 36%;
  }
}
.p-supportContent__message__category {
  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;
  height: 43px;
  color: #fff;
  background: #DB4E64;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__category {
    font-size: 11px;
    margin-bottom: 5px;
  }
}
.p-supportContent__message__img img {
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__img {
    width: 90%;
    margin: 0 auto;
  }
}
.p-supportContent__message__introduction {
  width: 63%;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__introduction {
    width: 60%;
  }
}
.p-supportContent__message__company {
  font-size: 16px;
  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;
  line-height: 1.3;
  border-bottom: 1px solid #000;
  padding-bottom: 7px;
  margin-bottom: 4px;
}
.p-supportContent__message__company .offer {
  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;
  font-size: clamp(0.75rem, 0.704rem + 0.2vw, 0.813rem);
  background: #E6E6E6;
  width: 50px;
  height: 40px;
}
.p-supportContent__message__company .companyname {
  width: 178px;
  font-size: clamp(0.875rem, 0.829rem + 0.2vw, 0.938rem);
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__company .companyname {
    width: 72%;
  }
}
.p-supportContent__message__name {
  font-size: 16px;
  margin-bottom: -3px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__name {
    font-size: 14px;
  }
}
.p-supportContent__message__name small {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__name small {
    font-size: 10px;
  }
}
.p-supportContent__message__dept {
  font-size: 12px;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__dept {
    font-size: 10px;
  }
}
.p-supportContent__message__title {
  color: #DB4E64;
  font-size: 20px;
  line-height: 1.45;
}
@media screen and (max-width: 767px) {
  .p-supportContent__message__title {
    font-size: 14px;
  }
}

.f_zen {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

@media screen and (max-width: 767px) {
  .tsushinsei img {
    width: 100%;
  }
}

.tsushinsei .c-lead {
  margin-left: 30px;
}

.tsushinsei .c-col2__left {
  width: 770px;
  color: #222;
  margin-left: 30px;
}

.tsushinsei .c-col2__left section:not(:last-of-type) {
  margin-bottom: 63px;
}
@media screen and (max-width: 767px) {
  .tsushinsei .c-col2__left section:not(:last-of-type) {
    margin-bottom: 4.2em;
  }
}

@media screen and (max-width: 1120px) {
  .tsushinsei .c-lead {
    margin-left: 0;
  }
  .tsushinsei .c-col2__left {
    width: 70%;
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .tsushinsei .c-col2__left {
    width: 100%;
  }
}
/*アンカー
----------------*/
.a-link {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .a-link {
    margin-bottom: 5.2em;
  }
}
.a-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .a-link ul {
    display: block;
  }
}
.a-link ul li {
  list-style: none;
  width: 30%;
}
@media screen and (max-width: 767px) {
  .a-link ul li {
    width: 100%;
  }
  .a-link ul li:not(:last-of-type) {
    margin-bottom: 0.6em;
  }
}
.a-link ul li a {
  width: 100%;
  height: 66px;
  font-size: 14px;
  display: block;
  color: #fff;
  background: #06ade2;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.45;
  padding: 0 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .a-link ul li a {
    height: 47px;
  }
}
.a-link ul li a:after {
  content: "";
  width: 11px;
  height: 11px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 7%;
  top: 36%;
}
.a-link ul li:nth-child(2) a {
  background: #edad2c;
}
.a-link ul li:nth-child(3) a {
  background: #19ba6a;
}

.p-reason_link .c-anchor__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-reason_link .c-anchor__title .no {
  font-size: 20px;
  width: 35px;
}
/*安心の環境、5つの理由
----------------*/
.p-reason_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 28px;
  font-weight: 500;
  border-bottom: 1px solid #222222;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-reason_title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 20px;
  }
}
.p-reason_title .no {
  font-size: 34px;
  width: 50px;
}
@media screen and (max-width: 767px) {
  .p-reason_title .no {
    font-size: 24px;
    width: 36px;
    line-height: 1.45;
  }
}
@media screen and (max-width: 767px) {
  .p-reason_title .title {
    line-height: 1.45;
    padding-top: 3px;
  }
}
.p-reason_box {
  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: 767px) {
  .p-reason_box {
    display: block;
  }
}
.p-reason_box.not {
  display: block;
}
.p-reason_box .title {
  font-size: 20px;
  font-weight: 500;
  color: #c26f51;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .p-reason_box .title {
    font-size: 16px;
  }
}
.p-reason_box .text {
  font-size: 16px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .p-reason_box .text {
    font-size: 14px;
  }
}
.p-reason_box .text + .title {
  margin-top: 60px;
}
.p-reason_box .left {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .p-reason_box .left {
    width: 100%;
  }
}
.p-reason_box .right {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .p-reason_box .right {
    width: 100%;
    margin-top: 20px;
  }
}
.p-reason_box + .p-reason_title {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-reason_box + .p-reason_title {
    margin-top: 40px;
  }
}
.p-reason_box + .p-reason_box {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-reason_box + .p-reason_box {
    margin-top: 40px;
  }
}

/*先輩の声
----------------*/
.seniorvoice_title {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_title {
    margin-bottom: 30px;
  }
}
.seniorvoice_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f4f8fc;
  padding: 30px;
}
.seniorvoice_box:not(:last-of-type) {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box {
    display: block;
    padding: 0;
  }
}
.seniorvoice_box_img {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_img {
    width: 100%;
    margin-bottom: 1.4em;
  }
}
.seniorvoice_box_img .img {
  display: block;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_img .img {
    margin-bottom: 20px;
  }
}
.seniorvoice_box_img .text {
  background: #ffffff;
  padding: 10px 15px;
}
.seniorvoice_box_img .text .name {
  font-size: 16px;
}
.seniorvoice_box_img .text .birthplace {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_img .text {
    width: 92%;
  }
}
.seniorvoice_box_txt {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_txt {
    width: 100%;
    padding: 0 20px;
  }
}
.seniorvoice_box_txt_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.seniorvoice_box_txt_title:before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  background: url(/tokyo-ai/assets/img/tsushinsei/icon_seniorvoice.svg);
  background-size: cover;
  margin-right: 5px;
}
.seniorvoice_box_txt_qa dl {
  margin: 0;
}
.seniorvoice_box_txt_qa dl dt {
  color: #06ade2;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_txt_qa dl dt {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.seniorvoice_box_txt_qa dl dd {
  font-size: 16px;
  line-height: 2;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .seniorvoice_box_txt_qa dl dd {
    font-size: 14px;
  }
}
.seniorvoice_box_txt_qa dl dd small {
  margin-top: 7px;
  line-height: 1.7;
  display: block;
}

/*出身校
----------------*/
.origin-school_title {
  text-align: center;
  margin-bottom: 30px;
}
.origin-school_txt {
  background: #fffaf0;
  padding: 26px 30px;
  line-height: 2.1;
  margin-bottom: 62px;
}
@media screen and (max-width: 767px) {
  .origin-school_txt {
    font-size: 13.7px;
    padding: 1.5em 0.9em;
    margin-bottom: 4.3em;
  }
}

/*オープンキャンパス
----------------*/
.open-campus_img {
  width: 416px;
  margin: -46px auto 18px;
}
@media screen and (max-width: 767px) {
  .open-campus_img {
    width: 98%;
  }
}
.open-campus_title {
  font-size: 30px;
  margin-bottom: 15px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .open-campus_title {
    font-size: 24px;
  }
}
.open-campus_title small {
  display: block;
  font-size: 16px;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .open-campus_title small {
    font-size: 14px;
  }
}
.open-campus_text {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .open-campus_text {
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .open-campus_banner {
    margin: 0 1em;
  }
}
.open-campus_banner a {
  display: block;
  margin: 0 auto;
}

/*ステップアップ
----------------*/
.step-up {
  margin-bottom: 59px !important;
}
.step-up_title {
  margin-bottom: 27px;
}
.step-up_txt {
  font-size: 16px;
  margin-bottom: 38px;
}
.step-up_road_box {
  background: #f4faf6;
  padding: 46px 30px 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .step-up_road_box {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box:before {
  content: "";
  position: absolute;
  display: block;
  width: 74px;
  height: 90px;
  vertical-align: middle;
  background: url(/kobe-ai/assets/img/tsushinsei/step01.svg);
  background-size: cover;
  top: -45px;
  left: calc(50% - 38px);
}
@media screen and (max-width: 767px) {
  .step-up_road_box:before {
    width: 58px;
    height: 70px;
    top: -35px;
    left: calc(50% - 29px);
  }
}
.step-up_road_box_title {
  color: #19ba6a;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.step-up_road_box_txt {
  font-size: 14px;
  margin-bottom: 15px;
}
.step-up_road_box_txt p + p {
  border-top: 2px solid #ddd;
  margin-top: 15px;
  padding-top: 17px;
}
.step-up_road_box_support {
  border-top: 2px solid #ddd;
  padding-top: 20px;
}
.step-up_road_box_support_box {
  background: #fff;
  padding: 14px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_support_box {
    padding: 0.65em;
  }
}
.step-up_road_box_support_box_title {
  width: 303px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_support_box_title {
    width: auto;
    margin-bottom: 0.6em;
  }
}
.step-up_road_box_support_box_img {
  width: 303px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_support_box_img {
    width: auto;
    margin-bottom: 0.6em;
  }
}
.step-up_road_box_support_box_txt {
  width: 360px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 7px;
}
.step-up_road_box_col2 {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2 {
    margin-bottom: 1.1em;
  }
}
.step-up_road_box_col2_title {
  width: 303px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2_title {
    width: 100%;
    margin-bottom: 0.6em;
  }
}
.step-up_road_box_col2_img {
  width: 318px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2_img {
    width: 100%;
    margin-bottom: 0.6em;
  }
}
.step-up_road_box_col2_txt {
  width: 374px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2_txt {
    width: 100%;
  }
}
.step-up_road_box_col2_txt.u-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2_txt.u-sp {
    display: block;
  }
}
.step-up_road_box_col2_txt_title {
  width: 100%;
  color: #19ba6a;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_col2_txt_title {
    margin-bottom: 0.5em;
  }
}
.step-up_road_box_col2_txt_txt {
  font-size: 14px;
  width: 100%;
}
.step-up_road_box.step02 {
  padding: 49px 30px 40px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step02 {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box.step02:before {
  background: url(/kobe-ai/assets/img/tsushinsei/step02.svg);
  background-size: cover;
  left: calc(50% + 278px);
}
@media screen and (max-width: 1120px) {
  .step-up_road_box.step02:before {
    left: 85%;
  }
}
.step-up_road_box.step03 {
  padding: 49px 30px 40px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step03 {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box.step03:before {
  background: url(/kobe-ai/assets/img/tsushinsei/step03.svg);
  background-size: cover;
  left: 28px;
}
@media screen and (max-width: 1120px) {
  .step-up_road_box.step03:before {
    left: 3%;
  }
}
.step-up_road_box.step03 .step-up_road_box_col2 {
  margin-bottom: 0;
}
.step-up_road_box.step04 {
  padding: 49px 30px 40px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step04 {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box.step04:before {
  background: url(/kobe-ai/assets/img/tsushinsei/step04.svg);
  background-size: cover;
  left: calc(50% + 278px);
}
@media screen and (max-width: 1120px) {
  .step-up_road_box.step04:before {
    left: 85%;
  }
}
.step-up_road_box.step04 .step-up_road_box_col2 {
  margin-bottom: 0;
}
.step-up_road_box.step05 {
  padding: 49px 30px 40px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05 {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box.step05:before {
  background: url(/kobe-ai/assets/img/tsushinsei/step05.svg);
  background-size: cover;
  left: 28px;
}
@media screen and (max-width: 1120px) {
  .step-up_road_box.step05:before {
    left: 3%;
  }
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05:before {
    left: 4.5%;
  }
}
.step-up_road_box.step05 .step-up_road_box_col2 {
  border-bottom: 2px solid #ddd;
  margin-top: 0px;
  padding-bottom: 20px;
}
.step-up_road_box.step05 .step-up_road_box_col2 dl {
  width: 289px;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05 .step-up_road_box_col2 dl {
    width: 100%;
  }
  .step-up_road_box.step05 .step-up_road_box_col2 dl:not(:last-of-type) {
    margin-bottom: 1.3em;
  }
}
.step-up_road_box.step05 .step-up_road_box_col2 dl dt {
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #069d5d;
  padding: 5px 0;
}
.step-up_road_box.step05 .step-up_road_box_col2 dl dd {
  background: #fff;
  font-size: 12px;
  padding: 6px 9px;
  min-height: 150px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05 .step-up_road_box_col2 dl dd {
    min-height: auto;
  }
}
.step-up_road_box.step05 .step-up_road_box_col2 dl dd .aws {
  width: 100%;
  text-align: center;
  margin: 11px 0;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05 .step-up_road_box_col2 dl dd .aws {
    width: 120px;
    margin: 1em auto;
  }
}
.step-up_road_box.step05 .step-up_road_box_col2 dl:nth-child(2) {
  width: 400px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step05 .step-up_road_box_col2 dl:nth-child(2) {
    width: 100%;
  }
}
.step-up_road_box.step06 {
  padding: 49px 30px 40px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step06 {
    padding: 2.6em 1em 1em;
  }
}
.step-up_road_box.step06:before {
  background: url(/kobe-ai/assets/img/tsushinsei/step06.svg);
  background-size: cover;
  left: calc(50% + 278px);
}
@media screen and (max-width: 1120px) {
  .step-up_road_box.step06:before {
    left: 85%;
  }
}
@media screen and (max-width: 767px) {
  .step-up_road_box.step06:before {
    left: 78%;
  }
}
.step-up_road_box_current {
  background: #fff;
  padding: 12px 10px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current {
    padding: 1.4em 0.6em;
  }
}
.step-up_road_box_current_title {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #069d5d;
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_title {
    margin-bottom: 1.3em;
  }
}
.step-up_road_box_current_title span {
  display: inline-block;
  position: relative;
  padding: 0 23px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_title span {
    padding: 0 2em;
  }
}
.step-up_road_box_current_title span:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  background: #069d5d;
  top: 4px;
  left: 0;
  -webkit-transform: rotate(-23deg);
      -ms-transform: rotate(-23deg);
          transform: rotate(-23deg);
}
.step-up_road_box_current_title span:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  background: #069d5d;
  top: 4px;
  right: 0;
  -webkit-transform: rotate(23deg);
      -ms-transform: rotate(23deg);
          transform: rotate(23deg);
}
.step-up_road_box_current_col2 {
  margin-top: 0;
}
.step-up_road_box_current_col2:not(:last-of-type) {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_col2:not(:last-of-type) {
    margin-bottom: 1.2em;
  }
}
.step-up_road_box_current_col2_img {
  width: 150px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_col2_img {
    width: 43%;
  }
}
.step-up_road_box_current_col2_txt {
  font-size: 12px;
  width: 525px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_col2_txt {
    width: 53%;
  }
}
.step-up_road_box_current_col2_txt.u-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_current_col2_txt.u-sp {
    width: 100%;
    display: block;
    margin-top: 0.8em;
  }
}
.step-up_road_box_current_col2_txt p:not(:last-child) {
  margin-bottom: 5px;
}
.step-up_road_box_system {
  background: #fff;
  padding: 9px;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_system {
    margin-bottom: 3em;
    position: relative;
  }
  .step-up_road_box_system:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #ddd;
    bottom: -1.7em;
    left: 0;
  }
}
.step-up_road_box_system_box {
  width: 304px;
}
@media screen and (max-width: 767px) {
  .step-up_road_box_system_box {
    width: 100%;
  }
}
.step-up_road_box_system_box_img {
  margin-bottom: 10px;
}
.step-up_road_box_system_box_title {
  font-size: 14px;
  font-weight: 700;
  color: #069d5d;
  margin-bottom: 4px;
}
.step-up_road_box_system_box_txt {
  font-size: 12px;
}
.step-up_road_box_system_box.left {
  position: relative;
}
.step-up_road_box_system_box.left:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background: url(/kobe-ai/assets/img/tsushinsei/icon_plus.svg);
  background-size: cover;
  bottom: 7.4em;
  left: calc(100% + 30px);
}
@media screen and (max-width: 767px) {
  .step-up_road_box_system_box.left:after {
    bottom: -2.3em;
    left: calc(50% - 10px);
  }
}
@media screen and (max-width: 767px) {
  .step-up_road_box_system_box.left {
    margin-bottom: 3.8em;
  }
}
/*不安や気になることがあれば…
----------------*/
.experience_title {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .experience_title {
    font-size: 20px;
  }
}

.p-different {
  color: #212121;
}
@media screen and (max-width: 767px) {
  .p-different .c-anchorContent:first-of-type {
    margin-bottom: 0;
  }
}
.p-different .p-target .title {
  color: #4fa78c;
  font-size: clamp(14px, 10.1734693878px + 1.0204081633vw, 18px);
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}
.p-different .p-target .p-homeTitle__wrap {
  margin-bottom: 50px;
}
.p-different .p-target .p-homeTitle__wrap .p-homeTitle {
  overflow: unset;
  position: relative;
}
.p-different .p-target .p-homeTitle__wrap .p-homeTitle:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 15px 0;
  border-color: transparent #3b8e75 transparent transparent;
  z-index: 2;
}
.p-different .p-target .p-homeTitle__wrap .p-homeTitle span:after {
  display: none;
}
.p-different .p-table {
  margin-top: 41px;
}
@media screen and (max-width: 767px) {
  .p-different .p-table {
    overflow-x: auto;
    margin-top: 29px;
  }
}
.p-different .p-table table {
  font-size: clamp(1.2rem, getVw(14), 1.4rem);
  border-bottom: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .p-different .p-table table {
    width: 100%;
    min-width: 880px;
  }
}
.p-different .p-table table tr th {
  font-size: 14px;
  border-left: 1px solid #cbcbcb;
  color: #101010;
  font-weight: 700;
  padding: 13px 10px;
  line-height: 1.45;
  text-align: center;
}
.p-different .p-table table tr td {
  font-size: 14px;
  border-left: 1px solid #cbcbcb;
  padding: 10px;
  vertical-align: top;
}
.p-different .p-table table tr:first-child th {
  font-size: 20px;
  color: #ffffff;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.p-different .p-table table tr:first-child th:first-child {
  border-top: unset;
  border-left: unset;
  width: 12%;
}
.p-different .p-table table tr:first-child th:nth-child(2) {
  width: 44%;
}
.p-different .p-table table tr:first-child th:nth-child(3) {
  width: 44%;
}
.p-different .p-table table tr:nth-child(even) th:first-child {
  background: #f0f0f0;
}
.p-different .p-table table tr:nth-child(even) th:nth-child(2) {
  background: #e2ecf4;
}
.p-different .p-table table tr:nth-child(even) th:nth-child(3) {
  background: #f0f0f0;
}
.p-different .p-table table tr:nth-child(even) th:nth-child(4) {
  background: #f0f0f0;
}
.p-different .p-table table tr:nth-child(even) td:first-child {
  background: #f0f0f0;
}
.p-different .p-table table tr:nth-child(even) td:nth-child(2) {
  background: #e2ecf4;
}
.p-different .p-table table tr:nth-child(even) td:nth-child(3) {
  background: #f0f0f0;
}
.p-different .p-table table tr:nth-child(even) td:nth-child(4) {
  background: #f0f0f0;
}
.p-different .p-table table .b_orange {
  background: #f48131;
}
.p-different .p-table table .b_green {
  background: #4fa78c;
}
.p-different .p-table table .b_blue {
  background: #2889dc;
}
.p-different .p-employment_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-different .p-employment_box {
    display: block;
  }
}
.p-different .p-employment .title {
  font-size: clamp(17px, 12.2168367347px + 1.2755102041vw, 22px);
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 20px;
  padding-left: 1em;
  text-indent: -1em;
}
.p-different .p-employment .title:before {
  content: "■";
  color: #c16f51;
}
.p-different .p-employment .left {
  width: 47%;
}
@media screen and (max-width: 767px) {
  .p-different .p-employment .left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.p-different .p-employment .left .title {
  margin-bottom: 0;
}
.p-different .p-employment .right {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .p-different .p-employment .right {
    width: 100%;
  }
}
.p-different .p-employment .rate {
  color: #c05d66;
  font-size: clamp(100px, 76.0841836735px + 6.3775510204vw, 125px);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-different .p-employment .rate {
    text-align: center;
  }
}
.p-different .p-employment .rate small {
  font-size: clamp(75px, 56.8239795918px + 4.8469387755vw, 94px);
}
.p-different .p-employment .text {
  text-align: center;
}
.p-different .p-employment .notes {
  text-align: justify;
  margin-top: 20px;
  padding: 0;
}
.p-different .p-employment .notes ul {
  margin: 0;
}
.p-different .p-employment .notes ul li {
  font-size: clamp(11px, 9.0867346939px + 0.5102040816vw, 13px);
  list-style: none;
}
.p-different .p-difference .img {
  margin-top: 40px;
  margin-bottom: 30px;
}
.p-different .p-difference .notes {
  text-align: justify;
  text-align: center;
}
.p-different .p-difference .notes ul {
  display: inline-block;
  list-style: none;
  text-align: left;
  margin: 0;
}
.p-different .p-difference .notes ul li {
  font-size: clamp(11px, 9.0867346939px + 0.5102040816vw, 13px);
}
.p-different .p-qualification_box {
  border: 2px solid #2889dc;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_box {
    margin-top: 30px;
  }
}
.p-different .p-qualification_title {
  color: #ffffff;
  font-size: clamp(16px, 12.1734693878px + 1.0204081633vw, 20px);
  font-weight: 700;
  text-align: center;
  background: #2889dc;
  padding: 12px 0;
}
.p-different .p-qualification_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_area {
    display: block;
    padding: 20px;
  }
}
.p-different .p-qualification_area .left {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_area .left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.p-different .p-qualification_area .left .logo {
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_area .left .logo {
    margin-bottom: 10px;
  }
}
.p-different .p-qualification_area .left .logo img {
  width: 100%;
}
.p-different .p-qualification_area .left .text {
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-different .p-qualification_area .left .text li {
  font-size: clamp(14px, 12.0867346939px + 0.5102040816vw, 16px);
  text-align: justify;
  background: #e2ecf4;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_area .left .text li {
    padding: 15px;
  }
}
.p-different .p-qualification_area .left .text li:not(:last-child) {
  margin-bottom: 10px;
}
.p-different .p-qualification_area .left .text li span {
  color: #2889dc;
  font-weight: 700;
}
.p-different .p-qualification_area .right {
  width: 47%;
}
@media screen and (max-width: 767px) {
  .p-different .p-qualification_area .right {
    width: 100%;
  }
}
.p-society .c-anchorContent {
  padding-bottom: 50px;
}
.p-society .c-anchorContent + .c-anchorContent {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .p-society .c-anchorContent {
    padding-bottom: 34px;
  }
  .p-society .c-anchorContent + .c-anchorContent {
    margin-top: 34px;
  }
}
.p-society .c-anchorContent__titleGreen {
  margin-top: 34px;
}
.p-society .c-anchorContent__titleGreen:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .p-society .c-anchorContent__titleGreen {
    margin-top: 28px;
  }
  .p-society .c-anchorContent__titleGreen:first-child {
    margin-top: 0;
  }
}
.p-society .c-anchorContent__titleGreen + .c-col2__flexWrap {
  margin-top: 1em;
}
.p-society .c-LinkButton {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.p-society .c-LinkButton:last-child {
  margin-bottom: 0;
}
.p-societyEvent__title {
  background: #ffd138;
  font-size: 22px;
  margin-bottom: 1.5em;
  padding: 0.5em 0;
  text-align: center;
}
.p-societyEvent__title::before {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(-21deg);
      -ms-transform: rotate(-21deg);
          transform: rotate(-21deg);
  margin-right: 0.5em;
}
.p-societyEvent__title::after {
  content: "|";
  display: inline-block;
  -webkit-transform: rotate(21deg);
      -ms-transform: rotate(21deg);
          transform: rotate(21deg);
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .p-societyEvent__title {
    font-size: 20px;
    margin: 0 -20px 1.5em;
    padding: 1em 0;
  }
}
.p-societyPoint__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
}
.p-societyPoint__title img {
  display: block;
  width: 90px;
}
.p-societyPoint__title span {
  width: calc(100% - 110px);
}
@media screen and (max-width: 767px) {
  .p-societyPoint__title {
    font-size: 16px;
  }
  .p-societyPoint__title img {
    width: 75px;
  }
  .p-societyPoint__title span {
    width: calc(100% - 95px);
  }
}
.p-societyData {
  background: #f1f1ef;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  aspect-ratio: 67/28;
}
.p-societyData.-graph {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.p-societyData.-data1 .p-societyData__left {
  width: 60%;
}
.p-societyData.-data2 .p-societyData__left {
  width: 48%;
}
.p-societyData__title {
  font-size: 14px;
  margin: 0;
}
.p-societyData img {
  margin: 0.2em 0;
}
.p-societyData__caption {
  font-size: 11px;
  margin: 0;
}
.p-societyData__percent {
  color: #4fa78c;
  font-size: 75px;
  font-weight: bold;
  white-space: nowrap;
}
.p-societyData__percent span {
  font-size: 23px;
}
.p-societyData.-graph {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  aspect-ratio: 67/54;
}
.p-societyData.-graph .p-societyData__title {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-societyData__title {
    font-size: 13px;
    white-space: nowrap;
  }
  .p-societyData__caption {
    font-size: 10px;
  }
  .p-societyData__percent {
    font-size: 65px;
  }
  .p-societyData__percent span {
    font-size: 20px;
  }
}
.p-societyOuj {
  margin-top: 2em;
  border: 2px solid #017dc5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
.p-societyOuj__logo {
  margin: 0;
}
.p-societyOuj__text1 {
  margin-top: 0.5em;
  font-size: 18px;
  font-weight: bold;
}
.p-societyOuj__text2 {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-societyOuj {
    gap: 0;
  }
  .p-societyOuj__text1 {
    font-size: 16px;
  }
  .p-societyOuj__text2 {
    font-size: 13px;
  }
}
.p-societySkill {
  display: -ms-grid;
  display: grid;
  gap: 0.5em 1.5em;
  margin-bottom: 2em;
  -ms-grid-columns: 180px 1.5em 1fr;
  grid-template-columns: 180px 1fr;
  -ms-grid-rows: auto 0.5em auto 0.5em auto;
      grid-template-areas: "image support" "image title" "image body";
}
.p-societySkill:last-child {
  margin-bottom: 0;
}
.p-societySkill__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  grid-area: image;
}
.p-societyVoice__detail > .p-societySkill__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
}
.p-societySkill__support {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: support;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #4fa78c;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.1em 1em;
}
.p-societySkill__title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: title;
  font-size: 16px;
  margin: 0;
}
.p-societyVoice__detail > .p-societySkill__title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.p-societySkill__body {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: body;
  font-size: 15px;
}
.p-societyVoice__detail > .p-societySkill__body {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 767px) {
  .p-societySkill {
    display: -ms-grid;
    display: grid;
    gap: 0.5em 1em;
    -ms-grid-columns: 105px 1em 1fr;
    grid-template-columns: 105px 1fr;
    -ms-grid-rows: 1fr 0.5em 2fr 0.5em auto;
    grid-template-rows: 1fr 2fr auto;
        grid-template-areas: "image support" "image title" "body body";
  }
  .p-societySkill__title {
    line-height: 1.6;
  }
  .p-societySkill__support {
    font-size: 11px;
  }
  .p-societySkill__body {
    font-size: 13px;
  }
  .p-societySkill__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .p-societySkill__support {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-societySkill__title {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-societySkill__body {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.p-societyJob__title {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-societyJob__title {
    font-size: 16px;
  }
}
.p-societyVoice__box {
  margin-top: 2em;
}
.p-societyVoice__detail {
  display: -ms-grid;
  display: grid;
  gap: 1em 30px;
  -ms-grid-columns: 240px 30px 1fr;
  grid-template-columns: 240px 1fr;
  -ms-grid-rows: auto 1em auto 1em auto;
      grid-template-areas: "image header" "image title" "image body";
}
.p-societyVoice__detail__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
  grid-area: image;
}
.p-societyVoice__detail > .p-societyVoice__detail__image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  -ms-grid-column: 1;
}
.p-societyVoice__detail__header {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: header;
  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;
  gap: 1em;
}
.p-societyVoice__detail__depertment {
  background: #212121;
  color: #fff;
  padding: 0.5em 1.5em;
  font-size: 13px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.4;
}
.p-societyVoice__detail__name {
  font-size: 18px;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-societyVoice__detail__corporation {
  font-size: 11px;
  display: block;
}
.p-societyVoice__detail__flow {
  width: 100%;
  font-size: 15px;
}
.p-societyVoice__detail__flow span:nth-child(2) {
  display: inline-block;
  color: #999;
  -webkit-transform: scale(0.4, 0.7);
      -ms-transform: scale(0.4, 0.7);
          transform: scale(0.4, 0.7);
}
.p-societyVoice__detail__flow span:nth-child(3) {
  font-weight: bold;
  color: #e1453c;
}
.p-societyVoice__detail__title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: title;
  margin: 0;
  font-size: 18px;
}
.p-societyVoice__detail > .p-societyVoice__detail__title {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.p-societyVoice__detail__body {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: body;
  font-size: 14px;
}
.p-societyVoice__detail > .p-societyVoice__detail__body {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 767px){
  .p-societyVoice__detail__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .p-societyVoice__detail__title {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-societyVoice__detail__body {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 767px) {
  .p-societyVoice__detail {
    gap: 1em 15px;
    -ms-grid-columns: 120px 15px 1fr;
    grid-template-columns: 120px 1fr;
    -ms-grid-rows: auto 1em auto 1em auto;
        grid-template-areas: "image header" "title title" "body body";
  }
  .p-societyVoice__detail__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.2em;
  }
  .p-societyVoice__detail__depertment {
    padding: 0.5em 1em;
    font-size: 12px;
    line-height: 1.1;
  }
  .p-societyVoice__detail__name {
    font-size: 16px;
  }
  .p-societyVoice__detail__title {
    font-size: 16px;
  }
  .p-societyVoice__detail__body {
    font-size: 13px;
  }
  .p-societyVoice__detail > .p-societySkill__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-societyVoice__detail > .p-societySkill__title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-societyVoice__detail > .p-societySkill__body {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-societyVoice__detail > .p-societyVoice__detail__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .p-societyVoice__detail__header {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-societyVoice__detail > .p-societyVoice__detail__title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .p-societyVoice__detail > .p-societyVoice__detail__body {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.p-societyQuestion .c-question__item {
  margin-top: 30px;
}
.p-societyQuestion .c-question__title {
  padding-right: 0;
}
.p-societyQuestion .c-question__title::before, .p-societyQuestion .c-question__title::after {
  content: none;
}
.p-societyQuestion .c-question__body {
  display: block;
  padding-right: 3em;
}
@media screen and (max-width: 767px) {
  .p-societyQuestion .c-question__item {
    border-top: none;
    margin-top: 0;
  }
  .p-societyQuestion .c-question__item:nth-of-type(n + 2) {
    margin-top: 0;
  }
  .p-societyQuestion .c-question__item:last-child {
    border-bottom: none;
  }
  .p-societyQuestion .c-question__body {
    display: block;
    padding-right: 0;
  }
}
.p-societyOc__baloon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5em;
}
.p-societyOc__baloon figure {
  width: 120px;
}
.p-societyOc__baloon p {
  background: #4fa78c;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 1em 1.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  position: relative;
}
.p-societyOc__baloon p::after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1, 0.5);
      -ms-transform: translateY(-50%) scale(1, 0.5);
          transform: translateY(-50%) scale(1, 0.5);
  border-top: 15px solid transparent;
  border-right: 15px solid #4fa78c;
  border-bottom: 15px solid transparent;
}
.p-societyOc__title {
  font-size: 18px;
  color: #4fa78c;
  margin: 1.5em 0 0.5em;
}
.p-societyOc__title + .c-anchorContent__text {
  margin-top: 0;
}
.p-societyOc__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-societyOc__detail figure {
  width: 100px;
}
.p-societyOc__detail p {
  width: calc(100% - 115px);
}
@media screen and (max-width: 767px) {
  .p-societyOc__baloon {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 0;
  }
  .p-societyOc__baloon figure {
    width: 95px;
  }
  .p-societyOc__baloon p {
    font-size: 13px;
    width: calc(100% - 120px);
  }
  .p-societyOc__detail figure {
    width: 80px;
  }
  .p-societyOc__detail p {
    width: calc(100% - 100px);
    font-size: 13px;
  }
}
/*# sourceMappingURL=styles.css.map */