@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");
.text-color.has-pink {
  color: #e54c7b;
}

.text-color.has-red {
  color: #D92A2D;
}

.text-color.has-orange {
  color: #df772a;
}

.text-color.has-yellow {
  color: #f6ff5f;
}

.text-color.has-blue {
  color: #2aaedf;
}

.text-color.has-green {
  color: #51c765;
}

.text-color.has-purple {
  color: #b737c6;
}

.text-color.has-white {
  color: #fff;
}

.text-color.has-black {
  color: #000;
}

.background-color.has-pink {
  background-color: #e54c7b;
}

.background-color.has-red {
  background-color: #D92A2D;
}

.background-color.has-orange {
  background-color: #df772a;
}

.background-color.has-yellow {
  background-color: #f6ff5f;
}

.background-color.has-blue {
  background-color: #2aaedf;
}

.background-color.has-green {
  background-color: #51c765;
}

.background-color.has-purple {
  background-color: #e7a9b7;
}

.background-color.has-white {
  background-color: #fff;
}

.background-color.has-black {
  background-color: #000;
}

/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -moz-tab-size: 4;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  tab-size: 4;
  word-break: normal;
}

*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  height: 0;
  overflow: visible;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 100%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

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

code, kbd, pre, samp {
  font-family: monospace,monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

input {
  border-radius: 0;
}

[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  color: inherit;
  cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

ul, ol {
  list-style: none;
}

address {
  font-style: normal;
}

table {
  border-spacing: 0;
}

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

/* ================
> Utilities Index
- margin
- display
- flex
================*/
/* =========================================================
margin - 余白の調整
========================================================= */
.u-m-0 {
  margin: 0rem !important;
}

.u-mt-0,
.u-my-0 {
  margin-top: 0rem !important;
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0rem !important;
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0rem !important;
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0rem !important;
}

.u-m-1 {
  margin: 0.5rem !important;
}

.u-mt-1,
.u-my-1 {
  margin-top: 0.5rem !important;
}

.u-mr-1,
.u-mx-1 {
  margin-right: 0.5rem !important;
}

.u-mb-1,
.u-my-1 {
  margin-bottom: 0.5rem !important;
}

.u-ml-1,
.u-mx-1 {
  margin-left: 0.5rem !important;
}

.u-m-2 {
  margin: 1rem !important;
}

.u-mt-2,
.u-my-2 {
  margin-top: 1rem !important;
}

.u-mr-2,
.u-mx-2 {
  margin-right: 1rem !important;
}

.u-mb-2,
.u-my-2 {
  margin-bottom: 1rem !important;
}

.u-ml-2,
.u-mx-2 {
  margin-left: 1rem !important;
}

.u-m-3 {
  margin: 1.5rem !important;
}

.u-mt-3,
.u-my-3 {
  margin-top: 1.5rem !important;
}

.u-mr-3,
.u-mx-3 {
  margin-right: 1.5rem !important;
}

.u-mb-3,
.u-my-3 {
  margin-bottom: 1.5rem !important;
}

.u-ml-3,
.u-mx-3 {
  margin-left: 1.5rem !important;
}

.u-m-4 {
  margin: 2rem !important;
}

.u-mt-4,
.u-my-4 {
  margin-top: 2rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 2rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 2rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 2rem !important;
}

.u-m-5 {
  margin: 2.5rem !important;
}

.u-mt-5,
.u-my-5 {
  margin-top: 2.5rem !important;
}

.u-mr-5,
.u-mx-5 {
  margin-right: 2.5rem !important;
}

.u-mb-5,
.u-my-5 {
  margin-bottom: 2.5rem !important;
}

.u-ml-5,
.u-mx-5 {
  margin-left: 2.5rem !important;
}

.u-m-6 {
  margin: 3rem !important;
}

.u-mt-6,
.u-my-6 {
  margin-top: 3rem !important;
}

.u-mr-6,
.u-mx-6 {
  margin-right: 3rem !important;
}

.u-mb-6,
.u-my-6 {
  margin-bottom: 3rem !important;
}

.u-ml-6,
.u-mx-6 {
  margin-left: 3rem !important;
}

.u-m-7 {
  margin: 3.5rem !important;
}

.u-mt-7,
.u-my-7 {
  margin-top: 3.5rem !important;
}

.u-mr-7,
.u-mx-7 {
  margin-right: 3.5rem !important;
}

.u-mb-7,
.u-my-7 {
  margin-bottom: 3.5rem !important;
}

.u-ml-7,
.u-mx-7 {
  margin-left: 3.5rem !important;
}

.u-m-8 {
  margin: 4rem !important;
}

.u-mt-8,
.u-my-8 {
  margin-top: 4rem !important;
}

.u-mr-8,
.u-mx-8 {
  margin-right: 4rem !important;
}

.u-mb-8,
.u-my-8 {
  margin-bottom: 4rem !important;
}

.u-ml-8,
.u-mx-8 {
  margin-left: 4rem !important;
}

.u-m-9 {
  margin: 4.5rem !important;
}

.u-mt-9,
.u-my-9 {
  margin-top: 4.5rem !important;
}

.u-mr-9,
.u-mx-9 {
  margin-right: 4.5rem !important;
}

.u-mb-9,
.u-my-9 {
  margin-bottom: 4.5rem !important;
}

.u-ml-9,
.u-mx-9 {
  margin-left: 4.5rem !important;
}

.u-m-10 {
  margin: 5rem !important;
}

.u-mt-10,
.u-my-10 {
  margin-top: 5rem !important;
}

.u-mr-10,
.u-mx-10 {
  margin-right: 5rem !important;
}

.u-mb-10,
.u-my-10 {
  margin-bottom: 5rem !important;
}

.u-ml-10,
.u-mx-10 {
  margin-left: 5rem !important;
}

.u-m-11 {
  margin: 5.5rem !important;
}

.u-mt-11,
.u-my-11 {
  margin-top: 5.5rem !important;
}

.u-mr-11,
.u-mx-11 {
  margin-right: 5.5rem !important;
}

.u-mb-11,
.u-my-11 {
  margin-bottom: 5.5rem !important;
}

.u-ml-11,
.u-mx-11 {
  margin-left: 5.5rem !important;
}

.u-m-12 {
  margin: 6rem !important;
}

.u-mt-12,
.u-my-12 {
  margin-top: 6rem !important;
}

.u-mr-12,
.u-mx-12 {
  margin-right: 6rem !important;
}

.u-mb-12,
.u-my-12 {
  margin-bottom: 6rem !important;
}

.u-ml-12,
.u-mx-12 {
  margin-left: 6rem !important;
}

.u-m-13 {
  margin: 6.5rem !important;
}

.u-mt-13,
.u-my-13 {
  margin-top: 6.5rem !important;
}

.u-mr-13,
.u-mx-13 {
  margin-right: 6.5rem !important;
}

.u-mb-13,
.u-my-13 {
  margin-bottom: 6.5rem !important;
}

.u-ml-13,
.u-mx-13 {
  margin-left: 6.5rem !important;
}

.u-m-14 {
  margin: 7rem !important;
}

.u-mt-14,
.u-my-14 {
  margin-top: 7rem !important;
}

.u-mr-14,
.u-mx-14 {
  margin-right: 7rem !important;
}

.u-mb-14,
.u-my-14 {
  margin-bottom: 7rem !important;
}

.u-ml-14,
.u-mx-14 {
  margin-left: 7rem !important;
}

.u-m-15 {
  margin: 7.5rem !important;
}

.u-mt-15,
.u-my-15 {
  margin-top: 7.5rem !important;
}

.u-mr-15,
.u-mx-15 {
  margin-right: 7.5rem !important;
}

.u-mb-15,
.u-my-15 {
  margin-bottom: 7.5rem !important;
}

.u-ml-15,
.u-mx-15 {
  margin-left: 7.5rem !important;
}

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

.u-pt-0,
.u-py-0 {
  padding-top: 0rem !important;
}

.u-pr-0,
.u-px-0 {
  padding-right: 0rem !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0rem !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0rem !important;
}

.u-p-1 {
  padding: 0.5rem !important;
}

.u-pt-1,
.u-py-1 {
  padding-top: 0.5rem !important;
}

.u-pr-1,
.u-px-1 {
  padding-right: 0.5rem !important;
}

.u-pb-1,
.u-py-1 {
  padding-bottom: 0.5rem !important;
}

.u-pl-1,
.u-px-1 {
  padding-left: 0.5rem !important;
}

.u-p-2 {
  padding: 1rem !important;
}

.u-pt-2,
.u-py-2 {
  padding-top: 1rem !important;
}

.u-pr-2,
.u-px-2 {
  padding-right: 1rem !important;
}

.u-pb-2,
.u-py-2 {
  padding-bottom: 1rem !important;
}

.u-pl-2,
.u-px-2 {
  padding-left: 1rem !important;
}

.u-p-3 {
  padding: 1.5rem !important;
}

.u-pt-3,
.u-py-3 {
  padding-top: 1.5rem !important;
}

.u-pr-3,
.u-px-3 {
  padding-right: 1.5rem !important;
}

.u-pb-3,
.u-py-3 {
  padding-bottom: 1.5rem !important;
}

.u-pl-3,
.u-px-3 {
  padding-left: 1.5rem !important;
}

.u-p-4 {
  padding: 2rem !important;
}

.u-pt-4,
.u-py-4 {
  padding-top: 2rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 2rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 2rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 2rem !important;
}

.u-p-5 {
  padding: 2.5rem !important;
}

.u-pt-5,
.u-py-5 {
  padding-top: 2.5rem !important;
}

.u-pr-5,
.u-px-5 {
  padding-right: 2.5rem !important;
}

.u-pb-5,
.u-py-5 {
  padding-bottom: 2.5rem !important;
}

.u-pl-5,
.u-px-5 {
  padding-left: 2.5rem !important;
}

.u-p-6 {
  padding: 3rem !important;
}

.u-pt-6,
.u-py-6 {
  padding-top: 3rem !important;
}

.u-pr-6,
.u-px-6 {
  padding-right: 3rem !important;
}

.u-pb-6,
.u-py-6 {
  padding-bottom: 3rem !important;
}

.u-pl-6,
.u-px-6 {
  padding-left: 3rem !important;
}

.u-p-7 {
  padding: 3.5rem !important;
}

.u-pt-7,
.u-py-7 {
  padding-top: 3.5rem !important;
}

.u-pr-7,
.u-px-7 {
  padding-right: 3.5rem !important;
}

.u-pb-7,
.u-py-7 {
  padding-bottom: 3.5rem !important;
}

.u-pl-7,
.u-px-7 {
  padding-left: 3.5rem !important;
}

.u-p-8 {
  padding: 4rem !important;
}

.u-pt-8,
.u-py-8 {
  padding-top: 4rem !important;
}

.u-pr-8,
.u-px-8 {
  padding-right: 4rem !important;
}

.u-pb-8,
.u-py-8 {
  padding-bottom: 4rem !important;
}

.u-pl-8,
.u-px-8 {
  padding-left: 4rem !important;
}

.u-p-9 {
  padding: 4.5rem !important;
}

.u-pt-9,
.u-py-9 {
  padding-top: 4.5rem !important;
}

.u-pr-9,
.u-px-9 {
  padding-right: 4.5rem !important;
}

.u-pb-9,
.u-py-9 {
  padding-bottom: 4.5rem !important;
}

.u-pl-9,
.u-px-9 {
  padding-left: 4.5rem !important;
}

.u-p-10 {
  padding: 5rem !important;
}

.u-pt-10,
.u-py-10 {
  padding-top: 5rem !important;
}

.u-pr-10,
.u-px-10 {
  padding-right: 5rem !important;
}

.u-pb-10,
.u-py-10 {
  padding-bottom: 5rem !important;
}

.u-pl-10,
.u-px-10 {
  padding-left: 5rem !important;
}

.u-p-11 {
  padding: 5.5rem !important;
}

.u-pt-11,
.u-py-11 {
  padding-top: 5.5rem !important;
}

.u-pr-11,
.u-px-11 {
  padding-right: 5.5rem !important;
}

.u-pb-11,
.u-py-11 {
  padding-bottom: 5.5rem !important;
}

.u-pl-11,
.u-px-11 {
  padding-left: 5.5rem !important;
}

.u-p-12 {
  padding: 6rem !important;
}

.u-pt-12,
.u-py-12 {
  padding-top: 6rem !important;
}

.u-pr-12,
.u-px-12 {
  padding-right: 6rem !important;
}

.u-pb-12,
.u-py-12 {
  padding-bottom: 6rem !important;
}

.u-pl-12,
.u-px-12 {
  padding-left: 6rem !important;
}

.u-p-13 {
  padding: 6.5rem !important;
}

.u-pt-13,
.u-py-13 {
  padding-top: 6.5rem !important;
}

.u-pr-13,
.u-px-13 {
  padding-right: 6.5rem !important;
}

.u-pb-13,
.u-py-13 {
  padding-bottom: 6.5rem !important;
}

.u-pl-13,
.u-px-13 {
  padding-left: 6.5rem !important;
}

.u-p-14 {
  padding: 7rem !important;
}

.u-pt-14,
.u-py-14 {
  padding-top: 7rem !important;
}

.u-pr-14,
.u-px-14 {
  padding-right: 7rem !important;
}

.u-pb-14,
.u-py-14 {
  padding-bottom: 7rem !important;
}

.u-pl-14,
.u-px-14 {
  padding-left: 7rem !important;
}

.u-p-15 {
  padding: 7.5rem !important;
}

.u-pt-15,
.u-py-15 {
  padding-top: 7.5rem !important;
}

.u-pr-15,
.u-px-15 {
  padding-right: 7.5rem !important;
}

.u-pb-15,
.u-py-15 {
  padding-bottom: 7.5rem !important;
}

.u-pl-15,
.u-px-15 {
  padding-left: 7.5rem !important;
}

.u-m-auto {
  margin: auto !important;
}

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

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

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

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

@media screen and (min-width: 577px) {
  .u-m-sm-0 {
    margin: 0rem !important;
  }
  .u-mt-sm-0,
  .u-my-sm-0 {
    margin-top: 0rem !important;
  }
  .u-mr-sm-0,
  .u-mx-sm-0 {
    margin-right: 0rem !important;
  }
  .u-mb-sm-0,
  .u-my-sm-0 {
    margin-bottom: 0rem !important;
  }
  .u-ml-sm-0,
  .u-mx-sm-0 {
    margin-left: 0rem !important;
  }
  .u-m-sm-1 {
    margin: 0.5rem !important;
  }
  .u-mt-sm-1,
  .u-my-sm-1 {
    margin-top: 0.5rem !important;
  }
  .u-mr-sm-1,
  .u-mx-sm-1 {
    margin-right: 0.5rem !important;
  }
  .u-mb-sm-1,
  .u-my-sm-1 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-sm-1,
  .u-mx-sm-1 {
    margin-left: 0.5rem !important;
  }
  .u-m-sm-2 {
    margin: 1rem !important;
  }
  .u-mt-sm-2,
  .u-my-sm-2 {
    margin-top: 1rem !important;
  }
  .u-mr-sm-2,
  .u-mx-sm-2 {
    margin-right: 1rem !important;
  }
  .u-mb-sm-2,
  .u-my-sm-2 {
    margin-bottom: 1rem !important;
  }
  .u-ml-sm-2,
  .u-mx-sm-2 {
    margin-left: 1rem !important;
  }
  .u-m-sm-3 {
    margin: 1.5rem !important;
  }
  .u-mt-sm-3,
  .u-my-sm-3 {
    margin-top: 1.5rem !important;
  }
  .u-mr-sm-3,
  .u-mx-sm-3 {
    margin-right: 1.5rem !important;
  }
  .u-mb-sm-3,
  .u-my-sm-3 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-sm-3,
  .u-mx-sm-3 {
    margin-left: 1.5rem !important;
  }
  .u-m-sm-4 {
    margin: 2rem !important;
  }
  .u-mt-sm-4,
  .u-my-sm-4 {
    margin-top: 2rem !important;
  }
  .u-mr-sm-4,
  .u-mx-sm-4 {
    margin-right: 2rem !important;
  }
  .u-mb-sm-4,
  .u-my-sm-4 {
    margin-bottom: 2rem !important;
  }
  .u-ml-sm-4,
  .u-mx-sm-4 {
    margin-left: 2rem !important;
  }
  .u-m-sm-5 {
    margin: 2.5rem !important;
  }
  .u-mt-sm-5,
  .u-my-sm-5 {
    margin-top: 2.5rem !important;
  }
  .u-mr-sm-5,
  .u-mx-sm-5 {
    margin-right: 2.5rem !important;
  }
  .u-mb-sm-5,
  .u-my-sm-5 {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-sm-5,
  .u-mx-sm-5 {
    margin-left: 2.5rem !important;
  }
  .u-m-sm-6 {
    margin: 3rem !important;
  }
  .u-mt-sm-6,
  .u-my-sm-6 {
    margin-top: 3rem !important;
  }
  .u-mr-sm-6,
  .u-mx-sm-6 {
    margin-right: 3rem !important;
  }
  .u-mb-sm-6,
  .u-my-sm-6 {
    margin-bottom: 3rem !important;
  }
  .u-ml-sm-6,
  .u-mx-sm-6 {
    margin-left: 3rem !important;
  }
  .u-m-sm-7 {
    margin: 3.5rem !important;
  }
  .u-mt-sm-7,
  .u-my-sm-7 {
    margin-top: 3.5rem !important;
  }
  .u-mr-sm-7,
  .u-mx-sm-7 {
    margin-right: 3.5rem !important;
  }
  .u-mb-sm-7,
  .u-my-sm-7 {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-sm-7,
  .u-mx-sm-7 {
    margin-left: 3.5rem !important;
  }
  .u-m-sm-8 {
    margin: 4rem !important;
  }
  .u-mt-sm-8,
  .u-my-sm-8 {
    margin-top: 4rem !important;
  }
  .u-mr-sm-8,
  .u-mx-sm-8 {
    margin-right: 4rem !important;
  }
  .u-mb-sm-8,
  .u-my-sm-8 {
    margin-bottom: 4rem !important;
  }
  .u-ml-sm-8,
  .u-mx-sm-8 {
    margin-left: 4rem !important;
  }
  .u-m-sm-9 {
    margin: 4.5rem !important;
  }
  .u-mt-sm-9,
  .u-my-sm-9 {
    margin-top: 4.5rem !important;
  }
  .u-mr-sm-9,
  .u-mx-sm-9 {
    margin-right: 4.5rem !important;
  }
  .u-mb-sm-9,
  .u-my-sm-9 {
    margin-bottom: 4.5rem !important;
  }
  .u-ml-sm-9,
  .u-mx-sm-9 {
    margin-left: 4.5rem !important;
  }
  .u-m-sm-10 {
    margin: 5rem !important;
  }
  .u-mt-sm-10,
  .u-my-sm-10 {
    margin-top: 5rem !important;
  }
  .u-mr-sm-10,
  .u-mx-sm-10 {
    margin-right: 5rem !important;
  }
  .u-mb-sm-10,
  .u-my-sm-10 {
    margin-bottom: 5rem !important;
  }
  .u-ml-sm-10,
  .u-mx-sm-10 {
    margin-left: 5rem !important;
  }
  .u-m-sm-11 {
    margin: 5.5rem !important;
  }
  .u-mt-sm-11,
  .u-my-sm-11 {
    margin-top: 5.5rem !important;
  }
  .u-mr-sm-11,
  .u-mx-sm-11 {
    margin-right: 5.5rem !important;
  }
  .u-mb-sm-11,
  .u-my-sm-11 {
    margin-bottom: 5.5rem !important;
  }
  .u-ml-sm-11,
  .u-mx-sm-11 {
    margin-left: 5.5rem !important;
  }
  .u-m-sm-12 {
    margin: 6rem !important;
  }
  .u-mt-sm-12,
  .u-my-sm-12 {
    margin-top: 6rem !important;
  }
  .u-mr-sm-12,
  .u-mx-sm-12 {
    margin-right: 6rem !important;
  }
  .u-mb-sm-12,
  .u-my-sm-12 {
    margin-bottom: 6rem !important;
  }
  .u-ml-sm-12,
  .u-mx-sm-12 {
    margin-left: 6rem !important;
  }
  .u-m-sm-13 {
    margin: 6.5rem !important;
  }
  .u-mt-sm-13,
  .u-my-sm-13 {
    margin-top: 6.5rem !important;
  }
  .u-mr-sm-13,
  .u-mx-sm-13 {
    margin-right: 6.5rem !important;
  }
  .u-mb-sm-13,
  .u-my-sm-13 {
    margin-bottom: 6.5rem !important;
  }
  .u-ml-sm-13,
  .u-mx-sm-13 {
    margin-left: 6.5rem !important;
  }
  .u-m-sm-14 {
    margin: 7rem !important;
  }
  .u-mt-sm-14,
  .u-my-sm-14 {
    margin-top: 7rem !important;
  }
  .u-mr-sm-14,
  .u-mx-sm-14 {
    margin-right: 7rem !important;
  }
  .u-mb-sm-14,
  .u-my-sm-14 {
    margin-bottom: 7rem !important;
  }
  .u-ml-sm-14,
  .u-mx-sm-14 {
    margin-left: 7rem !important;
  }
  .u-m-sm-15 {
    margin: 7.5rem !important;
  }
  .u-mt-sm-15,
  .u-my-sm-15 {
    margin-top: 7.5rem !important;
  }
  .u-mr-sm-15,
  .u-mx-sm-15 {
    margin-right: 7.5rem !important;
  }
  .u-mb-sm-15,
  .u-my-sm-15 {
    margin-bottom: 7.5rem !important;
  }
  .u-ml-sm-15,
  .u-mx-sm-15 {
    margin-left: 7.5rem !important;
  }
  .u-p-sm-0 {
    padding: 0rem !important;
  }
  .u-pt-sm-0,
  .u-py-sm-0 {
    padding-top: 0rem !important;
  }
  .u-pr-sm-0,
  .u-px-sm-0 {
    padding-right: 0rem !important;
  }
  .u-pb-sm-0,
  .u-py-sm-0 {
    padding-bottom: 0rem !important;
  }
  .u-pl-sm-0,
  .u-px-sm-0 {
    padding-left: 0rem !important;
  }
  .u-p-sm-1 {
    padding: 0.5rem !important;
  }
  .u-pt-sm-1,
  .u-py-sm-1 {
    padding-top: 0.5rem !important;
  }
  .u-pr-sm-1,
  .u-px-sm-1 {
    padding-right: 0.5rem !important;
  }
  .u-pb-sm-1,
  .u-py-sm-1 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-sm-1,
  .u-px-sm-1 {
    padding-left: 0.5rem !important;
  }
  .u-p-sm-2 {
    padding: 1rem !important;
  }
  .u-pt-sm-2,
  .u-py-sm-2 {
    padding-top: 1rem !important;
  }
  .u-pr-sm-2,
  .u-px-sm-2 {
    padding-right: 1rem !important;
  }
  .u-pb-sm-2,
  .u-py-sm-2 {
    padding-bottom: 1rem !important;
  }
  .u-pl-sm-2,
  .u-px-sm-2 {
    padding-left: 1rem !important;
  }
  .u-p-sm-3 {
    padding: 1.5rem !important;
  }
  .u-pt-sm-3,
  .u-py-sm-3 {
    padding-top: 1.5rem !important;
  }
  .u-pr-sm-3,
  .u-px-sm-3 {
    padding-right: 1.5rem !important;
  }
  .u-pb-sm-3,
  .u-py-sm-3 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-sm-3,
  .u-px-sm-3 {
    padding-left: 1.5rem !important;
  }
  .u-p-sm-4 {
    padding: 2rem !important;
  }
  .u-pt-sm-4,
  .u-py-sm-4 {
    padding-top: 2rem !important;
  }
  .u-pr-sm-4,
  .u-px-sm-4 {
    padding-right: 2rem !important;
  }
  .u-pb-sm-4,
  .u-py-sm-4 {
    padding-bottom: 2rem !important;
  }
  .u-pl-sm-4,
  .u-px-sm-4 {
    padding-left: 2rem !important;
  }
  .u-p-sm-5 {
    padding: 2.5rem !important;
  }
  .u-pt-sm-5,
  .u-py-sm-5 {
    padding-top: 2.5rem !important;
  }
  .u-pr-sm-5,
  .u-px-sm-5 {
    padding-right: 2.5rem !important;
  }
  .u-pb-sm-5,
  .u-py-sm-5 {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-sm-5,
  .u-px-sm-5 {
    padding-left: 2.5rem !important;
  }
  .u-p-sm-6 {
    padding: 3rem !important;
  }
  .u-pt-sm-6,
  .u-py-sm-6 {
    padding-top: 3rem !important;
  }
  .u-pr-sm-6,
  .u-px-sm-6 {
    padding-right: 3rem !important;
  }
  .u-pb-sm-6,
  .u-py-sm-6 {
    padding-bottom: 3rem !important;
  }
  .u-pl-sm-6,
  .u-px-sm-6 {
    padding-left: 3rem !important;
  }
  .u-p-sm-7 {
    padding: 3.5rem !important;
  }
  .u-pt-sm-7,
  .u-py-sm-7 {
    padding-top: 3.5rem !important;
  }
  .u-pr-sm-7,
  .u-px-sm-7 {
    padding-right: 3.5rem !important;
  }
  .u-pb-sm-7,
  .u-py-sm-7 {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-sm-7,
  .u-px-sm-7 {
    padding-left: 3.5rem !important;
  }
  .u-p-sm-8 {
    padding: 4rem !important;
  }
  .u-pt-sm-8,
  .u-py-sm-8 {
    padding-top: 4rem !important;
  }
  .u-pr-sm-8,
  .u-px-sm-8 {
    padding-right: 4rem !important;
  }
  .u-pb-sm-8,
  .u-py-sm-8 {
    padding-bottom: 4rem !important;
  }
  .u-pl-sm-8,
  .u-px-sm-8 {
    padding-left: 4rem !important;
  }
  .u-p-sm-9 {
    padding: 4.5rem !important;
  }
  .u-pt-sm-9,
  .u-py-sm-9 {
    padding-top: 4.5rem !important;
  }
  .u-pr-sm-9,
  .u-px-sm-9 {
    padding-right: 4.5rem !important;
  }
  .u-pb-sm-9,
  .u-py-sm-9 {
    padding-bottom: 4.5rem !important;
  }
  .u-pl-sm-9,
  .u-px-sm-9 {
    padding-left: 4.5rem !important;
  }
  .u-p-sm-10 {
    padding: 5rem !important;
  }
  .u-pt-sm-10,
  .u-py-sm-10 {
    padding-top: 5rem !important;
  }
  .u-pr-sm-10,
  .u-px-sm-10 {
    padding-right: 5rem !important;
  }
  .u-pb-sm-10,
  .u-py-sm-10 {
    padding-bottom: 5rem !important;
  }
  .u-pl-sm-10,
  .u-px-sm-10 {
    padding-left: 5rem !important;
  }
  .u-p-sm-11 {
    padding: 5.5rem !important;
  }
  .u-pt-sm-11,
  .u-py-sm-11 {
    padding-top: 5.5rem !important;
  }
  .u-pr-sm-11,
  .u-px-sm-11 {
    padding-right: 5.5rem !important;
  }
  .u-pb-sm-11,
  .u-py-sm-11 {
    padding-bottom: 5.5rem !important;
  }
  .u-pl-sm-11,
  .u-px-sm-11 {
    padding-left: 5.5rem !important;
  }
  .u-p-sm-12 {
    padding: 6rem !important;
  }
  .u-pt-sm-12,
  .u-py-sm-12 {
    padding-top: 6rem !important;
  }
  .u-pr-sm-12,
  .u-px-sm-12 {
    padding-right: 6rem !important;
  }
  .u-pb-sm-12,
  .u-py-sm-12 {
    padding-bottom: 6rem !important;
  }
  .u-pl-sm-12,
  .u-px-sm-12 {
    padding-left: 6rem !important;
  }
  .u-p-sm-13 {
    padding: 6.5rem !important;
  }
  .u-pt-sm-13,
  .u-py-sm-13 {
    padding-top: 6.5rem !important;
  }
  .u-pr-sm-13,
  .u-px-sm-13 {
    padding-right: 6.5rem !important;
  }
  .u-pb-sm-13,
  .u-py-sm-13 {
    padding-bottom: 6.5rem !important;
  }
  .u-pl-sm-13,
  .u-px-sm-13 {
    padding-left: 6.5rem !important;
  }
  .u-p-sm-14 {
    padding: 7rem !important;
  }
  .u-pt-sm-14,
  .u-py-sm-14 {
    padding-top: 7rem !important;
  }
  .u-pr-sm-14,
  .u-px-sm-14 {
    padding-right: 7rem !important;
  }
  .u-pb-sm-14,
  .u-py-sm-14 {
    padding-bottom: 7rem !important;
  }
  .u-pl-sm-14,
  .u-px-sm-14 {
    padding-left: 7rem !important;
  }
  .u-p-sm-15 {
    padding: 7.5rem !important;
  }
  .u-pt-sm-15,
  .u-py-sm-15 {
    padding-top: 7.5rem !important;
  }
  .u-pr-sm-15,
  .u-px-sm-15 {
    padding-right: 7.5rem !important;
  }
  .u-pb-sm-15,
  .u-py-sm-15 {
    padding-bottom: 7.5rem !important;
  }
  .u-pl-sm-15,
  .u-px-sm-15 {
    padding-left: 7.5rem !important;
  }
  .u-m-sm-auto {
    margin: auto !important;
  }
  .u-mt-sm-auto,
  .u-my-sm-auto {
    margin-top: auto !important;
  }
  .u-mr-sm-auto,
  .u-mx-sm-auto {
    margin-right: auto !important;
  }
  .u-mb-sm-auto,
  .u-my-sm-auto {
    margin-bottom: auto !important;
  }
  .u-ml-sm-auto,
  .u-mx-sm-auto {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 769px) {
  .u-m-md-0 {
    margin: 0rem !important;
  }
  .u-mt-md-0,
  .u-my-md-0 {
    margin-top: 0rem !important;
  }
  .u-mr-md-0,
  .u-mx-md-0 {
    margin-right: 0rem !important;
  }
  .u-mb-md-0,
  .u-my-md-0 {
    margin-bottom: 0rem !important;
  }
  .u-ml-md-0,
  .u-mx-md-0 {
    margin-left: 0rem !important;
  }
  .u-m-md-1 {
    margin: 0.5rem !important;
  }
  .u-mt-md-1,
  .u-my-md-1 {
    margin-top: 0.5rem !important;
  }
  .u-mr-md-1,
  .u-mx-md-1 {
    margin-right: 0.5rem !important;
  }
  .u-mb-md-1,
  .u-my-md-1 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-md-1,
  .u-mx-md-1 {
    margin-left: 0.5rem !important;
  }
  .u-m-md-2 {
    margin: 1rem !important;
  }
  .u-mt-md-2,
  .u-my-md-2 {
    margin-top: 1rem !important;
  }
  .u-mr-md-2,
  .u-mx-md-2 {
    margin-right: 1rem !important;
  }
  .u-mb-md-2,
  .u-my-md-2 {
    margin-bottom: 1rem !important;
  }
  .u-ml-md-2,
  .u-mx-md-2 {
    margin-left: 1rem !important;
  }
  .u-m-md-3 {
    margin: 1.5rem !important;
  }
  .u-mt-md-3,
  .u-my-md-3 {
    margin-top: 1.5rem !important;
  }
  .u-mr-md-3,
  .u-mx-md-3 {
    margin-right: 1.5rem !important;
  }
  .u-mb-md-3,
  .u-my-md-3 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-md-3,
  .u-mx-md-3 {
    margin-left: 1.5rem !important;
  }
  .u-m-md-4 {
    margin: 2rem !important;
  }
  .u-mt-md-4,
  .u-my-md-4 {
    margin-top: 2rem !important;
  }
  .u-mr-md-4,
  .u-mx-md-4 {
    margin-right: 2rem !important;
  }
  .u-mb-md-4,
  .u-my-md-4 {
    margin-bottom: 2rem !important;
  }
  .u-ml-md-4,
  .u-mx-md-4 {
    margin-left: 2rem !important;
  }
  .u-m-md-5 {
    margin: 2.5rem !important;
  }
  .u-mt-md-5,
  .u-my-md-5 {
    margin-top: 2.5rem !important;
  }
  .u-mr-md-5,
  .u-mx-md-5 {
    margin-right: 2.5rem !important;
  }
  .u-mb-md-5,
  .u-my-md-5 {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-md-5,
  .u-mx-md-5 {
    margin-left: 2.5rem !important;
  }
  .u-m-md-6 {
    margin: 3rem !important;
  }
  .u-mt-md-6,
  .u-my-md-6 {
    margin-top: 3rem !important;
  }
  .u-mr-md-6,
  .u-mx-md-6 {
    margin-right: 3rem !important;
  }
  .u-mb-md-6,
  .u-my-md-6 {
    margin-bottom: 3rem !important;
  }
  .u-ml-md-6,
  .u-mx-md-6 {
    margin-left: 3rem !important;
  }
  .u-m-md-7 {
    margin: 3.5rem !important;
  }
  .u-mt-md-7,
  .u-my-md-7 {
    margin-top: 3.5rem !important;
  }
  .u-mr-md-7,
  .u-mx-md-7 {
    margin-right: 3.5rem !important;
  }
  .u-mb-md-7,
  .u-my-md-7 {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-md-7,
  .u-mx-md-7 {
    margin-left: 3.5rem !important;
  }
  .u-m-md-8 {
    margin: 4rem !important;
  }
  .u-mt-md-8,
  .u-my-md-8 {
    margin-top: 4rem !important;
  }
  .u-mr-md-8,
  .u-mx-md-8 {
    margin-right: 4rem !important;
  }
  .u-mb-md-8,
  .u-my-md-8 {
    margin-bottom: 4rem !important;
  }
  .u-ml-md-8,
  .u-mx-md-8 {
    margin-left: 4rem !important;
  }
  .u-m-md-9 {
    margin: 4.5rem !important;
  }
  .u-mt-md-9,
  .u-my-md-9 {
    margin-top: 4.5rem !important;
  }
  .u-mr-md-9,
  .u-mx-md-9 {
    margin-right: 4.5rem !important;
  }
  .u-mb-md-9,
  .u-my-md-9 {
    margin-bottom: 4.5rem !important;
  }
  .u-ml-md-9,
  .u-mx-md-9 {
    margin-left: 4.5rem !important;
  }
  .u-m-md-10 {
    margin: 5rem !important;
  }
  .u-mt-md-10,
  .u-my-md-10 {
    margin-top: 5rem !important;
  }
  .u-mr-md-10,
  .u-mx-md-10 {
    margin-right: 5rem !important;
  }
  .u-mb-md-10,
  .u-my-md-10 {
    margin-bottom: 5rem !important;
  }
  .u-ml-md-10,
  .u-mx-md-10 {
    margin-left: 5rem !important;
  }
  .u-m-md-11 {
    margin: 5.5rem !important;
  }
  .u-mt-md-11,
  .u-my-md-11 {
    margin-top: 5.5rem !important;
  }
  .u-mr-md-11,
  .u-mx-md-11 {
    margin-right: 5.5rem !important;
  }
  .u-mb-md-11,
  .u-my-md-11 {
    margin-bottom: 5.5rem !important;
  }
  .u-ml-md-11,
  .u-mx-md-11 {
    margin-left: 5.5rem !important;
  }
  .u-m-md-12 {
    margin: 6rem !important;
  }
  .u-mt-md-12,
  .u-my-md-12 {
    margin-top: 6rem !important;
  }
  .u-mr-md-12,
  .u-mx-md-12 {
    margin-right: 6rem !important;
  }
  .u-mb-md-12,
  .u-my-md-12 {
    margin-bottom: 6rem !important;
  }
  .u-ml-md-12,
  .u-mx-md-12 {
    margin-left: 6rem !important;
  }
  .u-m-md-13 {
    margin: 6.5rem !important;
  }
  .u-mt-md-13,
  .u-my-md-13 {
    margin-top: 6.5rem !important;
  }
  .u-mr-md-13,
  .u-mx-md-13 {
    margin-right: 6.5rem !important;
  }
  .u-mb-md-13,
  .u-my-md-13 {
    margin-bottom: 6.5rem !important;
  }
  .u-ml-md-13,
  .u-mx-md-13 {
    margin-left: 6.5rem !important;
  }
  .u-m-md-14 {
    margin: 7rem !important;
  }
  .u-mt-md-14,
  .u-my-md-14 {
    margin-top: 7rem !important;
  }
  .u-mr-md-14,
  .u-mx-md-14 {
    margin-right: 7rem !important;
  }
  .u-mb-md-14,
  .u-my-md-14 {
    margin-bottom: 7rem !important;
  }
  .u-ml-md-14,
  .u-mx-md-14 {
    margin-left: 7rem !important;
  }
  .u-m-md-15 {
    margin: 7.5rem !important;
  }
  .u-mt-md-15,
  .u-my-md-15 {
    margin-top: 7.5rem !important;
  }
  .u-mr-md-15,
  .u-mx-md-15 {
    margin-right: 7.5rem !important;
  }
  .u-mb-md-15,
  .u-my-md-15 {
    margin-bottom: 7.5rem !important;
  }
  .u-ml-md-15,
  .u-mx-md-15 {
    margin-left: 7.5rem !important;
  }
  .u-p-md-0 {
    padding: 0rem !important;
  }
  .u-pt-md-0,
  .u-py-md-0 {
    padding-top: 0rem !important;
  }
  .u-pr-md-0,
  .u-px-md-0 {
    padding-right: 0rem !important;
  }
  .u-pb-md-0,
  .u-py-md-0 {
    padding-bottom: 0rem !important;
  }
  .u-pl-md-0,
  .u-px-md-0 {
    padding-left: 0rem !important;
  }
  .u-p-md-1 {
    padding: 0.5rem !important;
  }
  .u-pt-md-1,
  .u-py-md-1 {
    padding-top: 0.5rem !important;
  }
  .u-pr-md-1,
  .u-px-md-1 {
    padding-right: 0.5rem !important;
  }
  .u-pb-md-1,
  .u-py-md-1 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-md-1,
  .u-px-md-1 {
    padding-left: 0.5rem !important;
  }
  .u-p-md-2 {
    padding: 1rem !important;
  }
  .u-pt-md-2,
  .u-py-md-2 {
    padding-top: 1rem !important;
  }
  .u-pr-md-2,
  .u-px-md-2 {
    padding-right: 1rem !important;
  }
  .u-pb-md-2,
  .u-py-md-2 {
    padding-bottom: 1rem !important;
  }
  .u-pl-md-2,
  .u-px-md-2 {
    padding-left: 1rem !important;
  }
  .u-p-md-3 {
    padding: 1.5rem !important;
  }
  .u-pt-md-3,
  .u-py-md-3 {
    padding-top: 1.5rem !important;
  }
  .u-pr-md-3,
  .u-px-md-3 {
    padding-right: 1.5rem !important;
  }
  .u-pb-md-3,
  .u-py-md-3 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-md-3,
  .u-px-md-3 {
    padding-left: 1.5rem !important;
  }
  .u-p-md-4 {
    padding: 2rem !important;
  }
  .u-pt-md-4,
  .u-py-md-4 {
    padding-top: 2rem !important;
  }
  .u-pr-md-4,
  .u-px-md-4 {
    padding-right: 2rem !important;
  }
  .u-pb-md-4,
  .u-py-md-4 {
    padding-bottom: 2rem !important;
  }
  .u-pl-md-4,
  .u-px-md-4 {
    padding-left: 2rem !important;
  }
  .u-p-md-5 {
    padding: 2.5rem !important;
  }
  .u-pt-md-5,
  .u-py-md-5 {
    padding-top: 2.5rem !important;
  }
  .u-pr-md-5,
  .u-px-md-5 {
    padding-right: 2.5rem !important;
  }
  .u-pb-md-5,
  .u-py-md-5 {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-md-5,
  .u-px-md-5 {
    padding-left: 2.5rem !important;
  }
  .u-p-md-6 {
    padding: 3rem !important;
  }
  .u-pt-md-6,
  .u-py-md-6 {
    padding-top: 3rem !important;
  }
  .u-pr-md-6,
  .u-px-md-6 {
    padding-right: 3rem !important;
  }
  .u-pb-md-6,
  .u-py-md-6 {
    padding-bottom: 3rem !important;
  }
  .u-pl-md-6,
  .u-px-md-6 {
    padding-left: 3rem !important;
  }
  .u-p-md-7 {
    padding: 3.5rem !important;
  }
  .u-pt-md-7,
  .u-py-md-7 {
    padding-top: 3.5rem !important;
  }
  .u-pr-md-7,
  .u-px-md-7 {
    padding-right: 3.5rem !important;
  }
  .u-pb-md-7,
  .u-py-md-7 {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-md-7,
  .u-px-md-7 {
    padding-left: 3.5rem !important;
  }
  .u-p-md-8 {
    padding: 4rem !important;
  }
  .u-pt-md-8,
  .u-py-md-8 {
    padding-top: 4rem !important;
  }
  .u-pr-md-8,
  .u-px-md-8 {
    padding-right: 4rem !important;
  }
  .u-pb-md-8,
  .u-py-md-8 {
    padding-bottom: 4rem !important;
  }
  .u-pl-md-8,
  .u-px-md-8 {
    padding-left: 4rem !important;
  }
  .u-p-md-9 {
    padding: 4.5rem !important;
  }
  .u-pt-md-9,
  .u-py-md-9 {
    padding-top: 4.5rem !important;
  }
  .u-pr-md-9,
  .u-px-md-9 {
    padding-right: 4.5rem !important;
  }
  .u-pb-md-9,
  .u-py-md-9 {
    padding-bottom: 4.5rem !important;
  }
  .u-pl-md-9,
  .u-px-md-9 {
    padding-left: 4.5rem !important;
  }
  .u-p-md-10 {
    padding: 5rem !important;
  }
  .u-pt-md-10,
  .u-py-md-10 {
    padding-top: 5rem !important;
  }
  .u-pr-md-10,
  .u-px-md-10 {
    padding-right: 5rem !important;
  }
  .u-pb-md-10,
  .u-py-md-10 {
    padding-bottom: 5rem !important;
  }
  .u-pl-md-10,
  .u-px-md-10 {
    padding-left: 5rem !important;
  }
  .u-p-md-11 {
    padding: 5.5rem !important;
  }
  .u-pt-md-11,
  .u-py-md-11 {
    padding-top: 5.5rem !important;
  }
  .u-pr-md-11,
  .u-px-md-11 {
    padding-right: 5.5rem !important;
  }
  .u-pb-md-11,
  .u-py-md-11 {
    padding-bottom: 5.5rem !important;
  }
  .u-pl-md-11,
  .u-px-md-11 {
    padding-left: 5.5rem !important;
  }
  .u-p-md-12 {
    padding: 6rem !important;
  }
  .u-pt-md-12,
  .u-py-md-12 {
    padding-top: 6rem !important;
  }
  .u-pr-md-12,
  .u-px-md-12 {
    padding-right: 6rem !important;
  }
  .u-pb-md-12,
  .u-py-md-12 {
    padding-bottom: 6rem !important;
  }
  .u-pl-md-12,
  .u-px-md-12 {
    padding-left: 6rem !important;
  }
  .u-p-md-13 {
    padding: 6.5rem !important;
  }
  .u-pt-md-13,
  .u-py-md-13 {
    padding-top: 6.5rem !important;
  }
  .u-pr-md-13,
  .u-px-md-13 {
    padding-right: 6.5rem !important;
  }
  .u-pb-md-13,
  .u-py-md-13 {
    padding-bottom: 6.5rem !important;
  }
  .u-pl-md-13,
  .u-px-md-13 {
    padding-left: 6.5rem !important;
  }
  .u-p-md-14 {
    padding: 7rem !important;
  }
  .u-pt-md-14,
  .u-py-md-14 {
    padding-top: 7rem !important;
  }
  .u-pr-md-14,
  .u-px-md-14 {
    padding-right: 7rem !important;
  }
  .u-pb-md-14,
  .u-py-md-14 {
    padding-bottom: 7rem !important;
  }
  .u-pl-md-14,
  .u-px-md-14 {
    padding-left: 7rem !important;
  }
  .u-p-md-15 {
    padding: 7.5rem !important;
  }
  .u-pt-md-15,
  .u-py-md-15 {
    padding-top: 7.5rem !important;
  }
  .u-pr-md-15,
  .u-px-md-15 {
    padding-right: 7.5rem !important;
  }
  .u-pb-md-15,
  .u-py-md-15 {
    padding-bottom: 7.5rem !important;
  }
  .u-pl-md-15,
  .u-px-md-15 {
    padding-left: 7.5rem !important;
  }
  .u-m-md-auto {
    margin: auto !important;
  }
  .u-mt-md-auto,
  .u-my-md-auto {
    margin-top: auto !important;
  }
  .u-mr-md-auto,
  .u-mx-md-auto {
    margin-right: auto !important;
  }
  .u-mb-md-auto,
  .u-my-md-auto {
    margin-bottom: auto !important;
  }
  .u-ml-md-auto,
  .u-mx-md-auto {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 993px) {
  .u-m-lg-0 {
    margin: 0rem !important;
  }
  .u-mt-lg-0,
  .u-my-lg-0 {
    margin-top: 0rem !important;
  }
  .u-mr-lg-0,
  .u-mx-lg-0 {
    margin-right: 0rem !important;
  }
  .u-mb-lg-0,
  .u-my-lg-0 {
    margin-bottom: 0rem !important;
  }
  .u-ml-lg-0,
  .u-mx-lg-0 {
    margin-left: 0rem !important;
  }
  .u-m-lg-1 {
    margin: 0.5rem !important;
  }
  .u-mt-lg-1,
  .u-my-lg-1 {
    margin-top: 0.5rem !important;
  }
  .u-mr-lg-1,
  .u-mx-lg-1 {
    margin-right: 0.5rem !important;
  }
  .u-mb-lg-1,
  .u-my-lg-1 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-lg-1,
  .u-mx-lg-1 {
    margin-left: 0.5rem !important;
  }
  .u-m-lg-2 {
    margin: 1rem !important;
  }
  .u-mt-lg-2,
  .u-my-lg-2 {
    margin-top: 1rem !important;
  }
  .u-mr-lg-2,
  .u-mx-lg-2 {
    margin-right: 1rem !important;
  }
  .u-mb-lg-2,
  .u-my-lg-2 {
    margin-bottom: 1rem !important;
  }
  .u-ml-lg-2,
  .u-mx-lg-2 {
    margin-left: 1rem !important;
  }
  .u-m-lg-3 {
    margin: 1.5rem !important;
  }
  .u-mt-lg-3,
  .u-my-lg-3 {
    margin-top: 1.5rem !important;
  }
  .u-mr-lg-3,
  .u-mx-lg-3 {
    margin-right: 1.5rem !important;
  }
  .u-mb-lg-3,
  .u-my-lg-3 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-lg-3,
  .u-mx-lg-3 {
    margin-left: 1.5rem !important;
  }
  .u-m-lg-4 {
    margin: 2rem !important;
  }
  .u-mt-lg-4,
  .u-my-lg-4 {
    margin-top: 2rem !important;
  }
  .u-mr-lg-4,
  .u-mx-lg-4 {
    margin-right: 2rem !important;
  }
  .u-mb-lg-4,
  .u-my-lg-4 {
    margin-bottom: 2rem !important;
  }
  .u-ml-lg-4,
  .u-mx-lg-4 {
    margin-left: 2rem !important;
  }
  .u-m-lg-5 {
    margin: 2.5rem !important;
  }
  .u-mt-lg-5,
  .u-my-lg-5 {
    margin-top: 2.5rem !important;
  }
  .u-mr-lg-5,
  .u-mx-lg-5 {
    margin-right: 2.5rem !important;
  }
  .u-mb-lg-5,
  .u-my-lg-5 {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-lg-5,
  .u-mx-lg-5 {
    margin-left: 2.5rem !important;
  }
  .u-m-lg-6 {
    margin: 3rem !important;
  }
  .u-mt-lg-6,
  .u-my-lg-6 {
    margin-top: 3rem !important;
  }
  .u-mr-lg-6,
  .u-mx-lg-6 {
    margin-right: 3rem !important;
  }
  .u-mb-lg-6,
  .u-my-lg-6 {
    margin-bottom: 3rem !important;
  }
  .u-ml-lg-6,
  .u-mx-lg-6 {
    margin-left: 3rem !important;
  }
  .u-m-lg-7 {
    margin: 3.5rem !important;
  }
  .u-mt-lg-7,
  .u-my-lg-7 {
    margin-top: 3.5rem !important;
  }
  .u-mr-lg-7,
  .u-mx-lg-7 {
    margin-right: 3.5rem !important;
  }
  .u-mb-lg-7,
  .u-my-lg-7 {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-lg-7,
  .u-mx-lg-7 {
    margin-left: 3.5rem !important;
  }
  .u-m-lg-8 {
    margin: 4rem !important;
  }
  .u-mt-lg-8,
  .u-my-lg-8 {
    margin-top: 4rem !important;
  }
  .u-mr-lg-8,
  .u-mx-lg-8 {
    margin-right: 4rem !important;
  }
  .u-mb-lg-8,
  .u-my-lg-8 {
    margin-bottom: 4rem !important;
  }
  .u-ml-lg-8,
  .u-mx-lg-8 {
    margin-left: 4rem !important;
  }
  .u-m-lg-9 {
    margin: 4.5rem !important;
  }
  .u-mt-lg-9,
  .u-my-lg-9 {
    margin-top: 4.5rem !important;
  }
  .u-mr-lg-9,
  .u-mx-lg-9 {
    margin-right: 4.5rem !important;
  }
  .u-mb-lg-9,
  .u-my-lg-9 {
    margin-bottom: 4.5rem !important;
  }
  .u-ml-lg-9,
  .u-mx-lg-9 {
    margin-left: 4.5rem !important;
  }
  .u-m-lg-10 {
    margin: 5rem !important;
  }
  .u-mt-lg-10,
  .u-my-lg-10 {
    margin-top: 5rem !important;
  }
  .u-mr-lg-10,
  .u-mx-lg-10 {
    margin-right: 5rem !important;
  }
  .u-mb-lg-10,
  .u-my-lg-10 {
    margin-bottom: 5rem !important;
  }
  .u-ml-lg-10,
  .u-mx-lg-10 {
    margin-left: 5rem !important;
  }
  .u-m-lg-11 {
    margin: 5.5rem !important;
  }
  .u-mt-lg-11,
  .u-my-lg-11 {
    margin-top: 5.5rem !important;
  }
  .u-mr-lg-11,
  .u-mx-lg-11 {
    margin-right: 5.5rem !important;
  }
  .u-mb-lg-11,
  .u-my-lg-11 {
    margin-bottom: 5.5rem !important;
  }
  .u-ml-lg-11,
  .u-mx-lg-11 {
    margin-left: 5.5rem !important;
  }
  .u-m-lg-12 {
    margin: 6rem !important;
  }
  .u-mt-lg-12,
  .u-my-lg-12 {
    margin-top: 6rem !important;
  }
  .u-mr-lg-12,
  .u-mx-lg-12 {
    margin-right: 6rem !important;
  }
  .u-mb-lg-12,
  .u-my-lg-12 {
    margin-bottom: 6rem !important;
  }
  .u-ml-lg-12,
  .u-mx-lg-12 {
    margin-left: 6rem !important;
  }
  .u-m-lg-13 {
    margin: 6.5rem !important;
  }
  .u-mt-lg-13,
  .u-my-lg-13 {
    margin-top: 6.5rem !important;
  }
  .u-mr-lg-13,
  .u-mx-lg-13 {
    margin-right: 6.5rem !important;
  }
  .u-mb-lg-13,
  .u-my-lg-13 {
    margin-bottom: 6.5rem !important;
  }
  .u-ml-lg-13,
  .u-mx-lg-13 {
    margin-left: 6.5rem !important;
  }
  .u-m-lg-14 {
    margin: 7rem !important;
  }
  .u-mt-lg-14,
  .u-my-lg-14 {
    margin-top: 7rem !important;
  }
  .u-mr-lg-14,
  .u-mx-lg-14 {
    margin-right: 7rem !important;
  }
  .u-mb-lg-14,
  .u-my-lg-14 {
    margin-bottom: 7rem !important;
  }
  .u-ml-lg-14,
  .u-mx-lg-14 {
    margin-left: 7rem !important;
  }
  .u-m-lg-15 {
    margin: 7.5rem !important;
  }
  .u-mt-lg-15,
  .u-my-lg-15 {
    margin-top: 7.5rem !important;
  }
  .u-mr-lg-15,
  .u-mx-lg-15 {
    margin-right: 7.5rem !important;
  }
  .u-mb-lg-15,
  .u-my-lg-15 {
    margin-bottom: 7.5rem !important;
  }
  .u-ml-lg-15,
  .u-mx-lg-15 {
    margin-left: 7.5rem !important;
  }
  .u-p-lg-0 {
    padding: 0rem !important;
  }
  .u-pt-lg-0,
  .u-py-lg-0 {
    padding-top: 0rem !important;
  }
  .u-pr-lg-0,
  .u-px-lg-0 {
    padding-right: 0rem !important;
  }
  .u-pb-lg-0,
  .u-py-lg-0 {
    padding-bottom: 0rem !important;
  }
  .u-pl-lg-0,
  .u-px-lg-0 {
    padding-left: 0rem !important;
  }
  .u-p-lg-1 {
    padding: 0.5rem !important;
  }
  .u-pt-lg-1,
  .u-py-lg-1 {
    padding-top: 0.5rem !important;
  }
  .u-pr-lg-1,
  .u-px-lg-1 {
    padding-right: 0.5rem !important;
  }
  .u-pb-lg-1,
  .u-py-lg-1 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-lg-1,
  .u-px-lg-1 {
    padding-left: 0.5rem !important;
  }
  .u-p-lg-2 {
    padding: 1rem !important;
  }
  .u-pt-lg-2,
  .u-py-lg-2 {
    padding-top: 1rem !important;
  }
  .u-pr-lg-2,
  .u-px-lg-2 {
    padding-right: 1rem !important;
  }
  .u-pb-lg-2,
  .u-py-lg-2 {
    padding-bottom: 1rem !important;
  }
  .u-pl-lg-2,
  .u-px-lg-2 {
    padding-left: 1rem !important;
  }
  .u-p-lg-3 {
    padding: 1.5rem !important;
  }
  .u-pt-lg-3,
  .u-py-lg-3 {
    padding-top: 1.5rem !important;
  }
  .u-pr-lg-3,
  .u-px-lg-3 {
    padding-right: 1.5rem !important;
  }
  .u-pb-lg-3,
  .u-py-lg-3 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-lg-3,
  .u-px-lg-3 {
    padding-left: 1.5rem !important;
  }
  .u-p-lg-4 {
    padding: 2rem !important;
  }
  .u-pt-lg-4,
  .u-py-lg-4 {
    padding-top: 2rem !important;
  }
  .u-pr-lg-4,
  .u-px-lg-4 {
    padding-right: 2rem !important;
  }
  .u-pb-lg-4,
  .u-py-lg-4 {
    padding-bottom: 2rem !important;
  }
  .u-pl-lg-4,
  .u-px-lg-4 {
    padding-left: 2rem !important;
  }
  .u-p-lg-5 {
    padding: 2.5rem !important;
  }
  .u-pt-lg-5,
  .u-py-lg-5 {
    padding-top: 2.5rem !important;
  }
  .u-pr-lg-5,
  .u-px-lg-5 {
    padding-right: 2.5rem !important;
  }
  .u-pb-lg-5,
  .u-py-lg-5 {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-lg-5,
  .u-px-lg-5 {
    padding-left: 2.5rem !important;
  }
  .u-p-lg-6 {
    padding: 3rem !important;
  }
  .u-pt-lg-6,
  .u-py-lg-6 {
    padding-top: 3rem !important;
  }
  .u-pr-lg-6,
  .u-px-lg-6 {
    padding-right: 3rem !important;
  }
  .u-pb-lg-6,
  .u-py-lg-6 {
    padding-bottom: 3rem !important;
  }
  .u-pl-lg-6,
  .u-px-lg-6 {
    padding-left: 3rem !important;
  }
  .u-p-lg-7 {
    padding: 3.5rem !important;
  }
  .u-pt-lg-7,
  .u-py-lg-7 {
    padding-top: 3.5rem !important;
  }
  .u-pr-lg-7,
  .u-px-lg-7 {
    padding-right: 3.5rem !important;
  }
  .u-pb-lg-7,
  .u-py-lg-7 {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-lg-7,
  .u-px-lg-7 {
    padding-left: 3.5rem !important;
  }
  .u-p-lg-8 {
    padding: 4rem !important;
  }
  .u-pt-lg-8,
  .u-py-lg-8 {
    padding-top: 4rem !important;
  }
  .u-pr-lg-8,
  .u-px-lg-8 {
    padding-right: 4rem !important;
  }
  .u-pb-lg-8,
  .u-py-lg-8 {
    padding-bottom: 4rem !important;
  }
  .u-pl-lg-8,
  .u-px-lg-8 {
    padding-left: 4rem !important;
  }
  .u-p-lg-9 {
    padding: 4.5rem !important;
  }
  .u-pt-lg-9,
  .u-py-lg-9 {
    padding-top: 4.5rem !important;
  }
  .u-pr-lg-9,
  .u-px-lg-9 {
    padding-right: 4.5rem !important;
  }
  .u-pb-lg-9,
  .u-py-lg-9 {
    padding-bottom: 4.5rem !important;
  }
  .u-pl-lg-9,
  .u-px-lg-9 {
    padding-left: 4.5rem !important;
  }
  .u-p-lg-10 {
    padding: 5rem !important;
  }
  .u-pt-lg-10,
  .u-py-lg-10 {
    padding-top: 5rem !important;
  }
  .u-pr-lg-10,
  .u-px-lg-10 {
    padding-right: 5rem !important;
  }
  .u-pb-lg-10,
  .u-py-lg-10 {
    padding-bottom: 5rem !important;
  }
  .u-pl-lg-10,
  .u-px-lg-10 {
    padding-left: 5rem !important;
  }
  .u-p-lg-11 {
    padding: 5.5rem !important;
  }
  .u-pt-lg-11,
  .u-py-lg-11 {
    padding-top: 5.5rem !important;
  }
  .u-pr-lg-11,
  .u-px-lg-11 {
    padding-right: 5.5rem !important;
  }
  .u-pb-lg-11,
  .u-py-lg-11 {
    padding-bottom: 5.5rem !important;
  }
  .u-pl-lg-11,
  .u-px-lg-11 {
    padding-left: 5.5rem !important;
  }
  .u-p-lg-12 {
    padding: 6rem !important;
  }
  .u-pt-lg-12,
  .u-py-lg-12 {
    padding-top: 6rem !important;
  }
  .u-pr-lg-12,
  .u-px-lg-12 {
    padding-right: 6rem !important;
  }
  .u-pb-lg-12,
  .u-py-lg-12 {
    padding-bottom: 6rem !important;
  }
  .u-pl-lg-12,
  .u-px-lg-12 {
    padding-left: 6rem !important;
  }
  .u-p-lg-13 {
    padding: 6.5rem !important;
  }
  .u-pt-lg-13,
  .u-py-lg-13 {
    padding-top: 6.5rem !important;
  }
  .u-pr-lg-13,
  .u-px-lg-13 {
    padding-right: 6.5rem !important;
  }
  .u-pb-lg-13,
  .u-py-lg-13 {
    padding-bottom: 6.5rem !important;
  }
  .u-pl-lg-13,
  .u-px-lg-13 {
    padding-left: 6.5rem !important;
  }
  .u-p-lg-14 {
    padding: 7rem !important;
  }
  .u-pt-lg-14,
  .u-py-lg-14 {
    padding-top: 7rem !important;
  }
  .u-pr-lg-14,
  .u-px-lg-14 {
    padding-right: 7rem !important;
  }
  .u-pb-lg-14,
  .u-py-lg-14 {
    padding-bottom: 7rem !important;
  }
  .u-pl-lg-14,
  .u-px-lg-14 {
    padding-left: 7rem !important;
  }
  .u-p-lg-15 {
    padding: 7.5rem !important;
  }
  .u-pt-lg-15,
  .u-py-lg-15 {
    padding-top: 7.5rem !important;
  }
  .u-pr-lg-15,
  .u-px-lg-15 {
    padding-right: 7.5rem !important;
  }
  .u-pb-lg-15,
  .u-py-lg-15 {
    padding-bottom: 7.5rem !important;
  }
  .u-pl-lg-15,
  .u-px-lg-15 {
    padding-left: 7.5rem !important;
  }
  .u-m-lg-auto {
    margin: auto !important;
  }
  .u-mt-lg-auto,
  .u-my-lg-auto {
    margin-top: auto !important;
  }
  .u-mr-lg-auto,
  .u-mx-lg-auto {
    margin-right: auto !important;
  }
  .u-mb-lg-auto,
  .u-my-lg-auto {
    margin-bottom: auto !important;
  }
  .u-ml-lg-auto,
  .u-mx-lg-auto {
    margin-left: auto !important;
  }
}

@media screen and (min-width: 1201px) {
  .u-m-xl-0 {
    margin: 0rem !important;
  }
  .u-mt-xl-0,
  .u-my-xl-0 {
    margin-top: 0rem !important;
  }
  .u-mr-xl-0,
  .u-mx-xl-0 {
    margin-right: 0rem !important;
  }
  .u-mb-xl-0,
  .u-my-xl-0 {
    margin-bottom: 0rem !important;
  }
  .u-ml-xl-0,
  .u-mx-xl-0 {
    margin-left: 0rem !important;
  }
  .u-m-xl-1 {
    margin: 0.5rem !important;
  }
  .u-mt-xl-1,
  .u-my-xl-1 {
    margin-top: 0.5rem !important;
  }
  .u-mr-xl-1,
  .u-mx-xl-1 {
    margin-right: 0.5rem !important;
  }
  .u-mb-xl-1,
  .u-my-xl-1 {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-xl-1,
  .u-mx-xl-1 {
    margin-left: 0.5rem !important;
  }
  .u-m-xl-2 {
    margin: 1rem !important;
  }
  .u-mt-xl-2,
  .u-my-xl-2 {
    margin-top: 1rem !important;
  }
  .u-mr-xl-2,
  .u-mx-xl-2 {
    margin-right: 1rem !important;
  }
  .u-mb-xl-2,
  .u-my-xl-2 {
    margin-bottom: 1rem !important;
  }
  .u-ml-xl-2,
  .u-mx-xl-2 {
    margin-left: 1rem !important;
  }
  .u-m-xl-3 {
    margin: 1.5rem !important;
  }
  .u-mt-xl-3,
  .u-my-xl-3 {
    margin-top: 1.5rem !important;
  }
  .u-mr-xl-3,
  .u-mx-xl-3 {
    margin-right: 1.5rem !important;
  }
  .u-mb-xl-3,
  .u-my-xl-3 {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-xl-3,
  .u-mx-xl-3 {
    margin-left: 1.5rem !important;
  }
  .u-m-xl-4 {
    margin: 2rem !important;
  }
  .u-mt-xl-4,
  .u-my-xl-4 {
    margin-top: 2rem !important;
  }
  .u-mr-xl-4,
  .u-mx-xl-4 {
    margin-right: 2rem !important;
  }
  .u-mb-xl-4,
  .u-my-xl-4 {
    margin-bottom: 2rem !important;
  }
  .u-ml-xl-4,
  .u-mx-xl-4 {
    margin-left: 2rem !important;
  }
  .u-m-xl-5 {
    margin: 2.5rem !important;
  }
  .u-mt-xl-5,
  .u-my-xl-5 {
    margin-top: 2.5rem !important;
  }
  .u-mr-xl-5,
  .u-mx-xl-5 {
    margin-right: 2.5rem !important;
  }
  .u-mb-xl-5,
  .u-my-xl-5 {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-xl-5,
  .u-mx-xl-5 {
    margin-left: 2.5rem !important;
  }
  .u-m-xl-6 {
    margin: 3rem !important;
  }
  .u-mt-xl-6,
  .u-my-xl-6 {
    margin-top: 3rem !important;
  }
  .u-mr-xl-6,
  .u-mx-xl-6 {
    margin-right: 3rem !important;
  }
  .u-mb-xl-6,
  .u-my-xl-6 {
    margin-bottom: 3rem !important;
  }
  .u-ml-xl-6,
  .u-mx-xl-6 {
    margin-left: 3rem !important;
  }
  .u-m-xl-7 {
    margin: 3.5rem !important;
  }
  .u-mt-xl-7,
  .u-my-xl-7 {
    margin-top: 3.5rem !important;
  }
  .u-mr-xl-7,
  .u-mx-xl-7 {
    margin-right: 3.5rem !important;
  }
  .u-mb-xl-7,
  .u-my-xl-7 {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-xl-7,
  .u-mx-xl-7 {
    margin-left: 3.5rem !important;
  }
  .u-m-xl-8 {
    margin: 4rem !important;
  }
  .u-mt-xl-8,
  .u-my-xl-8 {
    margin-top: 4rem !important;
  }
  .u-mr-xl-8,
  .u-mx-xl-8 {
    margin-right: 4rem !important;
  }
  .u-mb-xl-8,
  .u-my-xl-8 {
    margin-bottom: 4rem !important;
  }
  .u-ml-xl-8,
  .u-mx-xl-8 {
    margin-left: 4rem !important;
  }
  .u-m-xl-9 {
    margin: 4.5rem !important;
  }
  .u-mt-xl-9,
  .u-my-xl-9 {
    margin-top: 4.5rem !important;
  }
  .u-mr-xl-9,
  .u-mx-xl-9 {
    margin-right: 4.5rem !important;
  }
  .u-mb-xl-9,
  .u-my-xl-9 {
    margin-bottom: 4.5rem !important;
  }
  .u-ml-xl-9,
  .u-mx-xl-9 {
    margin-left: 4.5rem !important;
  }
  .u-m-xl-10 {
    margin: 5rem !important;
  }
  .u-mt-xl-10,
  .u-my-xl-10 {
    margin-top: 5rem !important;
  }
  .u-mr-xl-10,
  .u-mx-xl-10 {
    margin-right: 5rem !important;
  }
  .u-mb-xl-10,
  .u-my-xl-10 {
    margin-bottom: 5rem !important;
  }
  .u-ml-xl-10,
  .u-mx-xl-10 {
    margin-left: 5rem !important;
  }
  .u-m-xl-11 {
    margin: 5.5rem !important;
  }
  .u-mt-xl-11,
  .u-my-xl-11 {
    margin-top: 5.5rem !important;
  }
  .u-mr-xl-11,
  .u-mx-xl-11 {
    margin-right: 5.5rem !important;
  }
  .u-mb-xl-11,
  .u-my-xl-11 {
    margin-bottom: 5.5rem !important;
  }
  .u-ml-xl-11,
  .u-mx-xl-11 {
    margin-left: 5.5rem !important;
  }
  .u-m-xl-12 {
    margin: 6rem !important;
  }
  .u-mt-xl-12,
  .u-my-xl-12 {
    margin-top: 6rem !important;
  }
  .u-mr-xl-12,
  .u-mx-xl-12 {
    margin-right: 6rem !important;
  }
  .u-mb-xl-12,
  .u-my-xl-12 {
    margin-bottom: 6rem !important;
  }
  .u-ml-xl-12,
  .u-mx-xl-12 {
    margin-left: 6rem !important;
  }
  .u-m-xl-13 {
    margin: 6.5rem !important;
  }
  .u-mt-xl-13,
  .u-my-xl-13 {
    margin-top: 6.5rem !important;
  }
  .u-mr-xl-13,
  .u-mx-xl-13 {
    margin-right: 6.5rem !important;
  }
  .u-mb-xl-13,
  .u-my-xl-13 {
    margin-bottom: 6.5rem !important;
  }
  .u-ml-xl-13,
  .u-mx-xl-13 {
    margin-left: 6.5rem !important;
  }
  .u-m-xl-14 {
    margin: 7rem !important;
  }
  .u-mt-xl-14,
  .u-my-xl-14 {
    margin-top: 7rem !important;
  }
  .u-mr-xl-14,
  .u-mx-xl-14 {
    margin-right: 7rem !important;
  }
  .u-mb-xl-14,
  .u-my-xl-14 {
    margin-bottom: 7rem !important;
  }
  .u-ml-xl-14,
  .u-mx-xl-14 {
    margin-left: 7rem !important;
  }
  .u-m-xl-15 {
    margin: 7.5rem !important;
  }
  .u-mt-xl-15,
  .u-my-xl-15 {
    margin-top: 7.5rem !important;
  }
  .u-mr-xl-15,
  .u-mx-xl-15 {
    margin-right: 7.5rem !important;
  }
  .u-mb-xl-15,
  .u-my-xl-15 {
    margin-bottom: 7.5rem !important;
  }
  .u-ml-xl-15,
  .u-mx-xl-15 {
    margin-left: 7.5rem !important;
  }
  .u-p-xl-0 {
    padding: 0rem !important;
  }
  .u-pt-xl-0,
  .u-py-xl-0 {
    padding-top: 0rem !important;
  }
  .u-pr-xl-0,
  .u-px-xl-0 {
    padding-right: 0rem !important;
  }
  .u-pb-xl-0,
  .u-py-xl-0 {
    padding-bottom: 0rem !important;
  }
  .u-pl-xl-0,
  .u-px-xl-0 {
    padding-left: 0rem !important;
  }
  .u-p-xl-1 {
    padding: 0.5rem !important;
  }
  .u-pt-xl-1,
  .u-py-xl-1 {
    padding-top: 0.5rem !important;
  }
  .u-pr-xl-1,
  .u-px-xl-1 {
    padding-right: 0.5rem !important;
  }
  .u-pb-xl-1,
  .u-py-xl-1 {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-xl-1,
  .u-px-xl-1 {
    padding-left: 0.5rem !important;
  }
  .u-p-xl-2 {
    padding: 1rem !important;
  }
  .u-pt-xl-2,
  .u-py-xl-2 {
    padding-top: 1rem !important;
  }
  .u-pr-xl-2,
  .u-px-xl-2 {
    padding-right: 1rem !important;
  }
  .u-pb-xl-2,
  .u-py-xl-2 {
    padding-bottom: 1rem !important;
  }
  .u-pl-xl-2,
  .u-px-xl-2 {
    padding-left: 1rem !important;
  }
  .u-p-xl-3 {
    padding: 1.5rem !important;
  }
  .u-pt-xl-3,
  .u-py-xl-3 {
    padding-top: 1.5rem !important;
  }
  .u-pr-xl-3,
  .u-px-xl-3 {
    padding-right: 1.5rem !important;
  }
  .u-pb-xl-3,
  .u-py-xl-3 {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-xl-3,
  .u-px-xl-3 {
    padding-left: 1.5rem !important;
  }
  .u-p-xl-4 {
    padding: 2rem !important;
  }
  .u-pt-xl-4,
  .u-py-xl-4 {
    padding-top: 2rem !important;
  }
  .u-pr-xl-4,
  .u-px-xl-4 {
    padding-right: 2rem !important;
  }
  .u-pb-xl-4,
  .u-py-xl-4 {
    padding-bottom: 2rem !important;
  }
  .u-pl-xl-4,
  .u-px-xl-4 {
    padding-left: 2rem !important;
  }
  .u-p-xl-5 {
    padding: 2.5rem !important;
  }
  .u-pt-xl-5,
  .u-py-xl-5 {
    padding-top: 2.5rem !important;
  }
  .u-pr-xl-5,
  .u-px-xl-5 {
    padding-right: 2.5rem !important;
  }
  .u-pb-xl-5,
  .u-py-xl-5 {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-xl-5,
  .u-px-xl-5 {
    padding-left: 2.5rem !important;
  }
  .u-p-xl-6 {
    padding: 3rem !important;
  }
  .u-pt-xl-6,
  .u-py-xl-6 {
    padding-top: 3rem !important;
  }
  .u-pr-xl-6,
  .u-px-xl-6 {
    padding-right: 3rem !important;
  }
  .u-pb-xl-6,
  .u-py-xl-6 {
    padding-bottom: 3rem !important;
  }
  .u-pl-xl-6,
  .u-px-xl-6 {
    padding-left: 3rem !important;
  }
  .u-p-xl-7 {
    padding: 3.5rem !important;
  }
  .u-pt-xl-7,
  .u-py-xl-7 {
    padding-top: 3.5rem !important;
  }
  .u-pr-xl-7,
  .u-px-xl-7 {
    padding-right: 3.5rem !important;
  }
  .u-pb-xl-7,
  .u-py-xl-7 {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-xl-7,
  .u-px-xl-7 {
    padding-left: 3.5rem !important;
  }
  .u-p-xl-8 {
    padding: 4rem !important;
  }
  .u-pt-xl-8,
  .u-py-xl-8 {
    padding-top: 4rem !important;
  }
  .u-pr-xl-8,
  .u-px-xl-8 {
    padding-right: 4rem !important;
  }
  .u-pb-xl-8,
  .u-py-xl-8 {
    padding-bottom: 4rem !important;
  }
  .u-pl-xl-8,
  .u-px-xl-8 {
    padding-left: 4rem !important;
  }
  .u-p-xl-9 {
    padding: 4.5rem !important;
  }
  .u-pt-xl-9,
  .u-py-xl-9 {
    padding-top: 4.5rem !important;
  }
  .u-pr-xl-9,
  .u-px-xl-9 {
    padding-right: 4.5rem !important;
  }
  .u-pb-xl-9,
  .u-py-xl-9 {
    padding-bottom: 4.5rem !important;
  }
  .u-pl-xl-9,
  .u-px-xl-9 {
    padding-left: 4.5rem !important;
  }
  .u-p-xl-10 {
    padding: 5rem !important;
  }
  .u-pt-xl-10,
  .u-py-xl-10 {
    padding-top: 5rem !important;
  }
  .u-pr-xl-10,
  .u-px-xl-10 {
    padding-right: 5rem !important;
  }
  .u-pb-xl-10,
  .u-py-xl-10 {
    padding-bottom: 5rem !important;
  }
  .u-pl-xl-10,
  .u-px-xl-10 {
    padding-left: 5rem !important;
  }
  .u-p-xl-11 {
    padding: 5.5rem !important;
  }
  .u-pt-xl-11,
  .u-py-xl-11 {
    padding-top: 5.5rem !important;
  }
  .u-pr-xl-11,
  .u-px-xl-11 {
    padding-right: 5.5rem !important;
  }
  .u-pb-xl-11,
  .u-py-xl-11 {
    padding-bottom: 5.5rem !important;
  }
  .u-pl-xl-11,
  .u-px-xl-11 {
    padding-left: 5.5rem !important;
  }
  .u-p-xl-12 {
    padding: 6rem !important;
  }
  .u-pt-xl-12,
  .u-py-xl-12 {
    padding-top: 6rem !important;
  }
  .u-pr-xl-12,
  .u-px-xl-12 {
    padding-right: 6rem !important;
  }
  .u-pb-xl-12,
  .u-py-xl-12 {
    padding-bottom: 6rem !important;
  }
  .u-pl-xl-12,
  .u-px-xl-12 {
    padding-left: 6rem !important;
  }
  .u-p-xl-13 {
    padding: 6.5rem !important;
  }
  .u-pt-xl-13,
  .u-py-xl-13 {
    padding-top: 6.5rem !important;
  }
  .u-pr-xl-13,
  .u-px-xl-13 {
    padding-right: 6.5rem !important;
  }
  .u-pb-xl-13,
  .u-py-xl-13 {
    padding-bottom: 6.5rem !important;
  }
  .u-pl-xl-13,
  .u-px-xl-13 {
    padding-left: 6.5rem !important;
  }
  .u-p-xl-14 {
    padding: 7rem !important;
  }
  .u-pt-xl-14,
  .u-py-xl-14 {
    padding-top: 7rem !important;
  }
  .u-pr-xl-14,
  .u-px-xl-14 {
    padding-right: 7rem !important;
  }
  .u-pb-xl-14,
  .u-py-xl-14 {
    padding-bottom: 7rem !important;
  }
  .u-pl-xl-14,
  .u-px-xl-14 {
    padding-left: 7rem !important;
  }
  .u-p-xl-15 {
    padding: 7.5rem !important;
  }
  .u-pt-xl-15,
  .u-py-xl-15 {
    padding-top: 7.5rem !important;
  }
  .u-pr-xl-15,
  .u-px-xl-15 {
    padding-right: 7.5rem !important;
  }
  .u-pb-xl-15,
  .u-py-xl-15 {
    padding-bottom: 7.5rem !important;
  }
  .u-pl-xl-15,
  .u-px-xl-15 {
    padding-left: 7.5rem !important;
  }
  .u-m-xl-auto {
    margin: auto !important;
  }
  .u-mt-xl-auto,
  .u-my-xl-auto {
    margin-top: auto !important;
  }
  .u-mr-xl-auto,
  .u-mx-xl-auto {
    margin-right: auto !important;
  }
  .u-mb-xl-auto,
  .u-my-xl-auto {
    margin-bottom: auto !important;
  }
  .u-ml-xl-auto,
  .u-mx-xl-auto {
    margin-left: auto !important;
  }
}

/* =========================================================
display - ブレイクポイントごとに表示切替
========================================================= */
.u-none {
  display: none !important;
}

.u-inline {
  display: inline !important;
}

.u-inline-block {
  display: inline-block !important;
}

.u-block {
  display: block !important;
}

.u-table {
  display: table !important;
}

.u-table-row {
  display: table-row !important;
}

.u-table-cell {
  display: table-cell !important;
}

.u-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media screen and (min-width: 577px) {
  .u-sm-none {
    display: none !important;
  }
  .u-sm-inline {
    display: inline !important;
  }
  .u-sm-inline-block {
    display: inline-block !important;
  }
  .u-sm-block {
    display: block !important;
  }
  .u-sm-table {
    display: table !important;
  }
  .u-sm-table-row {
    display: table-row !important;
  }
  .u-sm-table-cell {
    display: table-cell !important;
  }
  .u-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media screen and (min-width: 769px) {
  .u-md-none {
    display: none !important;
  }
  .u-md-inline {
    display: inline !important;
  }
  .u-md-inline-block {
    display: inline-block !important;
  }
  .u-md-block {
    display: block !important;
  }
  .u-md-table {
    display: table !important;
  }
  .u-md-table-row {
    display: table-row !important;
  }
  .u-md-table-cell {
    display: table-cell !important;
  }
  .u-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media screen and (min-width: 993px) {
  .u-lg-none {
    display: none !important;
  }
  .u-lg-inline {
    display: inline !important;
  }
  .u-lg-inline-block {
    display: inline-block !important;
  }
  .u-lg-block {
    display: block !important;
  }
  .u-lg-table {
    display: table !important;
  }
  .u-lg-table-row {
    display: table-row !important;
  }
  .u-lg-table-cell {
    display: table-cell !important;
  }
  .u-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1201px) {
  .u-xl-none {
    display: none !important;
  }
  .u-xl-inline {
    display: inline !important;
  }
  .u-xl-inline-block {
    display: inline-block !important;
  }
  .u-xl-block {
    display: block !important;
  }
  .u-xl-table {
    display: table !important;
  }
  .u-xl-table-row {
    display: table-row !important;
  }
  .u-xl-table-cell {
    display: table-cell !important;
  }
  .u-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media screen and (min-width: 1501px) {
  .u-xxl-none {
    display: none !important;
  }
  .u-xxl-inline {
    display: inline !important;
  }
  .u-xxl-inline-block {
    display: inline-block !important;
  }
  .u-xxl-block {
    display: block !important;
  }
  .u-xxl-table {
    display: table !important;
  }
  .u-xxl-table-row {
    display: table-row !important;
  }
  .u-xxl-table-cell {
    display: table-cell !important;
  }
  .u-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .u-print-none {
    display: none !important;
  }
  .u-print-inline {
    display: inline !important;
  }
  .u-print-inline-block {
    display: inline-block !important;
  }
  .u-print-block {
    display: block !important;
  }
  .u-print-table {
    display: table !important;
  }
  .u-print-table-row {
    display: table-row !important;
  }
  .u-print-table-cell {
    display: table-cell !important;
  }
  .u-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/* =========================================================
flex - flexを使った位置調整など
========================================================= */
.u-flex-center {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.u-flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.u-flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.u-flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.u-flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.u-flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.u-flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.u-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.u-flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.u-flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.u-flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.u-flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.u-flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.u-justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

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

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

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

.u-justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

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

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

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

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

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

.u-align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.u-align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.u-align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.u-align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.u-align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.u-align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.u-align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.u-align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.u-align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.u-align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.u-align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.u-align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media screen and (min-width: 577px) {
  .u-flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .u-flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .u-flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .u-flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .u-flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .u-flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .u-flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .u-flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .u-flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .u-flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .u-flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .u-flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .u-justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .u-justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .u-justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .u-justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .u-justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .u-align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .u-align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .u-align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .u-align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .u-align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .u-align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .u-align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .u-align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .u-align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .u-align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .u-align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .u-align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .u-align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .u-align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .u-align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .u-align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .u-align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .u-flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .u-flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .u-flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .u-flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .u-flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .u-flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .u-flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .u-flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .u-flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .u-flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .u-flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .u-flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .u-justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .u-justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .u-justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .u-justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .u-justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .u-align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .u-align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .u-align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .u-align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .u-align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .u-align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .u-align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .u-align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .u-align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .u-align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .u-align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .u-align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .u-align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .u-align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .u-align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .u-align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .u-align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media screen and (min-width: 993px) {
  .u-flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .u-flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .u-flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .u-flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .u-flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .u-flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .u-flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .u-flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .u-flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .u-flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .u-flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .u-flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .u-justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .u-justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .u-justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .u-justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .u-justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .u-align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .u-align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .u-align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .u-align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .u-align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .u-align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .u-align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .u-align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .u-align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .u-align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .u-align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .u-align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .u-align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .u-align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .u-align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .u-align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .u-align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media screen and (min-width: 1201px) {
  .u-flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .u-flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .u-flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .u-flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .u-flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .u-flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .u-flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .u-flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .u-flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .u-flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .u-flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .u-flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .u-justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .u-justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .u-justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .u-justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .u-justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .u-align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .u-align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .u-align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .u-align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .u-align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .u-align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .u-align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .u-align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .u-align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .u-align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .u-align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .u-align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .u-align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .u-align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .u-align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .u-align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .u-align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

/* others */
.u-ta-l {
  text-align: left;
}

@media screen and (min-width: 769px) {
  .u-ta-l--md {
    text-align: left !important;
  }
}

@media screen and (min-width: 993px) {
  .u-ta-l--lg {
    text-align: left !important;
  }
}

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

@media screen and (min-width: 577px) {
  .u-ta-c--sm {
    text-align: center !important;
  }
}

@media screen and (min-width: 769px) {
  .u-ta-c--md {
    text-align: center !important;
  }
}

@media screen and (min-width: 993px) {
  .u-ta-c--lg {
    text-align: center !important;
  }
}

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

@media screen and (min-width: 577px) {
  .u-ta-r--sm {
    text-align: right !important;
  }
}

@media screen and (min-width: 769px) {
  .u-ta-r--md {
    text-align: right !important;
  }
}

@media screen and (min-width: 993px) {
  .u-ta-r--lg {
    text-align: right !important;
  }
}

.u-width-100 {
  width: 100%;
}

.u-fw-l {
  font-weight: 400;
}

.u-fw-m {
  font-weight: 500;
}

.u-fw-b {
  font-weight: 700;
}

.u-lh-0 {
  line-height: 0;
}

.u-lh-1 {
  line-height: 1;
}

.u-lh-1-2 {
  line-height: 1.2;
}

.u-lh-1-3 {
  line-height: 1.3;
}

.u-lh-1-8 {
  line-height: 1.8;
}

.u-lh-2 {
  line-height: 2;
}

@media screen and (max-width: 992px) {
  .u-lh-2 {
    line-height: 1.6;
  }
}

.u-ls-0 {
  letter-spacing: 0;
}

.u-ls-005 {
  letter-spacing: .005em;
}

.u-ls-009 {
  letter-spacing: .08em;
}

.u-ls-01 {
  letter-spacing: .1em;
}

.u-trikethrough {
  position: relative;
}

.u-trikethrough::after {
  background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, black calc(50% + 1px), black calc(50% + 1px), rgba(0, 0, 0, 0) calc(50% + 2px));
  content: '';
  height: 60%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  width: 100%;
}

.u-strikethrough {
  background-image: linear-gradient(#000, #000);
  background-position: 0 50%;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  padding: 0 2px;
  text-decoration: none;
}

.u-fc-primary {
  color: #de9fae;
}

.u-fc-secondary {
  color: #d47a8f;
}

.u-fc-primary-accent {
  color: #d35774;
}

.u-fc-secondary-accent {
  color: #e6b7c2;
}

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

.u-fc-white {
  color: #fff;
}

.u-fc-gold {
  color: #c3a66c;
}

.u-fc-yellow {
  color: #ffeb64;
}

.u-fc-red {
  color: #ff0000;
}

.u-fc-link-blue {
  color: #1a0dab;
}

.u-bg-white {
  background-color: #fff;
}

.u-bg-dark-gold {
  background-color: #ab8c4f;
}

.u-bg-gold {
  background-color: #c3a66c;
}

.u-bg-dark-pink {
  background-color: #d47a8f;
}

.u-bg-dark-pink__half {
  background: linear-gradient(to bottom, #d47a8f 50%, transparent 50%);
}

.u-bg-pink {
  background-color: #de9fae;
}

.u-bg-pink__half {
  background: linear-gradient(to bottom, #de9fae 50%, transparent 50%);
}

.u-bg-light-pink {
  background-color: #fcf4f6;
}

.u-bg-light-pink__half {
  background: linear-gradient(to bottom, #d47a8f 50%, transparent 50%);
}

.u-bg-light-gray {
  background: #f7f5f1;
}

.u-bg-light-gray--half {
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #f7f5f1 50%, #f7f5f1 100%);
}

.u-bg-dark-gray {
  background-color: #444;
}

.u-bg-ltor-pink-ltor {
  background: linear-gradient(to left, #d57c90 0%, #e8a9b7 100%);
}

.u-border-t {
  border-top: 1px solid #e6e1d8;
}

.u-border-l {
  border-left: 3px solid #c3a66c;
  padding-left: 12px;
}

.u-border-b {
  border-bottom: 1px solid #000;
}

.u-border-b-white {
  border-bottom: 1px solid #fff;
}

.u-border-b-none {
  border-bottom: none !important;
}

.u-marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #fffc00 70%);
}

.u-fs-palt {
  font-feature-settings: "palt";
}

@media screen and (min-width: 993px) {
  .u-hover {
    transition: .3s;
  }
  .u-hover:hover {
    opacity: .7;
  }
}

/* =========================================================
base - 基本設定
========================================================= */
html {
  overflow-x: hidden;
}

body {
  color: #000;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  overflow: hidden;
  word-break: break-all;
}

a {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

img {
  vertical-align: top;
}

/* =========================================================
body - ボディのレイアウト
========================================================= */
.l-body {
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

.l-body.no-scroll {
  overflow: hidden;
}

.l-body.is-fixed {
  position: fixed;
  width: 100%;
}

.l-body.is-fixed .l-header__inner {
  left: 0;
  position: fixed;
  top: 0;
}

.js-loading {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #fff;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 9999999;
}

.js-loading.is-loaded {
  opacity: 0;
  transition: .3s;
  visibility: hidden;
}

/* =========================================================
container - コンテンツの大枠
========================================================= */
.l-container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

@media screen and (min-width: 577px) {
  .l-container {
    max-width: 606px;
  }
}

@media screen and (min-width: 769px) {
  .l-container {
    max-width: 798px;
  }
}

@media screen and (min-width: 993px) {
  .l-container {
    max-width: 1022px;
  }
}

@media screen and (min-width: 1201px) {
  .l-container {
    max-width: 1230px;
  }
}

.l-container--fluid {
  max-width: 100% !important;
}

.l-container--max {
  max-width: 1230px;
}

.l-container--sm {
  max-width: 1074px;
}

.l-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding-left: 22px;
  padding-right: 22px;
  width: 100%;
}

.l-inner__2col {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.l-inner__2col-cell {
  flex: 0 0 48%;
}

@media screen and (max-width: 576px) {
  .l-inner__2col-cell {
    flex-basis: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

/* =========================================================
footer - フッターのレイアウト
========================================================= */
.l-footer {
  margin-top: auto;
}

.p-footer-introduction {
  background-color: #eaeaea;
}

@media screen and (max-width: 768px) {
  .p-footer-introduction {
    display: none;
  }
}

.p-footer-introduction__inner {
  margin: 0 auto;
  max-width: 1230px;
  padding: 40px 15px;
  width: 100%;
}

.p-footer-introduction__inner p {
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 3;
}

.p-pagetop {
  padding: 24px 0;
}

.p-pagetop__btn {
  display: block;
  margin: 0 auto;
  transition: .3s;
  width: 40px;
}

.p-pagetop__btn:hover {
  opacity: .7;
}

.p-footer {
  background: #f8f8f8;
}

.p-footer__inner {
  margin: 0 auto;
  max-width: 1230px;
  padding: 0 15px;
  width: 100%;
}

.p-footer__nav {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  padding: 100px 0;
}

@media screen and (max-width: 992px) {
  .p-footer__nav {
    padding: 40px 0;
  }
}

.p-footer__nav-pages {
  align-items: flex-start;
  display: flex;
  justify-content: space-around;
}

@media screen and (min-width: 993px) {
  .p-footer__nav-pages {
    justify-content: flex-start;
  }
}

.p-footer__nav-cv {
  max-width: 300px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-footer__nav-cv {
    margin: 40px auto;
  }
}

@media screen and (min-width: 993px) {
  .p-footer__nav-cv {
    margin-left: auto;
  }
}

.p-footer__btm {
  border-top: 1px solid #dcdcdc;
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-footer__btm {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0 100px;
  }
}

@media screen and (max-width: 992px) {
  .p-footer__school-btn {
    text-align: center;
  }
}

.p-footer__school-btn a {
  border: 1px solid #dcdcdc;
  padding: 15px 20px;
  transition: .3s;
  width: 100%;
}

.p-footer__school-btn a:hover {
  opacity: .7;
}

.p-footer-btm {
  display: flex;
}

.p-footer-btm__left {
  align-content: center;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-footer-btm__left {
    flex-direction: column;
  }
}

.p-footer-btm__right {
  align-content: center;
  align-items: center;
  display: flex;
}

.c-footlinks {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
}

@media screen and (min-width: 993px) {
  .c-footlinks {
    margin-right: 30px;
  }
}

.c-footlinks__item {
  margin-bottom: 20px;
}

.c-footlinks__item--conclusion {
  margin-bottom: 40px;
}

.c-footlinks__link {
  color: #666;
  transition: .3s;
}

.c-footlinks__link:hover {
  color: #de9fae;
}

.c-footlinks__sub {
  margin-top: 20px;
}

.c-footlinks__sub-link::before {
  content: '・';
}

.c-footcv-primary {
  display: flex;
  margin-top: 20px;
}

.c-footcv-primary__item {
  width: 195px;
}

.c-footcv-primary__item + .c-footcv-primary__item {
  margin-left: 10px;
}

.c-footcv-primary__link {
  background: #d47a8f;
  color: #FFF;
  display: block;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  padding: 20px 0;
  text-align: center;
  transition: .3s;
}

.c-footcv-primary__link:hover {
  opacity: .7;
}

.c-footcv-secondary__item:nth-child(n+2) {
  margin-top: 20px;
}

.c-footcv-secondary__link {
  align-items: center;
  background: #d47a8f;
  color: #fff;
  display: flex;
  height: 80px;
  justify-content: center;
  position: relative;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.c-footcv-secondary__link:hover {
  opacity: .7;
}

.c-footcv-secondary__link > img {
  flex: 0 0 auto;
  margin: 0 5%;
}

.c-footcv-secondary__link > span {
  flex: 0 0 auto;
  line-height: 1;
}

.c-footcv-secondary__link--tel {
  background: #c9b07e;
  height: 100px;
  justify-content: flex-start;
}

@media screen and (min-width: 993px) {
  .c-footcv-secondary__link--tel {
    pointer-events: none;
  }
  .c-footcv-secondary__link--tel::after {
    display: none;
  }
}

.c-footcv-secondary__link-tel {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 400;
}

.c-footcv-secondary__link-tel span {
  display: block;
  font-size: 0.45em;
  font-weight: 400;
  margin-top: 10px;
}

.c-footcv-secondary__link-lesson {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}

.c-footLogo {
  transition: .3s;
  width: 131px;
}

.c-footLogo:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .c-footLogo {
    margin-top: 0;
  }
}

.c-footSNS {
  align-items: center;
  display: flex;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .c-footSNS {
    margin-left: 0;
    margin-top: 20px;
  }
}

.c-footSNS__item {
  line-height: 1;
}

.c-footSNS__item:nth-child(n+2) {
  margin-left: 15px;
  margin-right: 0;
}

.c-footSNS__link {
  color: #555;
  font-size: 22px;
  font-size: 1.375rem;
  transition: .3s;
}

.c-footSNS__link:hover {
  color: #de9fae;
}

.c-footSNS__link .fa-line {
  font-size: 26px;
  font-size: 1.625rem;
}

.p-copyright {
  color: #666;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  margin-top: 20px;
  text-align: center;
}

.p-fixnav {
  background: #FFF;
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 15;
}

.p-fixnav__cv {
  flex-direction: column;
  font-size: 3vw;
  font-weight: 700;
}

.p-fixnav__item {
  align-items: center;
  background: #d47a8f;
  color: #FFF;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  text-align: center;
  width: calc(100% / 2.5);
}

.p-fixnav__item:nth-child(1) {
  width: calc(100% / 2.5);
}

.p-fixnav__item:nth-child(2), .p-fixnav__item:nth-child(3), .p-fixnav__item:nth-child(4) {
  border-left: 1px solid #fff;
  width: calc(100% / 3.5);
}

.p-fixnav__item:nth-child(2) {
  background: #dc8fa1;
}

.p-fixnav__item--line {
  align-items: center;
  background: #71c16f;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.p-fixnav__item--line img {
  margin-right: 5px;
  max-width: 44px;
  width: 100%;
}

@media screen and (max-width: 576px) {
  .p-fixnav__item--line img {
    margin-right: 3px;
    max-width: 28px;
    width: 100%;
  }
}

.c-megaSNS {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 3% 0 5%;
}

@media screen and (max-width: 768px) {
  .c-megaSNS {
    padding: 3% 0 12%;
  }
}

.c-megaSNS__item {
  line-height: 1;
  margin: 0 14px;
}

.c-megaSNS__link {
  color: #FFF;
  font-size: 30px;
  font-size: 1.875rem;
  transition: .3s;
}

.c-megaSNS__link:hover {
  color: #de9fae;
}

.wrap_icon_blank {
  display: inline-block;
  fill: currentColor;
  height: 10px;
  margin-left: 4px;
  width: 10px;
}

@media screen and (max-width: 768px) {
  .wrap_icon_blank {
    height: 10px;
    width: 10px;
  }
}

/* =========================================================
bootstrap4のグリッドシステム
========================================================= */
/*!
 * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  -ms-overflow-style: scrollbar;
  box-sizing: border-box;
}

.l-row {
  -ms-flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.l-row--no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.l-row--no-gutters > .l-row__col,
.l-row--no-gutters > [class*="l-row__col--"] {
  padding-left: 0;
  padding-right: 0;
}

.l-row__col--1,
.l-row__col--2,
.l-row__col--3,
.l-row__col--4,
.l-row__col--5,
.l-row__col--6,
.l-row__col--7,
.l-row__col--8,
.l-row__col--9,
.l-row__col--10,
.l-row__col--11,
.l-row__col--12,
.l-row__col,
.l-row__col--auto,
.l-row__col--sm-1,
.l-row__col--sm-2,
.l-row__col--sm-3,
.l-row__col--sm-4,
.l-row__col--sm-5,
.l-row__col--sm-6,
.l-row__col--sm-7,
.l-row__col--sm-8,
.l-row__col--sm-9,
.l-row__col--sm-10,
.l-row__col--sm-11,
.l-row__col--sm-12,
.l-row__col--sm,
.l-row__col--sm-auto,
.l-row__col--md-1,
.l-row__col--md-2,
.l-row__col--md-3,
.l-row__col--md-4,
.l-row__col--md-5,
.l-row__col--md-6,
.l-row__col--md-7,
.l-row__col--md-8,
.l-row__col--md-9,
.l-row__col--md-10,
.l-row__col--md-11,
.l-row__col--md-12,
.l-row__col--md,
.l-row__col--md-auto,
.l-row__col--lg-1,
.l-row__col--lg-2,
.l-row__col--lg-3,
.l-row__col--lg-4,
.l-row__col--lg-5,
.l-row__col--lg-6,
.l-row__col--lg-7,
.l-row__col--lg-8,
.l-row__col--lg-9,
.l-row__col--lg-10,
.l-row__col--lg-11,
.l-row__col--lg-12,
.l-row__col--lg,
.l-row__col--lg-auto,
.l-row__col--xl-1,
.l-row__col--xl-2,
.l-row__col--xl-3,
.l-row__col--xl-4,
.l-row__col--xl-5,
.l-row__col--xl-6,
.l-row__col--xl-7,
.l-row__col--xl-8,
.l-row__col--xl-9,
.l-row__col--xl-10,
.l-row__col--xl-11,
.l-row__col--xl-12,
.l-row__col--xl,
.l-row__col--xl-auto {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  width: 100%;
}

.l-row__col {
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  word-break: break-all;
}

.l-row__col--auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.l-row__col--1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.l-row__col--2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.l-row__col--3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.l-row__col--4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.l-row__col--5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.l-row__col--6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.l-row__col--7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.l-row__col--8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.l-row__col--9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.l-row__col--10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.l-row__col--11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.l-row__col--12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.l-row__col--order-first {
  -ms-flex-order: -1;
  order: -1;
}

.l-row__col--order-last {
  -ms-flex-order: 13;
  order: 13;
}

.l-row__col--order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.l-row__col--order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.l-row__col--order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.l-row__col--order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.l-row__col--order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.l-row__col--order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.l-row__col--order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.l-row__col--order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.l-row__col--order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.l-row__col--order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.l-row__col--order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.l-row__col--order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.l-row__col--order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.l-row__col--offset-1 {
  margin-left: 8.333333%;
}

.l-row__col--offset-2 {
  margin-left: 16.666667%;
}

.l-row__col--offset-3 {
  margin-left: 25%;
}

.l-row__col--offset-4 {
  margin-left: 33.333333%;
}

.l-row__col--offset-5 {
  margin-left: 41.666667%;
}

.l-row__col--offset-6 {
  margin-left: 50%;
}

.l-row__col--offset-7 {
  margin-left: 58.333333%;
}

.l-row__col--offset-8 {
  margin-left: 66.666667%;
}

.l-row__col--offset-9 {
  margin-left: 75%;
}

.l-row__col--offset-10 {
  margin-left: 83.333333%;
}

.l-row__col--offset-11 {
  margin-left: 91.666667%;
}

@media screen and (min-width: 577px) {
  .l-row__col--sm {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-row__col--sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .l-row__col--sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-row__col--sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-row__col--sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-row__col--sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-row__col--sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-row__col--sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-row__col--sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-row__col--sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-row__col--sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-row__col--sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-row__col--sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-row__col--sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row__col--order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .l-row__col--order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .l-row__col--order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .l-row__col--order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .l-row__col--order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .l-row__col--order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .l-row__col--order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .l-row__col--order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .l-row__col--order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .l-row__col--order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .l-row__col--order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .l-row__col--order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .l-row__col--order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .l-row__col--order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .l-row__col--order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .l-row__col--offset-sm-0 {
    margin-left: 0;
  }
  .l-row__col--offset-sm-1 {
    margin-left: 8.333333%;
  }
  .l-row__col--offset-sm-2 {
    margin-left: 16.666667%;
  }
  .l-row__col--offset-sm-3 {
    margin-left: 25%;
  }
  .l-row__col--offset-sm-4 {
    margin-left: 33.333333%;
  }
  .l-row__col--offset-sm-5 {
    margin-left: 41.666667%;
  }
  .l-row__col--offset-sm-6 {
    margin-left: 50%;
  }
  .l-row__col--offset-sm-7 {
    margin-left: 58.333333%;
  }
  .l-row__col--offset-sm-8 {
    margin-left: 66.666667%;
  }
  .l-row__col--offset-sm-9 {
    margin-left: 75%;
  }
  .l-row__col--offset-sm-10 {
    margin-left: 83.333333%;
  }
  .l-row__col--offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media screen and (min-width: 769px) {
  .l-row__col--md {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-row__col--md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .l-row__col--md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-row__col--md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-row__col--md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-row__col--md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-row__col--md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-row__col--md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-row__col--md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-row__col--md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-row__col--md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-row__col--md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-row__col--md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-row__col--md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row__col--order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .l-row__col--order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .l-row__col--order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .l-row__col--order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .l-row__col--order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .l-row__col--order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .l-row__col--order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .l-row__col--order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .l-row__col--order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .l-row__col--order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .l-row__col--order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .l-row__col--order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .l-row__col--order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .l-row__col--order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .l-row__col--order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .l-row__col--offset-md-0 {
    margin-left: 0;
  }
  .l-row__col--offset-md-1 {
    margin-left: 8.333333%;
  }
  .l-row__col--offset-md-2 {
    margin-left: 16.666667%;
  }
  .l-row__col--offset-md-3 {
    margin-left: 25%;
  }
  .l-row__col--offset-md-4 {
    margin-left: 33.333333%;
  }
  .l-row__col--offset-md-5 {
    margin-left: 41.666667%;
  }
  .l-row__col--offset-md-6 {
    margin-left: 50%;
  }
  .l-row__col--offset-md-7 {
    margin-left: 58.333333%;
  }
  .l-row__col--offset-md-8 {
    margin-left: 66.666667%;
  }
  .l-row__col--offset-md-9 {
    margin-left: 75%;
  }
  .l-row__col--offset-md-10 {
    margin-left: 83.333333%;
  }
  .l-row__col--offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media screen and (min-width: 993px) {
  .l-row__col--lg {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-row__col--lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .l-row__col--lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-row__col--lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-row__col--lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-row__col--lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-row__col--lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-row__col--lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-row__col--lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-row__col--lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-row__col--lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-row__col--lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-row__col--lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-row__col--lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row__col--order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .l-row__col--order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .l-row__col--order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .l-row__col--order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .l-row__col--order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .l-row__col--order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .l-row__col--order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .l-row__col--order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .l-row__col--order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .l-row__col--order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .l-row__col--order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .l-row__col--order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .l-row__col--order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .l-row__col--order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .l-row__col--order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .l-row__col--offset-lg-0 {
    margin-left: 0;
  }
  .l-row__col--offset-lg-1 {
    margin-left: 8.333333%;
  }
  .l-row__col--offset-lg-2 {
    margin-left: 16.666667%;
  }
  .l-row__col--offset-lg-3 {
    margin-left: 25%;
  }
  .l-row__col--offset-lg-4 {
    margin-left: 33.333333%;
  }
  .l-row__col--offset-lg-5 {
    margin-left: 41.666667%;
  }
  .l-row__col--offset-lg-6 {
    margin-left: 50%;
  }
  .l-row__col--offset-lg-7 {
    margin-left: 58.333333%;
  }
  .l-row__col--offset-lg-8 {
    margin-left: 66.666667%;
  }
  .l-row__col--offset-lg-9 {
    margin-left: 75%;
  }
  .l-row__col--offset-lg-10 {
    margin-left: 83.333333%;
  }
  .l-row__col--offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media screen and (min-width: 1201px) {
  .l-row__col--xl {
    -ms-flex-positive: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .l-row__col--xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: auto;
  }
  .l-row__col--xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .l-row__col--xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .l-row__col--xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-row__col--xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .l-row__col--xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .l-row__col--xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-row__col--xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .l-row__col--xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .l-row__col--xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-row__col--xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .l-row__col--xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .l-row__col--xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-row__col--order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .l-row__col--order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .l-row__col--order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .l-row__col--order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .l-row__col--order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .l-row__col--order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .l-row__col--order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .l-row__col--order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .l-row__col--order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .l-row__col--order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .l-row__col--order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .l-row__col--order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .l-row__col--order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .l-row__col--order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .l-row__col--order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .l-row__col--offset-xl-0 {
    margin-left: 0;
  }
  .l-row__col--offset-xl-1 {
    margin-left: 8.333333%;
  }
  .l-row__col--offset-xl-2 {
    margin-left: 16.666667%;
  }
  .l-row__col--offset-xl-3 {
    margin-left: 25%;
  }
  .l-row__col--offset-xl-4 {
    margin-left: 33.333333%;
  }
  .l-row__col--offset-xl-5 {
    margin-left: 41.666667%;
  }
  .l-row__col--offset-xl-6 {
    margin-left: 50%;
  }
  .l-row__col--offset-xl-7 {
    margin-left: 58.333333%;
  }
  .l-row__col--offset-xl-8 {
    margin-left: 66.666667%;
  }
  .l-row__col--offset-xl-9 {
    margin-left: 75%;
  }
  .l-row__col--offset-xl-10 {
    margin-left: 83.333333%;
  }
  .l-row__col--offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.l-row--gutter-6 {
  margin-left: -3px;
  margin-right: -3px;
}

.l-row--gutter-6 > .l-row__col,
.l-row--gutter-6 > [class*="l-row__col--"] {
  padding-left: 3px;
  padding-right: 3px;
}

.l-row--gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.l-row--gutter-40 > .l-row__col,
.l-row--gutter-40 > [class*="l-row__col--"] {
  padding-left: 20px;
  padding-right: 20px;
}

.l-row--gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.l-row--gutter-40 > .l-row__col,
.l-row--gutter-40 > [class*="l-row__col--"] {
  padding-left: 20px;
  padding-right: 20px;
}

.l-row--gutter-50 {
  margin-left: -25px;
  margin-right: -25px;
}

.l-row--gutter-50 > .l-row__col,
.l-row--gutter-50 > [class*="l-row__col--"] {
  padding-left: 25px;
  padding-right: 25px;
}

.l-row--gutter-60 {
  margin-left: -30px;
  margin-right: -30px;
}

.l-row--gutter-60 > .l-row__col,
.l-row--gutter-60 > [class*="l-row__col--"] {
  padding-left: 30px;
  padding-right: 30px;
}

.l-row--gap > .l-row__col:nth-of-type(n+2),
.l-row--gap > [class*="l-row__col--"]:nth-of-type(n+2) {
  margin-top: 30px;
}

.l-row--gap.l-row--gutter-40 > .l-row__col:nth-of-type(n+2),
.l-row--gap.l-row--gutter-40 > [class*="l-row__col--"]:nth-of-type(n+2) {
  margin-top: 40px;
}

.l-row--gap.l-row--gutter-60 > .l-row__col:nth-of-type(n+2),
.l-row--gap.l-row--gutter-60 > [class*="l-row__col--"]:nth-of-type(n+2) {
  margin-top: 60px;
}

@media screen and (min-width: 577px) {
  .l-row--gap-sm-2col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-sm-2col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-sm-2col > .l-row__col:nth-of-type(n+3),
  .l-row--gap-sm-2col > [class*="l-row__col--"]:nth-of-type(n+3) {
    margin-top: 30px;
  }
}

@media screen and (min-width: 769px) {
  .l-row--gap-md-2col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-md-2col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-md-2col > .l-row__col:nth-of-type(n+3),
  .l-row--gap-md-2col > [class*="l-row__col--"]:nth-of-type(n+3) {
    margin-top: 30px;
  }
  .l-row--gap-md-2col.l-row--gutter-40 > .l-row__col:nth-of-type(n+1),
  .l-row--gap-md-2col.l-row--gutter-40 > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-md-2col.l-row--gutter-40 > .l-row__col:nth-of-type(n+3),
  .l-row--gap-md-2col.l-row--gutter-40 > [class*="l-row__col--"]:nth-of-type(n+3) {
    margin-top: 40px;
  }
  .l-row--gap-md-2col.l-row--gutter-60 > .l-row__col:nth-of-type(n+1),
  .l-row--gap-md-2col.l-row--gutter-60 > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-md-2col.l-row--gutter-60 > .l-row__col:nth-of-type(n+3),
  .l-row--gap-md-2col.l-row--gutter-60 > [class*="l-row__col--"]:nth-of-type(n+3) {
    margin-top: 60px;
  }
  .l-row--gap-md-3col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-md-3col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-md-3col > .l-row__col:nth-of-type(n+4),
  .l-row--gap-md-3col > [class*="l-row__col--"]:nth-of-type(n+4) {
    margin-top: 30px;
  }
}

@media screen and (min-width: 993px) {
  .l-row--gap-lg-3col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-lg-3col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-lg-3col > .l-row__col:nth-of-type(n+4),
  .l-row--gap-lg-3col > [class*="l-row__col--"]:nth-of-type(n+4) {
    margin-top: 30px;
  }
  .l-row--gap-lg-4col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-lg-4col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-lg-4col > .l-row__col:nth-of-type(n+5),
  .l-row--gap-lg-4col > [class*="l-row__col--"]:nth-of-type(n+5) {
    margin-top: 30px;
  }
}

@media screen and (min-width: 1201px) {
  .l-row--gap-xl-4col > .l-row__col:nth-of-type(n+1),
  .l-row--gap-xl-4col > [class*="l-row__col--"]:nth-of-type(n+1) {
    margin-top: 0;
  }
  .l-row--gap-xl-4col > .l-row__col:nth-of-type(n+5),
  .l-row--gap-xl-4col > [class*="l-row__col--"]:nth-of-type(n+5) {
    margin-top: 30px;
  }
}

/* =========================================================
header - ヘッダーのレイアウト
========================================================= */
.l-header {
  align-items: center;
  display: flex;
  height: 96px;
}

@media screen and (max-width: 1500px) {
  .l-header {
    height: 108px;
  }
}

@media screen and (max-width: 1200px) {
  .l-header {
    height: 86px;
  }
}

.l-header__inner {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
  position: relative;
  transition: .3s;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 1500px) {
  .l-header__inner {
    align-items: center;
  }
}

@media screen and (max-width: 1200px) {
  .l-header__inner {
    background-color: #fff;
    padding: 20px 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .l-header__inner {
    padding: 20px 0;
  }
}

.l-header__inner.fixed {
  background-color: #fff;
  left: 0;
  position: fixed;
  top: 0;
  transition: .3s;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .l-header__inner.fixed {
    padding: 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header__inner.fixed {
    padding: 17px 0 15px;
  }
}

.l-header__inner.fixed .l-header__logo {
  margin: 20px 40px;
}

@media screen and (max-width: 1200px) {
  .l-header__inner.fixed .l-header__logo {
    margin: 0 0 0 20px;
  }
}

.l-header__inner.fixed .l-header__logo--school {
  margin: 20px 0 20px 20px;
}

@media screen and (max-width: 1200px) {
  .l-header__inner.fixed .l-header__logo--school {
    margin: 0 20px;
  }
}

@media screen and (min-width: 1201px) {
  .l-header__inner.fixed .c-megamenu-hamburger {
    margin-top: 5px;
  }
}

.l-header__logo {
  margin: 20px 25px 15px 25px;
  transition: .3s;
}

@media screen and (max-width: 1200px) {
  .l-header__logo {
    margin: 0 0 0 20px;
    width: 150px;
  }
}

@media screen and (max-width: 576px) {
  .l-header__logo {
    margin: 0 0 0 20px;
    width: 100px;
  }
}

.l-header__logo--top {
  border-right: 2px solid #e59aac;
  padding-right: 20px;
}

@media screen and (max-width: 1500px) {
  .l-header__logo--top {
    border-right: none;
    padding-right: 0;
  }
}

.l-header__logo--school {
  margin: 30px 0 30px 15px;
  width: auto;
}

@media screen and (max-width: 1200px) {
  .l-header__logo--school {
    margin: 0 0 0 20px;
  }
}

@media screen and (max-width: 1500px) {
  .l-header__logo--school img {
    max-width: 122px;
  }
}

@media screen and (max-width: 576px) {
  .l-header__logo--school img {
    max-width: 106px;
  }
}

.l-header__school-name {
  border-left: 2px solid #e59aac;
  border-right: 2px solid #e59aac;
  color: #c24170;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 500;
  margin: 0 15px;
  padding: 0 15px;
}

@media screen and (max-width: 1500px) {
  .l-header__school-name {
    border-right: none;
    font-size: 30px;
    font-size: 1.875rem;
    margin-right: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .l-header__school-name {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .l-header__school-name {
    margin-left: 15px;
    padding-left: 15px;
  }
}

.l-header__top-ttl--pc {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.4;
}

@media screen and (max-width: 1500px) {
  .l-header__top-ttl--pc {
    display: none;
  }
}

.l-header__top-ttl--sp {
  background-color: #d47a8f;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.4;
  padding: 10px 20px;
  text-align: center;
}

@media screen and (min-width: 1501px) {
  .l-header__top-ttl--sp {
    display: none;
  }
}

.l-header__school-ttl--pc {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.4;
}

@media screen and (max-width: 1500px) {
  .l-header__school-ttl--pc {
    display: none;
  }
}

.l-header__school-ttl--sp {
  color: #fff;
  font-size: 9px;
  font-size: 0.5625rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  line-height: 1.4;
  padding: 5px 0;
  text-align: left;
}

@media screen and (min-width: 769px) {
  .l-header__school-ttl--sp {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1501px) {
  .l-header__school-ttl--sp {
    display: none;
  }
}

.l-header__school-ttl--sp-img {
  margin: 5px 0 5px 15px;
  width: 35px;
}

.l-header__nav {
  margin-left: auto;
  transition: .3s;
}

.l-header__nav-pages {
  margin-right: 25px;
}

.l-header__sp-menu {
  align-items: center;
  display: flex;
  justify-content: center;
}

.l-header__accordion {
  margin-right: 20px;
}

@media screen and (max-width: 576px) {
  .l-header__accordion {
    margin-right: 10px;
  }
}

.c-cvbar {
  display: flex;
  justify-content: flex-end;
}

.c-cvbar__link {
  background-color: #d47a8f;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  text-align: center;
  transition: ease .2s;
}

.c-cvbar__link::before {
  background-color: #b65068;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  width: 100%;
  z-index: 2;
}

.c-cvbar__link:hover::before {
  background-color: #b65068;
  height: 100%;
}

.c-cvbar__link span {
  color: #fff;
  position: relative;
  z-index: 30;
}

.c-cvbar__item {
  margin-left: 1px;
  width: 200px;
}

.c-cvbar__item:nth-child(1) a {
  background-color: #b6abd6;
}

.c-cvbar__item:nth-child(1) a::before {
  background-color: #9485be;
}

.c-cvbar__item:nth-child(1) a:hover::before {
  background-color: #9485be;
}

.c-cvbar__item:nth-child(2) a, .c-cvbar__item:nth-child(3) a, .c-cvbar__item:nth-child(4) a {
  background-color: #e8aab8;
}

.c-cvbar__item:nth-child(2) a::before, .c-cvbar__item:nth-child(3) a::before, .c-cvbar__item:nth-child(4) a::before {
  background-color: #d47a8f;
}

.c-cvbar__item:nth-child(2) a:hover::before, .c-cvbar__item:nth-child(3) a:hover::before, .c-cvbar__item:nth-child(4) a:hover::before {
  background-color: #d47a8f;
}

.c-cvbar__item--school {
  width: 220px;
}

.c-cvbar__item--school:nth-child(1) a, .c-cvbar__item--school:nth-child(2) a {
  background-color: #e8aab8;
}

.c-cvbar__item--school:nth-child(1) a::before, .c-cvbar__item--school:nth-child(2) a::before {
  background-color: #d47a8f;
}

.c-cvbar__item--school:nth-child(1) a:hover::before, .c-cvbar__item--school:nth-child(2) a:hover::before {
  background-color: #d47a8f;
}

.c-cvbar__item--school:nth-child(3) a {
  background-color: #d47a8f;
}

.c-cvbar__item--school:nth-child(3) a::before {
  background-color: #b65068;
}

.c-cvbar__item--school:nth-child(3) a:hover::before {
  background-color: #b65068;
}

.c-navbar {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
}

.c-navbar__item {
  margin-left: 20px;
  padding-bottom: 12px;
}

.c-navbar__item--school {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 15px;
}

.c-navbar__hovermenu {
  background-color: #e8aab8;
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 96px;
  transition: 0.3s;
  visibility: hidden;
  width: 100vw;
  z-index: 1000;
}

.c-navbar__hovermenu-contents {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  padding: 30px 20px;
}

.c-navbar__hovermenu-contents-ttl {
  background-color: #d47a8f;
  width: 100%;
}

.c-navbar__hovermenu-contents-ttl a {
  display: inline-flex;
  position: relative;
  transition: .3s;
}

.c-navbar__hovermenu-contents-ttl a .arrow {
  display: block;
  margin-top: 20px;
  position: relative;
  transition: .3s;
}

.c-navbar__hovermenu-contents-ttl a .arrow::before, .c-navbar__hovermenu-contents-ttl a .arrow::after {
  content: '';
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  vertical-align: middle;
}

.c-navbar__hovermenu-contents-ttl a .arrow::before {
  background: #fff;
  height: 3px;
  left: 0;
  top: 2px;
  width: 23px;
}

.c-navbar__hovermenu-contents-ttl a .arrow::after {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  height: 18px;
  left: 5px;
  top: -5px;
  transform: rotate(45deg);
  width: 18px;
}

.c-navbar__hovermenu-contents-ttl a .txt {
  color: #fff;
  font-size: 30px;
  letter-spacing: 0.01rem;
  padding-left: 40px;
}

.c-navbar__hovermenu-contents-ttl a:hover {
  opacity: .7;
}

.c-navbar__hovermenu-contents-ttl a:hover .txt {
  color: #fff83f;
}

.c-navbar__hovermenu-contents-ttl a:hover .arrow::before {
  background: #fff83f;
}

.c-navbar__hovermenu-contents-ttl a:hover .arrow::after {
  border-right: 3px solid #fff83f;
  border-top: 3px solid #fff83f;
}

.c-navbar__hovermenu-contents ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.c-navbar__hovermenu-contents ul li {
  max-width: 250px;
  width: 100%;
}

.c-navbar__hovermenu-contents ul li a {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  transition: .3s;
}

.c-navbar__hovermenu-contents ul li a:hover {
  opacity: .7;
}

.c-navbar__hovermenu-contents ul li a:hover p {
  color: #fff83f;
}

.c-navbar__link {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-size: 0.9375rem;
  transition: .3s;
}

.c-navbar__link:hover {
  color: #de9fae;
}

.c-navbar__link--school {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 993px) {
  .c-navbar .js_megamenu {
    position: relative;
    transition: .3s;
  }
  .c-navbar .js_megamenu:hover.is-active {
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    z-index: 3000;
  }
  .c-navbar .js_megamenu:hover.is-active .c-navbar__hovermenu {
    opacity: 1;
    visibility: visible;
  }
}

.c-megamenu-hamburger {
  margin-right: 10px;
}

.c-megamenu-hamburger .inner {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: relative;
  transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
  width: 40px;
}

.c-megamenu-hamburger .inner span {
  background-color: #000;
  border-radius: 5px;
  display: block;
  height: 2px;
  left: 5px;
  position: absolute;
  top: 0;
  transition: .4s;
  width: 90%;
}

.c-megamenu-hamburger .inner span:nth-child(1) {
  top: 11px;
  width: 76%;
}

.c-megamenu-hamburger .inner span:nth-child(2) {
  top: 21px;
  width: 76%;
}

.c-megamenu-hamburger .inner span:nth-child(3) {
  top: 31px;
  width: 76%;
}

.c-megamenu-close .inner {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: relative;
  transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
  transition: transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1), -webkit-transform 0.3s cubic-bezier(0.694, 0.048, 0.335, 1);
  width: 40px;
}

.c-megamenu-close .inner span {
  background-color: #fff;
  border-radius: 5px;
  display: block;
  height: 2px;
  left: 5px;
  position: absolute;
  top: 0;
  transition: .4s;
  width: 90%;
}

.c-megamenu-close .inner span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  top: 18px;
  transform: rotate(45deg);
  width: 76%;
}

.c-megamenu-close .inner span:nth-child(2) {
  opacity: 0;
}

.c-megamenu-close .inner span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  top: 18px;
  transform: rotate(-45deg);
  width: 76%;
}

.c-header-accordion__triangle {
  background-color: #d47a8f;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 5px 40px 5px 20px;
  position: relative;
  width: 150px;
}

@media screen and (max-width: 768px) {
  .c-header-accordion__triangle {
    font-size: 16px;
    font-size: 1rem;
    padding: 5px 30px 5px 20px;
    width: 130px;
  }
}

@media screen and (max-width: 576px) {
  .c-header-accordion__triangle {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px 10px;
    width: 110px;
  }
}

.c-header-accordion__triangle::after {
  content: '▼';
  font-size: 16px;
  font-size: 1rem;
  left: auto;
  margin: auto;
  position: absolute;
  right: 13px;
  top: 8px;
  transition: .3s;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .c-header-accordion__triangle::after {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 576px) {
  .c-header-accordion__triangle::after {
    font-size: 12px;
    font-size: 0.75rem;
    top: 6px;
  }
}

.c-header-accordion__triangle.is-opened::after {
  top: 9px;
  transform: rotate(540deg);
}

@media screen and (max-width: 768px) {
  .c-header-accordion__triangle.is-opened::after {
    top: 7px;
  }
}

@media screen and (max-width: 576px) {
  .c-header-accordion__triangle.is-opened::after {
    top: 8px;
  }
}

.c-header-accordion__list-wrapper {
  background-color: #fff;
  display: none;
  left: 0;
  margin-top: 20px;
  position: fixed;
  width: 100%;
}

.c-header-accordion__item {
  display: inline-block;
  width: 100%;
}

.c-header-accordion__close {
  background-color: #e59aac;
  color: #fff;
  display: inline-block;
  padding: 15px 55px 15px 20px;
  position: relative;
  text-align: right;
  width: 100%;
}

.c-header-accordion__close::before, .c-header-accordion__close::after {
  /* 棒の高さ */
  background: #fff;
  content: "";
  /* 棒の幅（太さ） */
  height: 35px;
  position: absolute;
  right: 30px;
  top: 50%;
  width: 2px;
}

.c-header-accordion__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.c-header-accordion__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.c-header-accordion__link {
  background-color: #d47a8f;
  border-bottom: 2px solid #e59aac;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  font-size: 1.375rem;
  padding: 15px 30px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .c-header-accordion__link {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-header-accordion__link::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: '';
  height: 15px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  transform: rotate(45deg);
  width: 15px;
}

/* =========================================================
main - メイン
========================================================= */
/* =========================================================
section - コンテンツの大枠
========================================================= */
.l-section {
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .l-section {
    padding: 60px 0;
  }
}

.l-section + .l-section:last-of-type {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .l-section + .l-section:last-of-type {
    padding: 40px 0;
  }
}

.l-section__in + .l-section__in {
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  .l-section__in + .l-section__in {
    padding-top: 80px;
  }
}

.l-section--sm {
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  .l-section--sm {
    padding: 60px 0;
  }
}

.l-section--has-pink-bg {
  background-color: #ffe8ef;
}

.l-section--has-gray-bg {
  background-color: #eee;
}

/* =========================================================
article - 新着情報・コラム詳細部分のモジュール
========================================================= */
.c-article {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 993px) {
  .c-article {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-article p {
  line-height: 1.875;
  margin: 1.5em 0;
}

.c-article h2 {
  background-color: #e8aab8;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 40px 0 20px;
  padding: 10px 20px;
}

@media screen and (min-width: 993px) {
  .c-article h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-article h3 {
  border-left: 5px solid #e8aab8;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 40px 0 20px;
  padding: 10px 0 10px 10px;
}

@media screen and (min-width: 993px) {
  .c-article h3 {
    font-size: 18px;
    font-size: 1.125rem;
    padding-left: 20px;
  }
}

.c-article h4 {
  color: #de9fae;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 40px 0 20px;
}

@media screen and (min-width: 993px) {
  .c-article h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-article figure {
  margin: 30px 0;
  text-align: center;
}

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

.c-article ul, .c-article ol {
  counter-reset: number;
  margin: 30px 0 30px 15px;
}

@media screen and (min-width: 993px) {
  .c-article ul, .c-article ol {
    margin-left: 30px;
  }
}

.c-article ul li + li, .c-article ol li + li {
  margin: 5px 0;
}

.c-article ul li p, .c-article ol li p {
  margin: 0;
}

.c-article ul li p + p, .c-article ol li p + p {
  margin: 1.5em;
}

.c-article ol li {
  counter-increment: number;
}

.c-article ol li::before {
  content: counter(number) ".";
  font-weight: bold;
  margin-right: 4px;
}

.c-article ul li::before {
  content: '・';
}

.c-article table {
  border: 2px solid #333;
  width: 100%;
}

.c-article table tr th {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}

.c-article table tr td {
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
}

.c-article a {
  color: #de9fae;
}

#toc_container {
  background: #FFF;
  border-radius: 5px;
  color: #de9fae;
  margin: 40px auto;
  padding: 50px 60px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  #toc_container {
    margin: 30px auto;
    padding: 5% 5%;
  }
}

#toc_container p.toc_title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 30px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #toc_container p.toc_title {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 5%;
  }
}

#toc_container p.toc_title .toc_toggle {
  color: #333;
}

#toc_container p.toc_title .toc_toggle a {
  color: #333;
}

#toc_container .toc_list {
  margin: 20px auto 0;
}

@media screen and (max-width: 768px) {
  #toc_container .toc_list {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

#toc_container .toc_list li {
  font-weight: bold;
}

#toc_container .toc_list li::before {
  content: none;
}

#toc_container .toc_list li a {
  color: #de9fae;
  transition: .3s;
}

#toc_container .toc_list li a .toc_number {
  color: #de9fae;
  margin-right: 1em;
}

#toc_container .toc_list li a .toc_number.toc_depth_1 {
  background: #de9fae;
  color: #FFF;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
}

#toc_container .toc_list li a:hover {
  color: #ebc5ce;
}

#toc_container .toc_list li ul {
  margin: 0;
}

#toc_container .toc_list > li:not(:first-of-type) {
  margin-top: 20px;
}

#toc_container .toc_list > li ul {
  margin-left: 8px;
  margin-top: 10px;
}

#toc_container .toc_list > li ul li {
  margin: 10px 0;
}

.p-traveling-bnr {
  background-color: #d47a8f;
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  .p-traveling-bnr {
    padding: 20px 0;
  }
}

.p-traveling-bnr__bnr {
  margin: 0 auto;
}

.p-traveling-bnr__bnr + .p-traveling-bnr__bnr {
  margin-top: 20px;
}

.p-traveling-bnr__bnr .main-bnr-wrapper {
  position: relative;
}

.p-traveling-bnr__bnr .main-bnr-wrapper__balloon {
  left: 0px;
  position: absolute;
  top: -120px;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .p-traveling-bnr__bnr .main-bnr-wrapper__balloon {
    top: -80px;
    width: 106px;
  }
}

@media screen and (max-width: 768px) {
  .p-traveling-bnr__bnr .main-bnr-wrapper__balloon {
    top: -60px;
    width: 71px;
  }
}

.p-traveling-bnr__bnr .main-bnr-wrapper__bnr {
  transition: .3s;
}

.p-traveling-bnr__bnr .main-bnr-wrapper__bnr:hover {
  filter: brightness(110%);
}

.p-traveling-bnr__bnr .main-bnr-wrapper__bnr img {
  height: auto;
  max-width: 100%;
}

.p-traveling-bnr__bnr .main-bnr-wrapper--sp {
  overflow: hidden;
  position: relative;
}

.p-traveling-bnr__bnr .main-bnr-wrapper--sp__bnr {
  margin: 0 auto;
}

.p-traveling-bnr__bnr .main-bnr-wrapper--sp__link {
  bottom: 4%;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  max-width: 554px;
  position: absolute;
  right: 0;
  width: 79.4%;
}

.p-traveling-bnr__bnr .main-bnr-wrapper--sp__link img {
  margin: 0 auto;
}

.p-traveling-bnr__bnr .main-bnr-wrapper .particular-wrapper {
  margin: auto;
  max-width: 1100px;
  position: relative;
  width: 100%;
}

.p-traveling-bnr__bnr .main-bnr-wrapper .particular-wrapper a {
  bottom: 6px;
  position: absolute;
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .p-traveling-bnr__bnr .main-bnr-wrapper .particular-wrapper a {
    bottom: 5px;
    right: 4.3%;
    width: 23%;
  }
}

@media screen and (max-width: 768px) {
  .p-traveling-bnr__bnr .main-bnr-wrapper .particular-wrapper a {
    bottom: -30px;
    right: -8%;
    width: 25%;
  }
}

@media screen and (max-width: 576px) {
  .p-traveling-bnr__bnr .main-bnr-wrapper .particular-wrapper a {
    bottom: -30px;
    right: -8%;
    width: 30%;
  }
}

.p-new-year-holiday .l-container {
  border: 4px solid #d47a8f;
}

.p-new-year-holiday__txt a {
  transition: .3s;
}

.p-new-year-holiday__txt a:hover {
  opacity: .7;
}

/* =========================================================
btn - ボタンのモジュール
========================================================= */
.m-btn-link {
  background: transparent;
  border: 0;
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  height: auto;
  outline: none;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 10rem;
}

.m-btn-link--small {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  width: 8rem;
}

.m-btn-link--small .m-btn-link__circle {
  border-radius: 1.8rem;
  height: 2.5rem;
  width: 2.5rem;
}

.m-btn-link--single {
  width: 17rem;
}

.m-btn-link--oblong-11 {
  width: 11rem;
}

.m-btn-link--oblong-12 {
  width: 12rem;
}

.m-btn-link--oblong-13 {
  width: 13rem;
}

.m-btn-link--oblong-14 {
  width: 14rem;
}

.m-btn-link--oblong-15 {
  width: 15rem;
}

.m-btn-link--oblong-16 {
  width: 16rem;
}

.m-btn-link--oblong-17 {
  width: 17rem;
}

.m-btn-link--oblong-18 {
  width: 18rem;
}

.m-btn-link--oblong-19 {
  width: 19rem;
}

.m-btn-link--oblong-20 {
  width: 20rem;
}

.m-btn-link--404 {
  width: 12rem;
}

.m-btn-link__txt {
  align-items: center;
  bottom: 0;
  color: #000;
  display: flex;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  justify-content: center;
  left: 0;
  line-height: 1.6;
  margin: 0 auto;
  padding: 0.75rem 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}

.m-btn-link__txt--white {
  color: #fff;
}

.m-btn-link__circle {
  background: transparent;
  border: 3px solid #eac7cf;
  border-radius: 2rem;
  display: block;
  height: 3.5rem;
  margin: 0;
  position: relative;
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  width: 3.5rem;
}

.m-btn-link__circle--gold {
  border: 3px solid #e1d1b1;
}

.m-btn-link:hover .m-btn-link__circle {
  background: #dc91a2;
  border: 3px solid #dc91a2;
  width: 100%;
}

.m-btn-link:hover .m-btn-link__txt {
  color: #fff;
}

.m-btn-link--dark .m-btn-link__circle {
  background: #e0a4b1;
  border: 3px solid #ebcfd5;
}

.m-btn-link--dark:hover .m-btn-link__circle {
  background: #ebcfd5;
  border: 3px solid #ebcfd5;
  width: 100%;
}

.m-btn-link--dark:hover .m-btn-link__txt {
  color: #dc91a2;
}

.m-btn-form {
  background-color: #d47a8f;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
  max-width: 420px;
  padding: 20px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.m-btn-form--back {
  background-color: #9a9a9a;
  border-radius: 10vw;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  position: relative;
  transition: 0.7s;
}

.m-btn-form--gradation {
  background: linear-gradient(#8fc31f, #00732e);
  border: 3px solid #fff;
  border-radius: 10vw;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  overflow: hidden;
  position: relative;
  transition: 0.7s;
}

.m-btn-form--gradation::before {
  animation: shinyshiny 5s ease-in-out infinite;
  background-color: #b5e7ff;
  content: '';
  display: inline-block;
  height: 100%;
  left: 0;
  position: absolute;
  top: -180px;
  transition: 0.7s;
  width: 30px;
}

@-webkit-keyframes shinyshiny {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.m-btn-form:hover {
  opacity: .7;
}

.m-txt-link {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  font-size: 0.875rem;
  transition: .3s;
}

.m-txt-link i {
  margin-left: 1em;
}

.m-txt-link:hover {
  color: #de9fae;
}

.m-btn-journal {
  background: linear-gradient(to bottom, #55bc7a, #449c63);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  filter: drop-shadow(0px 3px 5px #777);
  font-size: 18px;
  font-size: 1.125rem;
  max-width: 400px;
  padding: 15px 30px;
  text-align: center;
  transition: .3s;
  width: 47%;
}

.m-btn-journal:nth-child(n+3) {
  margin-top: 20px;
}

.m-btn-journal:nth-child(2n) {
  margin-left: 20px;
}

@media screen and (max-width: 576px) {
  .m-btn-journal:nth-child(2n) {
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  .m-btn-journal:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .m-btn-journal {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 576px) {
  .m-btn-journal {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-size: 0.875rem;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
  }
}

.m-btn-journal:hover {
  opacity: .7;
}

.m-btn-journal--gold {
  background: linear-gradient(to bottom, #c9b07e, #b19968);
}

.m-btn-journal__txt {
  display: inline-block;
  position: relative;
}

.m-btn-journal__txt::before {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: '';
  height: 10px;
  left: -25px;
  margin: auto;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  width: 10px;
}

.m-btn-school-top-course {
  background-color: #de9fae;
  border-radius: 50px;
  display: inline-block;
  filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.2));
  height: auto;
  margin: auto;
  max-width: 750px;
  padding: 10px 20px;
  position: relative;
  transition: .3s;
  vertical-align: middle;
  width: 100%;
}

.m-btn-school-top-course:hover {
  opacity: .7;
}

.m-btn-school-top-course__txt {
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.m-btn-access {
  background-color: #de9fae;
  border-radius: 50px;
  display: inline-block;
  filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.2));
  height: auto;
  padding: 10px 20px;
  position: relative;
  transition: .3s;
  vertical-align: middle;
  width: 100%;
}

.m-btn-access:hover {
  opacity: .7;
}

.m-btn-access__txt {
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.c-border-btn {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #cacaca;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  max-width: 150px;
  padding: 10px 20px;
  transition: .3s;
}

@media screen and (max-width: 992px) {
  .c-border-btn {
    min-width: 260px;
    padding-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  .c-border-btn {
    min-width: 220px;
    padding-right: 20px;
  }
}

.c-border-btn__in {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .c-border-btn__in {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 768px) {
  .c-border-btn__in {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-border-btn__arrow {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .c-border-btn__arrow {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.c-border-btn:hover {
  border-color: #de9fae;
  color: #de9fae;
}

/* =========================================================
card - カード型レイアウトのモジュール
========================================================= */
.c-point-box {
  margin: 1.2% 1%;
}

@media screen and (max-width: 576px) {
  .c-point-box {
    margin: 3% 1%;
  }
}

.c-point-box img {
  max-width: 100%;
}

.c-point-box__count {
  margin-left: 3%;
  position: relative;
  width: 20.4%;
  z-index: 2;
}

.c-point-box__ttl {
  align-items: center;
  display: flex;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}

@media screen and (min-width: 577px) {
  .c-point-box__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 769px) {
  .c-point-box__ttl {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.6;
  }
}

@media screen and (min-width: 993px) {
  .c-point-box__ttl {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.6;
  }
}

.p-point-card {
  margin: 0 auto;
  max-width: 580px;
  padding-top: 8%;
  position: relative;
}

@media screen and (max-width: 768px) and (min-width: 542px) {
  .p-point-card {
    padding-top: 44px;
  }
}

.p-point-card__first {
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-point-card__first {
    flex-direction: column;
  }
}

.p-point-card__first-left {
  margin-right: 50px;
  max-width: 680px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-point-card__first-left {
    margin-right: 0;
  }
}

.p-point-card__first-right {
  max-width: 430px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-point-card__first-right {
    margin-top: 20px;
  }
}

.p-point-card__num {
  bottom: -13%;
  max-width: 219px;
  position: absolute;
  right: 4%;
  z-index: 2;
}

@media screen and (max-width: 1200px) {
  .p-point-card__num {
    width: 20vw;
  }
}

@media screen and (max-width: 768px) {
  .p-point-card__num {
    bottom: -10%;
    width: 30vw;
  }
}

.p-point-card__num--first {
  bottom: -13%;
  max-width: 263px;
  position: absolute;
  right: 4%;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 1200px) {
  .p-point-card__num--first {
    width: 25vw;
  }
}

@media screen and (max-width: 576px) {
  .p-point-card__num--first {
    bottom: -25%;
  }
}

.p-point-card__list li {
  margin-top: 5px;
}

.p-point-card__list li a {
  border-bottom: 1px solid #000;
  transition: .3s;
}

.p-point-card__list li a:hover {
  opacity: .7;
}

.p-point-card__figure {
  margin-bottom: 35px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-point-card__figure {
    margin-bottom: 25px;
  }
}

.p-point-card__head {
  margin-bottom: 20px;
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .p-point-card__head {
    border-bottom-width: 2px;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
}

.p-point-card__head--borderless {
  border-bottom: none;
  padding-bottom: 0;
}

.p-point-card--2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-left: -25px;
  margin-right: -25px;
  max-width: none;
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .p-point-card--2col {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
}

.p-point-card--2col .p-point-card__col {
  flex: 0 0 50%;
  max-width: 50%;
  min-height: 1px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 4.1%;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-point-card--2col .p-point-card__col {
    flex: 0 0 100%;
    margin: 0 auto;
    max-width: 501px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 9.5%;
  }
}

@media screen and (max-width: 768px) and (min-width: 542px) {
  .p-point-card--2col .p-point-card__col {
    padding-top: 44px;
  }
}

@media screen and (max-width: 768px) {
  .p-point-card--2col .p-point-card__col:last-of-type {
    margin-top: 30px;
    padding-top: 0;
  }
}

.p-point-card--2col .p-point-card__num {
  left: 8.5%;
}

@media screen and (max-width: 992px) {
  .p-point-card--2col .p-point-card__num {
    left: 9.3%;
  }
}

@media screen and (max-width: 768px) {
  .p-point-card--2col .p-point-card__num {
    left: 4%;
  }
}

@media screen and (min-width: 993px) {
  .p-point-card--2col .p-point-card__figure {
    margin-bottom: 25px;
  }
}

.p-stripe-card {
  background-color: #f5f1fe;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 9px, #e9e0ff 9px, #e9e0ff 18px);
  background-size: auto auto;
  height: 100%;
  padding: 40px;
}

@media screen and (max-width: 768px) {
  .p-stripe-card {
    padding: 20px;
  }
}

.p-stripe-card__in {
  background-color: #fff;
  height: 100%;
  padding: 60px 30px 40px;
}

@media screen and (max-width: 768px) {
  .p-stripe-card__in {
    padding: 30px 20px;
  }
}

.p-stripe-card--bg-white {
  background-color: #f5fbfd;
}

.p-stripe-card--blue {
  background: #f5fbfd;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 9px, #c5ecfd 9px, #c5ecfd 18px);
}

@media screen and (min-width: 769px) {
  .p-stripe-card--md-bg-white {
    background-color: #fff;
  }
}

@media screen and (min-width: 769px) {
  .p-stripe-card--md-bg-light-blue {
    background-color: #f5f1fe;
  }
}

/* =========================================================
copyright - コピーライトのモジュール
========================================================= */
/* =========================================================
form - フォームのモジュール
========================================================= */
.grecaptcha-badge {
  visibility: hidden;
}

/* MW WP Form Defaults */
/**
 * error message
 */
.mw_wp_form .error {
  color: #B70000;
  display: block;
  font-size: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}

/**
 * error message of akismet
 */
.mw_wp_form .akismet_error {
  display: block;
}

/**
 * vertical style of radio and checkbox
 */
.mw_wp_form .vertical-item {
  display: block;
}

.mw_wp_form .vertical-item + .vertical-item {
  margin-top: 5px;
}

/**
 * horizontal style of radio and checkbox
 */
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

.c-request-checkbox {
  margin-right: 0 !important;
}

/**
 * radio and checkbox
 */
.mwform-checkbox-field label,
.mwform-radio-field label {
  font-weight: normal;
  margin-bottom: 0;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
  margin-right: 5px;
}

/**
 * datepicker
 */
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-month,
.mw_wp_form .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  margin: 0 5px;
  width: 40%;
}

/**
 * deprecated message
 */
.mw-wp-form-deprecated-message {
  background: #fdeeee;
  border: 1px solid #f7bdb8;
  border-radius: 5px;
  color: #af4040;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 10px;
  padding: 1em;
}

/**
 * file
 */
.mw_wp_form input[type="file"] {
  display: inline-block;
}

/**
 * file delete button
 */
.mwform-file-delete {
  cursor: pointer;
  visibility: hidden;
}

/**
 * tel and zip
 */
.mwform-tel-field input[type="text"],
.mwform-zip-field input[type="text"] {
  display: inline-block;
  width: auto;
}

.l-form__intro {
  border-top: 1px solid #dcdcdc;
  line-height: 2.4;
  margin: 0 auto;
  padding: 80px 0;
}

@media screen and (max-width: 576px) {
  .l-form__intro {
    line-height: 1.8;
    padding: 40px 0;
  }
}

.l-form__intro a {
  color: #d47a8f;
  font-weight: 500;
  transition: .3s;
}

.l-form__intro a:hover {
  opacity: .7;
}

.l-form__section {
  align-items: flex-start;
  border-bottom: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 30px;
}

.l-form__section:first-of-type {
  border-top: 1px solid #dcdcdc;
}

@media screen and (max-width: 768px) {
  .l-form__section {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 576px) {
  .l-form__section {
    flex-direction: column;
    padding: 20px 10px;
  }
}

.l-form__section--calendar .l-form__head {
  margin-top: 3px;
}

@media screen and (max-width: 768px) {
  .l-form__section--calendar {
    flex-direction: column;
    padding: 20px;
  }
  .l-form__section--calendar .l-form__head {
    align-items: center;
    flex: 0 0 30px;
    max-width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .l-form__section--calendar {
    padding: 20px 0;
  }
}

.l-form__section--box-list .l-form__head {
  margin-top: 3px;
}

.l-form__head {
  align-items: flex-start;
  display: flex;
  flex: 0 0 350px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  justify-content: space-between;
  margin-top: 8px;
  max-width: 40%;
  padding: 0 20px 0 0;
}

@media screen and (max-width: 992px) {
  .l-form__head {
    flex: 0 0 220px;
  }
}

@media screen and (max-width: 768px) {
  .l-form__head {
    flex: 0 0 200px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    max-width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .l-form__head {
    align-items: center;
    flex: 1 0 auto;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
  }
}

.l-form__body {
  flex: 1 1 auto;
  width: 100%;
}

.l-form__body-inner {
  align-items: center;
  display: flex;
}

.l-form__body-inner--textarea {
  align-items: flex-start;
}

.l-form__body-inner--checkbox {
  align-items: flex-start;
}

.l-form__body-inner--select {
  position: relative;
}

.l-form__body-inner--select::after {
  align-items: center;
  border-left: 1px dotted #666;
  bottom: 0;
  color: #666;
  content: '▼';
  display: flex;
  flex-direction: row-reverse;
  height: auto;
  justify-content: flex-end;
  left: 250px;
  margin: 10px 0;
  padding: 10px 5px 10px 10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 20px;
}

@media screen and (max-width: 576px) {
  .l-form__body-inner--select::after {
    left: 170px;
  }
}

.l-form__body-inner--preferred {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

.l-form__body-inner--preferred::after {
  align-items: center;
  border-left: 1px dotted #666;
  bottom: 0;
  color: #666;
  content: '▼';
  display: flex;
  flex-direction: row-reverse;
  height: auto;
  justify-content: flex-end;
  left: 60px;
  margin: 10px 0;
  padding: 10px 5px 10px 10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 20px;
}

@media screen and (max-width: 576px) {
  .l-form__body-inner--preferred::after {
    left: 54px;
  }
}

.l-form__buttons {
  margin: 70px auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .l-form__buttons {
    margin: 40px auto;
  }
}

.c-required {
  background-color: #c3a66c;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  max-width: 62px;
  min-width: 62px;
  padding: 5px 15px;
}

.c-required--none {
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .c-required {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 576px) {
  .c-required {
    margin-top: 0;
    padding: 2px 10px;
  }
}

.c-preferred {
  background-color: #d47a8f;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  margin-right: 10px;
  margin-top: 4px;
  max-width: 110px;
  min-width: 110px;
  padding: 5px 15px;
}

@media screen and (max-width: 768px) {
  .c-preferred {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 576px) {
  .c-preferred {
    margin-right: 0;
    margin-top: 0;
    padding: 2px 10px;
  }
}

.c-age {
  align-items: flex-end;
  display: flex;
  height: 40px;
}

.c-birth {
  align-items: center;
  display: flex;
  height: 40px;
  margin-right: 20px;
}

.c-txt-input {
  background: #f6f6f2;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 8px 15px;
  width: 100%;
}

.c-txt-input--md {
  max-width: 350px;
  width: 100%;
}

.c-txt-input--sm {
  width: 100px;
}

.c-txt-input--xs {
  width: 100px;
}

@media screen and (max-width: 768px) {
  .c-txt-input--xs {
    padding: 8px 10px;
    width: 60px;
  }
}

.c-txt-textarea {
  background: #f6f6f2;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  max-width: 100%;
  padding: 8px 20px;
  width: 100%;
}

.c-form-select {
  background: #f6f6f2;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  min-width: 210px;
  padding: 8px 10px;
  position: relative;
}

@media screen and (max-width: 576px) {
  .c-form-select {
    padding: 8px 10px;
  }
}

.c-form-select--sm {
  min-width: 100px;
}

.c-form-select--sm + .c-form-select--sm {
  margin-left: 15px;
}

@media screen and (max-width: 576px) {
  .c-form-select--sm {
    min-width: 92px;
    padding: 12px 10px;
  }
  .c-form-select--sm + .c-form-select--sm {
    margin-left: 10px;
  }
}

.c-form-checkbox-calendar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.c-form-checkbox-calendar label {
  align-items: center;
  display: flex;
  margin-right: 20px;
}

.c-form-checkbox-calendar label input {
  height: 16px;
  margin-right: 5px;
  width: 16px;
}

@media screen and (max-width: 576px) {
  .c-form-checkbox-calendar .horizontal-item {
    margin-left: 0 !important;
  }
}

.c-form-radio {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.c-form-radio label {
  align-items: center;
  display: flex;
  margin-right: 20px;
}

.c-form-radio label input {
  height: 16px;
  margin-right: 5px;
  margin-top: 2px;
  width: 16px;
}

.q-route {
  display: inline-block;
}

.q-route .horizontal-item {
  display: inline-block;
  margin: 4px 0;
  min-width: 45%;
}

.q-route .horizontal-item + .horizontal-item {
  margin-left: 0;
}

.mw_wp_form_input .c-lesson-date .calendar-txt {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-txt {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-txt--annotation {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-txt--annotation {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-txt span {
  border-bottom: 2px solid #c44b66;
  color: #c44b66;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper {
  width: 100%;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-container {
  border: 1px solid #d47a8f;
  max-width: 500px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-container {
    font-size: 18px;
    font-size: 1.125rem;
    max-width: 420px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 5px 15px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-row:nth-child(3) {
  padding: 15px 15px 5px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-row:last-child {
  padding: 5px 15px 15px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-row .calendar-cell:nth-child(n+2) {
  margin-left: 5px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-table-header {
  align-items: center;
  background-color: #d47a8f;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-header-month {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-header-month {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-arrow-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow,
.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-right-arrow {
  background-color: #fff;
  border-radius: 10px;
  color: #d47a8f;
  cursor: pointer;
  display: inline-block;
  height: 40px;
  position: relative;
  text-align: center;
  transition: .3s;
  width: 40px;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow:hover,
.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-right-arrow:hover {
  opacity: .7;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow::before,
.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-right-arrow::before {
  bottom: 0;
  content: '';
  height: 14px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
  width: 14px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow::before,
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-right-arrow::before {
    height: 14px;
    width: 14px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow {
    margin-right: 10px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-left-arrow::before {
  border-left: 3px solid #d47a8f;
  border-top: 3px solid #d47a8f;
  left: 5px;
  transform: rotate(-45deg);
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-right-arrow::before {
  border-right: 3px solid #d47a8f;
  border-top: 3px solid #d47a8f;
  right: 5px;
  transform: rotate(45deg);
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-weekdays-row {
  background-color: #fcf4f6;
  text-align: center;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-weekdays-row .calendar-weekday {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  height: 40px;
  justify-content: center;
  width: 40px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-weekdays-row .calendar-weekday {
    font-size: 14px;
    font-size: 0.875rem;
    height: 40px;
    width: 40px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-date {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  height: 50px;
  justify-content: center;
  text-align: center;
  width: 50px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-date {
    font-size: 14px;
    font-size: 0.875rem;
    height: 40px;
    width: 40px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-saturday-text {
  color: #6086ba;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-sunday-text {
  color: #d47a8f;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .calendar-target-date {
  background-color: #d47a8f !important;
  color: #fff !important;
  pointer-events: none;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .selectable {
  background-color: #f1f1f1;
  border-radius: 5px;
  color: #111;
  cursor: pointer;
  transition: .3s;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .selectable:hover {
  opacity: .7;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .non-selectable {
  border-radius: 5px;
  color: #c1c1c1;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper {
  border: 2px solid #c44b66;
  max-width: 500px;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper {
    max-width: 420px;
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper {
    padding: 15px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .tabs {
  cursor: pointer;
  display: flex;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .tab {
  align-items: center;
  background: #fae0e6;
  border-radius: 35px;
  color: #d47a8f;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  max-width: 190px;
  width: 100%;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .tab:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .tab {
    border-radius: 20px;
    font-size: 15px;
    font-size: 0.9375rem;
    height: 40px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .tab.active {
  background: #d47a8f;
  color: #fff;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .content {
  display: none;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .content {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 10px;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .content.active {
  display: flex;
  flex-wrap: wrap;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time {
  align-items: center;
  background: #fff;
  border: 2px solid #d6d6d6;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  height: 50px;
  justify-content: center;
  letter-spacing: 0.05rem;
  margin: 5px;
  max-width: 190px;
  width: 31.5%;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time:nth-child(3n+3) {
  margin-right: 0;
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time:nth-child(3n+1) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 576px) {
  .mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time {
    font-size: 14px;
    font-size: 0.875rem;
    width: 31%;
  }
}

.mw_wp_form_input .c-lesson-date.lesson-calendar-wrapper .tab-wrapper .time.active {
  border: 2px solid #d47a8f;
  color: #d47a8f;
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper {
  align-items: center;
  border: 2px solid #d47a8f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 40px;
  max-width: 500px;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-output-wrapper {
    max-width: 420px;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper__ttl {
  color: #d47a8f;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-output-wrapper__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper__txt {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-output-wrapper__txt {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper {
  background-color: #fffe9e;
  display: flex;
  margin-top: 15px;
  padding: 5px;
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectCalendarDate,
.mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectedTime {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  max-width: 250px;
  pointer-events: none;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectCalendarDate,
  .mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectedTime {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectCalendarDate {
  margin-right: 10px;
  text-align: right;
}

.mw_wp_form_input .c-lesson-date .calendar-output-wrapper #selectDateOutputWrapper #selectedTime {
  text-align: center;
}

.mw_wp_form_confirm .l-form__head {
  margin-top: 0;
}

@media screen and (max-width: 576px) {
  .mw_wp_form_confirm .l-form__body {
    padding: 10px 10px 10px 0;
  }
}

.mw_wp_form_confirm .l-form__body-inner {
  align-items: center;
}

.mw_wp_form_confirm .l-form__body-inner--select::after {
  content: none;
}

.mw_wp_form_confirm .l-form__body-inner--preferred::after {
  content: none;
}

.mw_wp_form_confirm .l-form__body-inner .c-age {
  display: inline-block;
  height: auto;
}

.mw_wp_form_confirm .l-form__buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mw_wp_form_confirm .c-lesson-date {
  align-items: center;
  display: flex;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .mw_wp_form_confirm .c-lesson-date {
    align-items: flex-start;
    flex-direction: column;
  }
}

.mw_wp_form_confirm .c-lesson-date .c-form-left {
  display: flex;
}

.mw_wp_form_confirm .c-form-addition {
  display: none;
}

.mw_wp_form_confirm .confirm_hidden {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_confirm .l-form__section--calendar {
    flex-direction: row;
  }
}

@media screen and (max-width: 576px) {
  .mw_wp_form_confirm .l-form__section--calendar {
    flex-direction: column;
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .mw_wp_form_confirm .l-form__section--calendar .l-form__head {
    flex: 0 0 303px;
  }
}

@media screen and (max-width: 576px) {
  .mw_wp_form_confirm .l-form__section--calendar .l-form__head {
    flex: 1 0 auto;
  }
}

@media screen and (max-width: 992px) {
  .mw_wp_form_confirm .l-form__section--calendar .c-lesson-date {
    flex-direction: row;
  }
}

.mw_wp_form_confirm #selectDateOutputWrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mw_wp_form_confirm #selectDateOutputWrapper .confirm-layout-date {
  display: inline-block;
  margin-left: 18px;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #selectDateOutputWrapper .confirm-layout-date {
    margin-left: 0;
  }
}

/* =========================================================
list
========================================================= */
.p-dot-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-dot-list__item::before {
  content: '・';
}

/* =========================================================
map - マップのモジュール
========================================================= */
.c-gmap {
  border: 2px solid #cacaca;
  padding-top: 51.8%;
  position: relative;
  width: 100%;
}

.c-gmap iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

/* =========================================================
media - 画像のモジュール
========================================================= */
.responsive-img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* =========================================================
nav - ナビゲーションのモジュール
========================================================= */
.c-megamenu {
  background: #d47a8f;
  display: none;
  height: calc(100vh - 5.8%);
  left: 0;
  overflow-y: scroll;
  padding-top: 22px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
}

.c-megamenu__upper {
  align-items: center;
  border-bottom: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  padding: 0 20px 20px 20px;
  width: 100%;
}

.c-megamenu__btn {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 20px;
}

.c-megamenu__btn-full {
  width: 100%;
}

.c-megamenu__btn-full a {
  align-items: center;
  background-color: #fff;
  color: #d47a8f;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  height: 50px;
  justify-content: center;
  margin: auto;
  max-width: 800px;
  text-align: center;
  width: 100%;
}

.c-megamenu__btn-half {
  align-items: center;
  display: flex;
  gap: 0 20px;
  justify-content: center;
  margin-top: 15px;
  width: 100%;
}

.c-megamenu__btn-half a {
  align-items: center;
  background-color: #fff;
  color: #d47a8f;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 50px;
  justify-content: center;
  max-width: 390px;
  text-align: center;
  width: 49%;
}

.c-megamenu__logo {
  display: inline-block;
}

.c-megamenu__logo a {
  max-width: 100px;
}

.c-megalinks {
  line-height: 1.2;
  margin: 0 auto;
  max-width: 800px;
}

.c-megalinks__item {
  margin: 0 auto;
  width: 100%;
}

.c-megalinks__item--half {
  margin-left: 0;
  width: 50%;
}

.c-megalinks__item--half:nth-child(odd) {
  border-right: 1px solid #fff;
}

.c-megalinks__link {
  align-items: center;
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  padding: 20px;
  position: relative;
  transition: .3s;
  transition: .3s;
}

.c-megalinks__link:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .c-megalinks__link {
    font-size: 12px;
  }
}

.c-megalinks__link.has-child {
  position: relative;
}

.c-megalinks__link.has-child::before, .c-megalinks__link.has-child::after {
  background-color: #FFF;
  border-radius: 3px;
  content: '';
  position: absolute;
  top: 50%;
  transition: .3s;
}

.c-megalinks__link.has-child::before {
  height: 3px;
  right: 5%;
  width: 30px;
}

@media screen and (max-width: 576px) {
  .c-megalinks__link.has-child::before {
    width: 20px;
  }
}

.c-megalinks__link.has-child::after {
  height: 30px;
  margin-top: -14px;
  right: calc(5% + 14px);
  width: 3px;
}

@media screen and (max-width: 576px) {
  .c-megalinks__link.has-child::after {
    height: 20px;
    margin-top: -9px;
    right: calc(5% + 9px);
  }
}

.c-megalinks__link.has-child.is-opened {
  border-top: 1px solid #FFF;
}

.c-megalinks__link.has-child.is-opened::after {
  opacity: 0;
  transform: rotate(90deg);
}

.c-megalinks__link.is-current {
  background: #FFF;
  color: #de9fae;
}

.c-megalinks__link.is-current.has-child::before, .c-megalinks__link.is-current.has-child::after {
  background: #de9fae;
}

.c-megalinks__sub {
  background: #e58aa5;
  border-bottom: 1px solid #FFF;
  display: none;
}

.c-megalinks__sub-item:first-child .c-megalinks__sub-link {
  background: #e5658c;
}

.is-opened + .c-megalinks__sub .c-megalinks__sub-item:first-child .c-megalinks__sub-link {
  border-top: 1px solid #FFF;
}

.c-megalinks__sub-link.is-current {
  background: #FFF;
  color: #e68aa5;
}

.c-megalinks__accordion-triangle {
  background-color: #d47a8f;
  border-radius: 5px;
  color: #fff;
  position: relative;
}

.c-megalinks__accordion-triangle::after {
  content: '▼';
  font-size: 16px;
  font-size: 1rem;
  left: auto;
  margin: auto;
  position: absolute;
  right: 13px;
  top: 2px;
  transition: .3s;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .c-megalinks__accordion-triangle::after {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 576px) {
  .c-megalinks__accordion-triangle::after {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.c-megalinks__accordion-triangle.is-opened::after {
  top: 2px;
  transform: rotate(540deg);
}

.c-megalinks__accordion-plus {
  align-items: center;
  border-top: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  display: flex;
  padding: 20px 90px 20px 20px;
  position: relative;
  transition: .3s;
}

.c-megalinks__accordion-plus:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .c-megalinks__accordion-plus {
    font-size: 12px;
    padding: 20px 50px 20px 20px;
  }
}

.c-megalinks__accordion-plus::before, .c-megalinks__accordion-plus::after {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  margin: auto;
  position: absolute;
  right: 5%;
  top: 0;
  transition: .3s;
  width: 25px;
}

@media screen and (max-width: 768px) {
  .c-megalinks__accordion-plus::before, .c-megalinks__accordion-plus::after {
    right: 3%;
    width: 20px;
  }
}

.c-megalinks__accordion-plus::before {
  transform: rotate(90deg);
}

.c-megalinks__accordion-plus.is-opened::before {
  transform: rotate(360deg);
}

.c-megalinks__accordion-btn {
  cursor: pointer;
}

.c-megalinks__list-wrapper {
  background-color: #fff;
  display: none;
  width: 100%;
}

.c-megalinks__list-wrapper .c-megalinks {
  background-color: #fff;
  padding: 5px 20px 20px;
}

.c-megalinks__list-wrapper .c-megalinks__item {
  margin: 0 auto;
  width: 100%;
}

.c-megalinks__list-wrapper .c-megalinks__link {
  border-bottom: 1px solid #d47a8f;
  color: #d47a8f;
  padding: 15px 0;
  width: 100%;
}

.m-breadcrumb {
  background-color: #e8aab8;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 25px 20px;
  text-align: left;
}

@media screen and (max-width: 576px) {
  .m-breadcrumb {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 10px;
  }
}

.m-breadcrumb.type-left {
  text-align: left;
}

.m-breadcrumb a {
  color: #fff;
  transition: .3s;
}

.m-breadcrumb a:hover {
  opacity: .7;
}

.m-breadcrumb--gray {
  color: #555;
  font-weight: 500;
}

.m-breadcrumb--gray a {
  color: #555;
}

.m-breadcrumb--gray a:hover {
  color: #000;
}

/* =========================================================
page-hero - 下層ページのメインタイトル部分
========================================================= */
.m-pagehero {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 100%;
}

.m-pagehero__image {
  width: 100%;
}

.m-pagehero__ttl {
  align-items: center;
  bottom: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  margin: 20px auto 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}

@media screen and (max-width: 768px) {
  .m-pagehero__ttl {
    margin-top: 0;
  }
}

.m-pagehero__ttl-img {
  width: auto;
}

@media screen and (max-width: 992px) {
  .m-pagehero__ttl-img {
    width: 25%;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__ttl-img {
    width: 35%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__ttl-img--large {
    width: 50%;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__ttl-img--large {
    width: 65%;
  }
}

.m-pagehero__ttl-jp {
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .m-pagehero__ttl-jp {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__ttl-jp {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.m-pagehero__ttl-jp--journal, .m-pagehero__ttl-jp--voice {
  color: #d47a8f;
}

.m-pagehero__journal img, .m-pagehero__voice img {
  max-width: none;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .m-pagehero__journal img, .m-pagehero__voice img {
    max-height: 300px;
  }
}

.m-pagehero__no-img {
  background-color: #fcf4f6;
  height: 460px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .m-pagehero__no-img {
    height: 200px;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__no-img {
    height: 150px;
  }
}

.m-pagehero__no-img .m-pagehero__ttl-jp {
  color: #d47a8f;
}

.m-pagehero__404-ttl {
  color: #d47a8f;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .m-pagehero__404-ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__404-ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.m-pagehero__404-txt {
  color: #d47a8f;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  margin-top: 40px;
}

@media screen and (max-width: 576px) {
  .m-pagehero__404-txt {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
  }
}

.m-pagehero__school {
  position: relative;
}

.m-pagehero__school-img {
  height: 840px;
  object-fit: cover;
  object-position: 0 50%;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .m-pagehero__school-img {
    height: 600px;
  }
}

@media screen and (max-width: 768px) {
  .m-pagehero__school-img {
    height: 400px;
  }
}

.m-pagehero__school-ttl {
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  height: 840px;
  justify-content: center;
  padding-left: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: 51.5%;
}

@media screen and (max-width: 1200px) {
  .m-pagehero__school-ttl {
    width: 53%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__school-ttl {
    height: auto;
    margin: 0 auto 40px;
    padding: 0 20px;
    position: relative;
    width: 65%;
  }
}

@media screen and (max-width: 576px) {
  .m-pagehero__school-ttl {
    width: 85%;
  }
}

.m-pagehero__school .name-img,
.m-pagehero__school .ttl-img,
.m-pagehero__school .circle-img {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .m-pagehero__school .name-img,
  .m-pagehero__school .ttl-img,
  .m-pagehero__school .circle-img {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1200px) {
  .m-pagehero__school .txt-img {
    width: 65%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__school .txt-img {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .m-pagehero__school .name-img {
    width: 65%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__school .name-img {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .m-pagehero__school .ttl-img {
    width: 70%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__school .ttl-img {
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .m-pagehero__school .circle-img {
    width: 75%;
  }
}

@media screen and (max-width: 992px) {
  .m-pagehero__school .circle-img {
    width: 100%;
  }
}

.m-pagehero__school .phrase-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  top: 6%;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .m-pagehero__school .phrase-wrapper {
    margin: 20px 20px 40px;
    position: relative;
  }
}

.m-pagehero__school .phrase-wrapper img {
  margin: 0 auto;
}

/* =========================================================
pagenation - ページ送り
========================================================= */
.pagination {
  padding: 70px 0 50px;
}

@media screen and (min-width: 993px) {
  .pagination {
    padding: 100px 0 80px;
  }
}

.pagination ul.page-numbers {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.pagination li + li {
  margin-left: 0.5rem;
}

@media screen and (min-width: 993px) {
  .pagination li + li {
    margin-left: 1.2rem;
  }
}

.pagination .page-numbers:not(ul) {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background: #fdf6f8;
  border: 2px solid #eed2d9;
  border-radius: 50px;
  color: #eac7cf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.5rem;
  justify-content: center;
  letter-spacing: 0em;
  position: relative;
  width: 2.5rem;
}

@media screen and (min-width: 993px) {
  .pagination .page-numbers:not(ul) {
    font-size: 20px;
    font-size: 1.25rem;
    height: 3rem;
    width: 3rem;
  }
}

.pagination .page-numbers:not(ul):not(span) {
  text-decoration: none;
  transition: .3s;
}

@media screen and (min-width: 993px) {
  .pagination .page-numbers:not(ul):not(span):hover {
    background: #e7a9b7;
    border: 2px solid #e7a9b7;
    color: #FFF;
    opacity: 1;
  }
}

@media screen and (min-width: 993px) {
  .pagination .page-numbers:not(ul).prev {
    margin-right: 1.2rem;
  }
}

@media screen and (min-width: 993px) {
  .pagination .page-numbers:not(ul).next {
    margin-left: 1.2rem;
  }
}

.pagination .page-numbers:not(ul).dots {
  background: none;
}

@media screen and (max-width: 992px) {
  .pagination .page-numbers:not(ul).dots {
    margin: 0 -0.5em;
  }
}

.pagination .page-numbers:not(ul).current {
  background: #e7a9b7;
  border: 2px solid #e7a9b7;
  color: #FFF;
}

/* =========================================================
site-branding - サイトのロゴなどのモジュール
========================================================= */
/* =========================================================
table - 表のモジュール
========================================================= */
/* =========================================================
ttl - タイトルのモジュール
========================================================= */
.c-ttl {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 993px) {
  .c-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-ttl--xs {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--xs {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-ttl--sm {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--sm {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-ttl--md {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--md {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.c-ttl--lg {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--lg {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.c-ttl--xl {
  font-size: 28px;
  font-size: 1.75rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--xl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.c-ttl--xxl {
  font-size: 32px;
  font-size: 2rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--xxl {
    font-size: 48px;
    font-size: 3rem;
  }
}

.c-ttl--24 {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--24 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.c-ttl--30 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--30 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.c-ttl--32 {
  font-size: 22px;
  font-size: 1.375rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--32 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.c-ttl--36 {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--36 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.c-ttl--48 {
  font-size: 28px;
  font-size: 1.75rem;
}

@media screen and (min-width: 993px) {
  .c-ttl--48 {
    font-size: 48px;
    font-size: 3rem;
  }
}

.c-ttl__small70 {
  font-size: 70%;
}

.c-ttl__small80 {
  font-size: 80%;
}

.c-ttl__bg-sub-ttl {
  background: #e6b7c2;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 5px;
  padding: 2px 12px 3px;
}

@media screen and (max-width: 992px) {
  .c-ttl__bg-sub-ttl {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.c-ttl__border-sub-ttl {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  border: 2px solid #000;
  border-radius: 20px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  height: 40px;
  justify-content: center;
  letter-spacing: .05em;
  line-height: 1;
  margin-bottom: 25px;
  padding: 10px 35px;
}

@media screen and (max-width: 992px) {
  .c-ttl__border-sub-ttl {
    font-size: 12px;
    font-size: 0.75rem;
    height: 36px;
    margin-bottom: 15px;
    padding: 10px 20px;
  }
}

.c-bicolor-ttl {
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: .15em;
}

@media screen and (min-width: 993px) {
  .c-bicolor-ttl {
    font-size: 50px;
    font-size: 3.125rem;
  }
}

.c-bicolor-ttl__color {
  color: #d35774;
}

.c-bicolor-ttl__small {
  font-size: 70%;
}

.m-subttl {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}

@media screen and (min-width: 577px) {
  .m-subttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 769px) {
  .m-subttl {
    font-size: 42px;
    font-size: 2.625rem;
  }
}

@media screen and (min-width: 993px) {
  .m-subttl {
    font-size: 50px;
    font-size: 3.125rem;
  }
}

.m-subttl .smaller {
  font-size: 0.7em;
}

.m-subttl .colored {
  color: #d35774;
}

/* =========================================================
txt - テキストのモジュール
========================================================= */
.c-txt {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 993px) {
  .c-txt {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-txt--xs {
  font-size: 12px;
  font-size: 0.75rem;
}

.c-txt--sm {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 993px) {
  .c-txt--sm {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-txt--md {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (min-width: 993px) {
  .c-txt--md {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.c-txt--lg {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (min-width: 993px) {
  .c-txt--lg {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.c-txt--xl {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (min-width: 993px) {
  .c-txt--xl {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.c-txt--xxl {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (min-width: 993px) {
  .c-txt--xxl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.c-txt--sans {
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.c-txt--serif {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
}

.c-txt--en {
  font-family: "Montserrat", sans-serif;
}

.c-txt__small {
  font-size: 70%;
}

.c-txt--link, .c-txt__link {
  transition: .3s;
}

.c-txt--link:hover, .c-txt__link:hover {
  opacity: .7;
}

.p-home-salon-icon-txt {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  justify-content: center;
}

.p-home-salon-icon-txt::before {
  background: url("../images/common/icon_home-salon.svg") no-repeat center center/contain;
  content: '';
  display: block;
  height: 48px;
  margin-right: 20px;
  width: 50px;
}

.p-home-salon-icon-txt--blue {
  color: #e6b7c2;
}

.p-home-salon-icon-txt--blue::before {
  background-image: url("../images/common/icon_home-salon_blue.svg");
}

.p-home-salon-icon-txt--green {
  color: #5bb366;
}

.p-home-salon-icon-txt--green::before {
  background-image: url("../images/common/icon_home-salon_green.svg");
}

.p-support-icon-txt {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  justify-content: center;
}

.p-support-icon-txt::before {
  background: url("../images/common/icon_support.svg") no-repeat center center/contain;
  content: '';
  display: block;
  height: 43px;
  margin-right: 20px;
  width: 46px;
}

/* =========================================================
404 - 404ページ固有のオブジェクト
========================================================= */
/* =========================================================
about - キャリエールとはページ固有のオブジェクト
========================================================= */
.p-about__intro {
  background-color: #d47a8f;
  padding: 120px 0 100px;
}

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

.p-about__intro-logo img {
  max-width: 802px;
  width: 100%;
}

.p-about-point__list {
  background: linear-gradient(to bottom, #d47a8f 30%, #fcf4f6 30%);
  padding-bottom: 200px;
}

@media screen and (max-width: 768px) {
  .p-about-point__list {
    padding-bottom: 40px;
    padding-top: 30px;
  }
}

.p-about-point__list .c-point-box {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.p-about-point__list .c-point-box:nth-child(2) {
  justify-content: flex-start;
  margin-top: 140px;
}

@media screen and (max-width: 1200px) {
  .p-about-point__list .c-point-box:nth-child(2) {
    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .p-about-point__list .c-point-box:nth-child(2) {
    margin-top: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .p-about-point__list .c-point-box {
    align-items: center;
    flex-direction: column-reverse;
    justify-content: center;
  }
}

.p-about-point__list .c-point-box__txt {
  background-color: #fff;
  bottom: 0;
  left: 0;
  max-width: 500px;
  padding: 90px;
  position: absolute;
  width: 100%;
}

.p-about-point__list .c-point-box__txt--under {
  left: auto;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .p-about-point__list .c-point-box__txt {
    margin: -50px 25px 0;
    max-width: 750px;
    position: relative;
    width: 95%;
  }
}

@media screen and (max-width: 768px) {
  .p-about-point__list .c-point-box__txt {
    padding: 40px;
  }
}

@media screen and (max-width: 576px) {
  .p-about-point__list .c-point-box__txt {
    padding: 30px;
  }
}

.p-about-point__list .c-point-box__point {
  color: #c3a66c;
}

.p-about-point__list .c-point-box__ttl {
  margin: 0;
}

.p-about-point__list .c-point-box__item::before {
  background-color: #e6b7c2;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.p-about-requirement {
  padding: 0 20px;
}

@media screen and (min-width: 769px) {
  .p-about-requirement .p-stripe-card__in {
    padding-top: 40px;
  }
}

.p-about-requirement__ttl {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}

@media screen and (min-width: 993px) {
  .p-about-requirement__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.p-about-requirement__intro {
  margin-top: 40px;
}

@media screen and (min-width: 769px) {
  .p-about-requirement__intro {
    margin-top: 90px;
  }
}

.p-about-requirement__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-about-requirement__wrapper {
    flex-direction: column;
  }
}

.p-about-qualification {
  padding: 60px 20px;
}

@media screen and (max-width: 768px) {
  .p-about-qualification {
    padding: 40px 20px;
  }
}

.p-about-qualification--or-in {
  align-items: center;
  background-color: #c44b66;
  border-radius: 50%;
  display: flex;
  height: 100px;
  justify-content: center;
  text-align: center;
  width: 100px;
}

@media screen and (max-width: 768px) {
  .p-about-qualification--or-in {
    margin: 20px auto;
  }
}

.p-about-qualification--or-txt {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}

.p-about-qualification__txt {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
}

@media screen and (min-width: 769px) {
  .p-about-qualification__txt {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media screen and (min-width: 1201px) {
  .p-about-qualification__txt {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

/* =========================================================
certification - 認定制度ページ固有のオブジェクト
========================================================= */
/* =========================================================
contact - お問い合わせページ固有のオブジェクト
========================================================= */
/* =========================================================
course - コース＆カリキュラムページ固有のオブジェクト
========================================================= */
.p-course-list {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-course-list {
    flex-direction: column;
  }
}

.p-course-list:nth-child(n+2) {
  margin-top: 100px;
}

@media screen and (max-width: 992px) {
  .p-course-list:nth-child(n+2) {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-course-list:nth-child(n+2) {
    margin-top: 60px;
  }
}

.p-course-list:nth-child(6) {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-course-list:nth-child(6) {
    margin-top: 40px;
  }
}

.p-course-list__left {
  width: auto;
}

@media screen and (max-width: 992px) {
  .p-course-list__left {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width: 992px) {
  .p-course-list__left img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-course-list__left img {
    max-width: 580px;
    width: 100%;
  }
}

.p-course-list__area {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 10px 35px;
}

@media screen and (max-width: 768px) {
  .p-course-list__area {
    border-radius: 5px;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-course-list__area {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-course-list__txt {
  max-width: 620px;
}

.p-course-list__course-ttl {
  font-size: 40px;
  font-size: 2.5rem;
}

@media screen and (max-width: 992px) {
  .p-course-list__course-ttl {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 768px) {
  .p-course-list__course-ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.p-course-list__course-ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-course-list__course-ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-course-list__course-ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-course-list__salonwork {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-course-list__salonwork {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-course-list__detail {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 576px) {
  .p-course-list__detail {
    justify-content: center;
  }
}

.p-course-list__detail-upper {
  display: flex;
}

.p-course-list__detail-frequency, .p-course-list__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-course-list__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-course-list__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-course-list__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-course-list__circle {
    height: 70px;
    width: 70px;
  }
}

.p-course-list__circle--sup {
  position: relative;
}

.p-course-list__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-course-list__circle--sup::after {
    top: 8px;
  }
}

.p-course-list__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-course-list__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-course-list__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-course-list__btn {
  width: 100%;
}

.p-course-list__btn a {
  background-color: #ebcfd5;
  border-radius: 50px;
  color: #d47a8f;
  display: inline-block;
  max-width: 540px;
  padding: 10px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-course-list__btn a:hover {
  opacity: .7;
}

.p-course-feature__main-ttl {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 992px) {
  .p-course-feature__main-ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-course-feature__main-ttl {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

.p-course-feature__sub-ttl {
  align-items: center;
  display: flex;
  font-size: 30px;
  font-size: 1.875rem;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .p-course-feature__sub-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-course-feature__sub-ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-course-feature__sub-ttl::before {
  content: url(../images/common/img_laurel.png);
  height: 98px;
  margin-right: 20px;
}

.p-course-feature__sub-ttl::after {
  content: url(../images/common/img_laurel.png);
  height: 98px;
  margin-left: 20px;
  transform: scale(-1, 1);
}

.p-course-feature__case-ttl {
  font-size: 30px;
  font-size: 1.875rem;
  padding: 20px;
}

@media screen and (max-width: 992px) {
  .p-course-feature__case-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-course-feature__box {
  align-items: stretch;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 576px) {
  .p-course-feature__box {
    flex-direction: column;
  }
}

.p-course-feature__box-contents {
  color: #d47a8f;
  padding: 50px;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-course-feature__box-contents {
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-course-feature__box-contents {
    margin-top: 10px;
    width: 100%;
  }
}

.p-course-feature__box-contents:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 576px) {
  .p-course-feature__box-contents:nth-child(n+2) {
    margin-left: 0;
  }
}

.p-course-ttl-section {
  align-items: center;
  background-color: #c3a66c;
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  margin-top: 30px;
  padding: 0 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-course-ttl-section {
    height: 120px;
  }
}

.p-course-ttl-section__ttl {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  .p-course-ttl-section__ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .p-course-ttl-section__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-course-ttl-section__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-course-ttl-section__txt {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 15px;
}

@media screen and (max-width: 992px) {
  .p-course-ttl-section__txt {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-course-ttl-section__txt {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-basic__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-basic__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-basic__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-basic__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-basic__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-basic__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-basic__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-basic__detail-upper {
  display: flex;
}

.p-basic__detail-frequency, .p-basic__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-basic__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-basic__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-basic__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-basic__circle {
    height: 70px;
    width: 70px;
  }
}

.p-basic__circle--sup {
  position: relative;
}

.p-basic__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-basic__circle--sup::after {
    top: 8px;
  }
}

.p-basic__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-basic__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-basic__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-basic__description {
  margin-top: 40px;
  padding: 70px 20px;
}

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

.p-basic__description-ttl {
  color: #d47a8f;
}

.p-basic__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-basic__price-wrapper {
    flex-direction: column;
  }
}

.p-basic__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-basic__price-box {
    width: 100%;
  }
}

.p-basic__price-box p {
  flex-grow: 1;
}

.p-basic__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-basic__price-box-contents {
    height: 80px;
  }
}

.p-basic__price-box-emphasis {
  color: #d03055;
}

.p-basic__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-basic__flow-step {
    width: 100%;
  }
}

.p-basic__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-basic__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-basic__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-basic__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-basic__flow-step-contents p {
    padding-top: 0;
  }
}

.p-basic__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-basic__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-basic__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-basic__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-basic__skill-list, .p-basic__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-basic__skill-list, .p-basic__department-list {
    justify-content: space-between;
  }
}

.p-basic__skill-item, .p-basic__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-basic__skill-item:nth-child(5n), .p-basic__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-basic__skill-item, .p-basic__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-basic__skill-item, .p-basic__department-item {
    width: 23.9%;
  }
  .p-basic__skill-item:nth-child(5n), .p-basic__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-basic__skill-item:nth-child(4n), .p-basic__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-basic__skill-item, .p-basic__department-item {
    width: 48%;
  }
  .p-basic__skill-item:nth-child(5n), .p-basic__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-basic__skill-item:nth-child(4n), .p-basic__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-basic__skill-item:nth-child(2n), .p-basic__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-basic__skill-item-ttl, .p-basic__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-basic__skill-container, .p-basic__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-basic__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-basic__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-basic__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-basic__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-basic__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-basic__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-basic__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-basic #examination,
.p-basic #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-basic__price-ttl {
  border: 1px solid #fff;
}

.p-basic__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-basic__supplement-ttl {
  color: #d47a8f;
}

.p-professional__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-professional__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-professional__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-professional__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-professional__system {
  align-items: center;
  background-color: #d47a8f;
  border-radius: 25px;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  height: 50px;
  justify-content: center;
  line-height: 1;
  margin: auto;
  max-width: 450px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-professional__system {
    font-size: 13px;
    font-size: 0.8125rem;
    height: 40px;
    max-width: 220px;
  }
}

.p-professional__summary {
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: 0.01rem;
  line-height: 1.6;
  margin-top: 40px;
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .p-professional__summary {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 30px 0;
  }
}

.p-professional__ornament {
  position: relative;
}

.p-professional__ornament p {
  align-items: center;
  background-color: #e8aab8;
  border-radius: 85px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-size: 1.5rem;
  height: 170px;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 0;
  top: -50px;
  width: 170px;
}

@media screen and (max-width: 768px) {
  .p-professional__ornament p {
    font-size: 12px;
    font-size: 0.75rem;
    height: 90px;
    top: -20px;
    width: 90px;
  }
}

.p-professional__ornament p span {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .p-professional__ornament p span {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-professional__description {
  padding: 150px 0 70px;
}

@media screen and (max-width: 768px) {
  .p-professional__description {
    padding: 80px 0 30px;
  }
}

.p-professional__description-ttl {
  color: #d47a8f;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-professional__description-ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-professional__description-txt {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-professional__description-txt {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 20px;
  }
}

.p-professional__bundle {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 1200px;
  padding-top: 80px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-professional__bundle {
    padding-top: 0;
  }
  .p-professional__bundle img {
    width: 50%;
  }
}

.p-professional__recommendation {
  align-items: flex-end;
  display: flex;
  gap: 0 40px;
  justify-content: center;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-professional__recommendation {
    flex-direction: column;
    gap: 40px 0;
  }
}

.p-professional__recommendation-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 580px;
  width: 100%;
}

.p-professional__recommendation-ttl {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .p-professional__recommendation-ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__recommendation-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-professional__recommendation-list {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  height: 300px;
  justify-content: center;
  margin-top: 30px;
  padding: 30px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .p-professional__recommendation-list {
    height: 380px;
  }
}

@media screen and (max-width: 992px) {
  .p-professional__recommendation-list {
    height: 320px;
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__recommendation-list {
    height: auto;
    margin-top: 15px;
    padding: 25px 20px;
  }
}

.p-professional__recommendation-list ul li {
  align-items: flex-start;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  margin-top: 10px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-professional__recommendation-list ul li {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__recommendation-list ul li {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.p-professional__recommendation-list ul li::before {
  background-color: #d47a8f;
  border-radius: 10px;
  content: '';
  margin-right: 5px;
  margin-top: 10px;
  max-height: 14px;
  max-width: 14px;
  min-height: 14px;
  min-width: 14px;
}

@media screen and (max-width: 992px) {
  .p-professional__recommendation-list ul li::before {
    margin-top: 6px;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__recommendation-list ul li::before {
    max-height: 10px;
    max-width: 10px;
    min-height: 10px;
    min-width: 10px;
  }
}

.p-professional__recommendation-list ul li:first-child {
  margin-top: 0;
}

.p-professional__future-wrapper {
  display: flex;
  gap: 0 20px;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .p-professional__future-wrapper {
    flex-wrap: wrap;
    max-width: 850px;
  }
}

@media screen and (max-width: 992px) {
  .p-professional__future-wrapper {
    max-width: 800px;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__future-wrapper {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.p-professional__future-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 40px;
  max-width: 385px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-professional__future-single {
    max-width: 350px;
  }
}

.p-professional__future-single h4 {
  color: #c3a66c;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 20px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .p-professional__future-single h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.p-professional__future-single-txt {
  flex-grow: 1;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .p-professional__future-single-txt {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-professional__future-single a {
  align-items: center;
  background-color: #ebcfd5;
  border-radius: 20px;
  color: #d47a8f;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
  transition: .3s;
}

.p-professional__future-single a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-professional__future-single a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-professional__results-ttl {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-professional__results-ttl {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 30px;
  }
}

.p-professional__results-ttl span {
  color: #d25771;
}

.p-professional__results-logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-professional__results-logo {
    gap: 0 20px;
    margin-top: 10px;
  }
}

.p-professional__results-logo img {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .p-professional__results-logo img {
    margin-top: 15px;
    max-width: 100%;
    width: 28%;
  }
}

.p-professional__results-shopname {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-professional__results-shopname {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 20px;
  }
}

.p-professional__coverage h3 {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (max-width: 768px) {
  .p-professional__coverage h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__coverage h3 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-professional__coverage h4 {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-professional__coverage h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__coverage h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.p-professional__coverage p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .p-professional__coverage p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__coverage p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-professional__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-professional__detail-upper {
  display: flex;
}

.p-professional__detail-frequency, .p-professional__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-professional__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-professional__cta {
  background-color: #fcf4f6;
  padding: 50px 20px;
}

@media screen and (max-width: 768px) {
  .p-professional__cta {
    padding: 30px 15px;
  }
}

.p-professional__cta-slash {
  align-items: flex-end;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  justify-content: center;
  letter-spacing: 0.01rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-professional__cta-slash {
    align-items: flex-end;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-professional__cta-slash::before, .p-professional__cta-slash::after {
  background-color: #000;
  content: '';
  height: 25px;
  width: 1px;
}

.p-professional__cta-slash::before {
  margin-right: 15px;
  transform: rotate(-45deg);
}

.p-professional__cta-slash::after {
  margin-left: 15px;
  transform: rotate(45deg);
}

.p-professional__cta-btn {
  align-items: center;
  background: linear-gradient(90deg, #e9afbc 30%, #d47a8f 100%);
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  height: 70px;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 560px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-professional__cta-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-professional__cta-btn {
    font-size: 20px;
    font-size: 1.25rem;
    height: 60px;
    max-width: 400px;
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__cta-btn {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-professional__cta-supplement {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-professional__cta-supplement {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-professional__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-professional__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__circle {
    height: 70px;
    width: 70px;
  }
}

.p-professional__circle--sup {
  position: relative;
}

.p-professional__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-professional__circle--sup::after {
    top: 8px;
  }
}

.p-professional__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-professional__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-professional__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-professional__price {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-professional__price {
    margin-top: 40px;
  }
}

.p-professional__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-professional__price-wrapper {
    flex-direction: column;
  }
}

.p-professional__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-professional__price-box {
    width: 100%;
  }
}

.p-professional__price-box p {
  flex-grow: 1;
}

.p-professional__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-professional__price-box-contents {
    height: 80px;
  }
}

.p-professional__price-box-emphasis {
  color: #d03055;
}

.p-professional__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-step {
    width: 100%;
  }
}

.p-professional__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-professional__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-professional__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-step-contents p {
    padding-top: 0;
  }
}

.p-professional__flow-step-btn {
  align-items: center;
  background: linear-gradient(90deg, #e9afbc 30%, #d47a8f 100%);
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-size: 0.9375rem;
  height: 60px;
  justify-content: center;
  line-height: 1.4;
  margin: 10px auto 0;
  max-width: 560px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-professional__flow-step-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-step-btn {
    max-width: 450px;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__flow-step-btn {
    height: 60px;
    max-width: 400px;
    width: 100%;
  }
}

.p-professional__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-professional__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-professional__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-professional__skill-list, .p-professional__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-professional__skill-list, .p-professional__department-list {
    justify-content: space-between;
  }
}

.p-professional__skill-item, .p-professional__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-professional__skill-item:nth-child(5n), .p-professional__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-professional__skill-item, .p-professional__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-professional__skill-item, .p-professional__department-item {
    width: 23.9%;
  }
  .p-professional__skill-item:nth-child(5n), .p-professional__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-professional__skill-item:nth-child(4n), .p-professional__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-professional__skill-item, .p-professional__department-item {
    width: 48%;
  }
  .p-professional__skill-item:nth-child(5n), .p-professional__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-professional__skill-item:nth-child(4n), .p-professional__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-professional__skill-item:nth-child(2n), .p-professional__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-professional__skill-item-ttl, .p-professional__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-professional__skill-container, .p-professional__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-professional__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-professional__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-professional__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-professional__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-professional__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-professional__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-professional__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-professional #examination,
.p-professional #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-professional__price-ttl {
  border: 1px solid #fff;
}

.p-professional__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-professional__supplement-ttl {
  color: #d47a8f;
}

.p-total__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-total__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-total__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-total__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-total__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-total__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-total__system {
  align-items: center;
  background-color: #d47a8f;
  border-radius: 25px;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  height: 50px;
  justify-content: center;
  line-height: 1;
  margin: auto;
  max-width: 450px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-total__system {
    font-size: 13px;
    font-size: 0.8125rem;
    height: 40px;
    max-width: 220px;
  }
}

.p-total__summary {
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 400;
  letter-spacing: 0.01rem;
  line-height: 1.6;
  margin-top: 40px;
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .p-total__summary {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 30px 0;
  }
}

.p-total__ornament {
  position: relative;
}

.p-total__ornament p {
  align-items: center;
  background-color: #e8aab8;
  border-radius: 85px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 24px;
  font-size: 1.5rem;
  height: 170px;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin: auto;
  position: absolute;
  right: 0;
  top: -50px;
  width: 170px;
}

@media screen and (max-width: 768px) {
  .p-total__ornament p {
    font-size: 12px;
    font-size: 0.75rem;
    height: 90px;
    top: -20px;
    width: 90px;
  }
}

.p-total__ornament p span {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .p-total__ornament p span {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-total__description {
  padding: 150px 0 70px;
}

@media screen and (max-width: 768px) {
  .p-total__description {
    padding: 80px 0 30px;
  }
}

.p-total__description-ttl {
  color: #d47a8f;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-total__description-ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-total__description-txt {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-total__description-txt {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 20px;
  }
}

.p-total__bundle {
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 1200px;
  padding-top: 80px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-total__bundle {
    padding-top: 0;
  }
  .p-total__bundle img {
    width: 50%;
  }
}

.p-total__recommendation {
  align-items: flex-end;
  display: flex;
  gap: 0 40px;
  justify-content: center;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-total__recommendation {
    flex-direction: column;
    gap: 40px 0;
  }
}

.p-total__recommendation-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 580px;
  width: 100%;
}

.p-total__recommendation-ttl {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .p-total__recommendation-ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-total__recommendation-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-total__recommendation-list {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  height: 300px;
  justify-content: center;
  margin-top: 30px;
  padding: 30px;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .p-total__recommendation-list {
    height: 380px;
  }
}

@media screen and (max-width: 992px) {
  .p-total__recommendation-list {
    height: 320px;
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-total__recommendation-list {
    height: auto;
    margin-top: 15px;
    padding: 25px 20px;
  }
}

.p-total__recommendation-list ul li {
  align-items: flex-start;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  margin-top: 10px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-total__recommendation-list ul li {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-total__recommendation-list ul li {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.p-total__recommendation-list ul li::before {
  background-color: #d47a8f;
  border-radius: 10px;
  content: '';
  margin-right: 5px;
  margin-top: 10px;
  max-height: 14px;
  max-width: 14px;
  min-height: 14px;
  min-width: 14px;
}

@media screen and (max-width: 992px) {
  .p-total__recommendation-list ul li::before {
    margin-top: 6px;
  }
}

@media screen and (max-width: 768px) {
  .p-total__recommendation-list ul li::before {
    max-height: 10px;
    max-width: 10px;
    min-height: 10px;
    min-width: 10px;
  }
}

.p-total__recommendation-list ul li:first-child {
  margin-top: 0;
}

.p-total__future-wrapper {
  display: flex;
  gap: 0 20px;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .p-total__future-wrapper {
    flex-wrap: wrap;
    max-width: 850px;
  }
}

@media screen and (max-width: 992px) {
  .p-total__future-wrapper {
    max-width: 800px;
  }
}

@media screen and (max-width: 768px) {
  .p-total__future-wrapper {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.p-total__future-single {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 40px;
  max-width: 385px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-total__future-single {
    max-width: 350px;
  }
}

.p-total__future-single h4 {
  color: #c3a66c;
  font-size: 20px;
  font-size: 1.25rem;
  margin-top: 20px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .p-total__future-single h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.p-total__future-single-txt {
  flex-grow: 1;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .p-total__future-single-txt {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-total__future-single a {
  align-items: center;
  background-color: #ebcfd5;
  border-radius: 20px;
  color: #d47a8f;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  height: 40px;
  justify-content: center;
  margin-top: 20px;
  text-align: center;
  transition: .3s;
}

.p-total__future-single a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-total__future-single a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-total__results-ttl {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-total__results-ttl {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 30px;
  }
}

.p-total__results-ttl span {
  color: #d25771;
}

.p-total__results-logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-total__results-logo {
    gap: 0 20px;
    margin-top: 10px;
  }
}

.p-total__results-logo img {
  margin-top: 25px;
}

@media screen and (max-width: 768px) {
  .p-total__results-logo img {
    margin-top: 15px;
    max-width: 100%;
    width: 28%;
  }
}

.p-total__results-shopname {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-total__results-shopname {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 20px;
  }
}

.p-total__coverage h3 {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (max-width: 768px) {
  .p-total__coverage h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-total__coverage h3 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-total__coverage h4 {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-total__coverage h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 576px) {
  .p-total__coverage h4 {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.p-total__coverage p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .p-total__coverage p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 576px) {
  .p-total__coverage p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-total__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-total__detail-upper {
  display: flex;
}

.p-total__detail-frequency, .p-total__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-total__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-total__cta {
  background-color: #fcf4f6;
  padding: 50px 20px;
}

@media screen and (max-width: 768px) {
  .p-total__cta {
    padding: 30px 15px;
  }
}

.p-total__cta-slash {
  align-items: flex-end;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  justify-content: center;
  letter-spacing: 0.01rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-total__cta-slash {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-total__cta-slash::before, .p-total__cta-slash::after {
  background-color: #000;
  content: '';
  height: 25px;
  width: 1px;
}

.p-total__cta-slash::before {
  margin-right: 15px;
  transform: rotate(-45deg);
}

.p-total__cta-slash::after {
  margin-left: 15px;
  transform: rotate(45deg);
}

.p-total__cta-btn {
  align-items: center;
  background: linear-gradient(90deg, #e9afbc 30%, #d47a8f 100%);
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  height: 70px;
  justify-content: center;
  letter-spacing: 0.01rem;
  margin: 20px auto 0;
  max-width: 560px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-total__cta-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-total__cta-btn {
    font-size: 20px;
    font-size: 1.25rem;
    height: 60px;
    max-width: 400px;
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .p-total__cta-btn {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-total__cta-supplement {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-total__cta-supplement {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-total__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-total__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-total__circle {
    height: 70px;
    width: 70px;
  }
}

.p-total__circle--sup {
  position: relative;
}

.p-total__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-total__circle--sup::after {
    top: 8px;
  }
}

.p-total__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-total__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-total__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-total__price {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-total__price {
    margin-top: 40px;
  }
}

.p-total__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-total__price-wrapper {
    flex-direction: column;
  }
}

.p-total__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-total__price-box {
    width: 100%;
  }
}

.p-total__price-box p {
  flex-grow: 1;
}

.p-total__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-total__price-box-contents {
    height: 80px;
  }
}

.p-total__price-box-emphasis {
  color: #d03055;
}

.p-total__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-total__flow-step {
    width: 100%;
  }
}

.p-total__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-total__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-total__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-total__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-total__flow-step-contents p {
    padding-top: 0;
  }
}

.p-total__flow-step-btn {
  align-items: center;
  background: linear-gradient(90deg, #e9afbc 30%, #d47a8f 100%);
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-size: 0.9375rem;
  height: 60px;
  justify-content: center;
  line-height: 1.4;
  margin: 10px auto 0;
  max-width: 560px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-total__flow-step-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 992px) {
  .p-total__flow-step-btn {
    max-width: 450px;
  }
}

@media screen and (max-width: 768px) {
  .p-total__flow-step-btn {
    height: 60px;
    max-width: 400px;
    width: 100%;
  }
}

.p-total__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-total__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-total__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-total__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-total__skill-list, .p-total__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-total__skill-list, .p-total__department-list {
    justify-content: space-between;
  }
}

.p-total__skill-item, .p-total__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-total__skill-item:nth-child(5n), .p-total__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-total__skill-item, .p-total__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-total__skill-item, .p-total__department-item {
    width: 23.9%;
  }
  .p-total__skill-item:nth-child(5n), .p-total__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-total__skill-item:nth-child(4n), .p-total__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-total__skill-item, .p-total__department-item {
    width: 48%;
  }
  .p-total__skill-item:nth-child(5n), .p-total__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-total__skill-item:nth-child(4n), .p-total__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-total__skill-item:nth-child(2n), .p-total__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-total__skill-item-ttl, .p-total__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-total__skill-container, .p-total__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-total__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-total__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-total__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-total__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-total__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-total__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-total__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-total #examination,
.p-total #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-total__price-ttl {
  border: 1px solid #fff;
}

.p-total__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-total__supplement-ttl {
  color: #d47a8f;
}

.p-salonwork__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-salonwork__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-salonwork__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-salonwork__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-salonwork__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-salonwork__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-salonwork__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-salonwork__detail-upper {
  display: flex;
}

.p-salonwork__detail-frequency, .p-salonwork__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-salonwork__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-salonwork__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-salonwork__circle {
    height: 70px;
    width: 70px;
  }
}

.p-salonwork__circle--sup {
  position: relative;
}

.p-salonwork__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-salonwork__circle--sup::after {
    top: 8px;
  }
}

.p-salonwork__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-salonwork__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-salonwork__description {
  margin-top: 40px;
  padding: 70px 20px;
}

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

.p-salonwork__description-ttl {
  color: #d47a8f;
}

.p-salonwork__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-salonwork__price-wrapper {
    flex-direction: column;
  }
}

.p-salonwork__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-salonwork__price-box {
    width: 100%;
  }
}

.p-salonwork__price-box p {
  flex-grow: 1;
}

.p-salonwork__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-salonwork__price-box-contents {
    height: 80px;
  }
}

.p-salonwork__price-box-emphasis {
  color: #d03055;
}

.p-salonwork__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__flow-step {
    width: 100%;
  }
}

.p-salonwork__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-salonwork__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-salonwork__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__flow-step-contents p {
    padding-top: 0;
  }
}

.p-salonwork__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-salonwork__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-salonwork__skill-list, .p-salonwork__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-salonwork__skill-list, .p-salonwork__department-list {
    justify-content: space-between;
  }
}

.p-salonwork__skill-item, .p-salonwork__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-salonwork__skill-item:nth-child(5n), .p-salonwork__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-salonwork__skill-item, .p-salonwork__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-salonwork__skill-item, .p-salonwork__department-item {
    width: 23.9%;
  }
  .p-salonwork__skill-item:nth-child(5n), .p-salonwork__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-salonwork__skill-item:nth-child(4n), .p-salonwork__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-salonwork__skill-item, .p-salonwork__department-item {
    width: 48%;
  }
  .p-salonwork__skill-item:nth-child(5n), .p-salonwork__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-salonwork__skill-item:nth-child(4n), .p-salonwork__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-salonwork__skill-item:nth-child(2n), .p-salonwork__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-salonwork__skill-item-ttl, .p-salonwork__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-salonwork__skill-container, .p-salonwork__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-salonwork__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-salonwork__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-salonwork__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-salonwork__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-salonwork__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-salonwork #examination,
.p-salonwork #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-salonwork__price-ttl {
  border: 1px solid #fff;
}

.p-salonwork__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-salonwork__supplement-ttl {
  color: #d47a8f;
}

.p-trial__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-trial__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-trial__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-trial__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-trial__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-trial__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-trial__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-trial__detail-upper {
  display: flex;
}

.p-trial__detail-frequency, .p-trial__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-trial__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-trial__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-trial__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-trial__circle {
    height: 70px;
    width: 70px;
  }
}

.p-trial__circle--sup {
  position: relative;
}

.p-trial__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-trial__circle--sup::after {
    top: 8px;
  }
}

.p-trial__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-trial__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-trial__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-trial__description {
  margin-top: 40px;
  padding: 70px 20px;
}

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

.p-trial__description-ttl {
  color: #d47a8f;
}

.p-trial__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-trial__price-wrapper {
    flex-direction: column;
  }
}

.p-trial__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-trial__price-box {
    width: 100%;
  }
}

.p-trial__price-box p {
  flex-grow: 1;
}

.p-trial__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-trial__price-box-contents {
    height: 80px;
  }
}

.p-trial__price-box-emphasis {
  color: #d03055;
}

.p-trial__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-trial__flow-step {
    width: 100%;
  }
}

.p-trial__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-trial__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-trial__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-trial__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-trial__flow-step-contents p {
    padding-top: 0;
  }
}

.p-trial__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-trial__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-trial__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-trial__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-trial__skill-list, .p-trial__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-trial__skill-list, .p-trial__department-list {
    justify-content: space-between;
  }
}

.p-trial__skill-item, .p-trial__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-trial__skill-item:nth-child(5n), .p-trial__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-trial__skill-item, .p-trial__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-trial__skill-item, .p-trial__department-item {
    width: 23.9%;
  }
  .p-trial__skill-item:nth-child(5n), .p-trial__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-trial__skill-item:nth-child(4n), .p-trial__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-trial__skill-item, .p-trial__department-item {
    width: 48%;
  }
  .p-trial__skill-item:nth-child(5n), .p-trial__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-trial__skill-item:nth-child(4n), .p-trial__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-trial__skill-item:nth-child(2n), .p-trial__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-trial__skill-item-ttl, .p-trial__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-trial__skill-container, .p-trial__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-trial__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-trial__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-trial__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-trial__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-trial__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-trial__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-trial__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-trial #examination,
.p-trial #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-trial__price-ttl {
  border: 1px solid #fff;
}

.p-trial__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-trial__supplement-ttl {
  color: #d47a8f;
}

.p-other__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-other__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-other__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-other__ttl--other {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 40px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-other__ttl--other {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .p-other__ttl--other {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-other__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-other__detail-upper {
  display: flex;
}

.p-other__detail-frequency, .p-other__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-other__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-other__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-other__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-other__circle {
    height: 70px;
    width: 70px;
  }
}

.p-other__circle--sup {
  position: relative;
}

.p-other__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-other__circle--sup::after {
    top: 8px;
  }
}

.p-other__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-other__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-other__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-other__description {
  margin-top: 40px;
  padding: 70px 20px;
}

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

.p-other__description-ttl {
  color: #d47a8f;
}

.p-other__price-wrapper {
  display: flex;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-other__price-wrapper {
    flex-direction: column;
  }
}

.p-other__price-box {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 33.33333%;
}

@media screen and (max-width: 768px) {
  .p-other__price-box {
    width: 100%;
  }
}

.p-other__price-box p {
  flex-grow: 1;
}

.p-other__price-box-contents {
  align-items: center;
  background-color: #f3f1e9;
  display: flex;
  height: 110px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-other__price-box-contents {
    height: 80px;
  }
}

.p-other__price-box-emphasis {
  color: #d03055;
}

.p-other__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-other__flow-step {
    width: 100%;
  }
}

.p-other__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-other__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-other__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-other__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-other__flow-step-contents p {
    padding-top: 0;
  }
}

.p-other__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-other__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-other__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-other__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

.p-other__skill-list, .p-other__department-list {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-other__skill-list, .p-other__department-list {
    justify-content: space-between;
  }
}

.p-other__skill-item, .p-other__department-item {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 0;
  width: 19.3%;
}

.p-other__skill-item:nth-child(5n), .p-other__department-item:nth-child(5n) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-other__skill-item, .p-other__department-item {
    width: 19.1%;
  }
}

@media screen and (max-width: 992px) {
  .p-other__skill-item, .p-other__department-item {
    width: 23.9%;
  }
  .p-other__skill-item:nth-child(5n), .p-other__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-other__skill-item:nth-child(4n), .p-other__department-item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-other__skill-item, .p-other__department-item {
    width: 48%;
  }
  .p-other__skill-item:nth-child(5n), .p-other__department-item:nth-child(5n) {
    margin-right: 10px;
  }
  .p-other__skill-item:nth-child(4n), .p-other__department-item:nth-child(4n) {
    margin-right: 10px;
  }
  .p-other__skill-item:nth-child(2n), .p-other__department-item:nth-child(2n) {
    margin-right: 0;
  }
}

.p-other__skill-item-ttl, .p-other__department-item-ttl {
  align-items: center;
  border-radius: 3px;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.p-other__skill-container, .p-other__department-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-other__voice-ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 992px) {
  .p-other__voice-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-other__voice-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-other__voice-profile {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-other__voice-profile {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-other__voice-course {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-other__voice-course {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-other #examination,
.p-other #special {
  margin-top: -120px;
  padding-top: 120px;
}

.p-other__price-ttl {
  border: 1px solid #fff;
}

.p-other__supplement {
  background-color: #ece9df;
  border: 1px solid #fff;
}

.p-other__supplement-ttl {
  color: #d47a8f;
}

.p-salonwork__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-salonwork__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-salonwork__ttl {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 768px) {
  .p-salonwork__detail {
    margin-top: 15px;
  }
}

.p-salonwork__detail-indicate {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 992px) {
  .p-salonwork__detail-indicate {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-salonwork__detail-indicate span {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .p-salonwork__detail-indicate span {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.p-salonwork__description {
  margin-top: 90px;
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .p-salonwork__description {
    margin-top: 40px;
    padding: 30px 0;
  }
}

.p-salonwork__description-left {
  min-width: 320px;
}

.p-salonwork__feature h4 {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__feature h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-salonwork__feature p,
.p-salonwork__feature li {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__feature p,
  .p-salonwork__feature li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-salonwork__feature .c-point-box__list {
  margin: 20px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__feature .c-point-box__list {
    margin: 20px 0;
  }
}

.p-salonwork__feature .c-point-box__item {
  line-height: 1.4;
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__feature .c-point-box__item {
    padding-left: 1.1rem;
    text-indent: -1.1rem;
  }
}

.p-salonwork__feature .c-point-box__item::before {
  background-color: #d47a8f;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  width: 15px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__feature .c-point-box__item::before {
    height: 12px;
    width: 12px;
  }
}

.p-salonwork__difference h4 {
  font-size: 30px;
  font-size: 1.875rem;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__difference h4 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 40px;
  }
}

.p-salonwork__difference p,
.p-salonwork__difference li {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__difference p,
  .p-salonwork__difference li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-salonwork__difference .c-point-box__list {
  margin: 20px 20px 0;
}

@media screen and (max-width: 768px) {
  .p-salonwork__difference .c-point-box__list {
    margin: 10px 0 0;
  }
}

.p-salonwork__difference .c-point-box__item {
  line-height: 1.4;
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

@media screen and (max-width: 768px) {
  .p-salonwork__difference .c-point-box__item {
    padding-left: 1.1rem;
    text-indent: -1.1rem;
  }
}

.p-salonwork__difference .c-point-box__item::before {
  background-color: #c3a66c;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__difference .c-point-box__item::before {
    height: 10px;
    margin-right: 5px;
    width: 10px;
  }
}

.p-salonwork__price-indicate {
  background-color: #f9f8f4;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 60px 50px 50px;
}

@media screen and (max-width: 992px) {
  .p-salonwork__price-indicate {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 20px 10px;
  }
}

.p-salonwork__price-indicate span {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .p-salonwork__price-indicate span {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.p-salonwork__price-box--25 {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .p-salonwork__price-box--25 {
    width: 100%;
  }
}

.p-salonwork__price-box h4 {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.p-salonwork__fact {
  margin-top: 50px;
}

.p-salonwork__fact-right {
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .p-salonwork__fact-right {
    line-height: 1.6;
  }
}

.p-salonwork__inspection .p-inspection__ttl {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.p-salonwork__inspection .p-inspection__ttl span {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #d47a8f;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  height: 70px;
  justify-content: center;
  margin-right: 10px;
  padding-left: 2px;
  width: 70px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__inspection .p-inspection__ttl span {
    font-size: 14px;
    font-size: 0.875rem;
    height: 50px;
    width: 50px;
  }
}

.p-salonwork__inspection .p-inspection__subttl {
  font-size: 30px;
  font-size: 1.875rem;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__inspection .p-inspection__subttl {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 0;
  }
}

.p-salonwork__inspection .p-inspection__box {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 5px;
  padding: 2px 10px;
}

@media screen and (max-width: 768px) {
  .p-salonwork__inspection .p-inspection__box {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-course__price-balloon {
  position: relative;
}

.c-course__price-balloon-circle {
  align-items: center;
  background-color: #d25771;
  border-radius: 40px;
  bottom: 15px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  height: 70px;
  justify-content: center;
  line-height: 1.2;
  margin: auto 0;
  position: absolute;
  right: -100px;
  text-align: center;
  top: 0;
  width: 70px;
}

@media screen and (max-width: 1200px) {
  .c-course__price-balloon-circle {
    font-size: 12px;
    font-size: 0.75rem;
    height: 60px;
    right: -80px;
    width: 60px;
  }
}

@media screen and (max-width: 992px) {
  .c-course__price-balloon-circle {
    bottom: 30px;
    font-size: 11px;
    font-size: 0.6875rem;
    height: 55px;
    right: -65px;
    width: 55px;
  }
}

.c-course__price-balloon-arrow {
  background-color: #d25771;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  display: block;
  height: 15px;
  position: absolute;
  right: -35px;
  top: 15px;
  transform: rotate(-20deg);
  width: 15px;
}

@media screen and (max-width: 1200px) {
  .c-course__price-balloon-arrow {
    right: -25px;
  }
}

@media screen and (max-width: 992px) {
  .c-course__price-balloon-arrow {
    height: 12px;
    right: -16px;
    top: 5px;
    transform: rotate(-30deg);
    width: 12px;
  }
}

/* =========================================================
difference - 従来のオイルとの違いページ固有のオブジェクト
========================================================= */
/* =========================================================
employment - ホームサロン開業・就職・転職ページ固有のオブジェクト
========================================================= */
.p-employment-after__place-ttl {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-employment-after__place-ttl::before {
  background-image: url("../images/employment/after/parts_laurel-left.png");
  background-size: contain;
  content: '';
  display: inline-block;
  height: 99px;
  vertical-align: middle;
  width: 52px;
}

.p-employment-after__place-ttl::after {
  background-image: url("../images/employment/after/parts_laurel-right.png");
  background-size: contain;
  content: '';
  display: inline-block;
  height: 99px;
  vertical-align: middle;
  width: 52px;
}

.p-employment-after__system {
  padding-bottom: 120px;
}

@media screen and (max-width: 768px) {
  .p-employment-after__system {
    padding-bottom: 60px;
  }
}

.p-employment-after__support {
  background-image: url("../images/employment/after/bg_suppport.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

.p-employment-after__support .l-row__col {
  padding: 0;
}

.p-employment-after__support .p-point-card {
  max-width: none;
}

@media screen and (max-width: 992px) {
  .p-employment-after__support .p-point-card {
    max-width: 580px;
  }
}

.p-employment-after__support .p-point-card__head {
  margin-bottom: 0;
}

@media screen and (max-width: 992px) {
  .p-employment-after__support .p-point-card__body {
    margin-bottom: 20px;
  }
}

.p-employment-after-independence {
  background: #d47a8f;
  color: #fff;
}

.p-employment-after-independence.l-section:last-of-type {
  padding-bottom: 160px;
}

@media screen and (max-width: 992px) {
  .p-employment-after-independence.l-section:last-of-type {
    padding-bottom: 60px;
  }
}

.p-employment-after-independence__ttl {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 768px) {
  .p-employment-after-independence__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-employment-after-independence .l-row > div .p-independence-card {
  background-color: #de9fae;
  height: 100%;
  padding: 20px;
}

.p-employment-after-independence .l-row > div .p-independence-card__in {
  height: 100%;
  padding: 40px 20px;
}

@media screen and (max-width: 768px) {
  .p-employment-after-independence .l-row > div .p-independence-card__in {
    padding: 20px;
  }
}

/* =========================================================
employment - ホームサロン開業・就職・転職ページ固有のオブジェクト
========================================================= */
.p-employment-point {
  border-radius: 10px;
}

.p-employment-point__ttl {
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-employment-point__ttl {
    height: auto;
  }
}

.p-card-box {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #d47a8f;
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 200px;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-card-box {
    height: 240px;
    width: 240px;
  }
}

@media screen and (max-width: 992px) {
  .p-card-box {
    height: 150px;
    width: 250px;
  }
}

.p-card-box__in {
  text-align: center;
}

.p-card-box__ttl {
  align-items: center;
  display: flex;
  height: 80px;
}

@media screen and (min-width: 993px) {
  .p-card-box--sm {
    height: 280px;
    width: 280px;
  }
}

.p-employment-training-img-area {
  background: linear-gradient(to bottom, #d47a8f 50%, #e8aab8 50%);
}

.p-employment-training-img-area__in {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 576px) {
  .p-employment-training-img-area__in {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.p-employment-training-img-area__figure + .p-employment-training-img-area__figure {
  margin-left: 25px;
}

@media screen and (max-width: 992px) {
  .p-employment-training-img-area__figure + .p-employment-training-img-area__figure {
    margin-left: 15px;
  }
}

@media screen and (max-width: 576px) {
  .p-employment-training-img-area__figure + .p-employment-training-img-area__figure {
    margin-left: 0;
    margin-top: 10px;
  }
}

.p-employment-training-desc {
  background-color: #e8aab8;
  padding: 40px 0 90px;
}

.p-employment-2col-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-employment-2col-area {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.p-employment-2col-area__col {
  width: 100%;
}

.p-employment-2col-area__col:first-of-type {
  -moz-flex-basis: 309px;
  -ms-flex-preferred-size: 309px;
  -webkit-flex-basis: 309px;
  flex-basis: 309px;
  margin-right: 50px;
  max-width: 309px;
}

@media screen and (max-width: 992px) {
  .p-employment-2col-area__col:first-of-type {
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .p-employment-2col-area__col:first-of-type {
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    margin: 0 auto 25px;
  }
}

.p-employment-2col-area__col:last-of-type {
  -moz-flex-basis: calc(100% - 329px);
  -ms-flex-preferred-size: calc(100% - 329px);
  -webkit-flex-basis: calc(100% - 329px);
  flex-basis: calc(100% - 329px);
  max-width: calc(100% - 329px);
}

@media screen and (max-width: 992px) {
  .p-employment-2col-area__col:last-of-type {
    -moz-flex-basis: calc(100% - 359px);
    -ms-flex-preferred-size: calc(100% - 359px);
    -webkit-flex-basis: calc(100% - 359px);
    flex-basis: calc(100% - 359px);
    max-width: calc(100% - 359px);
  }
}

@media screen and (max-width: 768px) {
  .p-employment-2col-area__col:last-of-type {
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    max-width: 100%;
  }
}

.p-employment-2col-area__caption {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-employment-2col-area__caption {
    margin-top: 25px;
    text-align: center;
  }
}

.p-employment-2col-area__head {
  margin-bottom: 20px;
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .p-employment-2col-area__head {
    border-bottom-width: 2px;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
}

.p-employment-logo {
  align-items: center;
  background-color: #fff;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 950px;
  padding: 20px 0;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-employment-logo {
    border-radius: 80px;
    flex-direction: column;
    padding: 10px 0;
  }
}

.p-employment-logo__upper, .p-employment-logo__lower {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 576px) {
  .p-employment-logo__upper, .p-employment-logo__lower {
    flex-direction: column;
  }
}

.p-employment-logo__upper a, .p-employment-logo__lower a {
  transition: .3s;
}

.p-employment-logo__upper a:hover, .p-employment-logo__lower a:hover {
  opacity: .7;
}

@media screen and (max-width: 576px) {
  .p-employment-logo__upper img, .p-employment-logo__lower img {
    margin-top: 15px;
  }
}

@media screen and (max-width: 576px) {
  .p-employment-logo__upper img:last-child, .p-employment-logo__lower img:last-child {
    margin-bottom: 15px;
  }
}

.p-employment-logo__upper a {
  margin-right: 20px;
}

@media screen and (max-width: 576px) {
  .p-employment-logo__upper a {
    margin-right: 0;
  }
}

@media screen and (max-width: 992px) {
  .p-employment-logo__upper a:last-child {
    margin-right: 0;
  }
}

.p-employment-logo__lower a {
  margin-right: 30px;
}

@media screen and (max-width: 992px) {
  .p-employment-logo__lower a {
    margin-right: 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-employment-logo__lower a {
    margin-right: 0;
  }
}

.p-employment-logo__lower a:last-child {
  margin-right: 0;
}

.p-employment-list {
  margin: 40px auto 0;
}

.p-employment-btn-area {
  background-color: #fff;
  margin-top: 60px;
  padding-top: 70px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .p-employment-btn-area {
    padding-top: 40px;
    text-align: center;
  }
}

.p-alternate-stripe-area {
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 576px) {
  .p-alternate-stripe-area {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

.p-alternate-stripe-area__head {
  padding: 55px 50px 55px 0;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .p-alternate-stripe-area__head {
    padding: 30px 30px 30px 0;
  }
}

@media screen and (max-width: 576px) {
  .p-alternate-stripe-area__head {
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
  }
}

.p-alternate-stripe-area__figure {
  margin-bottom: 25px;
  text-align: center;
}

.p-alternate-stripe-area__img {
  display: inline-block;
}

.p-alternate-stripe-area__body {
  padding: 55px 50px 55px 0;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .p-alternate-stripe-area__body {
    padding: 30px 0;
  }
}

@media screen and (max-width: 576px) {
  .p-alternate-stripe-area__body {
    width: 100%;
  }
}

.p-alternate-stripe-area__body::before {
  background-color: #f5fbfd;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, #d8f1fd 8px, #d8f1fd 16px);
  background-size: auto auto;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% + 130px);
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .p-alternate-stripe-area__body::before {
    right: -15px;
  }
}

@media screen and (max-width: 576px) {
  .p-alternate-stripe-area__body::before {
    width: 100vw;
  }
}

.p-alternate-stripe-area + .p-alternate-stripe-area {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .p-alternate-stripe-area + .p-alternate-stripe-area {
    margin-top: 50px;
  }
}

@media screen and (min-width: 577px) {
  .p-alternate-stripe-area--sm-right-img {
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__head {
    padding: 55px 0 55px 50px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__head {
    padding: 30px 0 30px 30px;
  }
}

@media screen and (min-width: 577px) {
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__body {
    padding: 55px 0 55px 50px;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__body {
    padding: 30px 0;
  }
}

@media screen and (min-width: 577px) {
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__body::before {
    left: 0;
    right: auto;
  }
}

@media screen and (min-width: 577px) and (max-width: 768px) {
  .p-alternate-stripe-area--sm-right-img .p-alternate-stripe-area__body::before {
    left: -15px;
    right: auto;
  }
}

.p-alternate-stripe-area--purple .p-alternate-stripe-area__body::before {
  background-color: #f5f1fe;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 9px, #e9e0ff 9px, #e9e0ff 18px);
}

.p-employment-homesalon__ttl {
  display: inline-block;
  font-size: 48px;
  font-size: 3rem;
  padding: 0 60px;
  position: relative;
}

.p-employment-homesalon__ttl::before {
  bottom: 0;
  content: "＼";
  display: table;
  left: 0;
  margin: auto;
  position: absolute;
}

.p-employment-homesalon__ttl::after {
  bottom: 0;
  content: "／";
  display: table;
  margin: auto;
  position: absolute;
  right: 0;
}

@media screen and (max-width: 992px) {
  .p-employment-homesalon__ttl {
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .p-employment-homesalon__ttl {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0 40px;
  }
}

/* =========================================================
event - 体験会・セミナー
========================================================= */
/* =========================================================
about - キュアリウムでできることページ固有のオブジェクト
========================================================= */
/* =========================================================
faq - よくある質問ページ固有のオブジェクト
========================================================= */
.p-faq {
  margin-bottom: 180px;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .p-faq {
    margin-bottom: 80px;
  }
}

.p-faq__ttl {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-faq__ttl {
    margin-top: 40px;
  }
}

.p-faq__ttl h2 {
  border-left: 4px solid #d47a8f;
  color: #d47a8f;
  padding: 10px 20px;
}

.c-accordion__item {
  background-color: #fcf4f6;
  margin-top: 30px;
}

.c-accordion__ttl {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
  transition: .3s;
}

.c-accordion__ttl:hover {
  opacity: .6;
}

.c-accordion__ttl::after {
  border-right: solid 3px #dc91a2;
  border-top: solid 3px #dc91a2;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 25px;
  top: 45%;
  transform: translateY(-50%) rotate(135deg);
  transition: all 0.3s ease-in-out;
  width: 20px;
}

.c-accordion__ttl.open::after {
  top: 55%;
  transform: translateY(-50%) rotate(-45deg);
}

.c-accordion__question {
  border-right: 2px solid #dc91a2;
  color: #dc91a2;
  font-size: 36px;
  font-size: 2.25rem;
  margin: 10px 0;
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  .c-accordion__question {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.c-accordion__question-ttl {
  margin: 10px 60px 10px 20px;
}

.c-accordion__txt {
  display: none;
  padding: 10px 40px 20px;
}

@media screen and (max-width: 768px) {
  .c-accordion__txt {
    padding: 10px 30px 20px;
  }
}

.c-accordion__txt a {
  color: #d47a8f;
  transition: .3s;
}

.c-accordion__txt a:hover {
  opacity: .7;
}

/* =========================================================
feature - キュアリウムの特徴ページ固有のオブジェクト
========================================================= */
/* =========================================================
howtobuy - 購入方法ページ固有のオブジェクト
========================================================= */
/* =========================================================
instructors - 認定講師一覧ページ固有のオブジェクト
========================================================= */
/* =========================================================
jna - JNA認定校とはページ固有のオブジェクト
========================================================= */
@media screen and (max-width: 1200px) {
  .p-jna__about img {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  .p-jna__about img {
    width: 85%;
  }
}

/* =========================================================
journal - コラムページ固有のオブジェクト
========================================================= */
.m-journal-hero {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 992px) {
  .m-journal-hero {
    flex-direction: column;
  }
}

.m-journal-hero__category {
  align-items: center;
  background: #dc91a2;
  display: flex;
  flex-grow: 2;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .m-journal-hero__category {
    justify-content: center;
  }
}

@media screen and (max-width: 576px) {
  .m-journal-hero__category {
    flex-direction: column;
    padding: 30px 0;
  }
}

.m-journal-hero__category-list {
  padding: 40px 0;
}

@media screen and (max-width: 576px) {
  .m-journal-hero__category-list {
    padding: 10px 0 0;
  }
}

.m-journal-hero__category-list-ttl {
  padding-left: 20px;
}

@media screen and (max-width: 576px) {
  .m-journal-hero__category-list-ttl {
    padding-left: 0;
  }
}

.m-journal-hero__category-item {
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .m-journal-hero__category-item {
    letter-spacing: 0.05em;
    line-height: 1.2;
    padding: 0 10px;
  }
}

.m-journal-hero__category-item + .m-journal-hero__category-item {
  border-left: 1px solid #fff;
}

.m-journal-hero__category-item a {
  color: #fff;
  transition: .3s;
}

.m-journal-hero__category-item a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .m-journal-hero__category-item a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.m-journal-hero__search {
  align-items: center;
  background-color: #d47a8f;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 40px;
}

@media screen and (max-width: 576px) {
  .m-journal-hero__search {
    padding: 20px;
  }
}

.m-journal-hero__search form {
  display: block;
  position: relative;
}

.m-journal-hero__search input[type='text'] {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 0.875rem;
  outline: none;
  padding: 10px 30px 10px 10px;
  width: 275px;
}

@media screen and (max-width: 992px) {
  .m-journal-hero__search input[type='text'] {
    width: 100%;
  }
}

@media screen and (max-width: 576px) {
  .m-journal-hero__search input[type='text'] {
    width: 275px;
  }
}

.m-journal-hero__search button {
  color: #000;
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY(-50%);
}

.l-journal-main {
  padding-bottom: 40px;
}

@media screen and (min-width: 993px) {
  .l-journal-main {
    max-width: 920px;
    padding: 0 45px 60px 15px;
  }
}

@media screen and (max-width: 768px) {
  .l-journal-sidebar {
    margin-top: 20px;
  }
}

.l-journal-sidesec {
  counter-reset: rank;
}

.l-journal-sidesec + .l-journal-sidesec {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .l-journal-sidesec + .l-journal-sidesec {
    margin-top: 40px;
  }
}

.c-journal-cat {
  border-radius: 5px;
  color: #FFF;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1px 7px;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .c-journal-cat {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-journal-cat--blue {
  background: #e7a9b7;
}

.c-journal-cat--green {
  background: #e7a9b7;
}

.c-journal-cat--purple {
  background: #e7a9b7;
}

.c-journal-cat--orange {
  background: #e7a9b7;
}

.c-journal-cat--pink {
  background: #e7a9b7;
}

.c-journal-keyword-list {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  margin: 4px 5px 4px 0;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .c-journal-keyword-list {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.c-journal-keyword-list > a,
.c-journal-keyword-list span {
  border: 1px solid #c5a972;
  display: inline-block;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 7px 12px;
}

.c-journal-keyword-list > a {
  transition: .3s;
}

.c-journal-keyword-list > a:hover {
  border-color: #de9fae;
  color: #de9fae;
}

.c-journal-areattl {
  color: #c5a972;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (min-width: 993px) {
  .c-journal-areattl {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}

.c-journal-sidelist__item {
  -moz-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.c-journal-sidelist__item + .c-journal-sidelist__item {
  margin-top: 20px;
}

@media screen and (min-width: 993px) {
  .c-journal-sidelist__item + .c-journal-sidelist__item {
    margin-top: 30px;
  }
}

.c-journal-sidelist__item-thumb {
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 12px;
  max-width: 100px;
}

.c-journal-sidelist__item-thumb img {
  display: block;
  height: auto;
  max-width: 100%;
}

.c-journal-sidelist__item-text {
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.c-journal-sidelist__item-cat {
  font-size: 11px;
  font-size: 0.6875rem;
}

.c-journal-sidelist__item-ttl {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  overflow: hidden;
}

@media screen and (min-width: 993px) {
  .c-journal-sidelist__item {
    transition: .3s;
  }
  .c-journal-sidelist__item:hover {
    opacity: 0.8;
  }
}

.p-journal {
  overflow: hidden;
  padding: 120px 0 0;
}

@media screen and (max-width: 768px) {
  .p-journal {
    padding: 40px 0 0;
  }
}

.p-journal__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-journal__list {
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
}

.p-journal__list-single:nth-child(2n) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .p-journal__list-single:nth-child(2n) {
    margin-left: 0;
  }
}

.p-journal__item {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px 40px;
  transition: .3s;
  width: 47%;
}

@media screen and (max-width: 768px) {
  .p-journal__item {
    margin: 0 0 20px 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-journal__item + .p-journal__item {
    margin-top: 30px;
  }
}

.p-journal__item-thumb {
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  border-radius: 10px;
  flex: 0 0 auto;
  max-width: 360px;
  overflow: hidden;
}

.p-journal__item-thumb img {
  display: block;
  height: 360px;
  max-width: 100%;
  object-fit: cover;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-journal__item-thumb img {
    height: 240px;
  }
}

.p-journal__item-text {
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  background-color: #fff;
  border-radius: 10px;
  flex: 0 1 auto;
  margin: -10% 20px 0;
  max-width: 320px;
  padding: 30px;
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .p-journal__item-text {
    margin: -10% 15px 0;
    padding: 15px;
  }
}

.p-journal__item-ttl {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  transition: .3s;
}

.p-journal__item-date {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .p-journal__item-date {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}

.p-journal__item-cat {
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-journal__item-cat {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 993px) {
  .p-journal__item:hover .p-journal__item-ttl {
    color: #dc91a2;
  }
  .p-journal__item:hover .p-journal__item-thumb img {
    transform: scale(1.1);
  }
  .p-journal__item:hover .c-journal-cat--pink {
    background-color: #dc91a2;
  }
}

.p-journal-ranking .c-journal-sidelist__item {
  counter-increment: rank;
}

.p-journal-ranking .c-journal-sidelist__item-thumb {
  position: relative;
}

.p-journal-ranking .c-journal-sidelist__item-thumb::before {
  background: #dc91a2;
  border-radius: 15px;
  color: #FFF;
  content: counter(rank);
  height: 30px;
  left: -15px;
  line-height: 30px;
  padding-left: 1px;
  position: absolute;
  text-align: center;
  top: -15px;
  width: 30px;
}

.p-journal-sidebnr img {
  margin: 0 auto;
}

@media screen and (min-width: 993px) {
  .p-journal-sidebnr {
    transition: .3s;
  }
  .p-journal-sidebnr:hover {
    opacity: .7;
  }
}

.p-journal__headline {
  border-bottom: 2px solid #222;
  padding-bottom: 30px;
}

@media screen and (min-width: 769px) {
  .p-journal__headline {
    padding-bottom: 50px;
  }
}

.p-journal__headline img {
  height: auto;
  max-width: 100%;
}

.p-journal__headline-ttl {
  font-weight: 700;
}

.p-journal__headline-date {
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .p-journal__headline-date {
    margin-bottom: 5px;
  }
}

.p-journal__headline-time {
  margin-right: 20px;
}

.p-journal__supervisor {
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  margin-top: 40px;
  padding: 30px;
}

@media screen and (max-width: 576px) {
  .p-journal__supervisor {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
  }
}

.p-journal__supervisor .p-supervisor__supervision {
  background-color: #d47d8d;
  color: #fff;
  padding: 5px 20px;
}

.p-journal__supervisor .p-supervisor__name {
  align-items: center;
  color: #d47a8f;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 15px;
}

.p-journal__supervisor .p-supervisor__detail {
  margin-left: 40px;
}

@media screen and (max-width: 576px) {
  .p-journal__supervisor .p-supervisor__detail {
    margin-left: 0;
    margin-top: 20px;
  }
}

.p-journal__supervisor .p-supervisor__authority-list {
  margin-top: 10px;
}

.p-journal__supervisor .p-supervisor__authority-list-item {
  font-weight: 500;
  padding-left: 15px;
  position: relative;
}

.p-journal__supervisor .p-supervisor__authority-list-item::before {
  content: '・';
  left: 0;
  position: absolute;
}

.p-journal__supervisor .p-supervisor__authority-list-item--link a {
  color: #d47a8f;
  transition: .3s;
}

.p-journal__supervisor .p-supervisor__authority-list-item--link a:hover {
  opacity: .7;
}

.p-journal__btn-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}

@media screen and (max-width: 992px) {
  .p-journal__btn-wrapper {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 576px) {
  .p-journal__btn-wrapper {
    flex-direction: column;
  }
}

.p-journal-pager {
  -moz-align-items: center;
  -moz-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 50px 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-journal-pager {
    padding: 30px 0;
  }
}

.p-journal-pager__link {
  -moz-align-items: center;
  -moz-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  color: #555;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.p-journal-pager__link:hover {
  color: #de9fae;
}

.p-journal-pager__link:hover .p-journal-pager__btn {
  background: #de9fae;
  color: #FFF;
}

.p-journal-pager__prev {
  left: 0;
  position: absolute;
}

.p-journal-pager__prev .p-journal-pager__btn {
  margin-right: 15px;
}

@media screen and (min-width: 993px) {
  .p-journal-pager__prev .p-journal-pager__btn {
    margin-right: 25px;
  }
}

.p-journal-pager__next {
  position: absolute;
  right: 0;
}

.p-journal-pager__next .p-journal-pager__btn {
  margin-left: 15px;
}

@media screen and (min-width: 993px) {
  .p-journal-pager__next .p-journal-pager__btn {
    margin-left: 25px;
  }
}

.p-journal-pager__back {
  padding: 60px 20px;
}

@media screen and (max-width: 992px) {
  .p-journal-pager__back {
    margin: 0 -15px 20px;
    padding: 20px;
  }
}

@media screen and (max-width: 992px) {
  .p-journal-pager__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-journal-pager__txt {
    display: none;
  }
}

.p-journal-pager__btn {
  -moz-align-items: center;
  -moz-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  background: #ffe8ef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}

@media screen and (max-width: 576px) {
  .p-journal-pager__btn {
    height: 40px;
    width: 40px;
  }
}

@media screen and (min-width: 993px) {
  .p-journal-pager__btn {
    transition: .3s;
  }
}

@media screen and (max-width: 992px) {
  .p-journal-pager .m-btn-link {
    min-width: 220px;
  }
}

@media screen and (max-width: 576px) {
  .p-journal-pager .m-btn-link {
    font-size: 15px;
    font-size: 0.9375rem;
    min-width: 200px;
  }
}

.c-journal-sublist {
  -moz-align-items: flex-start;
  -moz-flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  -webkit-box-pack: justify;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c-journal-sublist__item {
  -moz-align-items: center;
  -moz-box-flex: 0;
  -moz-flex: 0 0 47.7%;
  -ms-flex: 0 0 47.7%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 47.7%;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 47.7%;
}

.c-journal-sublist__item:nth-of-type(n+3) {
  margin-top: 20px;
}

@media screen and (min-width: 993px) {
  .c-journal-sublist__item:nth-of-type(n+3) {
    margin-top: 30px;
  }
}

@media screen and (max-width: 576px) {
  .c-journal-sublist__item {
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .c-journal-sublist__item:nth-of-type(2) {
    margin-top: 20px;
  }
}

.c-journal-sublist__item-thumb {
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  max-width: 175px;
  width: 43%;
}

@media screen and (min-width: 993px) {
  .c-journal-sublist__item-thumb {
    margin-right: 30px;
  }
}

.c-journal-sublist__item-thumb img {
  display: block;
  height: auto;
  max-width: 100%;
}

.c-journal-sublist__item-text {
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}

.c-journal-sublist__item-cat {
  font-size: 11px;
  font-size: 0.6875rem;
}

.c-journal-sublist__item-ttl {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin-top: 8px;
  overflow: hidden;
}

@media screen and (min-width: 993px) {
  .c-journal-sublist__item {
    transition: .3s;
  }
  .c-journal-sublist__item:hover {
    opacity: 0.8;
  }
}

/* =========================================================
lesson - レッスン見学・説明会ページ固有のオブジェクト
========================================================= */
.c-lesson-circle {
  align-items: center;
  background: #de9fae;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 150px;
  justify-content: center;
  margin: 40px auto 0;
  max-width: 270px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .c-lesson-circle {
    margin-top: 0;
  }
}

.c-lesson-circle__ttl {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  height: 2.4em;
  justify-content: center;
  line-height: 1.2;
  text-align: center;
}

@media screen and (min-width: 993px) {
  .c-lesson-circle__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-lesson__bundle img {
  max-height: 410px;
  min-height: 200px;
  object-fit: cover;
  width: 100%;
}

.p-lesson-event {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-lesson-event {
    flex-direction: column;
  }
}

.p-lesson-event__schedule {
  margin-left: 30px;
}

@media screen and (max-width: 992px) {
  .p-lesson-event__schedule {
    margin-left: 0;
    margin-top: 30px;
  }
}

.p-lesson-event__balloon {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: -40%;
  top: -90px;
}

@media screen and (max-width: 992px) {
  .p-lesson-event__balloon {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-lesson-event__balloon {
    top: -80px;
  }
}

.p-lesson-event__balloon-txt {
  background-color: #c44b66;
  border-radius: 5px;
  display: flex;
  font-size: 26px;
  font-size: 1.625rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 140px;
  padding: 2px 15px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-lesson-event__balloon-txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-lesson-event__balloon-txt::after {
  border: 15px solid transparent;
  border-top: 15px solid #c44b66;
  content: "";
  left: 50%;
  margin-left: -15px;
  position: absolute;
  top: 100%;
}

.p-lesson-event__ttl {
  margin: 0 auto;
  position: relative;
}

.p-lesson-event__ttl::before {
  bottom: 0;
  content: '＼';
  font-size: 40px;
  font-size: 2.5rem;
  left: 5%;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .p-lesson-event__ttl::before {
    font-size: 24px;
    font-size: 1.5rem;
    left: 10%;
  }
}

@media screen and (max-width: 576px) {
  .p-lesson-event__ttl::before {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-lesson-event__ttl::after {
  bottom: 0;
  content: '／';
  font-size: 40px;
  font-size: 2.5rem;
  position: absolute;
  right: 8%;
}

@media screen and (max-width: 768px) {
  .p-lesson-event__ttl::after {
    font-size: 24px;
    font-size: 1.5rem;
    right: 12%;
  }
}

@media screen and (max-width: 576px) {
  .p-lesson-event__ttl::after {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-lesson-event__ttl h2 {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 1200px) {
  .p-lesson-event__ttl h2 {
    font-size: 42px;
    font-size: 2.625rem;
  }
}

@media screen and (max-width: 768px) {
  .p-lesson-event__ttl h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 576px) {
  .p-lesson-event__ttl h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-lesson-event__date {
  background-color: #fff;
  border-radius: 60px;
  color: #c44b66;
  margin: 10px auto 0;
  max-width: 760px;
  padding: 10px 20px;
  width: 100%;
}

.p-lesson-event__date .time {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 576px) {
  .p-lesson-event__date .time {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-lesson-event__date .time span {
  display: inline-block;
}

.p-lesson-event__annotation {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lesson-event__btn a {
  background-color: #c44b66;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  max-width: 420px;
  padding: 20px;
  transition-duration: .3s;
  width: 100%;
}

.p-lesson-event__btn a:hover {
  opacity: .7;
}

.p-lesson-online {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  .p-lesson-online {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-lesson-online {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-lesson-voice h2 {
  color: #dc91a2;
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .p-lesson-voice h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-lesson-voice h2 span {
  font-size: 36px;
  font-size: 2.25rem;
}

@media screen and (max-width: 768px) {
  .p-lesson-voice h2 span {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-lesson-voice__box {
  align-items: stretch;
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-lesson-voice__box {
    align-items: center;
    flex-direction: column;
  }
}

.p-lesson-voice__box--right {
  background-color: #fcf4f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 25px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-lesson-voice__box--right {
    margin-top: 20px;
  }
}

.p-lesson-voice__ttl {
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 992px) {
  .p-lesson-voice__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-lesson-voice__name {
  font-size: 18px;
  font-size: 1.125rem;
}

.p-lesson-voice__name span {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lesson-voice__txt {
  font-size: 14px;
  font-size: 0.875rem;
}

.p-lesson-about {
  color: #fff;
}

.p-lesson-form {
  margin: 120px auto 80px;
}

@media screen and (max-width: 768px) {
  .p-lesson-form {
    margin: 40px auto;
  }
}

.p-lesson-form__phone-wrapper {
  margin: 40px auto 0;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-lesson-form__phone-wrapper {
    margin-top: 20px;
  }
}

.p-lesson-form__phone-wrapper img {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
}

.p-lesson-complete {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-lesson-complete {
    margin-bottom: 40px;
  }
}

.p-lesson-complete__step {
  background-color: #fcf4f6;
  margin-top: 60px;
  padding: 70px 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step {
    margin-top: 40px;
    padding: 30px 20px;
  }
}

.p-lesson-complete__step h3 {
  color: #d47a8f;
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-lesson-complete__step .p-complete-step {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step .p-complete-step {
    align-items: center;
    flex-direction: column;
    margin-top: 10px;
  }
}

.p-lesson-complete__step .p-complete-step__box {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 40px;
  max-width: 340px;
  padding: 50px 30px 40px;
  position: relative;
  width: 100%;
}

.p-lesson-complete__step .p-complete-step__box:nth-last-child(1) {
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .p-lesson-complete__step .p-complete-step__box:nth-last-child(1) {
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  .p-lesson-complete__step .p-complete-step__box {
    margin-right: 20px;
    padding: 40px 20px 30px;
  }
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step .p-complete-step__box {
    margin-right: 0;
    margin-top: 50px;
  }
}

.p-lesson-complete__step .p-complete-step__num {
  align-items: center;
  background-color: #c3a66c;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-size: 1.125rem;
  height: 50px;
  justify-content: center;
  left: 0;
  margin: auto;
  max-width: 250px;
  position: absolute;
  right: 0;
  text-align: center;
  top: -25px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-lesson-complete__step .p-complete-step__num {
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step .p-complete-step__num {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-lesson-complete__step .p-complete-step__ttl {
  color: #d47a8f;
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0.01rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
  .p-lesson-complete__step .p-complete-step__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 768px) {
  .p-lesson-complete__step .p-complete-step__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-lesson-complete__step .p-complete-step__img {
  align-items: center;
  display: flex;
  height: 70px;
  justify-content: center;
}

.p-lesson-complete__step .p-complete-step__txt {
  flex-grow: 1;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 0.01rem;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-lesson-complete__step .p-complete-step__txt {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
  }
}

/* =========================================================
news - 新着情報ページ固有のオブジェクト
========================================================= */
.p-news {
  background-color: #fcf4f6;
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  .p-news {
    padding: 40px 0;
  }
}

.p-news__list {
  padding-top: 20px;
}

.p-news__item {
  align-items: flex-start;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  padding: 25px 3.5%;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-news__item {
    flex-direction: column;
    padding-right: 30px;
    position: relative;
  }
}

.p-news__item + .p-news__item {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-news__item + .p-news__item {
    margin-top: 20px;
  }
}

.p-news__item-time {
  color: #de9fae;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-right: 5%;
  min-width: 96px;
}

@media screen and (max-width: 768px) {
  .p-news__item-time {
    margin-bottom: 5px;
    min-width: auto;
  }
}

.p-news__item-ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 10px;
}

.p-news__item i.fas {
  align-self: center;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .p-news__item i.fas {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.p-news__item:hover {
  background: #ffdae6;
}

.p-news__item.is-no-link {
  pointer-events: none;
}

@media screen and (min-width: 769px) {
  .p-news__headline {
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.p-news__headline-ttl {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
}

@media screen and (min-width: 769px) {
  .p-news__headline-ttl {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.p-news__headline-date {
  color: #de9fae;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (min-width: 769px) {
  .p-news__headline-date {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-news-pager {
  -moz-align-items: center;
  -moz-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.p-news-pager__prev {
  margin-right: 4%;
}

@media screen and (min-width: 993px) {
  .p-news-pager__prev {
    margin-right: 65px;
  }
}

.p-news-pager__next {
  margin-left: 4%;
}

@media screen and (min-width: 993px) {
  .p-news-pager__next {
    margin-left: 65px;
  }
}

.p-news-pager__btn {
  -moz-align-items: center;
  -moz-justify-content: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  align-items: center;
  background: #ffe8ef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  width: 50px;
}

@media screen and (max-width: 576px) {
  .p-news-pager__btn {
    height: 40px;
    width: 40px;
  }
}

@media screen and (min-width: 993px) {
  .p-news-pager__btn {
    transition: .3s;
  }
  .p-news-pager__btn:hover {
    background: #de9fae;
    color: #FFF;
  }
}

@media screen and (max-width: 576px) {
  .p-news-pager .m-btn-link {
    font-size: 15px;
    font-size: 0.9375rem;
    min-width: 200px;
  }
}

/* =========================================================
pamphlet - お問い合わせページ固有のオブジェクト
========================================================= */
.p-pamphlet__wrapper {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin: 50px 0 150px;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__wrapper {
    margin: 40px 0 60px;
  }
}

.p-pamphlet__sp-pamphlet {
  display: none;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__sp-pamphlet {
    display: inline-block;
    margin: auto;
    margin-bottom: 40px;
    text-align: center;
    width: 75%;
  }
}

@media screen and (max-width: 768px) {
  .p-pamphlet__sp-pamphlet a {
    display: inline-block;
    margin: auto;
    text-align: center;
  }
}

.p-pamphlet__left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-right: 40px;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__left {
    margin-right: 0;
    width: 100%;
  }
}

.p-pamphlet__right {
  text-align: center;
  width: 40%;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__right {
    display: none;
  }
}

.p-pamphlet__right a {
  display: inline-block;
}

.p-pamphlet__ttl {
  margin-bottom: 50px;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__ttl {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
    padding-left: 0;
  }
}

.p-pamphlet__txt-wrapper {
  border-bottom: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  padding: 60px 30px 80px;
}

@media screen and (max-width: 768px) {
  .p-pamphlet__txt-wrapper {
    padding: 20px;
  }
}

.p-pamphlet__btn {
  align-items: center;
  background-color: #d47a8f;
  display: flex;
  height: 70px;
  justify-content: center;
  width: 310px;
}

/* =========================================================
privacy - privacyページ固有のオブジェクト
========================================================= */
.p-privacy-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .p-privacy-list__item {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

.p-privacy-list__in {
  padding-top: 4px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-privacy-list__in {
    padding-top: 0;
  }
}

.p-privacy-list__ttl {
  background-color: #e8aab8;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 5px 20px;
}

@media screen and (max-width: 768px) {
  .p-privacy-list__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-privacy-list__txt {
    margin-left: 5px;
  }
}

.p-privacy-list__child-list {
  counter-reset: childItem;
}

.p-privacy-list__child-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  width: 100%;
}

.p-privacy-list__child-item:nth-child(n+2) {
  margin-top: 10px;
}

.p-privacy-list__child-item::before {
  align-items: center;
  background-color: #c3a66c;
  border-radius: 50%;
  color: #fff;
  content: counter(childItem) "";
  counter-increment: childItem;
  counter-increment: childItem 1;
  display: flex;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  justify-content: center;
  margin-right: 10px;
  margin-top: 5px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  padding-left: 2px;
}

@media screen and (max-width: 768px) {
  .p-privacy-list__child-item::before {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: 0;
  }
}

/* =========================================================
products - 製品一覧ページ固有のオブジェクト
========================================================= */
/* =========================================================
reason - キャリエールが選ばれる理由ページ固有のオブジェクト
========================================================= */
.p-reason {
  margin: 100px 0 130px;
}

@media screen and (max-width: 768px) {
  .p-reason {
    margin: 40px 0 60px;
  }
}

/* =========================================================
recruit - 講師募集ページ固有のオブジェクト
========================================================= */
.p-recruit {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-recruit {
    margin-top: 40px;
  }
}

.p-recruit-list {
  align-items: flex-start;
  background-color: #fcf4f6;
  display: flex;
  padding: 30px 50px;
}

@media screen and (max-width: 768px) {
  .p-recruit-list {
    flex-direction: column;
    padding: 20px;
  }
}

.p-recruit-list + .p-recruit-list {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-recruit-list + .p-recruit-list {
    margin-top: 20px;
  }
}

.p-recruit-list:last-of-type {
  margin-bottom: 30px;
}

.p-recruit-list__heading {
  color: #c3a66c;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  max-width: 200px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-recruit-list__heading {
    border-bottom-width: 2px;
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 20px;
  }
}

.p-recruit-list__content {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01rem;
  line-height: 2;
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  .p-recruit-list__content {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-left: 0;
  }
}

.p-recruit-list__content ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.p-recruit-list__content .u-inline-block {
  margin-right: 1em;
}

.p-recruit-form {
  margin: 120px auto 80px;
}

@media screen and (max-width: 768px) {
  .p-recruit-form {
    margin: 60px auto 40px;
  }
}

/* =========================================================
recruiter - recruiterページ固有のオブジェクト
========================================================= */
@media screen and (max-width: 768px) {
  .p-recruiter__contact-box img {
    height: 100px;
    width: 100px;
  }
}

/* =========================================================
school-access - 各校一覧のアクセスページ固有のオブジェクト
=========================================================*/
.p-index-school-route {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-index-school-route {
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.p-index-school-route__item {
  margin-top: 60px;
  max-width: 580px;
  width: 47%;
}

.p-index-school-route__item:nth-child(odd) {
  margin-right: 38px;
}

@media screen and (max-width: 768px) {
  .p-index-school-route__item:nth-child(odd) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-index-school-route__item {
    margin-top: 40px;
    max-width: 350px;
    width: 100%;
  }
}

.p-index-school-route__guide {
  align-items: flex-start;
  display: flex;
  padding: 30px 0 0 20px;
}

@media screen and (max-width: 768px) {
  .p-index-school-route__guide {
    padding: 15px 0 0 10px;
  }
}

.p-index-school-route__num {
  align-items: center;
  background-color: #d47a8f;
  border-radius: 40px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-size: 1.5rem;
  justify-content: center;
  margin-right: 10px;
  min-height: 40px;
  min-width: 40px;
}

@media screen and (max-width: 768px) {
  .p-index-school-route__num {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-index-school-route__txt {
  align-items: flex-start;
  display: flex;
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 0.05rem;
  line-height: 1.6;
  padding-top: 5px;
}

@media screen and (max-width: 768px) {
  .p-index-school-route__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-yokohama-access,
.p-shinjuku-access,
.p-tachikawa-access {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .p-yokohama-access,
  .p-shinjuku-access,
  .p-tachikawa-access {
    margin-bottom: 0;
  }
}

.p-shinjuku-access__btn {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 1200px) {
  .p-shinjuku-access__btn {
    flex-direction: column;
    margin: 0 20px;
  }
}

.p-shinjuku-access__btn a {
  align-items: center;
  background-color: #f5e8eb;
  border-radius: 50px;
  color: #d47a8f;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  justify-content: center;
  max-width: 580px;
  padding: 10px 20px 10px 10px;
  position: relative;
  transition: .3s;
  width: 100%;
}

.p-shinjuku-access__btn a:hover {
  opacity: .7;
}

.p-shinjuku-access__btn a:nth-child(1) {
  margin-right: 20px;
}

@media screen and (max-width: 1200px) {
  .p-shinjuku-access__btn a:nth-child(1) {
    margin-bottom: 15px;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-shinjuku-access__btn a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-shinjuku-access__btn a::after {
  border-right: 2px solid #d47a8f;
  border-top: 2px solid #d47a8f;
  bottom: 10px;
  content: "";
  height: 16px;
  margin: auto;
  position: absolute;
  right: 30px;
  top: 0;
  transform: rotate(135deg);
  vertical-align: middle;
  width: 16px;
}

@media screen and (max-width: 576px) {
  .p-shinjuku-access__btn a::after {
    bottom: 10px;
    height: 14px;
    right: 20px;
    width: 14px;
  }
}

.p-shinjuku-access #jr,
.p-shinjuku-access #seibu {
  margin-top: -50px;
  padding-top: 110px;
}

@media screen and (max-width: 768px) {
  .p-shinjuku-access #jr,
  .p-shinjuku-access #seibu {
    margin-top: -60px;
  }
}

/* =========================================================
school-course - 各校一覧のアクセスページ固有のオブジェクト
=========================================================*/
/* =========================================================
school-reason - 各校一覧のアクセスページ固有のオブジェクト
=========================================================*/
/* =========================================================
school-teacher - 各校一覧のアクセスページ固有のオブジェクト
=========================================================*/
/* =========================================================
school-top - 各校一覧のアクセスページ固有のオブジェクト
=========================================================*/
.p-school-top .p-school-top-graduate {
  background: url(../images/school/common/bg_school_graduates.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.p-school-top .p-school-top-graduate__ttl .main-ttl {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-school-top .p-school-top-graduate__ttl .main-ttl__small {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__small {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__small {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__small {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-school-top .p-school-top-graduate__ttl .main-ttl__big {
  font-size: 72px;
  font-size: 4.5rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__big {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__big {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__ttl .main-ttl__big {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-school-top .p-school-top-graduate__bundle {
  align-items: center;
  display: flex;
  justify-content: center;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .p-school-top .p-school-top-graduate__bundle {
    height: auto;
  }
}

.p-school-top .p-school-top-graduate__bundle .bundle-wrapper {
  width: 100%;
}

.p-school-top .p-school-top-graduate__bundle .bundle-wrapper img {
  height: 355px;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .p-school-top .p-school-top-graduate__bundle .bundle-wrapper img {
    height: auto;
  }
}

.p-school-top .p-school-top-graduate__example .example-txt {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__example .example-txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-school-top .p-school-top-graduate__comment .comment-txt {
  font-size: 40px;
  font-size: 2.5rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__comment .comment-txt {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__comment .comment-txt {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__comment .comment-txt {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-school-top .p-school-top-graduate__box {
  margin: 40px auto 0;
  max-width: 920px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.p-school-top .p-school-top-graduate__box-badge {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.p-school-top .p-school-top-graduate__box-badge::before {
  content: url(../images/common/img_laurel_large.webp);
  margin-right: 0;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__box-badge::before {
    content: url(../images/top/img_about-item.png);
  }
}

.p-school-top .p-school-top-graduate__box-badge::after {
  content: url(../images/common/img_laurel_large.webp);
  margin-left: 0;
  transform: scale(-1, 1);
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__box-badge::after {
    content: url(../images/top/img_about-item.png);
  }
}

.p-school-top .p-school-top-graduate__box-badge-txt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-graduate__box-badge-txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__box-badge-txt {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-graduate__box-badge img {
    min-width: 40px;
    width: 20%;
  }
}

.p-school-top .p-school-top-graduate__jna {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__jna {
    display: none;
  }
}

.p-school-top .p-school-top-graduate__jna-left, .p-school-top .p-school-top-graduate__jna-right {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-school-top .p-school-top-graduate__jna-left {
  margin-right: 20px;
}

.p-school-top .p-school-top-graduate__jna-box {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  padding: 0 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__jna-box {
    justify-content: center;
  }
}

.p-school-top .p-school-top-graduate__jna-box .p-jna-box {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  margin: 0 auto;
  max-width: 520px;
  padding: 20px 30px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__jna-box .p-jna-box {
    padding: 20px;
  }
}

.p-school-top .p-school-top-graduate__jna-box .p-jna-box__txt {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-graduate__jna-box .p-jna-box__txt {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.p-school-top .p-school-top-feature {
  background-color: #d88699;
  padding: 60px 20px;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-feature {
    padding: 40px 20px;
  }
}

.p-school-top .p-school-top-feature .feature-ttl {
  font-size: 26px;
  font-size: 1.625rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-feature .feature-ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-school-top .p-school-top-feature .feature-txt {
  background-color: #e29cac;
  border-radius: 50px;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 10px auto 0;
  max-width: 750px;
  padding: 10px 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-feature .feature-txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-school-top .p-school-top-reason {
  background-color: #fcf8f4;
}

.p-school-top .p-school-top-reason__ttl .main-ttl {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-school-top .p-school-top-reason__ttl .main-ttl__small {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__small {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__small {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__small {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-school-top .p-school-top-reason__ttl .main-ttl__big {
  font-size: 72px;
  font-size: 4.5rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__big {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__big {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__big {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-school-top .p-school-top-reason__ttl .main-ttl__num {
  font-size: 100px;
  font-size: 6.25rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__num {
    font-size: 86px;
    font-size: 5.375rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__num {
    font-size: 72px;
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-reason__ttl .main-ttl__num {
    font-size: 48px;
    font-size: 3rem;
  }
}

.p-school-top .p-school-top-reason__contents {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 150px;
}

.p-school-top .p-school-top-reason__contents:nth-child(n+2) {
  margin-top: 100px;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__contents:nth-child(n+2) {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__contents:nth-child(n+2) {
    margin-top: 40px;
  }
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__contents {
    flex-direction: column-reverse;
    margin: 80px 0 0;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__contents {
    margin-top: 40px;
  }
}

@media screen and (max-width: 1200px) {
  .p-school-top .p-school-top-reason__right {
    width: 100%;
  }
}

.p-school-top .p-school-top-reason__left {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: -6%;
  max-height: 500px;
  max-width: 630px;
  padding: 120px 80px 80px 80px;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 1500px) {
  .p-school-top .p-school-top-reason__left {
    padding: 40px 40px 40px 60px;
  }
}

@media screen and (max-width: 1200px) {
  .p-school-top .p-school-top-reason__left {
    max-width: 500px;
    padding: 20px 40px;
    width: auto;
  }
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-reason__left {
    display: inline-block;
    margin: -40px 20px 0;
    max-width: 100%;
    padding: 40px;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-reason__left {
    margin: -40px 15px 0;
    padding: 20px;
  }
}

.p-school-top .p-school-top-reason__left .left-ttl {
  font-size: 36px;
  font-size: 2.25rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__left .left-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-school-top .p-school-top-reason__left .left-subttl {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__left .left-subttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-school-top .p-school-top-reason__left .left-txt {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-reason__left .left-txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-school-top .p-school-top-qualification {
  background-color: #d47a8f;
}

.p-school-top .p-school-top-qualification__ttl {
  text-align: center;
}

.p-school-top .p-school-top-qualification__ttl .en-ttl {
  display: inline-block;
  position: relative;
}

.p-school-top .p-school-top-qualification__ttl .en-ttl__img {
  left: -140px;
  position: absolute;
  top: -120px;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__ttl .en-ttl__img {
    left: -100px;
    top: -100px;
    width: 106px;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-qualification__ttl .en-ttl__img {
    left: -70px;
    top: -60px;
    width: 71px;
  }
}

.p-school-top .p-school-top-qualification__ttl .main-ttl {
  font-size: 36px;
  font-size: 2.25rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-school-top .p-school-top-qualification__ttl .main-ttl__big {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl__big {
    font-size: 46px;
    font-size: 2.875rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl__big {
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-qualification__ttl .main-ttl__big {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-school-top .p-school-top-qualification__graph {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__graph {
    margin-top: 40px;
  }
}

.p-school-top .p-school-top-qualification__graph .graph-ttl {
  background-color: #bf4664;
}

.p-school-top .p-school-top-qualification__graph .graph-ttl h4 {
  border: 1px solid #e2b4bf;
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 760px;
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper--teacher {
  align-items: flex-start;
  max-width: 1080px;
  padding: 0 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__graph .graph-wrapper--teacher {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__contents {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__contents:nth-child(n+2) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__graph .graph-wrapper__contents:nth-child(n+2) {
    margin-left: 20px;
  }
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__contents--teacher {
  align-items: flex-start;
  max-width: 320px;
  width: 100%;
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__contents--teacher:nth-child(n+2) {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__graph .graph-wrapper__contents--teacher:nth-child(n+2) {
    margin-left: 0px;
    margin-top: 40px;
  }
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__txt {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-qualification__graph .graph-wrapper__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-school-top .p-school-top-qualification__graph .graph-wrapper__list {
  list-style: disc;
  margin-left: 20px;
}

.p-school-top .p-school-top-course__ttl .main-ttl {
  font-size: 40px;
  font-size: 2.5rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-course__ttl .main-ttl {
    font-size: 32px;
    font-size: 2rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-course__ttl .main-ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-course__ttl .main-ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-school-top .p-school-top-course__ttl .main-ttl__big {
  font-size: 94px;
  font-size: 5.875rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__big {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__big {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__big {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-school-top .p-school-top-course__ttl .main-ttl__small {
  font-size: 80px;
  font-size: 5rem;
}

@media screen and (max-width: 992px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__small {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__small {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-course__ttl .main-ttl__small {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-school-top .p-school-top-course__other {
  background-color: #f3f1e9;
  margin: 0 auto;
}

.p-school-top .p-school-top-course__other .p-other__price-box {
  border: 1px solid #f3f1e9;
}

.p-school-top .p-school-top-course__other .p-other__price-box-contents {
  background-color: #fff;
}

.p-school-top .p-school-top-course__other .p-other__supplement {
  background-color: #fff;
}

.p-school-top .p-school-top-faq {
  background-color: #e8aab8;
  padding: 120px 0;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-faq {
    padding: 60px 0;
  }
}

.p-school-top .p-school-top-faq__subttl {
  background-color: #ecb9c4;
  border-radius: 5px;
}

.p-school-top .p-school-top-faq .c-accordion__item {
  border-radius: 5px;
  margin-top: 20px;
}

.p-school-top .p-school-top-access__gmap iframe {
  height: 550px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-top .p-school-top-access__gmap iframe {
    height: 400px;
  }
}

.p-school-top .p-school-top-access__info {
  margin: 0 auto;
  max-width: 600px;
}

.p-school-top .p-school-top-access__address, .p-school-top .p-school-top-access__access {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-access__address, .p-school-top .p-school-top-access__access {
    align-items: flex-start;
    flex-direction: column;
  }
}

.p-school-top .p-school-top-access__address h3, .p-school-top .p-school-top-access__access h3 {
  font-size: 20px;
  font-size: 1.25rem;
  max-width: 100px;
  width: 100%;
}

@media screen and (max-width: 576px) {
  .p-school-top .p-school-top-access__address h3, .p-school-top .p-school-top-access__access h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-school-lesson-event {
  background-color: #d47a8f;
  padding: 40px 0 50px;
}

@media screen and (max-width: 768px) {
  .p-school-lesson-event {
    padding: 20px 0;
  }
}

.p-school-lesson-event__bnr {
  margin: 0 auto;
}

.p-school-lesson-event__bnr .main-bnr-wrapper {
  position: relative;
}

.p-school-lesson-event__bnr .main-bnr-wrapper__balloon {
  left: 0px;
  position: absolute;
  top: -120px;
  z-index: 1;
}

@media screen and (max-width: 992px) {
  .p-school-lesson-event__bnr .main-bnr-wrapper__balloon {
    top: -80px;
    width: 106px;
  }
}

@media screen and (max-width: 768px) {
  .p-school-lesson-event__bnr .main-bnr-wrapper__balloon {
    top: -60px;
    width: 71px;
  }
}

.p-school-lesson-event__bnr .main-bnr-wrapper__bnr {
  transition: .3s;
}

.p-school-lesson-event__bnr .main-bnr-wrapper__bnr:hover {
  filter: brightness(110%);
}

.p-school-lesson-event__bnr .main-bnr-wrapper__bnr img {
  max-width: 100%;
}

.p-school-lesson-event__bnr .main-bnr-wrapper--sp {
  position: relative;
}

.p-school-lesson-event__bnr .main-bnr-wrapper--sp__bnr {
  margin: 0 auto;
}

.p-school-lesson-event__bnr .main-bnr-wrapper--sp__link {
  bottom: 5%;
  display: inline-block;
  left: 0;
  margin: 0 auto;
  max-width: 623px;
  position: absolute;
  right: 0;
  width: 90%;
}

.p-school-lesson-event__bnr .main-bnr-wrapper--sp__link img {
  margin: 0 auto;
}

.p-school-lesson-event__bnr .sub-bnr-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 1200px;
  padding: 0 50px 0 40px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school-lesson-event__bnr .sub-bnr-wrapper {
    flex-direction: column;
    padding: 0;
  }
}

.p-school-lesson-event__bnr .sub-bnr-wrapper__bnr {
  margin-right: 20px;
  transition: .3s;
}

.p-school-lesson-event__bnr .sub-bnr-wrapper__bnr:hover {
  filter: brightness(110%);
}

@media screen and (max-width: 768px) {
  .p-school-lesson-event__bnr .sub-bnr-wrapper__bnr {
    margin-right: 0;
  }
}

.p-school-lesson-event__bnr .sub-bnr-wrapper__bnr img {
  max-width: 540px;
  width: 100%;
}

.p-school-lesson-event__bnr .sub-bnr-wrapper__phone {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .p-school-lesson-event__bnr .sub-bnr-wrapper__phone {
    margin-top: 20px;
  }
}

.p-school-lesson-event__bnr .sub-bnr-wrapper__phone img {
  max-width: 540px;
  width: 100%;
}

/* =========================================================
school - スクール紹介ページ固有のオブジェクト
=========================================================*/
.p-school {
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-school {
    margin-top: 0;
  }
}

.p-school .l-container {
  padding-bottom: 100px;
  padding-top: 50px;
}

@media screen and (max-width: 768px) {
  .p-school .l-container {
    padding-bottom: 40px;
  }
}

.p-school__box {
  align-items: center;
  display: flex;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-school__box {
    flex-direction: column-reverse;
    margin: 40px 0;
  }
}

.p-school__left {
  background-color: #fff;
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: -10%;
  margin-right: -5%;
  max-width: 400px;
  padding: 40px 40px 20px;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 1500px) {
  .p-school__left {
    margin-bottom: -10%;
    margin-right: -10%;
    padding: 20px;
  }
}

@media screen and (max-width: 992px) {
  .p-school__left {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: -5%;
    max-width: 95%;
    padding: 10px 20px;
  }
}

.p-school__map {
  margin: 140px 20px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-school__map {
    margin: 40px 20px 60px;
  }
}

.p-school__map iframe {
  height: 450px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-school__map iframe {
    height: 300px;
  }
}

.p-school__school-name {
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-top: 20px;
}

@media screen and (max-width: 992px) {
  .p-school__school-name {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-school__school-txt {
  border-bottom: 1px solid #e5d9c5;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 20px;
  padding-bottom: 20px;
}

.p-school__school-access {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 20px;
}

.p-school__ttl {
  display: inline-block;
  margin-top: 8%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-school__ttl {
    margin-top: 8%;
  }
}

.p-school__ttl::before {
  background: url(../images/top/txt_campus.png) 0 0 no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 0;
  left: -12%;
  padding-top: 29.7%;
  position: absolute;
  top: -110%;
  width: 524px;
  width: 118.8%;
}

@media screen and (max-width: 576px) {
  .p-school__ttl::before {
    left: -3%;
    width: 104%;
  }
}

.p-school__ttl-box {
  background: #FFF;
  box-shadow: 13px 13px 0 -4px #383838;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  z-index: 2;
}

.p-school-link-list__item + .p-school-link-list__item {
  margin-top: 30px;
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item + .p-school-link-list__item {
    margin-top: 50px;
  }
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item:nth-of-type(even) .p-school-link-list__btn {
    left: auto;
    right: 0;
  }
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item--shinjuku .p-school-link-list__img {
    object-position: 70% 50%;
  }
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item--yokohama .p-school-link-list__img {
    object-position: 35% 50%;
  }
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item--tachikawa .p-school-link-list__img {
    object-position: 55% 50%;
  }
}

@media screen and (max-width: 576px) {
  .p-school-link-list__item--ginza .p-school-link-list__img {
    object-position: 66% 50%;
  }
}

.p-school-link-list__link {
  display: block;
  position: relative;
}

@media screen and (max-width: 576px) {
  .p-school-link-list__link {
    height: 0;
    padding-bottom: 61.8%;
    width: 100%;
  }
}

.p-school-link-list__link:hover .p-school-link-list__btn {
  border-color: #de9fae;
  color: #de9fae;
}

@media screen and (max-width: 576px) {
  .p-school-link-list__img {
    font-family: 'object-fit: cover;';
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
  }
}

.p-school-link-list__btn {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 576px) {
  .p-school-link-list__btn {
    bottom: -25px;
    left: 0;
    top: auto;
    transform: none;
  }
}

.p-campus-info-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-campus-info-area {
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.p-campus-info-area__gmap {
  width: 64.3%;
}

@media screen and (max-width: 768px) {
  .p-campus-info-area__gmap {
    width: 100%;
  }
}

.p-campus-info-area__info {
  margin-left: 70px;
}

@media screen and (max-width: 1200px) {
  .p-campus-info-area__info {
    margin-left: 50px;
  }
}

@media screen and (max-width: 992px) {
  .p-campus-info-area__info {
    margin-left: 35px;
  }
}

@media screen and (max-width: 768px) {
  .p-campus-info-area__info {
    margin-bottom: 35px;
    margin-left: 0;
    text-align: center;
  }
}

.p-campus-transportation {
  -moz-align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.p-campus-transportation__icon {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  align-items: center;
  background-color: #dfae2a;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 50px;
  justify-content: center;
  margin-right: 20px;
  min-width: 50px;
  width: 50px;
}

@media screen and (max-width: 992px) {
  .p-campus-transportation__icon {
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .p-campus-transportation__icon {
    height: 30px;
    margin-right: 10px;
    min-width: 30px;
    padding: 5px;
    width: 30px;
  }
}

@media screen and (max-width: 768px) {
  .p-campus-transportation__icon-img {
    height: 18px;
    width: auto;
  }
}

.p-campus-transportation--blue .p-campus-transportation__icon {
  background-color: #2aaedf;
}

.p-campus-transportation--dark-blue .p-campus-transportation__icon {
  background-color: #2a5ddf;
}

/* =========================================================
sitemap - サイトマップページ固有のオブジェクト
========================================================= */
.p-sitemap {
  margin: 100px auto;
}

@media screen and (max-width: 768px) {
  .p-sitemap {
    margin: 60px auto;
  }
}

.p-sitemap__item {
  align-items: flex-start;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}

.p-sitemap__item:first-child {
  border-top: 1px solid #dcdcdc;
}

@media screen and (max-width: 768px) {
  .p-sitemap__item {
    flex-direction: column;
  }
}

.p-sitemap__link {
  flex-grow: 1;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  padding: 40px;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-sitemap__link {
    padding: 20px;
    width: 100%;
  }
}

.p-sitemap__link:hover {
  color: #de9fae;
}

.p-sitemap__sub {
  flex-grow: 5;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .p-sitemap__sub {
    width: 100%;
  }
}

.p-sitemap__sub-item {
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}

.p-sitemap__sub-item:last-child {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .p-sitemap__sub-item:first-child {
    border-top: 1px solid #dcdcdc;
  }
}

.p-sitemap__sub-link {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  justify-content: flex-start;
  line-height: 1.2;
  padding: 40px;
  transition: .3s;
  width: 100%;
}

.p-sitemap__sub-link::before {
  content: '-';
  margin-right: 10px;
}

.p-sitemap__sub-link:hover {
  color: #de9fae;
}

@media screen and (max-width: 768px) {
  .p-sitemap__sub-link {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 20px;
  }
}

/* =========================================================
support-academy - 開業独立サポートアカデミーページ固有のオブジェクト
========================================================= */
.p-support-academy__ttl {
  font-size: 60px;
  font-size: 3.75rem;
}

@media screen and (max-width: 992px) {
  .p-support-academy__ttl {
    font-size: 48px;
    font-size: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-support-academy__detail {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-support-academy__detail-upper {
  display: flex;
}

.p-support-academy__detail-frequency, .p-support-academy__detail-time {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-support-academy__detail-period {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-support-academy__circle {
  align-items: center;
  border-radius: 86px;
  display: flex;
  font-size: 36px;
  font-size: 2.25rem;
  height: 86px;
  justify-content: center;
  width: 86px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__circle {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__circle {
    height: 70px;
    width: 70px;
  }
}

.p-support-academy__circle--sup {
  position: relative;
}

.p-support-academy__circle--sup::after {
  content: '※';
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 10px;
  top: 12px;
}

@media screen and (max-width: 576px) {
  .p-support-academy__circle--sup::after {
    top: 8px;
  }
}

.p-support-academy__circle--period {
  border-radius: 86px;
  font-size: 18px;
  font-size: 1.125rem;
  height: 86px;
  text-align: center;
  width: 172px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__circle--period {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__circle--period {
    height: 70px;
    width: 130px;
  }
}

.p-support-academy__knowhow {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .p-support-academy__knowhow {
    padding: 40px 0;
  }
}

.p-support-academy__knowhow-ttl {
  color: #d47a8f;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-support-academy__knowhow-ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-support-academy__knowhow-figure {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 40px 0;
}

@media screen and (max-width: 992px) {
  .p-support-academy__knowhow-figure {
    margin: 30px 0;
  }
}

.p-support-academy__knowhow-phrase {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-support-academy__knowhow-phrase {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: left;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__knowhow-phrase {
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-support-academy__knowhow-txt {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 30px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-support-academy__knowhow-txt {
    margin-top: 20px;
    text-align: left;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__knowhow-txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__box-list {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  .p-support-academy__box-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
  }
}

.p-support-academy__box-list .p-box-list__left, .p-support-academy__box-list .p-box-list__right {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  padding: 40px 35px 60px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-support-academy__box-list .p-box-list__left, .p-support-academy__box-list .p-box-list__right {
    padding: 30px 30px 60px;
  }
}

.p-support-academy__box-list .p-box-list__left h3, .p-support-academy__box-list .p-box-list__right h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
}

@media screen and (max-width: 992px) {
  .p-support-academy__box-list .p-box-list__left h3, .p-support-academy__box-list .p-box-list__right h3 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__box-list .p-box-list__left h3, .p-support-academy__box-list .p-box-list__right h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-support-academy__box-list .p-box-list__left img, .p-support-academy__box-list .p-box-list__right img {
  bottom: -15px;
  position: absolute;
  right: -15px;
}

.p-support-academy__box-list .p-box-list__left .c-point-box__list, .p-support-academy__box-list .p-box-list__right .c-point-box__list {
  margin: 20px 0 0;
}

@media screen and (max-width: 768px) {
  .p-support-academy__box-list .p-box-list__left .c-point-box__list, .p-support-academy__box-list .p-box-list__right .c-point-box__list {
    margin: 10px 0 0;
  }
}

.p-support-academy__box-list .p-box-list__left .c-point-box__item, .p-support-academy__box-list .p-box-list__right .c-point-box__item {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.8;
  padding-left: 1.3rem;
  text-indent: -1.3rem;
}

@media screen and (max-width: 992px) {
  .p-support-academy__box-list .p-box-list__left .c-point-box__item, .p-support-academy__box-list .p-box-list__right .c-point-box__item {
    font-size: 16px;
    font-size: 1rem;
    padding-left: 1rem;
    text-indent: -1rem;
  }
}

.p-support-academy__box-list .p-box-list__left .c-point-box__item::before, .p-support-academy__box-list .p-box-list__right .c-point-box__item::before {
  background-color: #d47a8f;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__box-list .p-box-list__left .c-point-box__item::before, .p-support-academy__box-list .p-box-list__right .c-point-box__item::before {
    height: 10px;
    margin-right: 5px;
    width: 10px;
  }
}

.p-support-academy__box-list .p-box-list__left {
  grid-area: 1 / 1 / 2 / 2;
}

.p-support-academy__box-list .p-box-list__right {
  grid-area: 1 / 2 / 2 / 3;
}

.p-support-academy__erikonail {
  background: url("../images/support-academy/bg_erikonail.jpg") no-repeat center center/cover;
  padding-top: 40px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail {
    padding-top: 20px;
  }
}

.p-support-academy__erikonail .p-erikonail {
  align-items: flex-end;
  display: flex;
  justify-content: center;
}

.p-support-academy__erikonail .p-erikonail__left {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__left {
    margin-bottom: 0px;
  }
}

.p-support-academy__erikonail .p-erikonail__left .title {
  color: #d47a8f;
  font-size: 48px;
  font-size: 3rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  line-height: 1.4;
}

@media screen and (max-width: 1200px) {
  .p-support-academy__erikonail .p-erikonail__left .title {
    font-size: 40px;
    font-size: 2.5rem;
    word-break: keep-all;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__left .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-support-academy__erikonail .p-erikonail__left .name {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0.01rem;
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__left .name {
    font-size: 10px;
    font-size: 0.625rem;
    margin-top: 20px;
    word-break: keep-all;
  }
}

.p-support-academy__erikonail .p-erikonail__left .post {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.01rem;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__left .post {
    font-size: 8px;
    font-size: 0.5rem;
    margin-bottom: 20px;
    margin-top: 5px;
    word-break: keep-all;
  }
}

.p-support-academy__erikonail .p-erikonail__left .post li {
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__left .post li {
    margin-top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__erikonail .p-erikonail__right img {
    max-width: 161px;
    width: 100%;
  }
}

.p-support-academy__more-contents .p-more__slash {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  justify-content: center;
  letter-spacing: 0.01rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__more-contents .p-more__slash {
    align-items: flex-end;
    font-size: 16px;
    font-size: 1rem;
  }
}

.p-support-academy__more-contents .p-more__slash::before, .p-support-academy__more-contents .p-more__slash::after {
  background-color: #959595;
  content: '';
  height: 30px;
  width: 1px;
}

.p-support-academy__more-contents .p-more__slash::before {
  margin-right: 15px;
  transform: rotate(-45deg);
}

.p-support-academy__more-contents .p-more__slash::after {
  margin-left: 15px;
  transform: rotate(45deg);
}

.p-support-academy__more-contents .p-more__link {
  align-items: center;
  background-color: #c44b66;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  height: 100px;
  justify-content: center;
  margin: 15px auto 0;
  max-width: 680px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-support-academy__more-contents .p-more__link {
    font-size: 16px;
    font-size: 1rem;
    height: 60px;
    margin-top: 10px;
  }
}

.p-support-academy__point .p-point {
  margin: 100px 0 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point {
    margin: 60px 0 0;
  }
}

.p-support-academy__point .p-point__ttl {
  position: relative;
}

.p-support-academy__point .p-point__ttl-txt {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  padding: 40px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__ttl-txt {
    padding: 5px;
  }
}

.p-support-academy__point .p-point__ttl-txt p {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__ttl-txt p {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__point .p-point__ttl-txt p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__point .p-point__ttl-txt h2 {
  color: #d47a8f;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__ttl-txt h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__point .p-point__ttl-txt h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-support-academy__point .p-point__essential h3, .p-support-academy__point .p-point__success h3 {
  background-color: #d47a8f;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential h3, .p-support-academy__point .p-point__success h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    padding: 20px 20px 15px;
  }
}

.p-support-academy__point .p-point__essential h3 span, .p-support-academy__point .p-point__success h3 span {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential h3 span, .p-support-academy__point .p-point__success h3 span {
    font-size: 32px;
    font-size: 2rem;
  }
}

.p-support-academy__point .p-point__essential {
  margin-top: 40px;
}

.p-support-academy__point .p-point__essential h4 {
  font-size: 30px;
  font-size: 1.875rem;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential h4 {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: 30px;
  }
}

.p-support-academy__point .p-point__essential .c-point-box__list {
  margin: 20px 20px 0 10px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential .c-point-box__list {
    margin: 10px 0 0;
  }
}

.p-support-academy__point .p-point__essential .c-point-box__item {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential .c-point-box__item {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 1rem;
    text-indent: -1rem;
  }
}

.p-support-academy__point .p-point__essential .c-point-box__item::before {
  background-color: #c3a66c;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 15px;
  width: 10px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__essential .c-point-box__item::before {
    height: 10px;
    margin-right: 5px;
    width: 10px;
  }
}

.p-support-academy__point .p-point__success {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__success {
    margin-top: 40px;
  }
}

.p-support-academy__point .p-point__success .p-success {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  margin-top: 60px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__point .p-point__success .p-success {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__success .p-success {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-row-gap: 40px;
    justify-content: center;
    margin-top: 30px;
  }
}

.p-support-academy__point .p-point__success .p-success__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 580px;
  width: 100%;
}

.p-support-academy__point .p-point__success .p-success__list--center {
  align-items: center;
  justify-content: center;
}

.p-support-academy__point .p-point__success .p-success__bottom {
  background-color: #fcf4f6;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-grow: 1;
  padding: 30px 40px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__point .p-point__success .p-success__bottom {
    padding: 20px 25px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__point .p-point__success .p-success__bottom {
    flex-grow: unset;
  }
}

.p-support-academy__point .p-point__success .p-success__bottom-ttl {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .p-support-academy__point .p-point__success .p-success__bottom-ttl {
    align-items: flex-start;
    flex-direction: column;
  }
}

.p-support-academy__point .p-point__success .p-success__bottom-ttl h4 {
  color: #d47a8f;
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 0.01rem;
  margin-left: 15px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__point .p-point__success .p-success__bottom-ttl h4 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-left: 0;
    margin-top: 5px;
  }
}

.p-support-academy__point .p-point__success .p-success__bottom-txt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 20px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__point .p-point__success .p-success__bottom-txt {
    margin-top: 15px;
  }
}

.p-support-academy__curriculum {
  padding: 80px 0 120px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum {
    padding: 40px 0 80px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__en {
    width: 50%;
  }
}

.p-support-academy__curriculum .p-curriculum__ttl {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-support-academy__curriculum .p-curriculum__ttl p {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__ttl p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-support-academy__curriculum .p-curriculum__ttl h2 {
  color: #fff;
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 500;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__ttl h2 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-support-academy__curriculum .p-curriculum__ttl h2 .num {
  font-size: 90px;
  font-size: 5.625rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__ttl h2 .num {
    font-size: 56px;
    font-size: 3.5rem;
  }
}

.p-support-academy__curriculum .p-curriculum__ttl h2 .small {
  font-size: 48px;
  font-size: 3rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__ttl h2 .small {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-support-academy__curriculum .p-curriculum__txt {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 90px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-support-academy__curriculum .p-curriculum__txt {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 40px;
    text-align: left;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__curriculum .p-curriculum__box {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  padding: 25px 25px 25px 0;
}

@media screen and (max-width: 992px) {
  .p-support-academy__curriculum .p-curriculum__box {
    padding: 20px 20px 20px 0;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__box {
    flex-direction: column;
    padding: 20px;
  }
}

.p-support-academy__curriculum .p-curriculum__box-left {
  margin-right: 60px;
  max-width: 316px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-support-academy__curriculum .p-curriculum__box-left {
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__box-left {
    margin-right: 0;
  }
}

.p-support-academy__curriculum .p-curriculum__box-right .ttl {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 992px) {
  .p-support-academy__curriculum .p-curriculum__box-right .ttl {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__box-right .ttl {
    margin-top: 25px;
  }
}

.p-support-academy__curriculum .p-curriculum__box-right .ttl h3 {
  color: #d47a8f;
  font-size: 24px;
  font-size: 1.5rem;
  margin-left: 20px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__curriculum .p-curriculum__box-right .ttl h3 {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__box-right .ttl h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-support-academy__curriculum .p-curriculum__box-right .txt {
  margin-top: 20px;
}

.p-support-academy__curriculum .p-curriculum__box-right .txt p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-support-academy__curriculum .p-curriculum__box-right .txt p {
    line-height: 1.6;
  }
}

.p-support-academy__and-more {
  background-color: #c44b66;
  padding: 60px 20px;
  position: relative;
}

@media screen and (max-width: 576px) {
  .p-support-academy__and-more {
    padding: 40px 20px 30px;
  }
}

.p-support-academy__and-more .circle {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #c44b66;
  display: flex;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  height: 100px;
  justify-content: center;
  left: 0;
  letter-spacing: 0.01rem;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -50px;
  width: 100px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__and-more .circle {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__and-more .circle {
    font-size: 14px;
    font-size: 0.875rem;
    height: 65px;
    top: -35px;
    width: 65px;
  }
}

.p-support-academy__and-more .ttl {
  color: #fff;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-support-academy__and-more .ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__and-more .ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__and-more .ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-support-academy__and-more .txt {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 20px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .p-support-academy__and-more .txt {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__and-more .txt {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
  }
}

.p-support-academy__about-course {
  margin-top: 50px;
}

.p-support-academy__about-course .p-about-course__table {
  align-items: stretch;
  border-top: 1px solid #fff;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table {
    flex-direction: column;
  }
}

.p-support-academy__about-course .p-about-course__table-ttl {
  align-items: center;
  background-color: #c3a66c;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-size: 1.125rem;
  justify-content: center;
  line-height: 1;
  max-width: 300px;
  padding: 15px;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-support-academy__about-course .p-about-course__table-ttl {
    max-width: 150px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-ttl {
    font-size: 16px;
    font-size: 1rem;
    max-width: none;
    padding: 20px;
    width: 100%;
  }
}

.p-support-academy__about-course .p-about-course__table-contents {
  align-items: flex-start;
  background-color: #f3f1e9;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  padding: 30px 0 30px 40px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-support-academy__about-course .p-about-course__table-contents {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-contents {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 25px 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__about-course .p-about-course__table-contents {
    padding: 20px 15px;
  }
}

.p-support-academy__about-course .p-about-course__table-ellipse {
  align-items: center;
  background-color: #c3a66c;
  border-radius: 20px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  max-width: 90px;
  padding: 10px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-ellipse {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__about-course .p-about-course__table-price {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-price {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-support-academy__about-course .p-about-course__table-price span {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-price span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__about-course .p-about-course__table-economical {
  background-color: #f3f1e9;
  border-top: 1px solid #fff;
  padding: 100px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .p-support-academy__about-course .p-about-course__table-economical {
    padding: 75px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-economical {
    padding: 50px;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__about-course .p-about-course__table-economical {
    padding: 75px 30px 30px 30px;
  }
}

.p-support-academy__about-course .p-about-course__table-economical img {
  left: 50px;
  position: absolute;
  top: 50px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__about-course .p-about-course__table-economical img {
    left: 25px;
    top: 25px;
  }
}

@media screen and (max-width: 576px) {
  .p-support-academy__about-course .p-about-course__table-economical img {
    left: 10px;
    top: 10px;
  }
}

.p-support-academy__about-course .p-about-course__table-economical h4 {
  color: #c3a66c;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.2;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-economical h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-support-academy__about-course .p-about-course__table-economical p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 10px;
}

@media screen and (max-width: 1200px) {
  .p-support-academy__about-course .p-about-course__table-economical p {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-support-academy__about-course .p-about-course__table-economical p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__inspection {
  margin-top: 80px;
}

.p-support-academy__inspection .p-inspection__ttl {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.p-support-academy__inspection .p-inspection__ttl span {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #d47a8f;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  height: 70px;
  justify-content: center;
  margin-right: 10px;
  padding-left: 2px;
  width: 70px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__inspection .p-inspection__ttl span {
    font-size: 14px;
    font-size: 0.875rem;
    height: 50px;
    width: 50px;
  }
}

.p-support-academy__inspection .p-inspection__subttl {
  font-size: 30px;
  font-size: 1.875rem;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__inspection .p-inspection__subttl {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 0;
  }
}

.p-support-academy__inspection .p-inspection__box {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 5px;
  padding: 2px 10px;
}

@media screen and (max-width: 768px) {
  .p-support-academy__inspection .p-inspection__box {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.p-support-academy__flow-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  width: 250px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__flow-step {
    width: 100%;
  }
}

.p-support-academy__flow-step-contents {
  background-color: #f3f1e9;
  flex-grow: 1;
}

.p-support-academy__flow-step-contents h4 {
  align-items: flex-start;
  display: flex;
  height: 120px;
  justify-content: center;
  padding: 30px 10px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__flow-step-contents h4 {
    height: auto;
    padding: 20px;
  }
}

.p-support-academy__flow-step-contents p {
  padding: 0 20px 20px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__flow-step-contents p {
    padding-top: 0;
  }
}

.p-support-academy__flow-arrow {
  display: block;
  position: relative;
  width: 60px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__flow-arrow {
    height: 50px;
    width: 100%;
  }
}

.p-support-academy__flow-arrow::after {
  border-right: 5px solid #c3a66c;
  border-top: 5px solid #c3a66c;
  bottom: 50%;
  content: '';
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(45deg);
  width: 20px;
}

@media screen and (max-width: 992px) {
  .p-support-academy__flow-arrow::after {
    top: 40%;
    transform: rotate(135deg);
  }
}

/* =========================================================
support - 検定合格サポートページ固有のオブジェクト
========================================================= */
.p-support {
  margin: 100px 0 130px;
}

@media screen and (max-width: 768px) {
  .p-support {
    margin: 40px 0 60px;
  }
}

.p-support__voice-ttl {
  color: #d47a8f;
}

/* =========================================================
teacher - 学院長・講師紹介ページ固有のオブジェクト
========================================================= */
.p-teacher #teacherDean {
  padding-top: 110px;
}

@media screen and (max-width: 768px) {
  .p-teacher #teacherDean {
    padding-top: 80px;
  }
}

.p-teacher #teacherLecturer {
  padding-top: 110px;
}

@media screen and (max-width: 768px) {
  .p-teacher #teacherLecturer {
    padding-top: 60px;
  }
}

.p-teacher__top {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .p-teacher__top {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 60px;
    word-break: keep-all;
  }
}

@media screen and (max-width: 576px) {
  .p-teacher__top {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-teacher__leader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-teacher__leader {
    flex-direction: column;
  }
}

.p-teacher__leader-txt {
  max-width: 720px;
}

.p-teacher__leader-txt-hook {
  font-size: 40px;
  font-size: 2.5rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-teacher__leader-txt-hook {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-teacher__leader-profile {
  flex: 0 0 430px;
  max-width: 430px;
}

@media screen and (max-width: 768px) {
  .p-teacher__leader-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 300px;
    margin-top: 40px;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-teacher__leader-profile-photo {
    max-width: 40%;
  }
}

.p-teacher__leader-profile-class li {
  padding-left: 1em;
  text-indent: -1em;
}

.p-teacher__leader-profile-link {
  border-bottom: 1px solid #000;
  transition: .3s;
}

.p-teacher__leader-profile-link:hover {
  opacity: .7;
}

.p-teacher__profile {
  margin-top: 120px;
}

@media screen and (max-width: 768px) {
  .p-teacher__profile {
    margin-top: 20px;
  }
}

.p-teacher__profile-ttl {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-teacher__profile-ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-teacher__profile-ttl--en {
  color: #e6b7c2;
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-teacher__profile-ttl--en {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-teacher__lineup {
  margin: 0 20px;
}

@media screen and (max-width: 768px) {
  .p-teacher__lineup {
    margin-top: 0;
  }
}

.p-teacher__lineup-ttl {
  font-size: 48px;
  font-size: 3rem;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-teacher__lineup-ttl {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.p-teacher__lineup-ttl--en {
  color: #e6b7c2;
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
  .p-teacher__lineup-ttl--en {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-teacher-block + .p-teacher-block {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .p-teacher-block + .p-teacher-block {
    margin-top: 40px;
  }
}

.p-teacher-block__upper {
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-teacher-block__upper {
    align-items: center;
    flex-direction: column;
  }
}

.p-teacher-block__upper--right {
  width: 100%;
}

.p-teacher-block__photo {
  margin-right: 30px;
  max-width: 320px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-teacher-block__photo {
    margin-right: 0;
  }
}

.p-teacher-block__photo img {
  margin: 0 auto;
}

.p-teacher-block__hook {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-teacher-block__hook {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 768px) {
  .p-teacher-block__name {
    margin-top: 10px;
  }
}

.p-teacher-block__position ul li {
  padding-left: 1em;
  text-indent: -1em;
}

/* =========================================================
top - Topページ固有のオブジェクト
========================================================= */
.p-hero {
  margin: 0 auto;
  max-width: auto;
  width: 100%;
}

.p-hero__features {
  background-color: #e6b7c2;
  margin: 0 auto;
}

.p-hero__features .p-hero-features__tag-ttl {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-size: 1.25rem;
  justify-content: center;
  letter-spacing: 0.01rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-ttl {
    align-items: flex-end;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 20px;
  }
}

.p-hero__features .p-hero-features__tag-ttl::before, .p-hero__features .p-hero-features__tag-ttl::after {
  background-color: #fff;
  content: '';
  height: 30px;
  width: 2px;
}

.p-hero__features .p-hero-features__tag-ttl::before {
  margin-right: 15px;
  transform: rotate(-45deg);
}

.p-hero__features .p-hero-features__tag-ttl::after {
  margin-left: 15px;
  transform: rotate(45deg);
}

.p-hero__features .p-hero-features__tag-list {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  margin: 40px auto 0;
  max-width: 1060px;
}

@media screen and (max-width: 1200px) {
  .p-hero__features .p-hero-features__tag-list {
    justify-content: center;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box {
  background-color: #fff;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 20px;
  max-width: 340px;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 1201px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box {
    max-width: none;
    width: 48%;
  }
  .p-hero__features .p-hero-features__tag-list .accordion-box:nth-child(odd) {
    margin-left: 0;
  }
}

@media screen and (max-width: 576px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box {
    margin-left: 0;
    width: 100%;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box::before {
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  background: linear-gradient(135deg, #d47a8f 0%, #b6abd6 100%) border-box;
  border: 3px solid transparent;
  border-radius: 30px;
  bottom: 0;
  content: "";
  left: 0;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  mask-composite: exclude;
  position: absolute;
  right: 0;
  top: 0;
}

.p-hero__features .p-hero-features__tag-list .accordion-box h3 {
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  margin: 0;
  padding: 18px 10px;
  position: relative;
  text-align: center;
  transition: .3s;
  z-index: 2;
}

.p-hero__features .p-hero-features__tag-list .accordion-box h3:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box h3 {
    font-size: 14px;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 28px;
  transition: max-height 0.4s ease;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content {
    padding: 0 20px;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content p {
  flex-grow: 1;
  font-size: 14px;
  height: 90px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content p {
    font-size: 12px;
  }
}

@media screen and (max-width: 576px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content p {
    height: auto;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .btn-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .more-btn {
  align-items: center;
  background-color: #d47a8f;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  text-align: center;
  transition: .3s;
  width: 160px;
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .more-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .more-btn {
    font-size: 12px;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .close-btn {
  align-items: center;
  background-color: #000;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  margin-left: 10px;
  text-align: center;
  transition: .3s;
  width: 100px;
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .close-btn:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content .close-btn {
    font-size: 12px;
  }
}

.p-hero__features .p-hero-features__tag-list .accordion-box .accordion-content.open {
  display: flex;
  flex-direction: column;
}

.p-hero__bnr {
  background-color: #d47a8f;
  margin: 0 auto;
}

.p-hero__mv {
  position: relative;
}

.p-hero__mv .p-mv-img {
  height: 750px;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .p-hero__mv .p-mv-img {
    min-width: auto;
  }
}

@media screen and (max-width: 992px) {
  .p-hero__mv .p-mv-img {
    height: auto;
  }
}

.p-hero__mv .p-mv-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-hero__mv .p-mv-left {
  display: flex;
  flex-direction: column;
  left: 10%;
  max-width: 520px;
  position: absolute;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 1500px) {
  .p-hero__mv .p-mv-left {
    left: 5%;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left {
    left: 0%;
  }
}

@media screen and (max-width: 992px) {
  .p-hero__mv .p-mv-left {
    margin: auto;
    margin-top: -120px;
    padding-bottom: 50px;
    position: relative;
  }
}

@media screen and (max-width: 576px) {
  .p-hero__mv .p-mv-left {
    margin-top: -60px;
    padding: 0 15px 40px;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__phrase-img img {
    margin-left: 20px;
  }
}

.p-hero__mv .p-mv-left__ttl {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.3;
}

@media screen and (max-width: 1500px) {
  .p-hero__mv .p-mv-left__ttl {
    font-size: 48px;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__ttl {
    font-size: 42px;
  }
}

.p-hero__mv .p-mv-left__ttl--small {
  font-size: 50px;
}

@media screen and (max-width: 1500px) {
  .p-hero__mv .p-mv-left__ttl--small {
    font-size: 42px;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__ttl--small {
    font-size: 36px;
  }
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__authority img {
    height: auto;
    max-width: 350px;
  }
}

.p-hero__mv .p-mv-left__btn {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.p-hero__mv .p-mv-left__btn a {
  align-items: center;
  background: linear-gradient(180deg, #6fc449 30%, #259830 100%);
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: flex;
  filter: drop-shadow(0px 3px 2px rgba(100, 100, 100, 0.3));
  height: 66px;
  justify-content: center;
  line-height: 1;
  max-width: 380px;
  text-align: center;
  transition: .3s;
  width: 100%;
}

.p-hero__mv .p-mv-left__btn a:hover {
  opacity: .7;
}

.p-hero__mv .p-mv-left__jna-box {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  max-width: 520px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-hero__mv .p-mv-left__jna-box {
    justify-content: center;
  }
}

.p-hero__mv .p-mv-left__jna-box .p-jna-box {
  display: flex;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__jna-box .p-jna-box {
    flex-direction: column;
  }
}

.p-hero__mv .p-mv-left__jna-box .p-jna-box__branch {
  margin-left: 15px;
}

@media screen and (max-width: 1200px) {
  .p-hero__mv .p-mv-left__jna-box .p-jna-box__branch {
    margin-left: 0;
    margin-top: 10px;
  }
}

.p-bnrsldier {
  max-width: 1200px;
}

.p-bnrsldier .swiper-slide {
  max-width: 590px !important;
}

@media screen and (max-width: 1200px) {
  .p-bnrsldier .swiper-slide {
    max-width: 100% !important;
  }
}

.p-bnrsldier .swiper-slide a {
  display: block;
  transition: .3s;
}

.p-bnrsldier .swiper-slide a:hover {
  color: #e07891;
}

.p-bnrsldier .swiper-slide a:hover .single-slide__left img {
  transform: scale(1.1);
}

.p-bnrsldier .swiper-slide a:hover .single-slide__right::after {
  background-color: #b65068;
}

.p-bnrsldier .swiper-slide a .single-slide {
  align-items: stretch;
  display: flex;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide {
    flex-direction: column;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__left {
  border-radius: 10px 0 0 10px;
  max-width: 192px;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__left {
    border-radius: 10px 10px 0 0;
    max-height: 302px;
    max-width: 100%;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__left img {
  height: 100%;
  object-fit: cover;
  transition: .3s;
  width: 100%;
}

.p-bnrsldier .swiper-slide a .single-slide__right {
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__right {
    border-radius: 0 0 10px 10px;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__right::before {
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 50%;
  content: '';
  height: 10px;
  position: absolute;
  right: 10px;
  top: 48%;
  transform: rotate(45deg);
  vertical-align: middle;
  width: 10px;
}

.p-bnrsldier .swiper-slide a .single-slide__right::after {
  background-color: #dc91a2;
  border-radius: 0 10px 10px 0;
  content: '';
  max-width: 25px;
  transition: .3s;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__right::before, .p-bnrsldier .swiper-slide a .single-slide__right::after {
    content: none;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__right p {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__right p {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 576px) {
  .p-bnrsldier .swiper-slide a .single-slide__right p {
    padding: 20px;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__right span {
  color: #e07891;
}

.p-bnrsldier .swiper-slide a .single-slide__txt {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__txt {
    font-size: 24px;
    font-size: 3vw;
  }
}

.p-bnrsldier .swiper-slide a .single-slide__txt--en {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier .swiper-slide a .single-slide__txt--en {
    font-size: 30px;
    font-size: 3.75vw;
  }
}

.p-bnrsldier .swiper-slide img {
  width: 100%;
}

.p-bnrsldier__ttl {
  color: #f4dbe1;
}

.p-bnrsldier__controller {
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 80px);
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier__controller {
    width: 68%;
  }
}

.p-bnrsldier__btn {
  outline: none !important;
  width: 45px;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier__btn {
    width: 13.9%;
  }
}

.p-bnrsldier__btn--prev {
  transform: translateX(-50%);
  transition: .2s;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier__btn--prev {
    transform: translateX(-115%);
  }
}

@media screen and (min-width: 769px) {
  .p-bnrsldier__btn--prev {
    left: 0;
    position: relative;
  }
}

.p-bnrsldier__btn--next {
  margin-left: auto;
  transform: translateX(50%);
  transition: .2s;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier__btn--next {
    transform: translateX(115%);
  }
}

@media screen and (min-width: 769px) {
  .p-bnrsldier__btn--next {
    position: relative;
    right: 0;
  }
}

.p-bnrsldier__pagination {
  text-align: center;
}

.p-bnrsldier__pagination .swiper-pagination-bullet {
  background: #fff;
  border-radius: 50%;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  outline: none !important;
  width: 10px;
}

@media screen and (max-width: 768px) {
  .p-bnrsldier__pagination .swiper-pagination-bullet {
    margin: 20px 10px 0;
  }
}

.p-bnrsldier__pagination .swiper-pagination-bullet-active {
  background-color: #dc91a2;
}

.p-popup {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: .6s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.p-popup.is-show {
  opacity: 1;
  visibility: visible;
}

.p-popup__inner {
  background-color: #000;
  left: 50%;
  max-width: 380px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 2;
}

@media screen and (max-width: 576px) {
  .p-popup__inner {
    max-width: 100%;
    padding: 15px;
  }
}

.p-popup__inner a {
  display: inline-block;
  transition: .3s;
}

.p-popup__inner a:hover {
  opacity: .7;
}

.p-popup__inner img {
  height: 433px;
  width: 360px;
}

@media screen and (max-width: 576px) {
  .p-popup__inner img {
    height: auto;
    width: 100%;
  }
}

.p-popup__close-btn {
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -80px;
  cursor: pointer;
  height: 50px;
  left: 0;
  line-height: 50px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  transition: .2s;
  width: 50px;
}

.p-popup__close-btn:hover {
  opacity: .5;
}

.p-popup__close-btn::before, .p-popup__close-btn::after {
  background: #fff;
  content: "";
  height: 25px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 3px;
}

.p-popup__close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.p-popup__close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.p-popup__black-background {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.p-popupCamp {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: .6s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.p-popupCamp.is-show {
  opacity: 1;
  visibility: visible;
}

.p-popupCamp__inner {
  left: 50%;
  max-width: 600px;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 2;
}

@media screen and (max-width: 576px) {
  .p-popupCamp__inner {
    max-width: 100%;
  }
}

.p-popupCamp__inner img {
  max-width: 100%;
}

.p-popupCamp__txt {
  bottom: 40%;
  height: 100px;
  margin: 0 20px;
  overflow-y: scroll;
  padding: 0 20px;
  position: absolute;
}

@media screen and (max-width: 576px) {
  .p-popupCamp__txt {
    bottom: 40%;
    height: 80px;
    margin: 0 10px;
    padding: 0 10px;
  }
}

.p-popupCamp__txt ul li {
  margin-top: 20px;
  padding-left: 25px;
  position: relative;
  text-align: left;
}

.p-popupCamp__txt ul li::before {
  background-color: #eb4084;
  border-radius: 6px;
  content: '';
  display: block;
  height: 12px;
  left: 0px;
  position: absolute;
  top: 8px;
  width: 12px;
}

@media screen and (max-width: 768px) {
  .p-popupCamp__txt ul li::before {
    top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .p-popupCamp__txt ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 576px) {
  .p-popupCamp__txt ul li {
    font-size: 11px;
    margin-top: 10px;
    padding-left: 15px;
  }
  .p-popupCamp__txt ul li::before {
    height: 8px;
    width: 8px;
  }
}

.p-popupCamp__txt ul.trial li::before {
  background-color: #d9043d;
}

.p-popupCamp__link {
  bottom: 5.4%;
  display: block;
  left: 7.34%;
  position: absolute;
  transition: .3s;
  transition: .2s;
  width: 85.4%;
}

.p-popupCamp__link:hover {
  opacity: .7;
}

.p-popupCamp__close-btn {
  aspect-ratio: 43/63;
  cursor: pointer;
  margin: 0;
  position: absolute;
  right: 3%;
  top: 3.3%;
  transition: .2s;
  width: 7.17%;
}

.p-popupCamp__close-btn:hover {
  opacity: .7;
}

.p-popupCamp__black-background {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.c-border-box {
  position: relative;
}

.c-border-box__en {
  color: #c3a66c;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .c-border-box__en {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-border-box__ttl {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .c-border-box__ttl {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.c-border-box__subttl {
  color: #666;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .c-border-box__subttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

.c-border-box__txt {
  color: #222;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.6;
}

@media screen and (min-width: 769px) {
  .c-border-box__txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.6;
  }
}

.c-border-box__btn {
  font-size: 18px;
  font-size: 1.125rem;
  margin-top: 20px;
  min-width: 250px;
  padding: 11px 0;
}

.p-index-about {
  background: url(../images/top/bg_about.jpg) 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 0 10px;
}

.p-index-about__ttl {
  color: #e6b7c2;
}

.p-index-about__box {
  margin: 40px auto 0;
  max-width: 780px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.p-index-about__box-badge {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-index-about__box-badge {
    margin-top: 15px;
  }
}

.p-index-about__box-badge::before {
  background-image: url(../images/common/img_laurel_large.webp);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 172px;
  margin-right: 20px;
  vertical-align: middle;
  width: 90px;
}

@media screen and (max-width: 992px) {
  .p-index-about__box-badge::before {
    height: 129px;
    width: 68px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-about__box-badge::before {
    height: 86px;
    margin-right: 0;
    width: 45px;
  }
}

.p-index-about__box-badge::after {
  background-image: url(../images/common/img_laurel_large.webp);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 172px;
  margin-left: 20px;
  transform: scale(-1, 1);
  vertical-align: middle;
  width: 90px;
}

@media screen and (max-width: 992px) {
  .p-index-about__box-badge::after {
    height: 129px;
    width: 68px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-about__box-badge::after {
    height: 86px;
    margin-left: 0;
    width: 45px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-about__box .c-border-box__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.p-index-about__txt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .p-index-about__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 576px) {
  .p-index-about__txt {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

.p-index-about__jna {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .p-index-about__jna {
    display: none;
  }
}

.p-index-about__jna-left, .p-index-about__jna-right {
  align-items: center;
  display: flex;
  justify-content: center;
}

.p-index-about__jna-left {
  margin-right: 20px;
}

.p-index-about .p-mv-left__jna-box {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-about .p-mv-left__jna-box {
    justify-content: center;
  }
}

.p-index-about .p-mv-left__jna-box .p-jna-box {
  display: flex;
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .p-index-about .p-mv-left__jna-box .p-jna-box {
    flex-direction: column;
  }
}

.p-index-about .p-mv-left__jna-box .p-jna-box__branch {
  margin-left: 15px;
}

@media screen and (max-width: 1200px) {
  .p-index-about .p-mv-left__jna-box .p-jna-box__branch {
    margin-left: 0;
    margin-top: 10px;
  }
}

.p-index-about__image {
  max-width: 650px;
  width: 82%;
}

@media screen and (max-width: 992px) {
  .p-index-about__image {
    margin-left: auto;
  }
}

@media screen and (min-width: 993px) {
  .p-index-about__image {
    left: 0;
    position: absolute;
    top: 0;
  }
}

.p-index-about__bundle {
  display: flex;
  margin-top: 90px;
}

@media screen and (max-width: 768px) {
  .p-index-about__bundle {
    margin-top: 40px;
  }
}

.p-index-about__bundle .p-bundleslider .swiper-wrapper {
  transition-timing-function: linear;
}

.p-index-about__bundle .p-bundleslider .swiper-wrapper .swiper-slide {
  height: 355px !important;
  max-width: 500px;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .p-index-about__bundle .p-bundleslider .swiper-wrapper .swiper-slide {
    height: auto !important;
  }
}

.p-index-about__bundle .p-bundleslider .swiper-wrapper .swiper-slide .bundle-box {
  width: 100%;
}

.p-index-about__bundle .p-bundleslider .swiper-wrapper .swiper-slide .bundle-box img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width: 1500px) {
  .p-index-about__bundle .p-bundleslider .swiper-wrapper .swiper-slide .bundle-box img {
    height: auto;
    width: 100%;
  }
}

.p-index-course {
  background-color: #c3a66c;
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .p-index-course {
    padding-top: 40px;
  }
}

.p-index-course__box {
  align-items: center;
  display: flex;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .p-index-course__box {
    flex-direction: column;
    margin: 0;
  }
}

.p-index-course__recommendation {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-top: 40px;
  padding: 0 15px;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation {
    align-items: center;
    flex-direction: column;
  }
}

.p-index-course__recommendation .recommendation-wrapper {
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 30px;
  max-width: 270px;
  padding: 30px 13px;
  width: 100%;
}

.p-index-course__recommendation .recommendation-wrapper:last-child {
  margin-right: 0;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper {
    margin-right: 0;
    margin-top: 20px;
    max-width: 500px;
    padding: 30px 25px;
  }
}

.p-index-course__recommendation .recommendation-wrapper__ttl {
  color: #016ed5;
  font-size: 22px;
  font-size: 1.375rem;
  margin-top: 10px;
}

@media screen and (max-width: 1200px) {
  .p-index-course__recommendation .recommendation-wrapper__ttl {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__ttl {
    font-size: 25px;
    font-size: 1.5625rem;
    margin-top: 5px;
  }
}

.p-index-course__recommendation .recommendation-wrapper__grid {
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-rows: 100px 1fr 2fr;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px 1fr;
  }
}

.p-index-course__recommendation .recommendation-wrapper__grid-ttl {
  grid-area: 2 / 1 / 3 / 2;
  text-align: center;
}

.p-index-course__recommendation .recommendation-wrapper__grid-ttl h3 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.05rem;
  line-height: 1.4;
}

@media screen and (max-width: 1200px) {
  .p-index-course__recommendation .recommendation-wrapper__grid-ttl h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__grid-ttl h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-index-course__recommendation .recommendation-wrapper__grid-ttl h3 span {
  color: #d25771;
}

.p-index-course__recommendation .recommendation-wrapper__grid-img {
  align-items: center;
  display: flex;
  grid-area: 1 / 1 / 2 / 2;
  height: 80px;
  justify-content: center;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__grid-img img {
    max-height: 200px;
    max-width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .p-index-course__recommendation .recommendation-wrapper__grid-img img {
    max-height: 150px;
    max-width: 150px;
  }
}

.p-index-course__recommendation .recommendation-wrapper__grid-txt {
  font-size: 14px;
  font-size: 0.875rem;
  grid-area: 3 / 1 / 4 / 2;
  margin-top: 20px;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__grid-txt {
    font-size: 12px;
    font-size: 0.75rem;
    margin-top: 10px;
  }
}

.p-index-course__recommendation .recommendation-wrapper__btn {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .p-index-course__recommendation .recommendation-wrapper__btn {
    margin-top: 30px;
  }
}

.p-index-course__recommendation .recommendation-wrapper__btn a {
  align-items: center;
  background-color: #d47a8f;
  border-radius: 23px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-size: 0.875rem;
  height: 44px;
  justify-content: center;
  margin: auto;
  max-width: 180px;
  position: relative;
  transition: .3s;
  width: 100%;
}

.p-index-course__recommendation .recommendation-wrapper__btn a:hover {
  opacity: .7;
}

@media screen and (max-width: 992px) {
  .p-index-course__recommendation .recommendation-wrapper__btn a {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.p-index-course__bundle {
  margin-top: 120px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-index-course__bundle {
    margin-top: 40px;
  }
}

.p-index-course__bundle .bundle__txt {
  position: absolute;
  right: 15%;
  top: 45%;
}

@media screen and (max-width: 1200px) {
  .p-index-course__bundle .bundle__txt {
    right: 5%;
  }
}

@media screen and (max-width: 768px) {
  .p-index-course__bundle .bundle__txt {
    right: 0;
    top: 40%;
  }
}

@media screen and (max-width: 576px) {
  .p-index-course__bundle .bundle__txt {
    right: -18%;
  }
}

.p-index-course__bundle .bundle__txt img {
  margin: 0 auto;
}

@media screen and (max-width: 1200px) {
  .p-index-course__bundle .bundle__txt img {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .p-index-course__bundle .bundle__txt img {
    width: 45%;
  }
}

.p-index-course__bundle .bundle__img img {
  max-height: 410px;
  object-fit: cover;
  width: 100%;
}

.p-index-reason {
  background: url(../images/top/bg_reason.jpg) 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 120px 0;
}

@media screen and (max-width: 768px) {
  .p-index-reason {
    padding: 60px 0;
  }
}

.p-index-reason__ttl {
  color: #e6b7c2;
}

.p-index-reason__box span.smaller {
  font-size: 90%;
}

.p-index-reason__list {
  margin-top: 60px;
}

.p-index-reason__list .l-inner__2col {
  justify-content: center;
}

.p-index-reason .c-point-box__white {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
}

.p-index-reason .c-point-box__white picture {
  min-width: 105px;
}

.p-index-reason .c-point-box__ttl {
  font-size: 21px;
  font-size: 1.3125rem;
  padding-left: 20px;
}

@media screen and (max-width: 992px) {
  .p-index-reason .c-point-box__ttl {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 20px;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-index-reason .c-point-box__ttl {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .p-index-reason .c-point-box__ttl {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.p-index-reason .c-point-box__txt {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 20px;
}

.p-index-reason .c-point-box__image {
  margin-top: 0;
}

.p-index-reason .c-point-box__image picture img {
  height: auto;
}

.p-index-school {
  background-size: cover;
  margin-top: 90px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .p-index-school {
    margin-top: 10%;
  }
}

.p-index-school .l-container {
  padding-bottom: 3%;
  padding-top: 50px;
}

.p-index-school__box {
  align-items: center;
  display: flex;
  margin: 60px 0 120px;
  position: relative;
}

@media screen and (max-width: 992px) {
  .p-index-school__box {
    flex-direction: column-reverse;
    margin: 40px 0;
  }
}

.p-index-school__left {
  background-color: #fff;
  display: inline-block;
  flex-direction: column;
  justify-content: center;
  margin-bottom: -10%;
  margin-right: -5%;
  max-width: 400px;
  padding: 40px;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 1500px) {
  .p-index-school__left {
    margin-bottom: -10%;
    margin-right: -10%;
    padding: 20px;
  }
}

@media screen and (max-width: 992px) {
  .p-index-school__left {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: -5%;
    max-width: 95%;
    padding: 10px 20px;
  }
}

.p-index-school__map {
  margin: 0 20px 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-index-school__map {
    margin-bottom: 20px;
  }
}

.p-index-school__map iframe {
  height: 450px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-school__map iframe {
    height: 300px;
  }
}

.p-index-school__school-name {
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-top: 20px;
}

@media screen and (max-width: 992px) {
  .p-index-school__school-name {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-index-school__school-txt {
  border-bottom: 1px solid #e5d9c5;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 20px;
  padding-bottom: 20px;
}

.p-index-school__school-access {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 20px;
}

.p-index-school__ttl {
  display: inline-block;
  margin-top: 8%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-index-school__ttl {
    margin-top: 8%;
  }
}

.p-index-school__ttl::before {
  background: url(../images/top/txt_campus.png) 0 0 no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 0;
  left: -12%;
  padding-top: 29.7%;
  position: absolute;
  top: -110%;
  width: 524px;
  width: 118.8%;
}

@media screen and (max-width: 576px) {
  .p-index-school__ttl::before {
    left: -3%;
    width: 104%;
  }
}

.p-index-school__ttl-box {
  background: #FFF;
  box-shadow: 13px 13px 0 -4px #383838;
  display: inline-block;
  padding: 0 30px;
  position: relative;
  z-index: 2;
}

.c-link-block {
  border: 1px solid #fff;
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .c-link-block {
    border: none;
  }
}

.c-link-block__image {
  max-width: 960px;
  overflow: hidden;
  width: 100%;
}

.c-link-block__image img {
  height: 350px;
  object-fit: cover;
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .c-link-block__image img {
    height: auto;
    object-fit: contain;
  }
}

.c-link-block__txt {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1 0 50%;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}

.c-link-block__txt-jp {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 0.8em;
  padding: 0 0.5em;
}

.c-link-block__txt-jp .smaller {
  font-size: 0.77em;
}

@media screen and (min-width: 577px) {
  .c-link-block__txt-jp {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media screen and (min-width: 769px) {
  .c-link-block__txt-jp {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 993px) {
  .c-link-block__txt-jp {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 1201px) {
  .c-link-block__txt-jp {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.c-link-block__txt-en {
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media screen and (min-width: 769px) {
  .c-link-block__txt-en {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 993px) {
  .c-link-block__txt-en {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.c-link-block__txt--dark {
  background-color: #dc91a2;
}

.c-link-block__txt--light {
  background-color: #de9fae;
}

.c-link-block__txt-wrapper {
  max-width: 520px;
  width: 100%;
}

.p-index-nav__inner {
  margin-left: auto;
  margin-right: auto;
  padding: 105px 0 0;
}

@media screen and (max-width: 768px) {
  .p-index-nav__inner {
    padding: 10% 0 0;
  }
}

.p-index-nav__upper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-index-nav__upper {
    flex-direction: column;
  }
}

.p-index-nav__upper-block {
  max-width: 50%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-nav__upper-block {
    max-width: 100%;
  }
}

.p-index-nav__lower {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .p-index-nav__lower {
    flex-direction: column;
  }
}

.p-index-nav__lower-block {
  max-width: 50%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-index-nav__lower-block {
    max-width: 100%;
  }
}

.p-index-news {
  background-color: #fcf4f6;
}

.p-index-news__ttl {
  color: #e6b7c2;
  text-align: center;
}

.p-index-news__ttl-jp span {
  font-size: 30px;
  font-size: 1.875rem;
}

@media screen and (max-width: 768px) {
  .p-index-news__ttl-jp span {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.p-index-news__ttl-jp span::before {
  content: '—';
  font-size: 0.83em;
  margin-right: 0.5em;
}

.p-index-news__ttl-jp span::after {
  content: '—';
  font-size: 0.83em;
  margin-left: 0.5em;
}

.p-index-news__ttl-en {
  color: #de9fae;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .p-index-news__ttl-en {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.p-index-news__list {
  margin: 20px 20px 0;
}

.p-index-news__item {
  align-items: flex-start;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  padding: 20px 3.5%;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-index-news__item {
    flex-direction: column;
    padding-right: 30px;
    position: relative;
  }
}

.p-index-news__item + .p-index-news__item {
  margin-top: 20px;
}

.p-index-news__item-time {
  color: #de9fae;
  font-size: 15px;
  font-size: 0.9375rem;
  margin-right: 5%;
  min-width: 96px;
}

@media screen and (max-width: 768px) {
  .p-index-news__item-time {
    margin-bottom: 5px;
    min-width: auto;
  }
}

.p-index-news__item-ttl {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 10px;
}

.p-index-news__item i.fas {
  align-self: center;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .p-index-news__item i.fas {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
}

.p-index-news__item:hover {
  background: #ffdae6;
}

.p-index-news__item.is-no-link {
  pointer-events: none;
}

.p-index-news .l-container {
  padding: 120px 0;
}

@media screen and (max-width: 768px) {
  .p-index-news .l-container {
    padding: 60px 0;
  }
}

.p-index-news__bundle {
  position: relative;
}

.p-index-news__bundle .bundle__txt {
  left: 0;
  position: absolute;
  right: 0;
  top: -10%;
}

@media screen and (max-width: 768px) {
  .p-index-news__bundle .bundle__txt {
    top: -25%;
  }
}

.p-index-news__bundle .bundle__txt img {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-index-news__bundle .bundle__txt img {
    width: 50%;
  }
}

.p-index-news__bundle .bundle__img img {
  max-height: 410px;
  object-fit: cover;
  width: 100%;
}

.p-news-modal {
  max-width: 1000px;
  padding: 60px 30px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-news-modal {
    padding: 30px 15px;
  }
}

.p-index-journal {
  background: url(../images/top/bg_journal.jpg) 0 0 no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 120px 0;
}

@media screen and (max-width: 992px) {
  .p-index-journal {
    padding: 40px 0;
  }
}

.p-index-journal__ttl {
  color: #e3c6cd;
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-index-journal__ttl {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.p-index-journal__ttl--strong {
  color: #e6b7c2;
  font-weight: 500;
}

.p-index-journal__list {
  display: flex;
  justify-content: space-evenly;
}

@media screen and (max-width: 768px) {
  .p-index-journal__list {
    flex-direction: column;
  }
}

.p-index-journal__list-single:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .p-index-journal__list-single:nth-child(n+2) {
    margin-left: 0;
  }
}

.p-index-journal__item {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  .p-index-journal__item {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 992px) {
  .p-index-journal__item + .p-index-journal__item {
    margin-top: 30px;
  }
}

.p-index-journal__item-thumb {
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  border-radius: 10px;
  flex: 0 0 auto;
  height: 100%;
  max-width: 360px;
  object-fit: cover;
  overflow: hidden;
}

.p-index-journal__item-thumb img {
  display: block;
  height: auto;
  max-width: 100%;
  transition: .3s;
}

.p-index-journal__item-text {
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  background-color: #fff;
  border-radius: 10px;
  flex: 0 1 auto;
  margin: -10% 20px 0;
  max-width: 320px;
  padding: 30px;
  z-index: 2;
}

@media screen and (max-width: 992px) {
  .p-index-journal__item-text {
    margin: -10% 15px 0;
    padding: 15px;
  }
}

.p-index-journal__item-ttl {
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  transition: .3s;
}

.p-index-journal__item-date {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .p-index-journal__item-date {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}

.p-index-journal__item-cat {
  border-radius: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  transition: .3s;
}

@media screen and (max-width: 768px) {
  .p-index-journal__item-cat {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}

@media screen and (min-width: 993px) {
  .p-index-journal__item:hover .p-index-journal__item-ttl {
    color: #dc91a2;
  }
  .p-index-journal__item:hover .p-index-journal__item-thumb img {
    transform: scale(1.1);
  }
  .p-index-journal__item:hover .c-journal-cat--pink {
    background-color: #dc91a2;
  }
}

@media screen and (max-width: 576px) {
  .p-index-journal .m-btn-link {
    margin-top: 10px;
  }
}

.p-index-instagram {
  padding-top: 40px;
}

@media screen and (min-width: 993px) {
  .p-index-instagram {
    padding-top: 50px;
  }
}

.p-index-instagram__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1260px;
  padding: 0 15px;
}

.p-index-instagram__ttl {
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0 auto;
  text-align: center;
  width: 273px;
}

@media screen and (max-width: 576px) {
  .p-index-instagram__ttl {
    font-size: 24px;
    font-size: 1.5rem;
    width: 52%;
  }
}

.p-index-instagram__slider {
  margin-top: 30px;
  position: relative;
}

.p-insta-slider__btn {
  font-size: 30px;
  outline: none;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
}

.p-insta-slider__btn--prev {
  left: 0;
}

.p-insta-slider__btn--next {
  right: 0;
}

.p-index-faq {
  background-color: #e8aab8;
  padding: 120px 0;
}

@media screen and (max-width: 768px) {
  .p-index-faq {
    padding: 60px 0;
  }
}

.p-index-faq__subttl {
  background-color: #ecb9c4;
  border-radius: 5px;
}

.p-index-faq .c-accordion__item {
  border-radius: 5px;
  margin-top: 20px;
}

.p-index-student {
  background: #e6b7c2;
  padding: 60px 20px;
}

@media screen and (max-width: 768px) {
  .p-index-student {
    padding: 40px 20px;
  }
}

.p-index-student__ttl {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}

.p-index-student__txt {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 10px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-index-student__txt {
    font-size: 14px;
    font-size: 0.875rem;
  }
}