/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
@charset "UTF-8";
@font-face {
  font-family: "ZenOldMincho-SemiBold";
  src: url("../font/ZenOldMincho/ZenOldMincho-SemiBold.woff2") format("woff2");
  font-display: swap;
}
:root {
  --blue: #004EA2;
  --sky: #007BC7;
  --yellow: #FFFF00;
  --gray: #F5F5F5;
  --gray2:#808080;
  --black:#323232;
  --d-blue:#004EA2;
  ---n-blue:#007BC7;
}
/* @font-face {
  font-family: "ZenOldMincho-Regular";
  src: url("../font/ZenOldMincho/ZenOldMincho-Regular.woff2") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenOldMincho-SemiBold";
  src: url("../font/ZenOldMincho/ZenOldMincho-SemiBold.woff2") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenOldMincho-Black";
  src: url("../font/ZenOldMincho/ZenOldMincho-Black.woff2") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Bodoni-Bold";
  src: url("../font//Bodoni/BodoniModa_48pt-Bold.woff2") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Bodoni-Regular";
  src: url("../font/Bodoni/BodoniModa_48pt-Regular.woff") format("woff");
  font-display: swap;
} */
html {
  height: 100%;
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-family: "source-han-sans-japanese", sans-serif;
  font-style: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-height: 100vh;
  color:var(--black);
  letter-spacing: 0.01em;
  /* opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out forwards;
          animation: fadeInUp 1s ease-in-out forwards; */
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .main {
    overflow-x: hidden ;
  } 
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}

html, body,
p, ol, ul, li, dl, dt, dd,
blockquote, figure, fieldset, legend, textarea, pre, iframe,
h1, h2, h3, h4, h5, h6, hr {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

p {
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  font-size: 1rem;
}

*, ::before, ::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

img {
  width: 100%;
  height: auto;
}
/* js用 */
.js-bg-wrap{
  overflow: hidden;
  opacity: 0;
  display: block;
}
.js-bg-wrap--inner{
  opacity: 0;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
      -ms-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
  -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  -o-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  display: block;
}
.js-bg-wrap.is-animated{
  opacity: 1;
}
.js-bg-wrap.is-animated .js-bg-wrap--inner{
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}
.js-open01.js-appear {
  display: block;
}

.js-open01.js-disappear {
  display: none;
}

.js-open02.js-appear {
  display: block;
}

.js-open02.js-disappear {
  display: none;
}
.js-open03.js-appear {
  display: block;
}
.js-open03.js-disappear {
  display: none;
}
.js-fadeUpTrigger {
 opacity: 0;
}
.js-fadeUpTrigger-delay{
  opacity: 0;
}
.js-fadeUpTrigger.js-fadeUp{
  -webkit-animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

.js-fadeUpTrigger-delay.js-fadeUp{
  -webkit-animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
.js-fadeUp{
  -webkit-animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
          animation: fadeIn 1.2s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
 
#js-follow-area{
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  display: none;
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 999; 
  -webkit-box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.6);
    box-shadow: 2px 2px 10px -3px rgba(0, 0, 0, 0.6);
}
/* //js用 */


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
.c-banner-menu{
  font-size: clamp(10px,4vw,14px);
  border-top:solid 1px #333;
  border-bottom:solid 1px #333;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .c-banner-menu{
    padding: 5px 0;
  }
}
.c-banner-menu p{
  font-size: clamp(10px,4vw,14px);
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-banner-menu p{
    font-size: clamp(10px,4vw,12px);
    padding: 0 10px;
    line-height: 1.3;
  }
}

.l-main {
  width: 100%;
  padding-top: 126px;
}
@media screen and (max-width: 768px) {
  .l-main {
    padding-top: 110px;
  }
}
.l-main.--semi {
  padding-top: 148px;
}
@media screen and (max-width: 768px) {
  .l-main.--semi {
    padding-top: 31vw;
  }
}
.l-main-img {
  width: 100%;
  margin: 0 auto;
  height: 650px;
}
@media screen and (max-width: 768px) {
  .l-main-img {
    position: absolute;
    z-index: -1;
    height: 100%;
    margin: 0 auto;
  }
}
.l-main-img picture img {
  -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: bottom;
        object-position: bottom;
  height: 650px;
}
@media screen and (max-width: 768px) {
  .l-main-img picture img {
    height: 100%;
  }
}
.l-main-inner {
  position: absolute;
  max-width: 1020px;
  width: 100%;
  height: 650px;
  top: 0px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1800px) {
  .l-main-inner {
    max-width: 1020px;
  }
}
@media screen and (max-width: 768px) {
  .l-main-inner {
    position: static;
    margin: 0 auto;
    padding: 0 16px;
    height: 100%;
    -ms-transform: none;
        transform: none;
    -webkit-transform: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.l-main--hr {
  display: block;
  height: 3px;
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
}
.l-main-news {
  max-width: 700px;
  width: 100%;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 56px;
  padding-bottom: 56px;
}
@media screen and (max-width: 768px) {
  .l-main-news {
    display: block;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 768px){
  .l-main-wrap{
    padding: 20px 0;
  }
}
.l-main-flex{
  display: block;
}
@media screen and (max-width: 768px){
  .l-main-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-bottom: 10px;
  }
}
.l-main-wrap--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .l-main-wrap--flex {
    margin-bottom: 4px;
  }
}
.l-main-wrap--flex:last-of-type {
  margin-top: -8px;
  margin-bottom: -8px;
}
.l-main-wrap--left {
  max-width: 100px;
  width: 100%;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .l-main-wrap--left {
    max-width: 20vw;
    margin-left: -15px;
    margin-top: -4px;
    margin-right: 10px;
  }
}
.l-main-wrap__h1 {
  font-weight: 700;
  color: #fff;
  margin: 0 0 16px 0;
  padding: 10px 0 16px 0;
  font-family: "ZenOldMincho-Black";
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1 {
    
    font-family: "ZenOldMincho-Regular";
  }
}
.l-main-wrap__h1::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  background-image: -o-linear-gradient(left, #fff 75%, transparent);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(75%, #fff), to(transparent));
  background-image: linear-gradient(to right, #fff 75%, transparent);
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1::after {
  }
}
.l-main-wrap__h1::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  background-image: -o-linear-gradient(left, #fff 75%, transparent);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(75%, #fff), to(transparent));
  background-image: linear-gradient(to right, #fff 75%, transparent);
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1::before {
  }
}
.l-main-wrap__h1--span {
  display: block;
  font-size: clamp(20px, 7vw, 36px);
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--span {
    font-size: 5.5vw;
    text-shadow: 0px 0px 5px #000000;
    line-height: 1.3;
  }
  .l-main-wrap__h1--span.--sp {
    font-family: "ZenOldMincho-Black";
  }
}
.l-main-wrap__h1--span b {
  font-size: 42px;
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--span b {
    font-size: 7vw;
    text-shadow: 0px 0px 5px #000000;
  }
  .l-main-wrap__h1--span b.--main {
    font-size: 8vw;
  }
}
.c-main-wrap__link{

}
.c-main-wrap{
    max-width: 330px;
}
@media screen and (max-width: 768px) {
  .c-main-wrap{
    max-width: 70%;
}
}
.c-main-wrap__heading{
  background-color: #fff;
  color: #052362;
  display: inline-block;
  padding: 8px;
  margin-bottom: 4px;
  line-height: 1;
  font-size: clamp(10px,4vw,18px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-main-wrap__heading{
    font-size: 3.5vw;
    padding: 4px 8px;
    max-width: 30%;
    width: 100%;
    text-align: center;
    display: block;
  }
}
.l-main-wrap__p {
  color: #fff;
  font-size: 24px;
  display:block;
  margin-bottom: 16px;
  font-family: "ZenOldMincho-Black";
}
@media screen and (max-width: 768px) {
  .l-main-wrap__p {
    width: 100%;
    font-size: 4.5vw;
    margin-bottom: 0px;
    line-height: 1.3;
    font-family: "ZenOldMincho-Regular";
    /* font-weight: bold; */
    max-width: 70%;
    display: block;
    text-shadow: 0px 0px 5px #000000;
  }
  .l-main-wrap__p span {
    font-size: 10vw;
    font-size: clamp(30px, 10vw, 42px);
  }
}

.l-main-wrap--mini {
  color: #fff;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .l-main-wrap--mini {
    color: #171C61;
    padding-bottom: 8px;
  }
}
.l-main-bottom--left {
  max-width: 180px;
  width: 100%;
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .l-main-bottom--left {
    max-width: 150px;
  }
  .l-main-bottom--left img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.l-main-bottom--right {
  max-width: 180px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-main-bottom--right {
    max-width: 150px;
  }
  .l-main-bottom--right img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.l-main-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  text-align: center;
}
.l-main-logo__p {
  color: #fff;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .l-main-logo__p {
    font-size: 8px;
    line-height: 1.3;
    font-size: clamp(6px, 4vw, 10px);
  }
}
.l-main-logo__div {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-main-logo__div--bold {
  font-weight: bold;
  font-size: 44px;
  letter-spacing: 0.05em;
  line-height: 1.3;
  font-family: "Bodoni-Regular";
}
@media screen and (max-width: 768px) {
  .l-main-logo__div--bold {
    font-size: 36px;
    font-size: clamp(32px, 10vw, 40px);
  }
}
.l-main-logo__div--ver {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  line-height: 1;
  font-size: 13px;
  position: relative;
  text-align: end;
  padding-left: 3%;
  padding-bottom: 6%;
}
@media screen and (max-width: 768px) {
  .l-main-logo__div--ver {
    font-size: 12px;
    font-size: clamp(12px, 3.5vw, 14px);
    padding-left: 1%;
    padding-bottom: 3%;
  }
}
.l-main-logo__div--ver::after {
  position: absolute;
  top: 6px;
  right: -14px;
  content: "※";
  font-size: 8px;
}
@media screen and (max-width: 768px) {
  .l-main-logo__div--ver::after {
    top: 1px;
    font-size: 1vw;
  }
}
.l-headline-wrap__inner{
  padding-top: 64px;
  padding-bottom: 6vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 50% 100%, 0 calc(100% - 8vw));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 50% 100%, 0 calc(100% - 8vw));
  background-image: url(../img/marit/yobougata_bg.webp);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 2vw;
}
@media screen and (max-width: 768px) {
  .l-headline-wrap__inner{
    padding-bottom: 12vw;
    margin-bottom: 6vw;
  }
}
.l-headline-wrap__inner--bottom{
text-align: center;
padding-bottom: 32px;
}
@media screen and (min-width: 2000px) {
  .l-headline-wrap__inner:after{
    border-width: 100px 50vw 0 50vw;
  }
}
.l-headline-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.l-success {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-success {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-success {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-success-wrap {
  background-color: #E5EDF6;
}

.l-achieve {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-achieve {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-achieve {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.c-cur-hr{
  display: block;
  height: 1px;
  width: 100%;
  border-bottom:solid 1px #052362;
}
.c-cur-hr.--cation{
  border-bottom:solid 1px #004EA2;
}
.l-cur {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .l-cur {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
.l-cur.--case {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .l-cur.--case {
    padding-bottom: 30px;
  }
}
.l-cur.--precedent{
  padding-top: 48px;
}
.l-cur--precedent{
  background-color: #fff;
  padding: 16px 32px;
}
@media screen and (max-width: 768px) {
  .l-cur--precedent{
    padding: 16px 20px;
    /* background-color:transparent; */
  }
}
.l-cur.--adjust {
  padding-bottom: 0;
}
.l-cur-wrap--parent{
  padding: 90px 16px 0;
}
@media screen and (max-width: 768px) {
  .l-cur-wrap--parent{
    padding: 60px 16px 0;
  }
}
.p-cur-nav{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 0 16px;
}
.c-cur-nav{
  width: calc(100% / 3 - 1%);
  margin-right: 1.5%;
  border: solid 1px #052362;
  border-radius: 5px;
  text-align: center;
  padding: 20px 10px; 
  font-weight: bold;
  font-size: 3.5vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #052362;
  line-height: 1.3;
  display: block;
  cursor: pointer;
}
.c-cur-nav:last-of-type{
  margin-right: 0;
}
.c-cur-nav--span{
  display: block;
  margin: 5px auto 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #808080 transparent transparent transparent;
}
.l-cur-wrap {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 60px auto; 
}
.c-cur-wrap__inner{
  text-align: center;
  line-height: 1.3;
  padding: 20px 10px;
  display: none;
}

@media screen and (max-width: 768px) {
  .c-cur-wrap__inner{
    display: block;
  }
  .c-cur-wrap__inner.--first-seminar{
    display: none;
  }
}
.c-cur-wrap__inner .--text{
  font-size: 4vw;
  font-weight: bold;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px var(--blue);
  color: var(--blue);
  display: inline-block;
  padding: 0 16px;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: .1em;
}
.c-cur-wrap__inner .--text.--sky{
  border: solid 1px var(--sky);
  color: var(--sky);
}
.c-cur-wrap__inner--close{
  text-align: center;
  line-height: 1.3;
  padding: 20px 10px;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-cur-wrap__inner--close{
    display: block;
  }
}
.c-cur-wrap__inner--close .--text{
  font-size: clamp(10px,5vw,18px);
  font-weight: bold;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px var(--blue);
  color: var(--blue);
  display: inline-block;
  padding: 0 32px 0 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: .1em;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-cur-wrap__inner--close .--text{
    font-size: 4vw;
  }
}
.c-cur-wrap__inner--close .--text.--sky{
  border: solid 1px var(--sky);
  color: var(--sky);
}
.c-cur-wrap__inner--close .--text:before, .c-cur-wrap__inner--close .--text:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 1px;
  height: 12px;
  background: var(--blue);
}
.c-cur-wrap__inner--close .--text.--sky:before, .c-cur-wrap__inner--close .--text.--sky:after {
  background: var(--sky);
}
.c-cur-wrap__inner--close .--text:before {
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
      -ms-transform: translate(-50%,-50%) rotate(45deg);
          transform: translate(-50%,-50%) rotate(45deg);
}
.c-cur-wrap__inner--close .--text:after {
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
      -ms-transform: translate(-50%,-50%) rotate(-45deg);
          transform: translate(-50%,-50%) rotate(-45deg);
}
.l-cur-wrap__inner{
  /* padding: 0 16px; */
}
@media screen and (max-width: 768px) {
  .l-cur-wrap__inner{
    display: none;
  }
  .l-cur-wrap__inner.--first {
    display: block;
  }
}
/* スライド */
.p-cur-label__slider--wrap{
  padding: 60px 0 80px;
}
@media screen and (max-width: 768px) {
  .p-cur-label__slider--wrap{
    padding: 30px 0 50px;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}
.c-cur-label__box--wrap{
  position: relative;
}
.c-cur-label__box{
  position: absolute;
  width: 100%;
  height: 60%;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.c-cur-label--iframe{
  position:relative;
  width:100%;
  height:0;
  padding-top:56.25%;
}
.c-cur-label--iframe iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  }
.p-cur-label__slider{
  /* padding-top: 64px; */
  width: 100%;
  margin: 0 auto ;
}
@media screen and (max-width: 768px) {
  .p-cur-label__slider{
    width: 100%;
  }
}
.slick-prev, .slick-next {
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.slick-prev:hover, .slick-next:hover {
  opacity: .6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.slick-prev{
  left:12%;
  -webkit-box-shadow: 5px 5px 16px -6px rgba(0,0,0,.6);
          box-shadow: 5px 5px 16px -6px rgba(0,0,0,.6);
  background-color: #052362;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: none;
}
@media screen and (max-width: 768px) {
  .slick-prev{
    left:10px;
    width: 30px;
    height: 30px;
  }
}
.slick-next {
  right: 12%;
  -webkit-box-shadow: 5px 5px 16px -6px rgba(0,0,0,.6);
          box-shadow: 5px 5px 16px -6px rgba(0,0,0,.6);
  background-color: #052362;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .slick-next {
    right: 10px;
    width: 30px;
    height: 30px;
  }
}
.slick-slide{
  opacity: .3;
  margin-left: 5px;
  margin-right: 5px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .slick-slide{
    margin-left: 3px;
    margin-right: 3px;
  }
}
.slick-current{
  opacity: 1;
  pointer-events:auto!important;
}
/* //スライド */
.p-cur-circle{
  max-width: 125px;
  width: 100%;
  height: 125px;
  margin: 0 auto -64px;
  background-color: var(--blue);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-cur-circle{
    margin: 0 auto -43.5px;
    width: 85px;
    height: 85px;

  }
}
.p-cur-circle.--sky{
background-color: var(--sky);
}
.c-cur-circle__text{
  position: absolute;
  top: 3%;
  left: 50%;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
  color: #fff;
  font-size: clamp(10px,7vw,22px);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-cur-circle__text{
    top: 13%;
    font-size: 4vw;
  }
}
.c-cur-circle__text .--large{
  font-size: clamp(10px,7vw,34px);
}
@media screen and (max-width: 768px) {
  .c-cur-circle__text .--large{
    font-size: 4vw;
  }
}
.p-cur-label{
padding: 18px 0;
border-top: solid 8px var(--blue);
border-bottom: solid 2px var(--blue);
text-align: center;
background-color: #fff;
position: relative;
z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-cur-label{
    padding: 14px 0;
    display: block;
  text-align: center;
  }
}
.p-cur-label.--sky{
  border-top: solid 8px var(--sky);
border-bottom: solid 2px var(--sky);
}
.c-cur-label{
  width: 87px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 20%;
  left: 15%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .c-cur-label{
    top: -19px;
    width: 39px;
    left: 3px;
  }
}
.c-cur-label.--sky{
  left: 6%;
  width: 171px;
}
@media screen and (max-width: 768px) {
  .c-cur-label.--sky{
    left: 70%;
    width: 87px;
    top: -100px;
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
  }
}
.c-cur-label.--adj{
  left: 6%;
  
  width: 120px;
}
@media screen and (max-width: 768px) {
  .c-cur-label.--adj{
    left: 6%;
    top: -43px;
    width: 65px;
  }
}
.p-cur-label__text{
  font-size: clamp(10px,4vw,20px);
  margin-right: 10px;
}
.p-cur-label__text span{
  font-size: clamp(10px,4vw,16px);
}
@media screen and (max-width: 768px){
  .p-cur-label__text span{
    font-size: clamp(10px,3.5vw,16px);
  }
}
.p-cur-label__text.--white{
  background-color: #fff;
  color:#052362;
  line-height: 1;
  padding: 4px 6px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-cur-label__text.--white{
    display: inline-block;
    margin-bottom: 4px;
  }
}
.p-cur-label__text.--inline{
  display: inline-block;
  border: solid 1px #052362;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .p-cur-label__text.--inline{
    margin-left: 0px;
  }
}
.p-cur-label__text.--inline:first-of-type{
  margin-left: 0;
}
.p-cur-label__text--heading{
  font-size: clamp(10px,5vw,28px);
  color: var(--blue);
}
@media screen and (max-width: 768px) {
  .p-cur-label__text--heading{
  padding-bottom: 12px;
  line-height: 1;
  }
}
.p-cur-label__text--heading.--sky{
  color: var(--sky);
}
.p-cur-label__text--mini{
  font-size: clamp(10px,5vw,14px);
  display: block;
  line-height: 1;
}
.l-table {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-table {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-table {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

.l-feature {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-right: 16px;
  padding-left: 16px;
}
@media screen and (min-width: 1800px) {
  .l-feature {
    max-width: 820px;
  }
}
.l-feature-wrap {
  background-color: #E5EDF6;
}

.l-voice {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-voice {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-voice {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-voice--hr {
  height: 5px;
  display: block;
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
}

.l-privilege {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-privilege {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-privilege {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-privilege-wrap {
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(left, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(23, 28, 97)), to(rgb(23, 28, 48)));
  background: linear-gradient(90deg, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%);
}
.l-privilege--hr {
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  text-align: center;
  padding: 10px;
}
.l-privilege--hr p {
  text-shadow: 1px 1px 7px #000000;
  color: #fff;
  font-size: 32px;
  font-weight: bolder;
}
@media screen and (max-width: 768px) {
  .l-privilege--hr p {
    font-size: clamp(28px, 3vw, 32px);
  }
}
.l-profssor-form{
  padding-top: 66px;
}
@media screen and (max-width: 768px) {
  .l-profssor-form{
    padding-top: 62px;
  }
}
.l-profssor-wrap{
  background-image: url(../img/professor/stripe_bgi.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-bottom: solid 6px var(--blue);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-profssor-wrap{
    background-image: url(../img/professor/stripe_bgi_sp.webp);
  }
}
@media screen and (max-width: 1440px) {
  .l-profssor-wrap__inner{
    max-width: 1000px;
    padding-right: 120px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-profssor-wrap__inner{
    padding-right: 0px;
    margin-right: auto;
    margin-left: auto;
}
}
.l-profssor-steps {
  padding-top: 66px;
}
@media screen and (max-width: 768px) {
  .l-profssor-steps {
    padding-top: 70px;
  }
}
.l-profssor {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: calc(66px + 60px);
  padding-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-profssor {
    padding-right: 16px;
    padding-left: 16px;
    padding-top:calc(62px + 60px);
    padding-bottom: 60px;
    overflow: hidden;
  }
  .l-profssor.--survey {
    padding-top: calc(62px + 32px);
    padding-bottom: 32px;
  }
}


.c-profssor {
  position: absolute;
  z-index: 3;
  height: 80%;
  bottom: 60px;
  right: -200px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1440px) {
  .c-profssor {
    right: -16vw;
    height: 80%;
    bottom: auto;
    top: -60px;
  }
}
@media screen and (max-width: 1000px) {
  .c-profssor {
    height: 60%;
  }
}
@media screen and (max-width: 767px) {
  .c-profssor {
    display: block;
    height: 260px;
    width: 156px;
    bottom:auto;
    right: -10px;
    top:20px;
  }
}
.l-profssor-bottom{
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: solid 1px #333333;
}
@media screen and (max-width: 768px) {
  .l-profssor-bottom{
    padding-right: 16px;
    padding-left: 16px;
  }
}
.c-profssor-bottom{
  font-size: clamp(10px,7vw,18px);
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-profssor-bottom{
    font-size: 3.5vw;
  }
}
.l-ac-wrap{
  /* padding-bottom: 200px; */
}
.l-ac {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .l-ac {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
.l-sche {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-sche {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-sche {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.l-footer{
  background-color: #f5f5f5;
}
.l-footer-inner {
  text-align: center;
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  /* padding-top: 40px; */
}
@media screen and (max-width: 768px) {
  .l-footer-inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}


.l-header-underlayer {
  background-color: #fff;
  top: 0;
  z-index: 999;
  width: 100%;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@media screen and (max-width: 768px) {
  .l-header-underlayer {
   position: fixed;
  }
}
.l-header-wrap {
  background-color: #fff;
  width: 100%;
  padding: 8px;
  text-align: center;
  z-index: 999;
}
.l-header-wrap.--adjust {
  /* position: fixed; */
  padding: 2px;
  bottom: 4px;
  right: 4px;
  border-radius: 5px;
  opacity: 0.9;
  width: auto;
}
.l-header-pagetop {
  display: none;
  z-index: 100000;
  position: fixed;
  bottom: 70px;
  right: 15px;
  max-width: 60px;
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header-pagetop {
    display: block;
  }
}
.l-header-inner {
  max-width: 1200px;
  width: 100%;
  height: 100%;
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .l-header-inner {
    padding: 0px 16px 0 16px;
  }
  .l-header-inner.--form {
    padding:0 16px 0 16px;
  }
}
.l-header-inner.--adjust {
}
.l-header-inner--sp.--top{
  padding: 8px 16px ;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns	:1fr 2px 1fr;
  grid-template-columns	:1fr 1fr;
  gap: 2px;
}
.l-header-inner--sp{
  padding: 8px 16px ;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns	:1fr 2px 1fr 2px 1fr;
  grid-template-columns	:1fr 1fr 1fr;
  gap: 2px;
}
.l-header-inner--sp .--list{
  width: calc(100% / 3 );
  text-align: center;
  padding: 10px;
  font-size: 3.5vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  font-weight: bold;
  background-color: #E5EDF6;
}
.l-header-inner--sp .--list:nth-of-type(even){
  background-color: #F2F4F7;
}
.l-header-inner--sp .--products{
  width: 100%;
  text-align: center;
  padding: 10px 5px;
  font-size: 3.2vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  font-weight: bold;
  background-color: var(--sky);
  border: solid 1.5px var(--sky);
  color: #fff;
  display: -ms-grid;
  display: grid;
  place-content: center;
  -webkit-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
.l-header-inner--sp .--products:hover{
  background-color: #fff;
  color: var(--blue);
  border: solid 1.5px var(--blue);
  -webkit-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
.l-header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  .l-header-wrapper {
    padding: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.l-header-wrapper.--mount{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .l-header-wrapper.--mount{
    padding: 10px;
  }
}
.l-header-logo {
  max-width: 180px;
  width: 100%;
  display: -ms-grid;
  display: grid;
  place-content: center;
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.l-header-logo:hover {
  opacity: .6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .l-header-logo.--sp {
  }
}
.l-header-logo.--mount{
          -webkit-box-flex: 0;
              -ms-flex: 0 1 23%;
                  flex: 0 1 23%;
}
@media screen and (max-width: 768px) {
  .l-header-logo.--mount{
            -webkit-box-flex: 0;
                -ms-flex: 0 1 60%;
                    flex: 0 1 60%;
  }
}
@media screen and (max-width: 768px) {
  .l-header-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
    height: 42px;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.l-header-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  gap: 0 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media screen and (max-width: 768px) {
}
.l-top-text {
  padding-bottom: 16px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .l-top-text {
    padding: 0 16px 16px;
  }
}
@media screen and (max-width: 560px) {
  .l-top-text {
    padding: 8px 16px;
  }
}
.l-top-text p {
  width: 960px;
  margin: 0 auto;
  color: text-color(base);
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .l-top-text p {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .l-top-text p {
    margin: auto;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

#l-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 768px) {
  #l-nav {
    height: calc(100vh - 56px);
  }
}
#l-nav.panelactive {
  right: 0;
}
#l-nav.panelactive#p-nav-list {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh; /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#l-nav-list {
  float: right;
  right: 0;
  z-index: 999;
  max-width: 450px;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* background: rgb(23, 28, 97);
  background: -webkit-gradient(linear, left top, right top, from(rgb(23, 28, 97)), to(rgb(23, 28, 48)));
  background: -o-linear-gradient(left, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%);
  background: linear-gradient(90deg, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%); */
  background-color: var(--sky);
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  #l-nav-list {
    max-width: 90%;
    height: calc(100vh - 56px);
  }
}
#l-nav-list ul {
  padding: 120px 32px 0 32px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  #l-nav-list ul {
    padding: 80px 20px 40px 20px;
  }
}
#l-nav-list ul li {
  border-bottom: solid 2px #fff;
}
#l-nav-list ul li .c-nav-list {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 32px 0;
  
}
@media screen and (max-width: 768px) {
  #l-nav-list ul li .c-nav-list {
    padding: 20px 0;
    text-align: left;
    position: relative;
    font-size: 5vw;
  }
}
.c-nav-list--child{
  width: 90%;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 20px;
}
.c-nav-list--child .--content{
  color: #fff;
  font-size:4vw;
  text-align: left;
  padding: 8px 0;
}
.p-header-new__ul{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 45px;
  grid-template-rows: 45px;
  gap: 2px;
  max-width: 1366px;
  padding: 0 12px 10px 12px;
  margin: 0 auto;
}
.p-header-new__ul > *:nth-child(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.p-header-new__ul > *:nth-child(2){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.p-header-new__ul > *:nth-child(3){
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.p-header-new__ul > *:nth-child(4){
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.p-header-new__ul > *:nth-child(5){
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.p-header-new__ul > *:nth-child(6){
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
.p-header-new__ul.--products{
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.p-header-new__ul > *:nth-child(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.p-header-new__ul > *:nth-child(2){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.p-header-new__ul > *:nth-child(3){
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.p-header-new__ul > *:nth-child(4){
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.p-header-new__ul > *:nth-child(5){
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.p-header-new__ul > *:nth-child(6){
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
.p-header-new__li{
  background-color:var(--sky);
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: relative;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: solid 1.5px var(--sky);
}
.p-header-new__li:hover{
  cursor: pointer;
  background-color: #fff;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.p-header-new__li .--text{
  color: #fff;
  font-size: clamp(10px,1.2vw,14px);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: 300;
  letter-spacing: 0.03em;
}
.p-header-new__li:hover .--text{
  color:var(--sky);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c-header-new--contents{
  position: absolute;
  top: 45px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  z-index: 100;
  overflow: hidden;
}
.js-header-ac--contents{
  min-height: 0;
  height: 0;
  -webkit-transition: min-height 0.3s;
  -o-transition: min-height 0.3s;
  transition: min-height 0.3s;
}
.js-header-ac--contents.active{
  min-height: 165px;
  -webkit-transition: min-height 0.3s;
  -o-transition: min-height 0.3s;
  transition: min-height 0.3s;
}

.c-header-new--item{
  /* background: rgb(202,208,222);
  background: -webkit-gradient(linear, right top, left top, from(rgba(202,208,222,1)), color-stop(50%, rgba(251,251,251,1)), to(rgba(202,208,222,1)));
  background: -o-linear-gradient(right, rgba(202,208,222,1) 0%, rgba(251,251,251,1) 50%, rgba(202,208,222,1) 100%);
  background: linear-gradient(270deg, rgba(202,208,222,1) 0%, rgba(251,251,251,1) 50%, rgba(202,208,222,1) 100%); */
  height: 55px;
  border-bottom: solid 1px #fff;
  background-color: #E5EDF6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c-header-new--item:hover{
  background-color: #6695C7;
  color: #fff;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c-header-new--item:hover .--item-text{
color: #fff;

}
.c-header-new--item:last-of-type{
border-bottom: none;
}
.c-header-new--item .--link{
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.c-header-new--item .--item-text{
  color: var(--blue);
  font-weight: 300;
  font-size: clamp(10px,4vw,14px);
}
.c-icon {
  width: 1em;
}

.c-button-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  content: "";
  padding: 0.2em 1em;
  border-radius: 1.5em;
  color: #FFFFFF;
  line-height: 1.2;
  white-space: nowrap;
}

.c-btn {
  position: relative;
  display: block;
  width: 376px;
  height: 52px;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 26px;
  color: text-color(base);
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.c-btn__arrow {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: key-color(pink01);
  border-radius: 50%;
}
@media screen and (max-width: 560px) {
  .c-btn__arrow {
    right: 16px;
  }
}
.c-btn__arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 3px;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.c-btn:hover {
  background-color: #333;
  color: text-color(white);
}
@media screen and (max-width: 560px) {
  .c-btn {
    width: 264px;
    height: 40px;
    border: 2px solid #333;
    border-radius: 20px;
    font-size: 1.4rem;
    line-height: 36px;
  }
}

.c-btn-to-top {
  position: fixed;
  z-index: 5;
  right: 20px;
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: #373737;
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  border-radius: 50%;
  cursor: pointer;
}
@media screen and (max-width: 560px) {
  .c-btn-to-top {
    right: 16px;
    bottom: 16px;
  }
}
.c-btn-to-top:hover {
  opacity: 0.5;
}
.c-btn-to-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  margin-left: -5px;
  border-width: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.c-fixed-area__wrap{
  background-color: var(--yellow);
  border: solid 1px var(---n-blue);
  width: 350px;
  border-radius: 100px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 560px) {
  .c-fixed-area__wrap{
    width: 300px;
  }
}
.c-fixed-area__wrap.--pc-header{
  width: 240px;
}
.c-fixed-area__wrap::before{
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  content: '';
  width: 400px;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background-color: var(---n-blue);
  -webkit-transform: translateX(-120%);
      -ms-transform: translateX(-120%);
          transform: translateX(-120%);
  z-index: 2;
}
.c-fixed-area__wrap:hover::before{
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 767px) {
  .l-main--relative:hover .c-fixed-area__wrap::before{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}
.c-fixed-area {
  display: inline-block;
  border-radius: 100px;
  max-width: 400px;
  width: 100%;
}
.c-fixed-area--header {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 14px 0px;
  line-height: 1;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .c-fixed-area--header {
    padding: 10px 0px;
  }
}
.c-fixed-area--header.--sp {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
      
} 
.c-fixed-area--letter{
  color: var(---n-blue);
  font-size: clamp(10px, 4vw, 18px);
  font-weight: 500;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-fixed-area--letter{
    font-size: 4.8vw;
  }
}
.c-fixed-area--letter.--apply{
  letter-spacing: .1em
}
@media screen and (max-width: 768px) {
  .c-fixed-area--letter.--apply{
   font-size: 4.2vw;
   line-height: 1;
  }
}
.c-fixed-area--header:hover .c-fixed-area--letter{
  color: var(--yellow);
  z-index: 2;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .05em;
}

@media screen and (max-width: 768px) {
  .l-main--relative:hover .c-fixed-area--letter{
    color: var(--yellow);
    z-index: 2;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .05em;
  }
}

.c-fixed-area__p {
  color: #171C61;
  padding: 16px;
  font-size: 24px;
  -webkit-box-shadow: 5px 5px 16px -6px rgba(0, 0, 0, 0.6);
  box-shadow: 5px 5px 16px -6px rgba(0, 0, 0, 0.6);
  display: inline-block;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__p {
    font-size: 4.5vw;
  }
}
.c-fixed-area__span {
  display: inline-block;
  color: #171C61;
  line-height: 1;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.0px 7.5px 0 7.5px;
  border-color: #171C61 transparent transparent transparent;
}

.c-main-icon {
  position: relative;
  margin-left: -30px;
  margin-top: 10px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .c-main-icon {
    margin-left: -25px;
    margin-top: 5px;
  }
}
.c-main-icon img {
  max-width: 400px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-main-icon__p {
  color: #171C61;
  font-size: clamp(18px, 1.5vw, 20px);
  font-family: "ZenOldMincho-Black";
  position: absolute;
  top: 48%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  padding-left: 45px;
}
@media screen and (max-width: 768px) {
  .c-main-icon__p {
    color: #fff;
    font-size: 4vw;
    color: #171C61;
    font-family: "ZenOldMincho-Black";
    font-weight: bold;
    padding-left: 30px;
  }
}

.zdo_drawer_button * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.zdo_drawer_button {
  display: block;
  padding: 0;
  width: 24px;
  height: 24px;
  position: relative;
  background: none;
  border: none;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
  outline: none;
}

.zdo_drawer_button .zdo_drawer_bar {
  display: block;
  width: 24px;
  height: 2px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 0% 0%;
          -ms-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
  -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.zdo_drawer_button .zdo_drawer_bar1 {
  top: 3px;
}

.zdo_drawer_button .zdo_drawer_bar2 {
  top: 50%;
}

.zdo_drawer_button .zdo_drawer_bar3 {
  top: calc(100% - 3px);
}

.zdo_drawer_button.active .zdo_drawer_bar {
  width: 33.94px;
}

.zdo_drawer_button.active .zdo_drawer_bar1 {
  -webkit-transform: rotate(0.785398rad) translateY(-50%);
          -ms-transform: rotate(0.785398rad) translateY(-50%);
      transform: rotate(0.785398rad) translateY(-50%);
  top: 0px;
}

.zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0;
}

.zdo_drawer_button.active .zdo_drawer_bar3 {
  -webkit-transform: rotate(-0.785398rad) translateY(-50%);
          -ms-transform: rotate(-0.785398rad) translateY(-50%);
      transform: rotate(-0.785398rad) translateY(-50%);
  top: calc(100% - 0px);
}

.zdo_drawer_button.active .zdo_drawer_menu_text {
  display: none;
}

.zdo_drawer_button.active .zdo_drawer_close {
  display: block;
}

.zdo_drawer_text {
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  text-align: center;
  font-size: 10px;
}

.zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none;
}

/*+++ Default Button Color +++*/
.zdo_drawer_button {
  color: #2274a5;
}

.zdo_drawer_button .zdo_drawer_bar {
  background-color: #333333;
}

.c-link01:hover,
.c-link02:hover {
  text-decoration: underline;
}

.c-link02 {
  color: link-color(link02);
}
.c-link02:hover {
  color: link-color(link02-hover);
}

aside {
  display: none;
}

.p-main-news {
  max-width: 35%;
  width: 100%;
  padding-right: 16px;
}
@media screen and (max-width: 768px) {
  .p-main-news {
    max-width: 100%;
    padding-right: 0;
    text-align: center;
  }
}
.p-main-news--inner {
  border-right: solid 1px #004EA2;
}
@media screen and (max-width: 768px) {
  .p-main-news--inner {
    border-right: none;
    border-bottom: solid 1px #004EA2;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.p-main-news__h2 {
  color: #004EA2;
  font-size: clamp(30px, 7vw, 40px);
  font-family: "ZenOldMincho-SemiBold";
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-main-news__h2 {
    font-size: 7vw;
    font-family: "ZenOldMincho-SemiBold";
  }
}
.p-main-news__p {
  color: #004EA2;
  font-size: clamp(10px, 4vw, 16px);
}
@media screen and (max-width: 768px) {
  .p-main-news__p {
    font-size: 5vw;
    display: none;
  }
}
.p-main-news__ul {
  max-width: 65%;
  width: 100%;
  padding-left: 16px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .p-main-news__ul {
    max-width: 100%;
    padding-left: 8px;
  }
}
.p-main-news__li {
  color: #BBBCBC;
  font-size: clamp(14px, 4vw, 16px);
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-main-news__li {
    padding-bottom: 10px;
    font-size: 3.5vw;
  }
}
.p-main-news__li a p {
  color: #004EA2;
}
.p-main-news__li a b {
  padding-bottom: 3px;
  border-bottom: solid 1px #171C61;
}
.p-main-news__li--text {
  padding-left: 20px;
  color: #333;
  font-size: clamp(14px, 4vw, 16px);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-main-news__li--text {
    padding-left: 0;
    margin-left: 10px;
    font-size: 3.5vw;
  }
}
.p-main-news__li--text span {
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(right, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgb(23, 28, 97)), to(rgb(0, 78, 162)));
  background: linear-gradient(-90deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  color: #fff;
  font-size: clamp(10px, 4vw, 14px);
  font-weight: normal;
  padding: 2px 4px;
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .p-main-news__li--text span {
    font-size: 3.5vw;
  }
}
.p-headline__h2 {
  padding-bottom: 60px;
  font-size: clamp(20px,7vw,38px);
  color: var(--black);
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-headline__h2 {
    font-size: 6vw;
    line-height: 1.3;
  }
}

@media screen and (max-width: 768px) {
  .p-headline__h2.--form {
    padding-bottom: 20px;
  }
}

.p-headline__h2.--survey{
  padding-bottom: 0;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--survey{
    font-size: 8vw;
  }
}
.p-headline__h2 .--survey{
  font-size: clamp(20px,7vw,30px);
}
@media screen and (max-width: 768px) {
  .p-headline__h2 .--survey{
    font-size: 5vw;
    margin-bottom: 5px;
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--precedent{
    padding-bottom: 16px;
  }
}
.p-headline__h2.--products{
  font-size: clamp(20px,7vw,38px);
  font-weight: 500;
} 
@media screen and (max-width: 768px) {
  .p-headline__h2.--products{
    font-size: 6.4vw;
  } 
}
.p-headline__h2.--pb {
  padding-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--pb {
    padding-bottom: 12px;
    font-size: 6.4vw;
    line-height: 1;
  }
}
.p-headline__h2 b {
  color: #E6D480;
  font-size: 36px;
}
@media screen and (max-width: 768px) {
  .p-headline__h2 b {
    font-size: 8vw;
    padding-left: 3vw;
  }
}

.p-headline__h2--subtitle {
  font-size: clamp(20px,7vw,24px);
  text-align: center;
  display: block;
  padding-bottom: 60px;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--subtitle {
    font-size: 4vw;
    padding-bottom: 32px;
  }
}
.p-headline__h2--subtitle .--font{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
.p-headline__h2--sub{
  background-color: #004EA2;
  color: #fff;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-size: clamp(10px,7vw,20px);
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 4px 4px 8px;
  margin-bottom: 5px;
  display: inline-block;
  letter-spacing: .3em;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--sub{
    margin-bottom: 10px;
    font-size: 4vw;
  }
}
.p-headline__h2--cur{
  font-size: clamp(10px,7vw,22px);
  color: var(--blue);
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
  padding-bottom: 45px;
  /* letter-spacing: .1em; */
}
@media screen and (max-width: 768px) {
  .p-headline__h2--cur{
    font-size:5.33vw;
    padding-bottom: 24px;
  }
}
.p-headline__h2--cur.--sky{
  color: var(--sky);
}
.p-headline__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-headline__ul {
    margin-bottom: 0px;
  }
}
.p-headline__li {
  max-width: 49%;
  width: 100%;
  margin-right: 2%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-headline__li {
    max-width: none;
    margin-right: 0;
    margin-bottom: 2%;
  }
}
.p-headline__li:nth-of-type(2n) {
  margin-right: 0;
}
.p-headline__li:nth-of-type(1) {
  margin-bottom: 1%;
}
@media screen and (max-width: 768px) {
  .p-headline__li:nth-of-type(1) {
    margin-bottom: 2%;
  }
}
.p-headline__li:nth-of-type(2) {
  margin-bottom: 1%;
}
@media screen and (max-width: 768px) {
  .p-headline__li:nth-of-type(2) {
    margin-bottom: 2%;
  }
}
.p-headline__li--text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  color: #171C61;
  font-size: 20px;
  font-family: "ZenOldMincho-Black";
}
.p-headline__li--text b {
  font-size: 24px;
}
.p-headline__p {
  color: #fff;
  font-size: 20px;
  padding-bottom: 100px;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .p-headline__p {
    font-size: 4vw;
    padding-bottom: 100px;
  }
}
.p-headline-bottom {
  font-size: clamp(10px,4vw,20px);
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-headline-bottom {
    font-size:4vw;
    padding: 0 10px 32px 10px;
  }
}
.p-headline-bottom b {
  color: #004EA2;
}
.p-headline-bottom span {
  color: #004EA2;
  font-size: clamp(10px,4vw,24px);
  border-bottom: solid 1px #004EA2;
}
.p-headline-bottom--text {
  font-size: 28px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-headline-bottom--text {
    font-size: 6.5vw;
  }
}

.p-success__h2 {
  font-size: 28px;
  padding-bottom: 32px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-success__h2 {
    font-size: 5vw;
  }
}



@media screen and (max-width: 768px) {
  .p-success__p {
    text-align: center;
    letter-spacing: 0.01em;
    font-size: 4vw;
  }
}
.p-success__p b {
  display: block;
  color: #004EA2;
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .p-success__p b {
    display: inline;
    font-size: 1.3em;
    line-height: 1.3;
  }
}

.p-achieve__h2 {
  font-size: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-achieve__h2 {
    font-size: 6vw;
    letter-spacing: 0.01em;
    padding-bottom: 40px;
  }
}

.p-achieve-graph{
  padding-bottom: 16px;
}
.p-achieve-newgraph{
  position: relative;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    width: 100%;
}
.p-achieve-newgraph--text01{
  background-color: #fff;
  color: #B3272D;
  position: absolute;
  text-align: left;
  left: 14.5%;
  top: 20%;
}
.p-achieve-newgraph--span{
  font-size: 24px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--span{
    font-size: 3vw;
  }
}
.p-achieve-newgraph--large{
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--large{
    font-size: 6vw;
  }
}
.p-achieve-newgraph--text02{
  position: absolute;
  color: #F7B52C;
  right: -5%;
    top: -5%;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--text02{
    right: -0.5%;
    top: -13%;
  }
}
.p-achieve-newgraph--text02 p{
  font-size: 20px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--text02 p{
    font-size:2vw;
  }
}
.p-achieve-newgraph--text03{
  position: absolute;
  color: #004EA2;
  right: -7.5%;
  top: 8%;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--text03{
    right: -0.5%;
    top: -6%;
  }
}
.p-achieve-newgraph--text03 p{
  font-size: 20px;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  .p-achieve-newgraph--text03 p{
    font-size: 2vw;
  }
}
.p-achieve-figures{
  position: relative;
  height: 14px;
  margin-top: -7px;
}
.p-achieve-figures span{
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  font-size: 14px;
  color: #8E8E8E;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures span{
    font-size: 2vw;
    letter-spacing: 0.01em;
  }
}
.p-achieve-figures .--01{
  left: 11%;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--01{
    left: 9%;
  }
}
.p-achieve-figures .--02{
  left: 27.5%;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--02{
    left: 26.5%;
  }
}
.p-achieve-figures .--03{
  left: 44%;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--03{
    left: 41.5%;
  }
}
.p-achieve-figures .--04{
  left: 60%;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--04{
    left: 57.5%;
  }
}
.p-achieve-figures .--05{
  left: 76.5%;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--05{
    left: 74%;
  }
}
.p-achieve-figures .--06{
  left: 91%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-achieve-figures .--06{
    left: 86%;
  }
}

.p-achieve-bottom {
  font-size: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-achieve-bottom {
    font-size: 4.5vw;
  }
}
.p-achieve-bottom b {
  font-size: 24px;
  color: #004EA2;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-achieve-bottom b {
    font-size: 5vw;
  }
}
.p-achieve-bottom .c-under-blue {
  border-bottom:solid 2px #004EA2;
}
.p-achieve-bottom b sup{
  font-size: 55%;
  vertical-align: top;
	position: relative;
	top: 0.8em;
}

.p-cur__h2 {
  font-size: clamp(20px,6vw,36px);
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-cur__h2 {
    font-size: 7vw;
  }
}
.p-cur__h2--sub {
  margin-top: 16px;
  font-size: 24px;
  display: inline-block;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-cur__h2--sub {
    font-size: 5.5vw;
  }
}
.p-cur__ul{
  max-width: 800px;
  margin: 0 auto;
}
.p-cur__li {
  margin-bottom: 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F2F6FA;
}
@media screen and (max-width: 768px) {
  .p-cur__li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-cur__li:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-cur__li {
    padding-bottom: 0px;
    margin-bottom: 16px;
  }
}
.p-cur__li.--precedent {
  background-color: #F2F4F7;
}
.p-cur__li.--adjust {
  padding-bottom: 0;
}
.p-cur__li picture{
display: block;
}
.p-cur__li--pic img.--precedent {
  height: 120px;
}
.p-cur__li--absolute {
  width: 76%;
  height: 100%;
  position: relative;
 
}
@media screen and (max-width: 768px) {
  .p-cur__li--absolute {
    width: 100%;
    position: static;
    max-height: none;
    padding: 10px;
  }
}
.p-cur__li--absolute.--precedent {
  max-height: 120px;
}
@media screen and (max-width: 768px) {
  .p-cur__li--absolute.--precedent {
    max-height:none;
  }
}
.p-cur__li--pic{
  width: 24%;
}
@media screen and (max-width: 768px) {
  .p-cur__li--pic{
    width: 100%;
  }
}
.p-cur-icon--pic{
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) ;
      -ms-transform: translateX(-50%) translateY(-50%) ;
          transform: translateX(-50%) translateY(-50%) ;
}
@media screen and (max-width: 768px) {
  .p-cur-icon--pic{
    top: 0;
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
  }
}
.c-cur-icon{
  width: 96px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-cur-icon{
    width: 17.87vw;
  }
}
.p-cur__li--left {
  max-width: 15%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-cur__li--left {
    margin: 0 auto;
    padding: 8px 0;
    max-width: 50%;
  }
}
.p-cur__li--left p {
  font-size: 84px;
  line-height: 1;
  color: #103269;
  letter-spacing: 0.001em;
  font-family: "Bodoni-Regular";
}
@media screen and (max-width: 768px) {
  .p-cur__li--left p {
    font-size: 12vw;
  }
}
.p-cur__li--left p.--adjust {
  position: relative;
}
.p-cur__li--left p.--adjust::after {
  /* position: absolute;
  top: -0.5vh;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  -webkit-stransform: translateY(-50%) translateX(-50%);
  content: " ＼ new ／";
  font-size: 16px;
  color: #333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: lighter;
  width: 100%; */
  content: "";
}
.p-cur__li--right {
  width: 100%;
  text-align: left;
  padding-left: 13%;
}
@media screen and (max-width: 768px) {
  .p-cur__li--right {
    max-width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.p-cur__li--primary {
  font-size: clamp(10px,7vw,17px);
  letter-spacing: 0.05em;
  line-height: 1.5;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-cur__li--primary {
    padding-bottom: 0px;
    letter-spacing: 0.01em;
    font-size: 3.73vw;
  }
}
.p-cur__li--primary.--adjust {
  letter-spacing: 0.001em;
}
@media screen and (max-width: 768px) {
  .p-cur__li--primary.--adjust {
    letter-spacing: 0.01em;
  }
}
.p-cur__li--secondary {
  font-size: 16px;
  letter-spacing: 0.05em;
  padding-bottom: 16px;
  line-height: 1.3;
  font-weight: normal;
}
.p-cur__li--secondary span {
  background: -o-linear-gradient(transparent 50%, #ffff7f 50%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #ffff7f));
  background: linear-gradient(transparent 50%, #ffff7f 50%);
  display: inline;
}
.p-cur__p {
  color: #fff;
  font-size: 24px;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-cur__p {
    font-size: 4.5vw;
  }
}
.l-cation{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    background-color: #F5F5F5;
    padding: 60px 80px;
}
@media screen and (max-width: 768px) {
  .l-cation{
    padding: 30px 10px;
  }
}
.c-cation__h3{
  font-size: clamp(10px,7vw,20px);
  color: #004EA2;
  text-align: center;
  padding-bottom: 45px;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-cation__h3{
    padding-bottom: 20px;
  }
}
.p-cation__ol{
  padding-top: 45px;
}
@media screen and (max-width: 768px) {
  .p-cation__ol{
    padding-top: 20px;
  }
}
.p-cation__li p{
  font-size: clamp(10px,5vw,14px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-cation__li p{
    font-size: 3.5vw;
  }
}
.p-cation__li:first-of-type{
  padding-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-cation__li:first-of-type{
    padding-bottom: 30px;
  }
}
.p-cation__text{
  font-size: clamp(10px,7vw,17px);
  display: block;
  font-weight: bold;
  color: var(--blue);
  padding-bottom: 16px;
  letter-spacing: .03em;
}
@media screen and (max-width: 768px) {
  .p-cation__text{
    font-size: 4vw;
    line-height: 1.3;
    padding-bottom: 15px;
    text-indent: -1.5em;
    padding-left: 1.45em;
  }
}
.p-cation__link{
  background-color: #195FAB;
  color: #fff;
  padding: 4px 32px;
  margin-top: 24px;
  border-radius: 5px;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-cation__link{
    margin-top: 20px;
    /* margin-left: 1.5em; */
  }
}
.p-cation__link--mark{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #ffffff;
  display: inline-block;
  margin-left: 5px;
}
.p-cation__link--mark.--sche{
  margin-left: 15px;
  border-color: transparent transparent transparent #fff;
  border-width: 6px 0 6px 10.4px;
}

.p-table {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  table-layout: fixed;
}
@media screen and (max-width: 768px) {
  .p-table {
    font-size: clamp(10px, 5vw, 10px);
    table-layout: auto;
  }
}
.p-table img {
  max-width: 50px;
}
.p-table img.--adjust {
  max-width: 40px;
}
.p-table-th {
  letter-spacing: 0.5em;
  background-color: #E6E6E6;
  width: 20%;
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
          box-shadow: 1px 1px 8px -3px #777777;
}
@media screen and (max-width: 768px) {
  .p-table-th {
    letter-spacing: 0.1em;
    width: 15%;
    padding: 8px 6px;
  }
}
.p-table-th span {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-table-th span {
    display: none;
  }
}
.p-table-th.--adjust {
  letter-spacing: 0.01em;
}
.p-table-th.--odd {
  background-color: #DCDCDC;
}
.p-table-th.--first {
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.p-table-td--primary {
  background: rgb(1, 77, 156);
  background: -o-radial-gradient(circle, rgb(1, 77, 156) 0%, rgb(22, 30, 100) 100%);
  background: radial-gradient(circle, rgb(1, 77, 156) 0%, rgb(22, 30, 100) 100%);
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
          box-shadow: 1px 1px 8px -3px #777777;
}
.p-table-td--box img {
  max-width: 300px;
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-table-td--box img {
    height: 30px;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.p-table-td--secondary {
  background: rgb(101, 101, 101);
  background: -o-radial-gradient(circle, rgb(101, 101, 101) 0%, rgb(53, 53, 53) 100%);
  background: radial-gradient(circle, rgb(101, 101, 101) 0%, rgb(53, 53, 53) 100%);
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
          box-shadow: 1px 1px 8px -3px #777777;
}
.p-table-td--secondary p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-table-td--secondary p {
    font-size: clamp(10px, 5vw, 13px);
  }
}
.p-table-td--secondcolumn {
  background-color: #F1F4F7;
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
          box-shadow: 1px 1px 8px -3px #777777;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .p-table-td--secondcolumn {
    width: 55%;
    padding: 8px 4px;
  }
}
.p-table-td--secondcolumn.--odd {
  background-color: #E7EDF4;
}
.p-table-td--thirdcolumn {
  background-color: #E6E6E6;
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
          box-shadow: 1px 1px 8px -3px #777777;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .p-table-td--thirdcolumn {
    width: 30%;
    padding: 8px 4px;
  }
}
.p-table-td--thirdcolumn.--odd {
  background-color: #DCDCDC;
}
.p-table-td__p {
  font-size: 14px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-table-td__p {
    font-size: clamp(10px, 3vw, 11px);
    letter-spacing: 0.01em;
  }
}
.p-table-td__p.--adjust {
  padding-top: 8px;
}
.p-table-td__p span {
  color: #004EA2;
  font-weight: bold;
}
.p-table-td__p b {
  font-weight: bold;
}
.p-table__h2 {
  font-size: 32px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-table__h2 {
    font-size: 6vw;
  }
}
.p-table__h2 sup {
  font-size: 50%;
  top: -1em;
}
.p-table__p {
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-table__p {
    font-size: 3vw;
    padding: 0 16px;
  }
}
.p-feature-bgi{
  position: relative;
}
.p-feature-bgi__img{
  position: absolute;
  height: 400px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  left: 1%;
  bottom: -190px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-feature-bgi__img{
  display: none;
  }
}
.c-feature__h2--option{
  background-color: #fff;
  border-top: solid 1px var(--blue);
  border-bottom: solid 1px var(--blue);
  color:var(--blue);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  margin: 0 auto 20px auto;
  padding:6px 8px;
  font-size: clamp(10px,7vw,20px);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-feature__h2--option{
    font-size: 4vw;
    padding:4px 8px;
  }
}
.p-feature__h2 {
  font-size: 38px;
  padding-bottom: 40px;
  font-weight: 500;
  color:var(--blue);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-feature__h2 {
    font-size: 6.4vw;
  }
}
.p-feature-inner {
  background-color: #fff;
  padding: 40px 40px 60px;
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-feature-inner {
    padding: 40px 12px;
  }
}
.p-feature-inner.--semi{
  background-color: transparent;
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .p-feature-inner.--semi{
    padding: 45px 0;
  }
}
.p-feature-inner:last-of-type {
  margin-bottom: 0;
}
.p-feature-inner .--adjust {
  padding-bottom: 0px;
}
.p-feature__h3 {
  font-size: clamp(10px,7vw,17px);
  padding: 8px;
  margin-bottom: 32px;
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .p-feature__h3 {
    padding:  8px 0;
    font-size: 3.47vw;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 28px;
  }
  .p-feature__h3.--sky{
    width: 53%;
    margin-left: auto;
  }
}

.c-feature__h3{
  font-size: clamp(10px,7vw,36px);
  color:var(--blue);
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  .c-feature__h3{
    margin-left: 0;
  line-height: 1.3;
  font-size:5.33vw;
  letter-spacing: .05em;
  }
}
.c-feature__h3--mini{
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .c-feature__h3--mini{
    font-size: .7em;
  }
}
.c-feature__h3.--sky{
  color:var(--sky);
}
@media screen and (max-width: 768px) {
  .c-feature__h3.--sky{
    font-size: 5vw;
  }
}
.p-feature-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-box {
    display: block;
  }
}
.p-feature-box.--first {
  display: block;
}


.p-feature-box--right {
  line-height: 36px;
  height: 36px;
  max-width: 77%;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0.001em;
}
@media screen and (max-width: 768px) {
  .p-feature-box--right {
    max-width: 100%;
    height: auto;
    font-size: 5vw;
    line-height: 1.5;
  }
}
.p-feature-box--right.--second {
  text-align: left;
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .p-feature-box--right.--second {
    padding-left: 0;
    line-height: 1.5;
  }
}
.p-feature-box--right span {
  font-size: 32px;
  color: #004EA2;
  font-weight: bold;
  margin-left: 5px;
  margin-right: -6px;
}
@media screen and (max-width: 768px) {
  .p-feature-box--right span {
    font-size: 6vw;
  }
}
.p-feature__p {
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 0.05em;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature__p.--adjust {
    text-align: left;
    line-height: 1.3;
  }
}
.p-feature__p--title {
  font-size: clamp(10px,7vw,18px);
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature__p--title {
    font-size: 4vw;
    padding-bottom: 20px;
    line-height: 1.3;
  }
}
.p-feature-banner--upper{
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .p-feature-banner--upper{
    margin-bottom: 16px;
  }
}
.p-feature__p--text{
  font-size: clamp(10px,7vw,22px);
  color:var(--blue);
  line-height: 1.5;
  padding-bottom: 20px;
  letter-spacing: .05em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-feature__p--text{
    font-size: 4.27vw;
    line-height: 1.3;
  }
}
.p-feature__p--text.--sky{
  color:var(--sky);
  padding-bottom: 10px;
}
.p-feature__p--text .--enpha:first-of-type{
  margin-top: 20px;
}
.p-feature__p--text .--mt{
  margin-top: 0px!important;
}

.p-feature__p--text sup{
  font-size: 60%;
}
.p-feature__p--title b {
  color: var(--blue);
  letter-spacing: .1em;
  font-weight: normal;
}
.p-feature__p--title .--large {
  font-size: clamp(10px,7vw,28px);
}
@media screen and (max-width: 768px) {
  .p-feature__p--title .--large {
    font-size: 5.5vw;
  }
}
.p-feature__p--title .--font {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: clamp(10px,7vw,32px);
  height: 40px;
  display: inline-block;
}
.p-feature--button {
  font-size: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  padding-bottom: 32px;
  color: #333;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-feature--button {
    font-size: 4.3vw;
  }
}
.p-feature--button b {
  font-size: 14px;
  padding-left: 4px;
}
.p-feature-accordion {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion {
    padding-top: 32px;
  }
}
.p-feature-accordion__p {
  font-size: clamp(10px,7vw,28px);
  color:var(--sky);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p {
    padding-bottom: 20px;
  }
}
.p-feature-accordion__p.--home {
  color:var(--blue);
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p {
    font-size: 5vw;
  }
  .p-feature-accordion__p.--home {
    font-size: 5vw;
  }
}
.p-feature-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 20px;
}
.p-feature-contents{
  width: calc(100% / 2 - 10px );
}
.p-feature-contents--before{
  max-width: 104px;
  width: 100%;
  height: auto;
  margin-right: auto;
  display: block;
  -o-object-fit:contain;
     object-fit:contain;
  margin-bottom: -0.5px;
}
@media screen and (max-width: 768px) {
  .p-feature-contents--before{
    max-width: 38%;
  }
}
.p-feature-contents--after{
  max-width: 104px;
  width: 100%;
  height: auto;
  margin-right: auto;
  display: block;
  -o-object-fit:contain;
     object-fit:contain;  
  margin-bottom: -0.5px;
}
@media screen and (max-width: 768px) {
  .p-feature-contents--after{
    max-width: 38%;
  }
}
.c-feature-contents__img{
  padding: 10px;
  border: solid 2px var(--gray2);
}
@media screen and (max-width: 768px) {
  .c-feature-contents__img{
    padding: 2px;
    border: solid 1px var(--gray2);
  }
}
.c-feature-contents__img.--blue{
  border: solid 2px var(--blue);
}
@media screen and (max-width: 768px) {
  .c-feature-contents__img.--blue{
    border: solid 1px var(--blue);
  }
}
.c-feature-contents__img--arrow{
  max-width: 42px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: calc(50% + 17px);
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 768px) {
  .c-feature-contents__img--arrow{
    max-width: 20px;
    top: calc(50% + 7px);
  }
}
.c-feature-contents__img--phase{
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-feature-contents__img--phase{
    margin-bottom: 20px;
  }
}
.p-feature-accordion__p--text {
  font-size: 16px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p--text {
    line-height: 1.3;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p--text.--adjust {
    line-height: 1.5;
    font-size: 3.5vw;
  }
}
.p-feature-accordion__p--text.--mini {
  font-size: 12px;
  padding-bottom: 0;
}
.p-feature-accordion__ul {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 32px;
  padding-left: 16px;
}
.p-feature-accordion__li {
  list-style-type: disc;
  display: list-item;
  font-size: 20px;
  padding-bottom: 16px;
}
.p-feature-accordion__li::marker {
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__li {
    font-size: 4.5vw;
  }
}
.p-feature-accordion__li span {
  font-size: 12px;
}
.p-feature-accordion__li sup {
  font-size: 12px;
}
.p-feature-accordion__span {
  border-top: solid 1px #004EA2;
  height: 1px;
  display: block;
  margin-bottom: 32px;
}
.p-feature-accordion--img {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion--img {
    padding-bottom: 16px;
  }
}
.p-feature-data__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-data__ul {
    padding-bottom: 20px;
  }
}
.p-feature-data__li {
  width: 49%;
  margin-right: 2%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.p-feature-data__li:nth-child(-n+2) {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li:nth-child(-n+2) {
    margin-bottom: 16px;
  }
  .p-feature-data__li:last-of-type {
    margin-bottom: 0;
  }
}
.p-feature-data__li:nth-of-type(even) {
  margin-right: 0;
}
.p-feature-data__li--title {
  position: relative;
  z-index: 1;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -2px;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--title {
    margin-bottom: -1px;
  }
}
.c-feature-data__img{
  position: relative;
  z-index: 2;
  max-width: 65%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-feature-data__img{
    max-width: 70%;
    margin-bottom: -2.5px;
  }
}
.c-feature-data__p {
  color: #fff;
  text-align: left;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) ;
      -ms-transform: translateY(-50%) ;
          transform: translateY(-50%) ;
  padding-left: 5px;
  font-size: clamp(10px,2vw,22px);
  line-height: 1.3;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-feature-data__p {
    font-size: 4.5vw;
  }
}
.c-feature-data__p--sky {
  background-color: var(--yellow);
  color: var(--sky);
  margin-right: 8px;
  padding: 0 2px 0 4px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-feature-data__p--sky {
    padding:0 4px;
  }
}
.c-feature-data__p--gray {
  background-color: #F6AC80;
  color: #333333;
  margin-right: 8px;
  padding: 0 2px 0 4px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-feature-data__p--gray {
    padding:0 4px;
  }
}
.c-feature-data__p--mini{
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .c-feature-data__p--mini{
    font-size:3.5vw;
  }
}
.p-feature-data__li--content.--sky{
  
  border: solid 2px var(--sky);
}
.p-feature-data__li--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border: solid 2px #808080;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--content {    
    padding:5px;
  }
}
.p-feature-data__li--left {
  border-right: solid 1px #BFBFBF;
  padding-right: 16px;
  margin-right: 16px;
  max-width: 50%;
  width: 100%;
  height: 90%;
}
.p-feature-data__li--left.--adjust {
  border-right: solid 1px var(--sky);
}
.p-feature-data__li--text {
  font-size: 20px;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--text {
    font-size: 4vw;
  }
}
.p-feature-data__li--text b {
  font-size: 28px;
  padding-left: 8px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--text b {
    font-size: 4vw;
  }
}
.p-feature-data__li--text b.--adjust {
  color: var(--sky);
}
.p-feature-data__li img {
  padding-bottom: 0;
}
.p-feature-data__li--right {
  max-width: 50%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-feature-data__li--right p {
  padding-bottom: 8px;
}
.p-feature-data__li--right img {
  max-width: 90%;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-feature-contents{

}
.p-feature-contents--img{
  padding-top: 32px;
}

.p-voice {
  margin-bottom: 64px;
  max-height: 400px;
}
.p-voice picture img {
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-voice__h3 {
  padding-bottom: 16px;
  font-size: 32px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-voice__h3 {
    font-size: 5.5vw;
    letter-spacing: 0.01em;
  }
}
.p-voice__h3 span {
  color: #004EA2;
}
.p-voice__h3 span b {
  font-size: 48px;
  font-family: "Bodoni-Regular";
}
@media screen and (max-width: 768px) {
  .p-voice__h3 span b {
    font-size: 10vw;
    line-height: 32px;
  }
}
.p-voice__h3 sup {
  font-size: 16px;
}
.p-voice__p {
  padding-bottom: 40px;
}
.p-voice__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 40px;
}
.p-voice__li {
  width: 47%;
  margin-right: 6%;
}
@media screen and (max-width: 768px) {
  .p-voice__li {
    width: 100%;
    margin-right: 0;
  }
  .p-voice__li:nth-child(-n+2) {
    margin-bottom: 0px;
  }
  .p-voice__li:nth-child(-n+4) {
    margin-bottom: 16px;
  }
}
.p-voice__li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  margin: 0 10px !important;
  padding: 0;
}
.p-voice__li:nth-of-type(2n) {
  margin-right: 0;
}
.p-voice__li:nth-last-child(n+2) {
  margin-bottom: 32px;
}
.p-voice__li--inner {
  padding: 10px;
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(293deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: linear-gradient(157deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  border-radius: 0 15px;
  margin-bottom: 4px;
}
.p-voice__li--title {
  color: #FFFF00;
  font-size: 15px;
  text-align: left;
  margin-bottom: 16px;
  line-height: 1.5;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .p-voice__li--title {
    font-size: 4vw;
  }
}
.p-voice__li--title.--mini {
  font-size: 16px;
}
.p-voice__li--box {
  border-radius: 0 30px;
  background-color: transparent;
  height: 86.48px;
}
@media screen and (max-width: 768px) {
  .p-voice__li--box {
    height: auto;
    background-color: transparent;
  }
}
.p-voice__li--text {
  text-align: left;
  font-size: 14px;
}
.p-voice__button {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 20px;
}
.p-voice__button b {
  font-size: 14px;
  padding-left: 4px;
}
.js-more-preview {
  text-align: center;
  margin: 0 auto;
}
.js-more-preview button {
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(top, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(23, 28, 97)), to(rgb(0, 78, 162)));
  background: linear-gradient(180deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  border: none;
  cursor: pointer;
  outline: none;
  color: #fff;
  padding: 0;
  line-height: 40px;
  font-size: 16px;
  width: 180px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.js-more-preview button:hover {
  opacity: 0.9;
}

.p-privilege-logo {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
}
.p-privilege__li {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 15px 30px;
}
@media screen and (max-width: 768px) {
  .p-privilege__li {
    display: block;
    padding: 16px;
  }
}
.p-privilege--left {
  max-width: 65%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-privilege--left {
    max-width: 100%;
  }
}
.p-privilege-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 2px #333;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-privilege-upper {
    display: block;
  }
}
.p-privilege-upper__div {
  max-width: 25%;
  width: 100%;
  margin-right: 5%;
}
@media screen and (max-width: 768px) {
  .p-privilege-upper__div {
    max-width: 50%;
    margin-right: 0;
    margin: 0 auto;
    padding: 16px 0;
  }
}
.p-privilege-upper--text {
  max-width: 72%;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-privilege-upper--text {
    max-width: 100%;
  }
}
.p-privilege-upper--title {
  font-size: 28px;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-privilege-upper--title {
    font-size: 5vw;
    text-align: center;
    padding-top: 8px;
    letter-spacing: 0.01em;
  }
}
.p-privilege-lower {
  text-align: left;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .p-privilege-lower {
    margin: 0;
  }
}
.p-privilege-lower.--adjust {
  max-width: 100%;
  width: 100%;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .p-privilege-lower.--adjust {
    max-width: 100%;
    text-align: center;
    margin-right: 0;
  }
}
.p-privilege-lower.--adjust span {
  font-size: 14px;
}
.p-privilege-lower--maintext {
  font-size: 20px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-privilege-lower--maintext {
    font-size: 5vw;
    text-align: center;
  }
}
.p-privilege-lower--maintext.--adjust {
  padding-bottom: 0px;
}
.p-privilege-lower--maintext sup {
  font-size: 12px;
}
.p-privilege-lower--text {
  font-size: 20px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-privilege-lower--text {
    font-size: 4vw;
    text-align: center;
  }
}
.p-privilege-lower--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}
.p-privilege--right {
  max-width: 35%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-privilege--right {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 16px;
  }
}
.p-privilege--right img {
  max-height: 280px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .p-privilege--right img {
    max-height: 220px;
  }
}
.p-privilege-con {
  width: 100%;
  margin-right: 2%;
}
.p-privilege-con--thumb {
  text-align: center;
}
.p-privilege-con--thumb p {
  font-size: 16px;
  color: #fff;
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(330deg, rgb(23, 28, 97) 6%, rgb(57, 81, 137) 49%, rgb(32, 61, 128) 51%, rgb(32, 61, 128) 100%);
  background: linear-gradient(120deg, rgb(23, 28, 97) 6%, rgb(57, 81, 137) 49%, rgb(32, 61, 128) 51%, rgb(32, 61, 128) 100%);
  padding: 8px;
}
.p-privilege-con p {
  font-size: 13px;
}
.p-privilege-con p b {
  color: var(--sky);
}
.p-profssor__h2--wrap{
  position: relative;
  height: auto;
}
.p-profssor__h2 {
  font-weight: 500;
  font-size: clamp(10px,7vw,38px);
  color: var(--sky);
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-profssor__h2 {
    font-size: 6.4vw;
    width: 62%;
    margin-left:auto;
    text-align: left;
    line-height: 1.3;
    padding-bottom: 30px;
  }
 
}
.p-profssor__h2.--adj{
  display: block;
 }
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-profssor__h2.--adj{
    display: none;
   }
}
@media screen and (max-width: 768px) {
  .p-profssor__h2.--adj{
     display: block;
    width: 100%;
    text-align: center;
    margin-left:0;
  }
}
.p-profssor__h2.--adj-sub{
  display: none; 
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-profssor__h2.--adj-sub{
    display: block;
    font-weight: 500;
    font-size: clamp(10px,7vw,38px);
    color: var(--blue)  ;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-profssor__h2.--adj-sub{
    display: none; 
  }
}
@media screen and (max-width: 768px) {
  .p-profssor__h2 {
    font-size: 6.4vw;
    width: 62%;
    margin-left:auto;
    text-align: left;
    line-height: 1.3;
    padding-bottom: 30px;
  }
  .p-profssor__h2.--adj{
    width: 100%;
    text-align: center;
    margin-left:0;
  }
}
.p-profssor__h2.--semi{
  padding-bottom: 0;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-profssor__h2.--semi{
    width: 100%;
    text-align: center;
  } 
}
.p-profssor--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-profssor--flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 4;
  }
}
.p-profssor--card {
  width: calc(100% / 3);
  display: block;
  background-color: var(--sky);
  padding: 60px 28px;
}
@media screen and (max-width: 768px) {
  .p-profssor--card {
    width: 73vw;
    margin: 0 auto;
    padding: 40px 18px;
  }
}
.p-profssor--card:nth-of-type(2) {
  background-color: var(--blue);
}
.p-profssor--inner{
  background-color: #fff;
  padding: 18px;
  text-align: left;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(50,50,50,1);
          box-shadow: 3px 3px 0px 0px rgba(50,50,50,1);
}
.p-profssor--thumb {
  background-color: var(--sky);
  height: 150px;
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-profssor--thumb {
    margin-bottom: 16px;
  }
}
.p-profssor--thumb:nth-of-type(2) {
  background-color: var(--blue);
}
.c-profssor--thumb{
  position: absolute;
  left: 50%;
  bottom:0;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  height: 218px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-profssor--thumb{
    height: 205px;
  }
}
.p-profssor-inner {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner {
    max-width: 100%;
  }
}
.p-profssor-inner--title {
  
}
.p-profssor-inner--name {
  font-size: clamp(10px,7vw,12px);
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner--name {
    font-size:2.93vw;
  }
}
.p-profssor-inner--name b {
  font-size: clamp(10px,7vw,18px);
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 20px;
  display: block;
  color: var(--sky);
}
@media screen and (max-width: 768px) {
  .p-profssor-inner--name b {
    font-size: 4.26vw;
    margin-top: 6px;
    margin-bottom: 18px;
  }
}
.p-profssor-inner__p {
  font-size: clamp(10px,7vw,13px);
}

.p-ac__h2 {
  font-size: clamp(10px,7vw,38px);
  color: var(--sky);
  font-weight: 500;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-ac__h2 {
    font-size: 6.5vw;
  }
}
/* 「https://www.whiteessence.co.jp/movie_test/」引用 */
.l-FAQ__list{
  background-color: #fff;
  position: relative;
  z-index: 3;
}
.p-FAQ__item {
  cursor: pointer;
  margin-bottom: 12px;
  border: solid 1px var(--sky);
  -webkit-transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: #fff;
}
.p-FAQ__item:last-of-type {
  margin-bottom: 0;
}
.p-FAQ__item.is-active{
  border:none;
  -webkit-transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all .1s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--sky);
}
.p-FAQ__Q--before {
  max-width: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  right: 1em;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: block;
  pointer-events: none;
}
.p-FAQ__item.is-active .p-FAQ__Q--before{
  display: none;
}
.p-FAQ__Q--after {
  max-width: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  right: 1em;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: none;
  pointer-events: none;
}
.p-FAQ__item.is-active .p-FAQ__Q--after{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
}
.p-FAQ__item.is-active .p-FAQ__Q{
  color: #fff;
}
.p-FAQ__Q {
  position: relative;
  padding: 25px 1em 25px 85px;
  z-index: 1;
  text-align: left;
  line-height: 1;
  font-weight: 500;
  font-size: min(4vw, 16px);
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__Q {
    font-size: 3.73vw;
    padding: 10px 10px 10px 54px;
    text-align: left;
    min-height: 60px;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
        align-content: center;
    line-height: 1.3;
  }
}
.p-FAQ__Q--question{
  display: inline-block;
  position: absolute;
    top: 50%;
    left: 0px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    display: -ms-grid;
    display: grid;
  place-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-FAQ__Q--question .--icon{
  -o-object-fit: contain;
     object-fit: contain;
     -o-object-position: left;
        object-position: left;;
  height: 42px;
}
@media screen and (max-width: 768px) {
  .p-FAQ__Q--question .--icon{
    height: 30px;
  }
}
.p-FAQ__A {
  opacity: 0;
  padding: 0 1em;
  text-align: justify;
  display: none;
  font-size: min(4vw, 16px);
  -webkit-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A {
    font-size: 3.7vw;
  }
}
.p-FAQ__A--inner{

}
.p-FAQ__A.is-open {
  display: block;
  opacity: 1; 
  padding: 0 1em 1em 1em;
  -webkit-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A.is-open {
    padding: 0 10px 10px 10px;
  }
}
.p-FAQ__A .--flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
   background-color: #fff;
   padding: 24px 24px 24px 65px;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
   font-weight: normal;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A .--flex{
     padding: 10px 10px 10px 10px;
  }
}
.p-FAQ__A .--flex-bottom{
  background-color: #fff;
  padding: 0 24px 24px 65px;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  margin-top: -1px;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A .--flex-bottom{
    padding: 0 10px 10px 40px;
    margin-top: -1px;
  }
}
.p-FAQ__A .--bold{
  font-weight: bold;
}
.p-FAQ__A .--align{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-FAQ__A span.--adjust{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-FAQ-icon{
  display: block;
  padding: 0px 10px 0px 0px;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ-icon{
    padding: 0px 8px ;
  }
}
.p-FAQ-icon img{
  -o-object-fit: contain;
     object-fit: contain;
  height: 23px!important;
  width: 31px!important;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ-icon img{
    height: 18px!important;
    width: auto!important;
  }
}
/* //「https://www.whiteessence.co.jp/movie_test/」引用 */
.p-ac__dl {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: auto;
}
.p-ac-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 32px;
  border-bottom: solid 1px #c3c3c3;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-ac-parent {
    padding: 16px;
  }
}
.p-ac-parent span {
  font-size: 48px;
  margin-right: 16px;
  color: #004EA2;
  font-weight: lighter;
  max-width: 4%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-ac-parent span {
    max-width: 8%;
    margin-right: 6%;
  }
}
.p-ac-parent p {
  font-size: 22px;
}
@media screen and (max-width: 768px) {
  .p-ac-parent p {
    font-size: 4.5vw;
    max-width: 70%;
    text-align: left;
  }
}
.p-ac-child {
  padding: 16px 32px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  border-bottom: solid 1px #c3c3c3;
}
@media screen and (max-width: 768px) {
  .p-ac-child {
    padding: 16px;
    font-size: 4vw;
    line-height: 1.5;
  }
}
.p-ac-child.--adjust{
  line-height: 1.5;
}
.p-ac-child span{
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .p-ac-child span{
    font-size: 3.5vw;
  }
}
.js-arrow::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-transform:   translateY(-50%) rotate(135deg);
              -ms-transform:   translateY(-50%) rotate(135deg);
                  transform:   translateY(-50%) rotate(135deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 0.6em;
  height: 0.6em;
}
.js-arrow--down::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          -ms-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 0.6em;
    height: 0.6em;
}

.js-appear {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
}

/* .p-sche-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: -1;
} */
.p-sche__h2 {
  font-size: clamp(20px,7vw,38px);
  padding-bottom: 32px;
  color: var(--sky);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-sche__h2 {
    font-size: 6.4vw;
    padding-bottom: 20px;
  }
}
.p-sche__p {
  font-size: 20px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-sche__p {
    font-size: 5vw;
  }
}
.p-sche__p:first-of-type {
  padding-bottom: 10px;
  padding-bottom: 0px;
}
.p-sche__p.--sub{
  font-size: clamp(10px,7vw,18px);
  color: #fff;
  background-color: var(--sky);
  letter-spacing: .1em;
  padding: 4px 8px;
  line-height:32px;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-sche__p.--sub{
    font-size: 3.5vw;
    padding: 7px 4px;
    line-height: 1;
  }
}
.p-sche__p.--intro{
  font-size: clamp(10px,7vw,18px);
  padding-bottom: 32px;
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .p-sche__p.--intro{
    font-size: 3.73vw;
    line-height: 1.7;
  }
}
.c-sche__p{
  border-bottom: solid 1px ;
}
.p-sche__p--large{
  font-size: clamp(20px,7vw,24px);
  color: #052362;
  margin-bottom: 8px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-sche__p--large{
    font-size: 5vw;
  }
}
.p-sche-flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  .p-sche-flex{
    margin-bottom: 30px;
  }
}
.p-sche__hr{
  background: rgb(5,35,98);
  background: -o-linear-gradient(left, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(5,35,98,1)), color-stop(50%, rgba(0,78,162,1)), to(rgba(5,35,98,1)));
  background: linear-gradient(90deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  height: 10px;
  width: 100%;
  display: block;
}
.p-sche__ul {
  padding: 60px 80px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-sche__ul {
    padding: 30px 10px;
  }
}
.p-sche__li {
  background-color: #fff;
 
}
@media screen and (max-width: 768px) {
  .p-sche__li {
    padding: 0 10px 20px;
  }
}
.p-sche__li.--haading {
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-sche__li.--haading {
    padding-bottom: 30px;
  }
}

.p-sche__h3{
  font-size: clamp(20px,7vw,28px);
  color: var(--sky);
  font-weight: 500;
  letter-spacing: .05em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .p-sche__h3{
    font-size: 6vw;
  }
}
.p-sche__li--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  align-items: center;
  padding: 18px 10px 18px;
}
@media screen and (max-width: 768px) {
  .p-sche__li--flex {
    padding: 0 0 16px 0 ;
    margin-bottom: 16px;
  }
  .p-sche__li--flex:last-of-type {
    padding: 0;
    margin-bottom: 0px;
  }
}
.p-sche__li--flex.--pb {
padding-bottom: 22px;
}
.p-sche__li--flex.--adjust {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .p-sche__li--flex.--adjust {
    margin-bottom: 0;
  }
}
.p-sche__li--flex.--underlayer {
  padding: 60px 32px 16px 32px;
}
@media screen and (max-width: 768px) {
  .p-sche__li--flex.--underlayer {
    padding: 60px 32px 16px 32px;
  }
}
.p-sche__li--flex.--underlayer .p-sche{
  letter-spacing: .1em;
}

.p-sche__li--flex.--button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-sche__li--flex.--dot {
  border-bottom:  dotted 2px var(--blue);
}
.p-sche-box{
position: relative;
height: 40px;
margin-bottom: -1px;
}
@media screen and (max-width: 768px) {
  .p-sche-box{
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: -3px;
    }
}
.p-sche-box__img{
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-sche-box__img{
    -o-object-position: -2px top;
       object-position: -2px top;
  }
}
.p-sche-box__img.--adj{
  -o-object-position:-3px center;
     object-position:-3px center;
}
@media screen and (max-width: 768px) {
  .p-sche-box__img.--adj{
    -o-object-position:-2px top;
       object-position:-2px top;
  }
}
.p-sche-box__text{
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  padding-left: 20px;
  font-size: clamp(10px,7vw,20px);
  color: #fff;
  letter-spacing: .1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-sche-box__text{
    padding-left: 8px;
    font-size: 3.63vw;
    font-size: min(3.73vw,14.5px);
  }
}
.p-sche-box__text.--adj{
  letter-spacing: .08em;
}
.c-sche-box__text{
  font-size: clamp(10px,7vw,15px);
  background-color: #fff;
  color:var(--blue);
  padding: 2px 4px;
  margin-left: 8px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-sche-box__text{
    display: none;
  }
}
.c-sche-box__text.--sky{
  color:var(--sky);
}
.p-sche-content{
  border: solid 2px var(--blue);
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 14px 50px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .p-sche-content{
    padding: 20px 10px;
  }
}
.p-sche-content.--adj{
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-sche-content.--adj{
    margin-bottom: 50px;
  }
}
.p-sche-content.--sky{
  border: solid 2px var(--sky);
}
.p-sche-content.--mb{
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-sche-content.--mb{
    margin-bottom: 30px;
  }
}
.p-sche-box__letter{
  display: none;
}
@media screen and (max-width: 768px) {
  .p-sche-box__letter{
    display: block;
  }
}
.p-sche-box__letter--text{
  color: var(--blue);
  font-size:3.47vw;
  font-weight: 500;
  border-bottom: dotted 2px var(--blue);
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.p-sche-box__letter--text.--sky{
  color: var(--sky);
}
.p-sche__li--heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 1;
}
.p-sche__li--title {
  font-size: 24px;
  color: var(--blue);
  line-height: 1;
}
.p-sche__li--title.--sky {
  color: var(--sky);
}
.p-sche__li--title.--time-table{
  font-size: clamp(10px,7vw,15px);
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-sche__li--title.--time-table{
    font-size: 2.93vw;
    line-height: 1.3;
    white-space: nowrap;
    letter-spacing: .05em;
  }
}
@media screen and (max-width: 768px) {
  .p-sche__li--title.--adjust {
    padding-bottom: 10px;
    font-size: 4.5vw;
  }
}
.p-sche__li--title.--select-table {
  font-size: 16px;
  letter-spacing: .1em;
  background-color: #fff;
  color: #052362;
  padding: 2px 6px 2px 8px;
  line-height: 1.3;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-sche__li--title.--select-table {
    font-size: 4vw;
    border-bottom:solid 1px #fff;
    line-height: 2;
    padding: 0px 0px 0px 2px;
    margin-bottom: 10px;
  }
}
.p-sche__li--box{
  padding: 16px 0 16px 16px;
  max-width: 55%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .p-sche__li--box{
    max-width: 80%;
    margin:0 auto;
   display: block;
   padding: 8px 0 16px 0;
  }
}
.p-sche__li--text.--content{
  /* max-width: 60%; */
  padding-left: 1%;
  /* width: 100%; */
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-sche__li--text.--content{
    max-width: 65%;
    padding-left: 1%;
    width: 100%;
  }
}
.p-sche__li--text .c-sche{
  font-size: clamp(10px,5vw,22px);
  font-family: sofia-pro, sans-serif;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-sche__li--text .c-sche{
    font-size: 4vw;
   text-align: left;
  }
}
.win .p-sche__li--text .c-sche{
  font-size: clamp(10px,5vw,20px);
}
.c-sche .c-sche--mini{
  font-size: clamp(10px,5vw,15px);
  /* font-feature-settings: "palt"; */
  letter-spacing: .01em;
}
.mac .c-sche .c-sche--mini{
  /* Mac OSのみ */
  letter-spacing: .01em;
}

.win .c-sche .c-sche--mini{
  margin: 0 -0.8em 0 -0.5em;
}
@media screen and (max-width: 768px) {
  .c-sche .c-sche--mini{
    font-size: 3vw;
  }
}
.p-sche__li--text.--align{
  margin: 0 auto;
}
.p-sche__li--text.--align .p-sche-text{
  font-family: "ZenOldMincho-Regular";
}
.p-sche__li--text .p-sche-text{
  font-size: clamp(10px,5vw,18px);
  font-family: sofia-pro, sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-sche__li--text .p-sche-text{
    font-size: 4vw;
  }
}
.c-sche__li--text{
  min-height:32px;
}
.p-sche__li--link {
  background-color: var(--blue);
  padding: 12px 16px;
 font-weight: bold;
  border-radius: 30px;
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-sche__li--link {
    padding: 10px;
    margin-right: 0;
    display: block;
    max-width: 80%;
    margin: 0 auto;
  }
}
.p-sche__li--link.--products{
display: block;
margin: 0 auto;
}
.p-sche__li--link p {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.3;
  letter-spacing: .3em;
}
@media screen and (max-width: 768px) {
  .p-sche__li--link p {
    font-size: 4.5vw;
  }
}
.p-sche__li--link p.--products {
  letter-spacing: .1em;
}
.p-sche-arrow{
  max-width: 40%;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-right:0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-sche-arrow{
    max-width: 45%;
    margin-right:0;
   display: block;
  }
}
.p-sche-arrow__text{
  font-size: clamp(10px,2.5vw,24px);
  color: var(--blue);
  letter-spacing: .05em;
  width: 55%;
  font-weight: 500;
  line-height: .9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-sche-arrow__text{
    font-size:4vw;
    width: 100%;
    margin-bottom: 6px;
    text-align: left;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
.p-sche-arrow__text.--ls{
  letter-spacing: .01em;
}
.p-sche-arrow__text.--sky{
  color: var(--sky);
}
.c-sche-arrow__label{
  font-size: clamp(10px,5vw,10px);
  width: 45%;
  text-align: left;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:flex-end;
}
@media screen and (max-width: 768px) {
  .c-sche-arrow__label{
    font-size:2.67vw;
    width: 100%;
    letter-spacing: .01em;
  }
}
.p-sche-tel__p {
  font-size: 18px;
  padding-bottom: 8px;
}
.p-sche-tel__p--text {
  font-size: 16px;
  letter-spacing: 0.1em;
  padding-top: 8px;
}
@media screen and (max-width: 768px) {
  .p-sche-tel__a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: solid 1px #004EA2;
    border-radius: 30px;
    margin: 0 auto;
  }
}
.p-sche-tel__a p {
  font-size: 32px;
  display: inline-block;
  line-height: 1.5;
  color: #004EA2;
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .p-sche-tel__a p {
    font-size: 8vw;
    white-space: nowrap;
  }
}
.p-sche-tel__a span {
  max-width: 6%;
  display: inline-block;
  display: none;
}
@media screen and (max-width: 768px) {
  .p-sche-tel__a span {
    display: block;
    margin-left: 4%;
  }
}
.c-right-tri{
  position: relative;
  display: inline-block;
  padding: 10px;
}
.c-right-tri.--apply{
  padding: 5px;
}
.c-right-tri:before{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  left: 10px;
  top: 6px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-right-tri.--apply:before{
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  left: 8px;
  top: 0px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: solid 1px var(--blue);
  border-right: solid 1px var(--blue);
}
.c-fixed-area--header:hover .c-right-tri.--apply:before{
  border-top: solid 1px var(--yellow);
  border-right: solid 1px var(--yellow);
}
@media screen and (max-width: 768px) {
  .c-fixed-area--header:hover .c-right-tri.--apply:before{
  }
}
.c-sche-note{
  padding-top: 16px;
  padding-left: 20px;
  padding-bottom: 16px;
  font-size: clamp(10px,5vw,16px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .c-sche-note{
    padding-left: 0px;
  }
}
.c-sche-note .--enph{
  color: red;
  font-weight: normal;
}
.p-desire__h2 {
  font-size: clamp(10px,5vw,38px);
  font-weight: 500;
  padding-bottom: 45px;
  color: var(--sky)
  
}
@media screen and (max-width: 768px) {
  .p-desire__h2 {
    font-size: 6.4vw;
    padding-bottom: 30px;
    letter-spacing: .01em;
  }
}
.p-desire__p {
  font-size: clamp(10px,5vw,17px);
  padding-bottom: 45px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-desire__p {
    font-size: 3.73vw;
    text-align: left;
  }
}

.p-footer__ul {
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-footer__ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-footer__li {
  width: 15.6666666667%;
  margin-right: 1%;
}
@media screen and (max-width: 768px) {
  .p-footer__li {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .p-footer__li:nth-of-type(even) {
    margin-right: 0;
  }
}
.p-footer__li:last-of-type {
  width: 16.6666666667%;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-footer__li:last-of-type {
    width: 48.5%;
  }
}
.p-footer--inner {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-footer--inner {
    display: block;
  }
}
.p-footer-logo{
  max-width: 162px;
  width: 100%;
  max-height: 18px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-footer-logo{
    max-width: 120px;
    margin: 0 auto 8px auto;
  }
}
.p-footer-logo .--thumb{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  display: inline-block;
}
.p-footer--bottom {
  background-color: #171C61;
}
.p-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-footer-nav {
  }
}
.p-footer-nav__a p {
  color: #323232;
  font-size: 14px;
  font-weight: normal;
  padding-right: 16px;
  margin-right: 16px;
  border-right: solid 1px var(--black);
}
@media screen and (max-width: 768px) {
  .p-footer-nav__a p {
    font-size: 3.2vw;
    padding-right: 8px;
    margin-right: 8px;
  }
}
.p-footer-nav__a p.last {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}
.l-headline-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.l-success {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 1800px) {
  .l-success {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-success {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-success-wrap {
  background-color: #E5EDF6;
}

.l-achieve {
  text-align: center;
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 1800px) {
  .l-achieve {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-achieve {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-table {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 1800px) {
  .l-table {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-table {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-feature {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 90px;
  padding-right: 16px;
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .l-feature {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.l-feature-wrap {
  background-color: #E5EDF6;
}

.l-voice {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 64px;
}

@media screen and (min-width: 1800px) {
  .l-voice {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-voice {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-voice--hr {
  height: 5px;
  display: block;
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
}

.l-privilege {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}

@media screen and (min-width: 1800px) {
  .l-privilege {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-privilege {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.l-privilege-wrap {
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(left, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(23, 28, 97)), to(rgb(23, 28, 48)));
  background: linear-gradient(90deg, rgb(23, 28, 97) 0%, rgb(23, 28, 48) 100%);
}

.l-privilege--hr {
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  text-align: center;
  padding: 10px;
}

.l-privilege--hr p {
  text-shadow: 1px 1px 7px #000000;
  color: #fff;
  font-size: 32px;
  font-weight: bolder;
}

@media screen and (max-width: 768px) {
  .l-privilege--hr p {
    font-size: clamp(28px, 3vw, 32px);
  }
}
.l-sche {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .l-sche {
    padding-right: 16px;
    padding-left: 16px;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.l-sche-wrap {
  position: relative;
  background-image: url(../img/professor/stripe_bgi.webp);
  background-repeat: repeat;
  background-size: contain;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .l-sche-wrap {
    background-image: url(../img/professor/stripe_bgi_sp.webp);
    background-position: top center;
  }
}
.l-desire {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .l-desire {
      padding-top: 60px;
    padding-bottom: 0px;
    padding-right: 16px;
    padding-left: 16px;
  }
}


.l-top-text {
  padding-bottom: 16px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
  .l-top-text {
    padding: 0 16px 16px;
  }
}
@media screen and (max-width: 560px) {
  .l-top-text {
    padding: 8px 16px;
  }
}
.l-top-text p {
  width: 960px;
  margin: 0 auto;
  color: text-color(base);
  font-size: 1.4rem;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .l-top-text p {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .l-top-text p {
    margin: auto;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.c-icon {
  width: 1em;
}

.c-button-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  content: "";
  padding: 0.2em 1em;
  border-radius: 1.5em;
  color: #FFFFFF;
  line-height: 1.2;
  white-space: nowrap;
}

.c-btn {
  position: relative;
  display: block;
  width: 376px;
  height: 52px;
  margin: 0 auto;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 26px;
  color: text-color(base);
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}

.c-btn__arrow {
  position: absolute;
  top: 50%;
  right: 18px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background-color: key-color(pink01);
  border-radius: 50%;
}

@media screen and (max-width: 560px) {
  .c-btn__arrow {
    right: 16px;
  }
}
.c-btn__arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 3px;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.c-btn:hover {
  background-color: #333;
  color: text-color(white);
}

@media screen and (max-width: 560px) {
  .c-btn {
    width: 264px;
    height: 40px;
    border: 2px solid #333;
    border-radius: 20px;
    font-size: 1.4rem;
    line-height: 36px;
  }
}
.c-btn-to-top {
  position: fixed;
  z-index: 5;
  right: 20px;
  bottom: 50px;
  width: 40px;
  height: 40px;
  background-color: #373737;
  -webkit-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  -o-transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  transition: opacity 0.3s cubic-bezier(0.13, 0.78, 0.38, 0.98);
  border-radius: 50%;
  cursor: pointer;
}

@media screen and (max-width: 560px) {
  .c-btn-to-top {
    right: 16px;
    bottom: 16px;
  }
}
.c-btn-to-top:hover {
  opacity: 0.5;
}

.c-btn-to-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  margin-left: -5px;
  border-width: 0;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

/* ===============
  This hamburger button was generated by Zarigani Design Office Hamburger Button Generator.

  Zarigani Design Office's Hamburger Button
  Copyright: 2019 Zarigani Design Office
  URL: https://zarigani-design-office.com/hamburger/
  This software is released under the MIT License.
  http://opensource.org/licenses/mit-license.php
  ================*/
/*+++ Reset +++*/

.c-link01:hover,
.c-link02:hover {
  text-decoration: underline;
}

.c-link02 {
  color: link-color(link02);
}

.c-link02:hover {
  color: link-color(link02-hover);
}

aside {
  display: none;
}
.p-header--top{
  display: none;
}
.p-header-text {
  font-size: clamp(12px, 1.1vw, 15px);
  white-space: nowrap;
}
.p-header-tel {
  font-size: clamp(20px, 1.5vw, 22px);
  position: relative;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}
.p-header-button {
  font-size: clamp(15px, 1.1vw, 16px);
}
.p-header-button-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  content: "";
  padding: 0.2em 1em;
  border-radius: 1.5em;
  color: #FFFFFF;
  line-height: 1.2;
  white-space: nowrap;
}
.p-header-wrap__p {
  font-size: clamp(14px, 1.5vw, 20px);
  border: solid 1px #333;
  padding: 4px 16px;
  font-weight: normal;
}
.p-header-wrap__a {
  white-space: nowrap;
  font-size: clamp(14px, 1.5vw, 18px);
  padding: 12px 16px;
  border-radius: 5px;
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(top, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(23, 28, 97)), to(rgb(0, 78, 162)));
  background: linear-gradient(180deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  color: white;
  display: inline-block;
  position: relative;
}
.p-header-wrap__a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #fff;
}
.p-header-wrap__a.--adjust {
  padding: 12px 32px;
}
.p-header-hamburger {
  border: solid 1px #333333;
  padding: 6px 6px;
  border-radius: 3px;
  z-index: 10000;
  background-color: #fff;
}
.c-header__link{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  position: relative;
  text-decoration: none;
}
.c-header__link:after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1.5px;
  background-color: #333333; 
  -webkit-transition: all .3s; 
  -o-transition: all .3s; 
  transition: all .3s; 
  -webkit-transform: scaleX(0); 
      -ms-transform: scaleX(0); 
          transform: scaleX(0);
}
.c-header__link:hover:after{
  width:100%;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.c-header__link--text{
  font-size: clamp(10px,4vw,16px);
}
.js-props {
  position: fixed;
  right: 10px;
  top: 19px;
}
@media screen and (max-width: 768px) {
  .js-props {
    top: 10px;
    right: 16px;
  }
}

.js-adjust-margin {
  margin-right: 54px;
}

.p-header-text {
  font-size: clamp(12px, 1.1vw, 15px);
  white-space: nowrap;
}

.p-header-tel {
  font-size: clamp(20px, 1.5vw, 22px);
  position: relative;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
}

.p-header-button {
  font-size: clamp(15px, 1.1vw, 16px);
}

.p-header-button-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  content: "";
  padding: 0.2em 1em;
  border-radius: 1.5em;
  color: #FFFFFF;
  line-height: 1.2;
  white-space: nowrap;
}

.p-header-wrap__p {
  font-size: clamp(14px, 1.5vw, 20px);
  border: solid 1px #333;
  padding: 4px 16px;
  font-weight: normal;
}

.p-header-wrap__a::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #fff;
}

.p-header-wrap__a.--adjust {
  padding: 12px 32px;
}
.js-adjust-margin {
  margin-right: 54px;
}
.p-success__h2 {
  font-size: 28px;
  padding-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .p-success__h2 {
    font-size: 5vw;
  }
}
.p-success__p b {
  display: block;
  color: #004EA2;
  font-size: 1.6em;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .p-success__p b {
    display: inline;
  }
}
.p-table {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  table-layout: fixed;
}

@media screen and (max-width: 768px) {
  .p-table {
    font-size: clamp(10px, 5vw, 10px);
    table-layout: auto;
  }
}
.p-table img {
  max-width: 50px;
}

.p-table img.--adjust {
  max-width: 40px;
}
.p-table-td--primary {
  background: rgb(1, 77, 156);
  background: -o-radial-gradient(circle, rgb(1, 77, 156) 0%, rgb(22, 30, 100) 100%);
  background: radial-gradient(circle, rgb(1, 77, 156) 0%, rgb(22, 30, 100) 100%);
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
  box-shadow: 1px 1px 8px -3px #777777;
}

.p-table-td--box img {
  max-width: 300px;
  width: 100%;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .p-table-td--box img {
    height: 30px;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
}
.p-table-td--secondary {
  background: rgb(101, 101, 101);
  background: -o-radial-gradient(circle, rgb(101, 101, 101) 0%, rgb(53, 53, 53) 100%);
  background: radial-gradient(circle, rgb(101, 101, 101) 0%, rgb(53, 53, 53) 100%);
  -webkit-box-shadow: 1px 1px 8px -3px #777777;
  box-shadow: 1px 1px 8px -3px #777777;
}

.p-table-td--secondary p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-table-td--secondary p {
    font-size: clamp(10px, 5vw, 13px);
  }
}
.p-table-td__p {
  font-size: 14px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .p-table-td__p {
    font-size: clamp(10px, 3vw, 11px);
  }
}
.p-table-td__p.--adjust {
  padding-top: 8px;
}

.p-table-td__p span {
  color: #004EA2;
  font-weight: bold;
}

.p-table-td__p b {
  font-weight: bold;
}

.p-table__p {
  font-size: 14px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .p-table__p {
    font-size: 3vw;
    padding: 0 16px;
  }
}
.p-voice {
  margin-bottom: 64px;
  max-height: 400px;
}

.p-voice__h3 {
  padding-bottom: 16px;
  font-size: 32px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .p-voice__h3 {
    font-size: 5.5vw;
    letter-spacing: 0.01em;
  }
}
.p-voice__h3 span {
  color: #004EA2;
}

@media screen and (max-width: 768px) {
  .p-voice__h3 span b {
    font-size: 10vw;
    line-height: 32px;
  }
}
.p-voice__h3 sup {
  font-size: 16px;
}

.p-voice__p {
  padding-bottom: 40px;
}

.p-voice__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 40px;
}

.p-voice__li {
  width: 47%;
  margin-right: 6%;
}

@media screen and (max-width: 768px) {
  .p-voice__li {
    width: 100%;
    margin-right: 0;
  }
  .p-voice__li:nth-child(-n+2) {
    margin-bottom: 0px;
  }
  .p-voice__li:nth-child(-n+4) {
    margin-bottom: 16px;
  }
}
.p-voice__li.is-hidden {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  margin: 0 10px !important;
  padding: 0;
}

.p-voice__li:nth-of-type(2n) {
  margin-right: 0;
}

.p-voice__li:nth-last-child(n+2) {
  margin-bottom: 32px;
}

.p-voice__li--inner {
  padding: 10px;
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(293deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: linear-gradient(157deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  border-radius: 0 15px;
  margin-bottom: 4px;
}

.p-voice__li--title {
  color: #FFFF00;
  font-size: 15px;
  text-align: left;
  margin-bottom: 16px;
  line-height: 1.5;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .p-voice__li--title {
    font-size: 4vw;
  }
}
.p-voice__li--title.--mini {
  font-size: 16px;
}

.p-voice__li--box {
  border-radius: 0 30px;
  background-color: transparent;
  height: 86.48px;
}

@media screen and (max-width: 768px) {
  .p-voice__li--box {
    height: auto;
    background-color: transparent;
  }
}
.p-voice__li--text {
  text-align: left;
  font-size: 14px;
}

.p-voice__button {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 20px;
}

.p-voice__button b {
  font-size: 14px;
  padding-left: 4px;
}

.js-more-preview {
  text-align: center;
  margin: 0 auto;
}

.js-more-preview button {
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(top, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(23, 28, 97)), to(rgb(0, 78, 162)));
  background: linear-gradient(180deg, rgb(23, 28, 97) 0%, rgb(0, 78, 162) 100%);
  border: none;
  cursor: pointer;
  outline: none;
  color: #fff;
  padding: 0;
  line-height: 40px;
  font-size: 16px;
  width: 180px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.js-more-preview button:hover {
  opacity: 0.9;
}

.p-privilege-logo {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
}

.p-privilege__li {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 15px 30px;
}

@media screen and (max-width: 768px) {
  .p-privilege__li {
    display: block;
    padding: 16px;
  }
}
.p-privilege--left {
  max-width: 65%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-privilege--left {
    max-width: 100%;
  }
}
.p-privilege-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: solid 2px #333;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .p-privilege-upper {
    display: block;
  }
}
.p-privilege-upper__div {
  max-width: 25%;
  width: 100%;
  margin-right: 5%;
}

@media screen and (max-width: 768px) {
  .p-privilege-upper__div {
    max-width: 50%;
    margin-right: 0;
    margin: 0 auto;
    padding: 16px 0;
  }
}
.p-privilege-upper--text {
  max-width: 72%;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-privilege-upper--text {
    max-width: 100%;
  }
}
.p-privilege-upper--title {
  font-size: 28px;
  color: #004EA2;
}

@media screen and (max-width: 768px) {
  .p-privilege-upper--title {
    font-size: 5vw;
    text-align: center;
    padding-top: 8px;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 768px) {
  .p-privilege-lower {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .p-privilege-lower.--adjust {
    max-width: 100%;
    text-align: center;
  }
}
.p-privilege-lower.--adjust span {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .p-privilege-lower--maintext {
    font-size: 5vw;
    text-align: center;
  }
}
.p-privilege-lower--maintext.--adjust {
  padding-bottom: 0px;
}

.p-privilege-lower--maintext sup {
  font-size: 12px;
}

.p-privilege-lower--text {
  font-size: 20px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .p-privilege-lower--text {
    font-size: 4vw;
    text-align: center;
  }
}
.p-privilege-lower--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}

.p-privilege--right {
  max-width: 35%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-privilege--right {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 16px;
  }
}
.p-privilege--right img {
  max-height: 280px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .p-privilege--right img {
    max-height: 220px;
  }
}
.p-privilege-con--thumb {
  text-align: center;
}

.p-privilege-con--thumb p {
  font-size: 16px;
  color: #fff;
  background: rgb(23, 28, 97);
  background: -o-linear-gradient(330deg, rgb(23, 28, 97) 6%, rgb(57, 81, 137) 49%, rgb(32, 61, 128) 51%, rgb(32, 61, 128) 100%);
  background: linear-gradient(120deg, rgb(23, 28, 97) 6%, rgb(57, 81, 137) 49%, rgb(32, 61, 128) 51%, rgb(32, 61, 128) 100%);
  padding: 8px;
}

.p-privilege-con p {
  font-size: 13px;
}

.p-privilege-con p b {
  color: #004EA2;
}

.profssor__h2--img1{
  position: absolute;
  z-index: 3;
  left: 14%;
  bottom: -265px;
  width: 130px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .profssor__h2--img1{
    left: 0;
    bottom: -210px;
    width: 95px;
  }
}
.profssor__h2--img1.--semi{
  left: auto;
  right:10%;
  bottom: -380px;
}
@media screen and (max-width: 768px) {
  .profssor__h2--img1.--semi{
    width: 24vw;
    left: -17px;
    right:auto;
    bottom: -70vw;
  }
}
.profssor__h2--img2{
  position: absolute;
  z-index: 3;
  left:0;
  bottom: 140px;
  width: 150px;
  max-width: 17%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .profssor__h2--img2{
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
    left:88px;
    width: 99px;
    max-width: 100%;
    bottom: 100px;
  }
}
.profssor__h2--img2.--semi{
  left: auto;
  right:-5%;
  bottom: -0px;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .profssor__h2--img2.--semi{
    width: 20vw;
    left: auto;
    right:-1.33vw;
    top: -12vw;
    bottom: auto;
  } 
}
.c-FAQ-anckor{
  color: var(--sky);
  font-size: clamp(10px,4vw,14px);
  border-bottom: solid 1px var(--sky);
  line-height: 1.3;
  letter-spacing: .05em;
  display: inline-block;
  margin: 0 auto;
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .c-FAQ-anckor{
    font-size: 3.2vw;
    margin-left: 0;
  }
}
.c-FAQ-anckor:hover{
  opacity: .6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.c-FAQ-anckor.--adj{
  margin: 0 auto 0 0;
}
.p-ac__h2--wrap{
  position: relative;
}
.p-ac__h2 {
  font-size: clamp(20px,7vw,36px);
  padding-bottom: 60px;
}
.c-ac__h2--men{
  width: 136px;
  left: 16%;
  top: -75px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-ac__h2--men{
    width: 90px;
    left: 10px;
    top: -25px;
  }
}
.c-ac__h2--women{
  width: 100px;
  right: 19%;
  top: -75px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-ac__h2--women{
    width: 68px;
    right: 13px;
    top: -25px;
  }
}
@media screen and (max-width: 768px) {
  .p-ac__h2 {
    font-size: 6.4vw;
  }
}
.p-ac__dl {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: auto;
}

.p-ac-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 32px;
  border-bottom: solid 1px #c3c3c3;
  position: relative;
}

@media screen and (max-width: 768px) {
  .p-ac-parent {
    padding: 16px;
  }
}
.p-ac-parent span {
  font-size: 48px;
  margin-right: 16px;
  color: #004EA2;
  font-weight: lighter;
  max-width: 4%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .p-ac-parent span {
    max-width: 8%;
    margin-right: 6%;
  }
}
.p-ac-parent p {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  .p-ac-parent p {
    font-size: 4.5vw;
    max-width: 70%;
    text-align: left;
  }
}
.p-footer--inner {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .p-footer--inner {
    display: block;
  }
}
.p-footer__li--link{
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.p-footer__li--link:hover{
  opacity: .6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.p-footer--bottom {
  background-color: #fff;
}
.p-footer-copy {
  padding: 16px;
  text-align: center;
  font-weight: normal;
}
.p-footer-copy {
  padding: 16px;
  text-align: center;
  background-color: #fff;
  border-top: solid 1px #808080;
}

.u-dn {
  display: none !important;
}

.u-db {
  display: block ;
}

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

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

.u-sp {
  display: none !important;
}

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

@media screen and (max-width: 768px) {
  .u-db {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
}
.bg-gradation-red {
  background-image: -o-linear-gradient(left, #83222C, #BF2237, #83222C);
  background-image: -webkit-gradient(linear, left top, right top, from(#83222C), color-stop(#BF2237), to(#83222C));
  background-image: linear-gradient(to right, #83222C, #BF2237, #83222C);
}

.u-mxa {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

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

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

.u-mt0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

.u-m8 {
  margin: 8px !important;
}

.u-mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.u-my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-mt8 {
  margin-top: 8px !important;
}

.u-mb8 {
  margin-bottom: 8px !important;
}

.u-ml8 {
  margin-left: 8px !important;
}

.u-mr8 {
  margin-right: 8px !important;
}

.u-p8 {
  padding: 8px !important;
}

.u-px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.u-py8 {
  padding-top: 8px;
  padding-bottom: 8px !important;
}

.u-pt8 {
  padding-top: 8px !important;
}

.u-pb8 {
  padding-bottom: 8px !important;
}

.u-pl8 {
  padding-left: 8px !important;
}

.u-pr8 {
  padding-right: 8px !important;
}

.u-m16 {
  margin: 16px !important;
}

.u-mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.u-my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mb16 {
  margin-bottom: 16px !important;
}

.u-ml16 {
  margin-left: 16px !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

.u-p16 {
  padding: 16px !important;
}

.u-px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.u-py16 {
  padding-top: 16px;
  padding-bottom: 16px !important;
}

.u-pt16 {
  padding-top: 16px !important;
}

.u-pb16 {
  padding-bottom: 16px !important;
}

.u-pl16 {
  padding-left: 16px !important;
}

.u-pr16 {
  padding-right: 16px !important;
}

.u-m24 {
  margin: 24px !important;
}

.u-mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mb24 {
  margin-bottom: 24px !important;
}

.u-ml24 {
  margin-left: 24px !important;
}

.u-mr24 {
  margin-right: 24px !important;
}

.u-p24 {
  padding: 24px !important;
}

.u-px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-py24 {
  padding-top: 24px;
  padding-bottom: 24px !important;
}

.u-pt24 {
  padding-top: 24px !important;
}

.u-pb24 {
  padding-bottom: 24px !important;
}

.u-pl24 {
  padding-left: 24px !important;
}

.u-pr24 {
  padding-right: 24px !important;
}

.u-m32 {
  margin: 32px !important;
}

.u-mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.u-my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.u-mb32 {
  margin-bottom: 32px !important;
}

.u-ml32 {
  margin-left: 32px !important;
}

.u-mr32 {
  margin-right: 32px !important;
}

.u-p32 {
  padding: 32px !important;
}

.u-px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.u-py32 {
  padding-top: 32px;
  padding-bottom: 32px !important;
}

.u-pt32 {
  padding-top: 32px !important;
}

.u-pb32 {
  padding-bottom: 32px !important;
}

.u-pl32 {
  padding-left: 32px !important;
}

.u-pr32 {
  padding-right: 32px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .u-mxa-tb {
    margin-left: auto;
    margin-right: auto;
  }
  .u-m0-tb {
    margin: 0px !important;
  }
  .u-mx0-tb {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-my0-tb {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mt0-tb {
    margin-top: 0px !important;
  }
  .u-mb0-tb {
    margin-bottom: 0px !important;
  }
  .u-ml0-tb {
    margin-left: 0px !important;
  }
  .u-mr0-tb {
    margin-right: 0px !important;
  }
  .u-p0-tb {
    padding: 0px !important;
  }
  .u-px0-tb {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-py0-tb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-pt0-tb {
    padding-top: 0px !important;
  }
  .u-pb0-tb {
    padding-bottom: 0px !important;
  }
  .u-pl0-tb {
    padding-left: 0px !important;
  }
  .u-pr0-tb {
    padding-right: 0px !important;
  }
  .u-m8-tb {
    margin: 8px !important;
  }
  .u-mx8-tb {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my8-tb {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mt8-tb {
    margin-top: 8px !important;
  }
  .u-mb8-tb {
    margin-bottom: 8px !important;
  }
  .u-ml8-tb {
    margin-left: 8px !important;
  }
  .u-mr8-tb {
    margin-right: 8px !important;
  }
  .u-p8-tb {
    padding: 8px !important;
  }
  .u-px8-tb {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py8-tb {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-pt8-tb {
    padding-top: 8px !important;
  }
  .u-pb8-tb {
    padding-bottom: 8px !important;
  }
  .u-pl8-tb {
    padding-left: 8px !important;
  }
  .u-pr8-tb {
    padding-right: 8px !important;
  }
  .u-m16-tb {
    margin: 16px !important;
  }
  .u-mx16-tb {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my16-tb {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mt16-tb {
    margin-top: 16px !important;
  }
  .u-mb16-tb {
    margin-bottom: 16px !important;
  }
  .u-ml16-tb {
    margin-left: 16px !important;
  }
  .u-mr16-tb {
    margin-right: 16px !important;
  }
  .u-p16-tb {
    padding: 16px !important;
  }
  .u-px16-tb {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py16-tb {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-pt16-tb {
    padding-top: 16px !important;
  }
  .u-pb16-tb {
    padding-bottom: 16px !important;
  }
  .u-pl16-tb {
    padding-left: 16px !important;
  }
  .u-pr16-tb {
    padding-right: 16px !important;
  }
  .u-m24-tb {
    margin: 24px !important;
  }
  .u-mx24-tb {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my24-tb {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mt24-tb {
    margin-top: 24px !important;
  }
  .u-mb24-tb {
    margin-bottom: 24px !important;
  }
  .u-ml24-tb {
    margin-left: 24px !important;
  }
  .u-mr24-tb {
    margin-right: 24px !important;
  }
  .u-p24-tb {
    padding: 24px !important;
  }
  .u-px24-tb {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py24-tb {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-pt24-tb {
    padding-top: 24px !important;
  }
  .u-pb24-tb {
    padding-bottom: 24px !important;
  }
  .u-pl24-tb {
    padding-left: 24px !important;
  }
  .u-pr24-tb {
    padding-right: 24px !important;
  }
  .u-m32-tb {
    margin: 32px !important;
  }
  .u-mx32-tb {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my32-tb {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mt32-tb {
    margin-top: 32px !important;
  }
  .u-mb32-tb {
    margin-bottom: 32px !important;
  }
  .u-ml32-tb {
    margin-left: 32px !important;
  }
  .u-mr32-tb {
    margin-right: 32px !important;
  }
  .u-p32-tb {
    padding: 32px !important;
  }
  .u-px32-tb {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py32-tb {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-pt32-tb {
    padding-top: 32px !important;
  }
  .u-pb32-tb {
    padding-bottom: 32px !important;
  }
  .u-pl32-tb {
    padding-left: 32px !important;
  }
  .u-pr32-tb {
    padding-right: 32px !important;
  }
  .u-m40-tb {
    margin: 40px !important;
  }
  .u-mx40-tb {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my40-tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mt40-tb {
    margin-top: 40px !important;
  }
  .u-mb40-tb {
    margin-bottom: 40px !important;
  }
  .u-ml40-tb {
    margin-left: 40px !important;
  }
  .u-mr40-tb {
    margin-right: 40px !important;
  }
  .u-p40-tb {
    padding: 40px !important;
  }
  .u-px40-tb {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py40-tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-pt40-tb {
    padding-top: 40px !important;
  }
  .u-pb40-tb {
    padding-bottom: 40px !important;
  }
  .u-pl40-tb {
    padding-left: 40px !important;
  }
  .u-pr40-tb {
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 560px) {
  .u-mxa-sp {
    margin-left: auto;
    margin-right: auto;
  }
  .u-m0-sp {
    margin: 0px !important;
  }
  .u-mx0-sp {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .u-my0-sp {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .u-mt0-sp {
    margin-top: 0px !important;
  }
  .u-mb0-sp {
    margin-bottom: 0px !important;
  }
  .u-ml0-sp {
    margin-left: 0px !important;
  }
  .u-mr0-sp {
    margin-right: 0px !important;
  }
  .u-p0-sp {
    padding: 0px !important;
  }
  .u-px0-sp {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .u-py0-sp {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .u-pt0-sp {
    padding-top: 0px !important;
  }
  .u-pb0-sp {
    padding-bottom: 0px !important;
  }
  .u-pl0-sp {
    padding-left: 0px !important;
  }
  .u-pr0-sp {
    padding-right: 0px !important;
  }
  .u-m8-sp {
    margin: 8px !important;
  }
  .u-mx8-sp {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .u-my8-sp {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .u-mt8-sp {
    margin-top: 8px !important;
  }
  .u-mb8-sp {
    margin-bottom: 8px !important;
  }
  .u-ml8-sp {
    margin-left: 8px !important;
  }
  .u-mr8-sp {
    margin-right: 8px !important;
  }
  .u-p8-sp {
    padding: 8px !important;
  }
  .u-px8-sp {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .u-py8-sp {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .u-pt8-sp {
    padding-top: 8px !important;
  }
  .u-pb8-sp {
    padding-bottom: 8px !important;
  }
  .u-pl8-sp {
    padding-left: 8px !important;
  }
  .u-pr8-sp {
    padding-right: 8px !important;
  }
  .u-m16-sp {
    margin: 16px !important;
  }
  .u-mx16-sp {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .u-my16-sp {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .u-mt16-sp {
    margin-top: 16px !important;
  }
  .u-mb16-sp {
    margin-bottom: 16px !important;
  }
  .u-ml16-sp {
    margin-left: 16px !important;
  }
  .u-mr16-sp {
    margin-right: 16px !important;
  }
  .u-p16-sp {
    padding: 16px !important;
  }
  .u-px16-sp {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .u-py16-sp {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .u-pt16-sp {
    padding-top: 16px !important;
  }
  .u-pb16-sp {
    padding-bottom: 16px !important;
  }
  .u-pl16-sp {
    padding-left: 16px !important;
  }
  .u-pr16-sp {
    padding-right: 16px !important;
  }
  .u-m24-sp {
    margin: 24px !important;
  }
  .u-mx24-sp {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .u-my24-sp {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .u-mt24-sp {
    margin-top: 24px !important;
  }
  .u-mb24-sp {
    margin-bottom: 24px !important;
  }
  .u-ml24-sp {
    margin-left: 24px !important;
  }
  .u-mr24-sp {
    margin-right: 24px !important;
  }
  .u-p24-sp {
    padding: 24px !important;
  }
  .u-px24-sp {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .u-py24-sp {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .u-pt24-sp {
    padding-top: 24px !important;
  }
  .u-pb24-sp {
    padding-bottom: 24px !important;
  }
  .u-pl24-sp {
    padding-left: 24px !important;
  }
  .u-pr24-sp {
    padding-right: 24px !important;
  }
  .u-m32-sp {
    margin: 32px !important;
  }
  .u-mx32-sp {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .u-my32-sp {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .u-mt32-sp {
    margin-top: 32px !important;
  }
  .u-mb32-sp {
    margin-bottom: 32px !important;
  }
  .u-ml32-sp {
    margin-left: 32px !important;
  }
  .u-mr32-sp {
    margin-right: 32px !important;
  }
  .u-p32-sp {
    padding: 32px !important;
  }
  .u-px32-sp {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .u-py32-sp {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-pt32-sp {
    padding-top: 32px !important;
  }
  .u-pb32-sp {
    padding-bottom: 32px !important;
  }
  .u-pl32-sp {
    padding-left: 32px !important;
  }
  .u-pr32-sp {
    padding-right: 32px !important;
  }
  .u-m40-sp {
    margin: 40px !important;
  }
  .u-mx40-sp {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .u-my40-sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .u-mt40-sp {
    margin-top: 40px !important;
  }
  .u-mb40-sp {
    margin-bottom: 40px !important;
  }
  .u-ml40-sp {
    margin-left: 40px !important;
  }
  .u-mr40-sp {
    margin-right: 40px !important;
  }
  .u-p40-sp {
    padding: 40px !important;
  }
  .u-px40-sp {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .u-py40-sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .u-pt40-sp {
    padding-top: 40px !important;
  }
  .u-pb40-sp {
    padding-bottom: 40px !important;
  }
  .u-pl40-sp {
    padding-left: 40px !important;
  }
  .u-pr40-sp {
    padding-right: 40px !important;
  }
}
/*--------------------------------------*
foundation
 *--------------------------------------*/
/*--------------------------------------*
layout
*--------------------------------------*/
/*--------------------------------------*
object
*--------------------------------------*/
.u-mxa {
  margin-left: auto !important;
  margin-right: auto !important;
}

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

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

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

.u-mt0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

.u-m8 {
  margin: 8px !important;
}

.u-mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.u-my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.u-mt8 {
  margin-top: 8px !important;
}

.u-mb8 {
  margin-bottom: 8px !important;
}

.u-ml8 {
  margin-left: 8px !important;
}

.u-mr8 {
  margin-right: 8px !important;
}

.u-p8 {
  padding: 8px !important;
}

.u-px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.u-py8 {
  padding-top: 8px;
  padding-bottom: 8px !important;
}

.u-pt8 {
  padding-top: 8px !important;
}

.u-pb8 {
  padding-bottom: 8px !important;
}

.u-pl8 {
  padding-left: 8px !important;
}

.u-pr8 {
  padding-right: 8px !important;
}

.u-m16 {
  margin: 16px !important;
}

.u-mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.u-my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.u-mt16 {
  margin-top: 16px !important;
}

.u-mb16 {
  margin-bottom: 16px !important;
}

.u-ml16 {
  margin-left: 16px !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

.u-p16 {
  padding: 16px !important;
}

.u-px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.u-py16 {
  padding-top: 16px;
  padding-bottom: 16px !important;
}

.u-pt16 {
  padding-top: 16px !important;
}

.u-pb16 {
  padding-bottom: 16px !important;
}

.u-pl16 {
  padding-left: 16px !important;
}

.u-pr16 {
  padding-right: 16px !important;
}

.u-m24 {
  margin: 24px !important;
}

.u-mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-mt24 {
  margin-top: 24px !important;
}

.u-mb24 {
  margin-bottom: 24px !important;
}

.u-ml24 {
  margin-left: 24px !important;
}

.u-mr24 {
  margin-right: 24px !important;
}

.u-p24 {
  padding: 24px !important;
}

.u-px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-py24 {
  padding-top: 24px;
  padding-bottom: 24px !important;
}

.u-pt24 {
  padding-top: 24px !important;
}

.u-pb24 {
  padding-bottom: 24px !important;
}

.u-pl24 {
  padding-left: 24px !important;
}

.u-pr24 {
  padding-right: 24px !important;
}

.u-m32 {
  margin: 32px !important;
}

.u-mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.u-my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.u-mt32 {
  margin-top: 32px !important;
}

.u-mb32 {
  margin-bottom: 32px !important;
}

.u-ml32 {
  margin-left: 32px !important;
}

.u-mr32 {
  margin-right: 32px !important;
}

.u-p32 {
  padding: 32px !important;
}

.u-px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.u-py32 {
  padding-top: 32px;
  padding-bottom: 32px !important;
}

.u-pt32 {
  padding-top: 32px !important;
}

.u-pb32 {
  padding-bottom: 32px !important;
}

.u-pl32 {
  padding-left: 32px !important;
}

.u-pr32 {
  padding-right: 32px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------*
foundation
 *--------------------------------------*/
/*--------------------------------------*
layout
*--------------------------------------*/
/*--------------------------------------*
object
*--------------------------------------*/
/* スキャナー引用 */
.p-feature-box--left {
  /* line-height: 36px; */
  max-width: 23%;
  width: 100%;
  margin-left: 10px;
  background-color: #fff;
  font-size: clamp(10px,7vw,18px);
  /* background: rgb(23,28,97);
  background: -webkit-linear-gradient(120deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%);
  background: -webkit-linear-gradient(330deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%);
  background: linear-gradient(120deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%); */
  /* background: rgb(134,115,22);
background: -o-linear-gradient(left, rgba(134,115,22,1) 0%, rgba(227,205,132,1) 19%, rgba(234,228,192,1) 32%, rgba(228,216,149,1) 47%, rgba(238,221,193,1) 63%, rgba(228,217,157,1) 78%, rgba(211,187,103,1) 86%, rgba(150,128,67,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(134,115,22,1)), color-stop(19%, rgba(227,205,132,1)), color-stop(32%, rgba(234,228,192,1)), color-stop(47%, rgba(228,216,149,1)), color-stop(63%, rgba(238,221,193,1)), color-stop(78%, rgba(228,217,157,1)), color-stop(86%, rgba(211,187,103,1)), to(rgba(150,128,67,1)));
background: linear-gradient(90deg, rgba(134,115,22,1) 0%, rgba(227,205,132,1) 19%, rgba(234,228,192,1) 32%, rgba(228,216,149,1) 47%, rgba(238,221,193,1) 63%, rgba(228,217,157,1) 78%, rgba(211,187,103,1) 86%, rgba(150,128,67,1) 100%); */
}
@media screen and (max-width: 768px) {
  .p-feature-box--left {
    max-width: 100%;
    margin-left: 1%;
    height: auto;
  }
}
.p-feature-box--left.--semi {
  position: relative;
}
.c-seminar-head__img{
  width: 207px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 8%;
  -ms-transform: translateY(-67%);
      transform: translateY(-67%);
  -webkit-transform: translateY(-67%);
}
@media screen and (max-width: 768px) {
  .c-seminar-head__img{
    width: 26.67vw;
    left: auto;
    right:3%;
    -ms-transform: translateY(-60%);
        transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
  }
}
.c-seminar-head__img.--second{
  width: 100px;
  left:auto;
  right:8%;
  -ms-transform: translateY(-60%);
      transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
}
@media screen and (max-width: 768px) {
  .c-seminar-head__img.--second{
    width: 21.67vw;
    left: auto;
    right:5%;
    -ms-transform: translateY(-60%);
        transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
  } 
}
.c-seminar-head__img.--third{
  width: 200px;
   left: 16%;
   top: -60px;
   -ms-transform: none;
       transform: none;
   -webkit-transform: none;
}
@media screen and (max-width: 768px) {
  .c-seminar-head__img.--third{
    width: 24.67vw;
    left: auto;
    right: 3%;
    top: -12vw;
  } 
}
.p-feature-box--left.--products {
  /* background: rgb(23,28,97);
  background: -webkit-linear-gradient(120deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%);
  background: -webkit-linear-gradient(330deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%);
  background: linear-gradient(120deg,rgb(23,28,97) 6%,rgb(57,81,137) 49%,rgb(32,61,128) 51%,rgb(32,61,128) 100%); */
  background-color: var(--blue);
  max-width: 100%;
  margin-left: 0;
  position: relative;
  z-index: 1;
}
.p-feature-box--left.--products.--sky {
  background-color: var(--sky);
}
.p-feature-box--left.--first {
  max-width: 34%;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left.--first {
    max-width: 100%;
  }
}
.p-feature-box--left.--adjust {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left.--adjust {
    margin: 0 auto;
  }
}
.p-feature-box--left.--left {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p {
    font-size: 3.5vw;
    line-height: 1;
    /* border: solid 1px var(--blue); */
  }
}
.p-feature-box--left p.--products {
  color: #fff;
  font-size: clamp(20px,7vw,24px);
  letter-spacing: 0.1em;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p.--products {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p.--products.--semi {
  text-align: left;
  padding: 10px 16px;
  letter-spacing: 0.2em;
  }
}

.p-feature-box--left p .--large{
  font-size: clamp(20px,7vw,24px);
  /* display: inline-block; */
  margin-left: 2px;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p .--large{
    line-height: 1;
    font-size: 4vw;
  }
}
.p-feature--adjust {
  color: var(--black);
  font-size: clamp(10px,7vw,20px);
  line-height: 32px;
  letter-spacing: .05em;
  padding-right: 4px;
  border: solid 1px var(--sky);
}
.c-feature-label{
  font-size: clamp(10px,7vw,18px);
  color: #fff;
  background-color: var(--sky);
  display: inline-block;
  height: 100%;
  margin-right: 8px;
  padding: 4px 8px;
}
@media screen and (max-width: 768px) {
  .c-feature-label{
    font-size: 3.47vw;
    padding: 6px;
  }
}
.c-feature-label__under{
  text-decoration: underline;
  text-underline-offset: -0.2em;
  text-decoration-thickness: 0.5em;
  -webkit-text-decoration-color: rgba(255, 255, 0, 0.8);
          text-decoration-color: rgba(255, 255, 0, 0.8);
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  font-weight: 500;
}
/* //スキャナー引用 */
/* about_us */
.l-about-us{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-about-us{
    display: block;
  }
}
.l-about-us--relative{
  position: relative;
  z-index: 3;
}
.c-about-us__image{
  width: 238px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0;
  top: -267px;
  z-index: 2;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 980px) {
  .c-about-us__image{
  display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-about-us__image{
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
  display: block;
  width: 40.33vw;
  left: auto;
  right:0;
  top: -52vw;
  }
}
.c-about-us__contents--thumb{

  -o-object-fit: cover;
     object-fit: cover;
}
.l-about-us__box{
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.l-about-us__box--inner{
  width: 50%;
}
.l-about-us__box--inner:first-child{
  border-right: solid 3px #000000;
}
.p-abou-us__box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1.5%;
}
@media screen and (max-width: 768px) {
  .p-abou-us__box{
    border: solid 2px #000000;
    padding-bottom:0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-abou-us__box.--sp{
  padding-bottom: 0;
}
.p-abou-us__box.--adjust{
  padding-bottom: 0%;
}
@media screen and (max-width: 768px) {
  .p-abou-us__box.--adjust{
    border-left: solid 2px #000000;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    border-bottom:none;
  }
}
.p-abou-us__box--sp{
  width: calc(100% / 3);
  height: auto;
  border-right:solid 2px #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-top: 20%;
}
.p-abou-us__box--sp:last-of-type{
  border-right: none;
}
.p-abou-us__box--sp img{
-o-object-fit: cover;
   object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-abou-us__box--sp img{
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
}
.l-about-us__contents{
  max-width: calc(100% / 3 + 2px);
  width: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents{
    max-width: 100%;
  }
}
.l-about-us__contents.--large{
  max-width: calc(100% * 2 / 3);
  width: 100%;
  background-color: #fff;
  margin-left: 1.5%;
  margin-bottom: 1.5%;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents.--large{
    margin-left: 0%;
    max-width: 100%;
  }
}
.l-about-us__contents.--large.--bottom{
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 1.5%;
  margin-top: 1.5%;
  padding: 18px;
  text-align: left;
  background-color: #EBF1F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents.--large.--bottom{
    margin-right:0%;
    margin-bottom: 8px;
    padding: 24px 10px;
    display: block;
  }
}
.p-about-us__contents{
  width: calc(100% / 2 - 9px);
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .p-about-us__contents{
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-about-us__contents--pic{
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   display: block;
  }
}
.p-about-us__contents:first-of-type{
  margin-right: 18px;
}
@media screen and (max-width: 768px) {
  .p-about-us__contents:first-of-type{
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.p-about-us__contents--inner{
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  padding: 18% 18px 0;
  text-align:center;
}
@media screen and (max-width: 768px) {
  .p-about-us__contents--inner{
    padding: 30px 10px 0;
  }
}
.c-about-us__contents--icon{
  width: 38px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--icon{
    width: 30px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 10px;

  }
}
.l-about-us__contents.--relative{
  position: relative;
  
}
@media screen and (max-width: 768px) {
  .l-about-us__contents.--relative{
    padding: 16px 0 0;
    background-color: #fff;
  }
}
.l-about-us__contents--pc{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;

  height: 100%;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents--pc{
    display: none;
  }
}
.p-about-us__contents--box1{
  height: 40%;  
  border-left:solid 3px #000000;
  border-top:solid 3px #000000;
  border-right:solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.p-about-us__contents--box2{
  height: 40%;  
  border-left:solid 3px #000000;
  border-right:solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.p-about-us__contents--box3{
  height: 40%;  
  border-left:solid 3px #000000;
  border-right:solid 3px #000000;
  border-bottom:solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.c-about-us__wire{
height: 100%;
}
.p-about-us__list--wrap{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  padding: 45px 18px 18px;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    padding: 45px 18px 45px;
  }
}
.c-about-us__h3{
  font-size: clamp(10px,7vw,22px);
  color: var(--blue);
  font-weight: 500;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-about-us__h3{
    font-size: 4.8vw;
    padding-bottom: 20px;
  }
}
.c-about-us__h3 sup{
  font-size: 50%;
	top: -0.9em; 
}
.p-about-us__list--ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--ul{
  }
}
.p-about-us__list--li{
  width:calc(100% / 2 - 9px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--li{
    width:calc(100% / 2 - 5px);
  }
}
.p-about-us__list--li:nth-of-type(odd){
  margin-right: 18px;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--li:nth-of-type(odd){
    margin-right: 10px;
  }
}
.p-about-us__list--li:nth-of-type(1),.p-about-us__list--li:nth-of-type(2){
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--li:nth-of-type(1),.p-about-us__list--li:nth-of-type(2){
    margin-bottom: 10px;
  }
}
.c-about-us{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.c-about-us.--adjust{
  top: 45%;
}
.c-about-us__thumb{
  max-width: 45px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .c-about-us__thumb{
    max-width: 25px;
    padding-bottom: 6px;
  }
}
.c-about-us__text{
  font-size: clamp(10px,5vw,14px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-about-us__text{
    font-size: 2.67vw;
    line-height: 1;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
}
.c-about-us__title{
  font-size: clamp(20px,7vw,26px);
  color: var(--blue);
  letter-spacing: .05em;
  font-weight: 500;
  font-family: sofia-pro, sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-about-us__title{
    font-size: 4vw;
  }
}
.c-about-us__title .--large{
  font-size: clamp(20px,7vw,42px);
  line-height: 1;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-about-us__title .--large{
    font-size: 6.7vw;
  }
}
.c-about-us__title.--adjust{
  font-size: clamp(10px,7vw,20px);
}
.c-about-us__text--mini{
  font-size: clamp(10px,5vw,10px);
  font-weight: normal;

  
}
.l-about-us__line{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  z-index: 3;
}
.l-about-us__line--list{
  width: calc(100% / 6);
  border-right: solid 3px #000000;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.l-about-us__line--list:last-of-type{
  border-right:none; 
}
.l-about-us__line--list .--thumb{
  height: 100%;
}
.c-about-us__contents{
  color: var(--blue);
  font-size: clamp(10px,2vw,22px);
  font-weight:500;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents{
    font-size: 4.8vw;
    padding-bottom: 30px;
  }
}
.c-about-us__contents--text{
  font-size: clamp(10px,7vw,12px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  padding-bottom: 32px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--text{
    font-size: 2.67vw;
    padding-bottom: 30px;
  }
}
.c-about-us__contents--text .--blue{
  font-size: clamp(10px,1.3vw,14px);
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 6px;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--text .--blue{
    font-size: 3.47vw;
  }
}
.c-about-us__contents--ul{
  padding-bottom: 42px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--ul{
    padding-bottom: 30px;
  }
}
.c-about-us__contents--li{
  
}
.c-about-us__contents--letter{
  font-size: clamp(10px,7vw,14px);
  line-height: 1.3;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--letter{
    font-size: 3.47vw;
  }
}
.c-about-us__contents--li:first-of-type{
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--li:first-of-type{
    padding-bottom: 30px;
  }
}
.c-about-us__contents--li .--small{
  font-size: clamp(10px,7vw,12px);
  font-weight: normal;
  display: block;
  padding-top: 6px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--li .--small{
    font-size: clamp(10px,7vw,10px);
  }
}
.c-about-us__banner{
  width: 144px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-about-us__banner{
    width: min(300px,30.67vw);
  }
}
.l-about-us__contents--bg{
  height: 100%;
}
/* //about_us */
/* contact */
.p-contact{
  padding-bottom: 90px;
  text-align: center;
  letter-spacing: .5em;
}
@media screen and (max-width: 768px) {
  .p-contact{
    padding: 60px 0;
  }
}
.c-contact-sub{
  font-size: clamp(10px,7vw,17px);
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .c-contact-sub{
   line-height: 1.3;
   font-size:3.47vw;
   
  }
}
.c-contact-main{
  font-size: clamp(20px,7vw,46px);
  line-height: 1.0;
  color: var(--sky);
  letter-spacing: 0.06em;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-style: normal;
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
@media screen and (max-width: 768px) {
  .c-contact-main{
    font-size: 8vw;
  }
}
.c-contact-main:hover{
  opacity: .6;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c-contact{
  font-size: clamp(10px,7vw,14px);
  margin: 10px 0;
  color: var(--black);
}
@media screen and (max-width: 768px) {
  .c-contact{
    font-size:3.2vw;
    margin-bottom: 5px;
    letter-spacing: .05em;
  }
}
/* //contact */
/* products */
.l-products-video{
  padding: 90px 0;
}
@media screen and (max-width: 768px) {
  .l-products-video{
    padding: 60px 0;
  }
}
.l-products-video__inner{
  padding: 0 16px;
}
.p-products-video__wrap{
text-align: center;
max-width: 600px;
margin: 0 auto;
position: relative;

}
.p-products-video__img{
  position: absolute;
  z-index: -1;
  height: 500px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  left: -130px;
  top: -112px;
}
@media screen and (max-width: 768px) {
  .p-products-video__img{
    height: 250px;
    left: 14px;
    top: -50px;
  }
}
.c-products-video__text{
  -o-object-fit: contain;
     object-fit: contain;
  width: 173px;
  height: 34px;
  margin-left: auto;
  display: block;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-products-video__text{
    width: 40%;
    margin-bottom: -5px;
  }
}
.c-products-video__text--letter{
  text-align: center;
  font-size: clamp(10px,7vw,22px);
  color: var(--blue);
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .c-products-video__text--letter{
    font-size: 4vw;
    padding-bottom: 16px;
  }
}
.p-products-video{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  padding: 10px;
  border: solid 2px var(--blue);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-products-video{
    padding: 5px;
  }
}
.p-products-video  iframe{
  width: 100%;
  height: 100%;
}
.l-products-about{
  padding: 90px 0;
  background-color: #F5F5F5;
}
@media screen and (max-width: 768px) {
  .l-products-about{
    padding: 60px 0;
  }
}
.l-products-about__inner{
  padding: 0 16px;
}
.c-products-about{
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  font-size: clamp(10px,4vw,16px);
  padding-bottom: 32px;
}
.p-products-about{
text-align: center;
}
.p-products-title{
  max-width: 700px;
    margin: 0 auto 16px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 768px) {
  .p-products-title{
      margin: 0 auto 8px auto;
  }
}
.c-products-title{
  width: 20px;
  height: 40px;
  background: url(../img/products/sra_left.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-products-title{
    width: 15px;
  }
}
.c-products-title.--even{
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 768px) {
  .c-products-title.--even{
    width: 15px;
  }
}
.c-products-title__text{
  font-size: clamp(10px,4vw,14px);
  
  line-height: 1.3;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-products-title__text{
    font-size: 3.4vw;
  }
}
.l-body-products{
  
}
@media screen and (max-width: 768px) {
  .l-body-products{
    
  }
}
/* //products */
/* bookreportエリア */
.l-bookreport-wrap{
  background-color: #EBF1F8;
  border-bottom: solid 6px var(--blue);
}
.l-bookreport{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 90px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-bookreport{
   padding-left: 16px;
   padding-right: 16px;
   padding-top: 60px;
   padding-bottom: 60px;
  }
}
.l-bookreport--flex{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  background-color: #EBF1F8;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-bookreport--flex{
    margin: 0 auto;
    width: 100%;
    overflow:visible;
    margin-bottom: 25px;
  }
}
.l-bookreport--flex.--semi{
  background-color:transparent;
  margin: 0 auto;
  width: 100%;
}
.p-bookreport--flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: calc(25px + 60px);
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  position: relative;
  z-index: 6;
  background-color: #EBF1F8;
}
@media screen and (max-width: 768px) {
  .p-bookreport--flex{
    display: block;
    padding-bottom: 0;
  }
}
.p-bookreport--flex.--semi{
  background-color:transparent;
  padding-bottom: 0;
}
.p-bookreport--flex.--semi .p-bookreport--card{
  width: calc(100% / 2 - 6px);
  margin-right: 12px;
  margin-bottom: 56px;
  border: solid 1px var(--sky);
}
@media screen and (max-width: 768px) {
  .p-bookreport--flex.--semi .p-bookreport--card{
    width: 100%;
    margin-right: 10px;
    margin-bottom: 28px;
  }
}
.p-bookreport--flex.--semi .p-bookreport--card.is-hidden{
  margin-bottom: 0;
}
.p-bookreport--flex.--semi .p-bookreport--card:nth-of-type(2n){
  margin-right: 0;
}
.p-bookreport--card{
  width: 49%;
  margin-right: 2%;
  background-color: #fff;
  padding: 16px;
  border: solid 1px var(--blue);
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .p-bookreport--card{
    width: 100%;
    padding: 10px;
    margin-right: 0;
  }
  .p-bookreport--card:not(:last-child){
    margin-bottom: 41px;
  }
}
.p-bookreport--card:nth-of-type(2n){
  margin-right: 0%;
  
}
.p-bookreport--card.--descendent{
    margin-bottom: 32px;
}
.p-bookreport-inner__p{
  color: var(--blue);
  font-size: clamp(10px,7vw,17px);
  min-height: 70px;
  text-align: left;
  /* display: grid;
  place-content: center; */
}
@media screen and (max-width: 768px) {
  .p-bookreport-inner__p{
    font-size: 3.73vw;
  }
}
.p-bookreport-inner__p.--sky{
  color: var(--sky);
}
.p-bookreport--thumb{
  margin-top: 10px;
  border: solid 1px var(--blue);
}
.p-bookreport--thumb.--sky{
  border: solid 1px var(--sky);
}
.p-bookreport-sub--wrap{
  position: absolute;
  z-index: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: -1px;
  bottom: -26.5px;
}
@media screen and (max-width: 768px) {
  .p-bookreport-sub--wrap{
    right: -5px;
    bottom: -18.5px;
  }
}
.p-bookreport-sub{
  position: relative;
  width: 100%;
  margin-left: auto;
  text-align: right;
}
.p-bookreport-sub__img{
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  display: inline-block;
  margin-left: auto;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .p-bookreport-sub__img{
    height: 17px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
  }
}
.p-bookreport-sub__text{
  color: #fff;
  font-size: clamp(10px,7vw,14px);
  position: absolute;
  top: 50%;
  right: 20px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  letter-spacing: .1em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-bookreport-sub__text{
    font-size: min(2.67vw, 11px);
    right:min(2.13vw, 8px);
  }
}
.c-bookreport--text{
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  text-align: right;
}
.c-bookreport-cta{
  color:var(--blue);
  background-color: #fff;
  border: solid 1px var(--blue);
  border-radius: 5px;
  padding: 4px 10px 4px 16px;
  display: inline-block;
  font-size: 16px;
  line-height: 1.3;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .c-bookreport-cta{
    margin-top: 30px;
    font-size: 3.2vw;
    line-height: 20px;
    padding: 4px 12px 4px 10px;
  }
}
.c-bookreport-cta.--semi{
margin-top: 45px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
  .c-bookreport-cta.--semi{
    margin-top: 9px;
    }
}
.c-bookreport-cta.--sky{
  color:var(--sky);
  border: solid 1px var(--sky);
}
.c-bookreport-cta__span{
  position: relative;
  display: inline-block;
  height: 16px;
  width: 10px;
}
.c-bookreport-cta__span:after{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px var(--blue);
  border-right: solid 1px var(--blue);
  position: absolute;
  right: 0px;
  top: 6px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-bookreport-cta__span:after{
    top: 7px;
  }
}
.c-bookreport-cta__span.--sky:after{
  border-top: solid 1px var(--sky);
  border-right: solid 1px var(--sky);
}
.c-bookreport-cta__span.--to-dwon:after{
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
/* //bookreportエリア */
/* seminar_report */
@media screen and (min-width: 1200px) {
  .p-bookreport-underlayer{
    background-image: url(../seminar_report/img/bookreport_underlayer_gbi_wide.webp);
    background-size: cover;
      background-position: 50% center;
      background-repeat: no-repeat;
      text-align: center;
      padding: 100px 0;
  }
}
@media screen and (max-width: 1200px) {
  .p-bookreport-underlayer{
      background-image: url(../seminar_report/img/bookreport_underlayer_gbi.webp);
      background-size: cover;
      background-position: 50% center;
      background-repeat: no-repeat;
      text-align: center;
      padding: 100px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-bookreport-underlayer{
    background-image: url(../seminar_report/img/bookreport_underlayer_gbi_sp.webp);
    background-size: cover;
      background-position: 50% center;
      background-repeat: no-repeat;
      text-align: center;
      padding: 26vw 0;
      margin-top: 110px;
  }
}
.c-bookreport-underlayer__h1{
  font-size: clamp(20px,7vw,36px);
}
@media screen and (max-width: 768px) {
  .c-bookreport-underlayer__h1{
    font-size: 8vw;
  }
}
.l-bookreport-underlayer{
  padding-top: 90px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-bookreport-underlayer{
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.l-bookreport-underlayer:last-of-type{
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  .l-bookreport-underlayer:last-of-type{
    padding-bottom: 60px;
  }
}
.--bg-black{
  position: relative;
  min-height: 100px;
  
}
.--bg-black .--bg-layer{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  background-color: rgb(51,51,51,.8);
  z-index: 100;
}
.--bg-black-inner{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 101;
  display: block;
  font-size: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .--bg-black-inner{
    font-size: 4vw;
  }
}
.c-bookreport-underlayer__h2{
  font-size: clamp(20px,7vw,28px);
  line-height: 2;
  color:#004EA2;
  border-top: solid 1px #004EA2;
  border-bottom: solid 1px #004EA2;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .c-bookreport-underlayer__h2{
    font-size: 6.5vw;
  }
}
/* //seminar_report */
/* 漫画・薬剤 */
.c-product-manga__img{
  max-width: 205px;
  width: 100%;
  margin-bottom: 5px;
}
.c-product-manga__img.--sky{
  max-width: 165px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__img.--sky{
    max-width: 53%;
    padding-right: 13%;
    margin-left: auto;
    margin-right:0;
   }
}
.c-product-manga__img.--home{
  max-width: 185px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__img.--home{
    max-width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .c-product-manga__img{
  max-width: 53%;
   display: block;
   margin-right: auto;
  }
   
}
.p-product-manga__contents--wrap{
  position: relative;
  z-index: 1;
  margin: 0 -40px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-product-manga__contents--wrap{
    margin: 0;
  }
}
.p-product-manga__contents{
  position: relative;
  z-index: 3;
  background-color: #fff;
  padding: 40px 0;
  margin-right: 40px;
  margin-left: 40px;
  border-top: solid 2px var(--blue);
  border-bottom: solid 2px var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-product-manga__contents{
    display: block;
    padding: 32px 0;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.p-product-manga__contents.--sky{
  border-top: solid 2px var(--sky);
  border-bottom: solid 2px var(--sky);
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
          flex-direction:row-reverse;
}
.p-feature-inner--img{
  max-width: 45%;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-feature-inner--img{
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.p-product-manga__contents--inner{
  padding-left: 20px;
  max-width: 55%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-product-manga__contents--inner{
    padding-left: 0px;
    max-width: 100%;
  }
}
.p-product-manga__contents--inner.--sky{
  padding-left: 0;
  padding-right: 20px;

}
.p-product-manga__contents--box{
  padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-product-manga__contents--box{
    padding-bottom: 32px;
  }
}
.p-product-manga__contents--text{
  text-align: left;
  font-size: clamp(10px,7vw,16px);
      color: var(--black);
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-product-manga__contents--text{
    font-size: 3.5vw;
  }
}
.p-product-manga__contents--box.--sky{
  padding-bottom:32px;
}
/* .c-product-dot{
  color:var(--blue);
  font-size: clamp(10px,7vw,30px);
  display: inline-block;
  line-height: 26px;
} */
.c-product-line{
  background: -o-linear-gradient(var(--yellow) 0%, var(--yellow) 50%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yellow)), color-stop(50%, var(--yellow)));
  background: linear-gradient(var(--yellow) 0%, var(--yellow) 50%);
  display: inline;
  line-height: 1;
}
.c-product-manga__contents--li{
  font-size: clamp(10px,7vw,16px);
  color:var(--black);
  text-align: left;
  line-height: 1.3;
  display: block;
  margin-bottom: 15px;
  padding-left: 26px;
  text-indent: -29px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__contents--li{
    font-size: 3.5vw;
    text-align: left;
    /* padding-left: 3%; */
  }
}
.c-product-manga__contents--li:last-of-type{
  margin-bottom: 0;
}
.c-product-manga__contents--li::before{
  content:  "";
  width:  10px;   
  height:  10px;
  display:  inline-block;
  background-color: var(--blue);
  border-radius:  50%;  
  margin: 0 10px;  
}
.c-product-note{
  padding-left: 28px;
  line-height: 1.5;
}
.c-product-manga__contents--text{
  font-size: clamp(10px,7vw,16px);
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-product-manga__contents--text{
    font-size: 3.5vw;
  }
}
.c-product-sup{
  font-size: 60%;
  top: -0.8em;
  left: 0.3em;
}
.c-product-manga__text--mini{
  font-size: 12px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-product-manga__text--mini{
    font-size: 10px;
  }
}
.c-product-manga__img--heading{
  position: absolute;
  z-index: 1;
  max-width: 268px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  right:-8px;
  top:-268px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__img--heading{
    max-width: 146px;
    -o-object-fit: contain;
       object-fit: contain;
    right: -24px;
    top: -148px;
  }
}
.c-product-manga__img--heading.--sky{
  max-width: 248px;
  top:-271px;
  right:0;
  left:0px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__img--heading.--sky{
    max-width: 140px;
    top:-153px;
    left:-12px;
  }
}
.c-product-manga__img--heading.--home{
  max-width: 240px;
  right:30px;
  top:-240px;
}
@media screen and (max-width: 768px) {
  .c-product-manga__img--heading.--home{
    max-width: 140px;
    right: 0px;
    top: -140px;
  }
}
/* //漫画・薬剤 */
/* 漫画・fv */
.l-main--relative {
  position: relative;
  height: 100vh;
  background-color: var(---n-blue);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .l-main--relative {
    height: 100svh;
  }
}
.l-fv-manga--header{
  padding: 10px 0;
  text-align: center;
  border-bottom:solid 1px #fff ;
}
.c-fv-manga--header{
    width: 240px;
    height: 27px;
    -o-object-fit: contain;
       object-fit: contain;
    display: inline-block;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-fv-manga--header{
    width: 180px;
    height: auto;
  }
}
.l-fv-manga--context{
  max-width: 60vw;
  width: 100%;
  max-height: 40vh;
  right: 40px;
  top: calc(50px + 5.345vh);
  position: absolute;
  z-index: 5;
}
@media screen and (min-width: 1920px) {
  .l-fv-manga--context{
    right: 6%;
    top: calc(50px + 8vh);
  }
}
@media screen and (min-width: 1525px) {
  .l-fv-manga--context{
    right: 7%;
  }
}
@media screen and (max-width: 767px) {
  .l-fv-manga--context{
    padding: 0 16px;
    max-width: 100%;
    width: 100%;
    max-height: 100vh;
    right: 0;
    top: 10%;
    z-index: 2;
  }
}
.p-fv-label__div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4.2vh;
}
@media screen and (min-width: 1525px) {
  .p-fv-label__div{
    margin-bottom: 3.27vh;
  }
}
@media screen and (min-width: 1920px) {
  .p-fv-label__div{
    margin-bottom: 2.8vh;
  }
}
@media screen and (max-width: 767px) {
  .p-fv-label__div{
    display: block;
    margin-bottom: 2.8vh;
  }
}
.p-fv-label__div--banner{
  background-color: var(--yellow);
  font-size: clamp(10px,1.39vw,21px);
  font-weight: 300;
  color: var(--blue);
  letter-spacing: .1em;
  padding: 3px 4px;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .p-fv-label__div--banner{
    font-size:3.5vw;
   line-height: 1.3;
   padding: 0px 4px;
  }
}
.p-fv-label__div--label{
  font-size: clamp(10px,1.61vw,25px);
  font-weight: 300;
  color: #fff;
  letter-spacing: .03em;
}
@media screen and (max-width: 767px) {
  .p-fv-label__div--label{
    font-size: 5vw;
  }
}
.p-fv-label__div--label .--note{
  color:var(--yellow);
  background-image: -o-radial-gradient(center, circle, var(--yellow) 20%, transparent 20%);
  background-image: radial-gradient(circle at center, var(--yellow) 20%, transparent 20%); 
  background-position: top right;
  background-repeat: repeat-x; 
  background-size: 1.035em 0.3em;
  line-height: 1.3;
  padding-top: .1em;
}
.p-fv-label__h1{
  font-size: clamp(10px,4vw,90px);
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
  letter-spacing: .05em;
  /* margin-bottom: 60px; */
  margin-bottom: 4.77vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

}
@media screen and (min-width: 1525px) {
  .p-fv-label__h1{
    margin-bottom: 5.18vh;
   
  }
}
@media screen and (min-width: 1920px) {
  .p-fv-label__h1{
    margin-bottom:4.86vh;
  }
}
@media screen and (max-width: 767px) {
  .p-fv-label__h1{
    font-size:8vw;
    letter-spacing: .01em;
    margin-bottom:3.8vh;
    line-height: 1.3;
    margin-left: 0;
  }
  .p-fv-label__h1--mini{
    font-size:.8em;
  }
}
.c-fv-label__h1{
  font-size: clamp(10px,4vw,100px);
  letter-spacing: .1em;
}
@media screen and (max-width: 767px) {
  .c-fv-label__h1{
    font-size: 8vw;
    letter-spacing: .01em;
  }
}
.p-fv-label__banner{
  width: 20vw;
  position: relative;
  background-color: var(---n-blue);
  margin-left:auto;
}
@media screen and (min-width: 1920px) {
  .p-fv-label__banner{
    width: 20vw;
  }
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner{
    width: 54vw;
    margin-left: 0;
  }
}
.p-fv-label__banner--pic{

}
.p-fv-label__banner--img{

}
.p-fv-label__banner--box{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 19vw;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .p-fv-label__banner--box{
    width: 19vw;
  }
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--box{
    width: 50vw;
    top: 48%;
  }
}
.p-fv-label__banner--label{
  font-size: clamp(10px, 0.94vw, 17px);
  color: #fff;
  letter-spacing: .1em;
  margin: 0 0.73vw;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--label{
    font-size:2.93vw;
    text-align: left;
    padding-left: 5%;
     margin: 0 auto;
  }
}
.p-fv-label__banner--label.--first{
  border-bottom: solid 1px var(--yellow);
  padding-bottom: 3.47%;
  margin-bottom: 3.47%;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(10px,0.94vw,21px);
  text-align:left;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--label.--first{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.p-fv-label__banner--label .--yellow{
  font-size: clamp(10px,1.92vw,36px);
  color: var(--yellow);
  line-height: 1;
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--label .--yellow{
    font-size: 3.73vw;
    width: 50%;
    display: inline-block;
    padding-left: 6px;
  }
}
.p-fv-label__banner--label .--figu{
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
}
.c-fv-label__banner--label{
  width: 50%;
  padding-right: 2%;
  padding-left: 2%;
  letter-spacing: .1em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .c-fv-label__banner--label{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 0;
    padding-left: 0px;
  }
}
.p-fv-label__banner--note{
  font-size: clamp(10px,2.64vw,51px);
  color: var(--yellow);
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  margin-top: -2px;
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--note{
    font-size: 5.6vw;
    text-align: left;
    padding-left: 5%;
  }
}
.p-fv-label__banner--note .--yellow{
  font-size: clamp(10px,1.61vw,26px);
}
@media screen and (max-width: 767px) {
  .p-fv-label__banner--note .--yellow{
    font-size:3.2vw;
   
  }
}
.c-fv-manga--back{
  position: absolute;
  z-index: 2;
  width: auto;
  /* max-height: 64.42vh; */
  max-height: 78.42vh;
  -o-object-fit: contain;
  object-fit: contain;
  left: calc(100% / 2 - 16%);
  bottom: -21vh;
}
@media screen and (min-width: 1525px) {
  .c-fv-manga--back{
    width: 59vw;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: 73.42vh;
    left:calc(100% / 2 - 16%);
  }
}
@media screen and (min-width: 1920px) {
  .c-fv-manga--back{
    max-height: 74.42vh;
    left: calc(100% / 2 - 16%);
  }
}
@media screen and (max-width: 1100px) {
  .c-fv-manga--back{
    right: 16px;
    max-height:73vh;
    max-width: 60%;
    bottom: -20vw;
    left: calc(100% / 2 - 16%);
  }
}
@media screen and (max-width: 767px) {
  .c-fv-manga--back{
    max-width: 50.67vw;
    height: 50%;
    left: 2.5vw;
    bottom: -11vh;
  }
}
.l-fv-manga--footer{
  height: 15vh;
  width: 100%;
  text-align: center;
  background-color: rgb(0,78,162,.8);
  border-top: solid 1px #fff;
  display: -ms-grid;
  display: grid;
  place-content: center;
  position: absolute;
  z-index: 4;
  bottom: 0;
  padding: 10px 0;
}
@media screen and (min-width: 1525px) {
  .l-fv-manga--footer{
    z-index: 3;
  }
}
@media screen and (max-width: 767px) {
  .l-fv-manga--footer{
    height: auto;
    padding: 16px 0;
  }
}
.c-fv-manga--footer{
  font-size: clamp(10px,7vw,17px);
  color: #fff;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .c-fv-manga--footer{
   position: relative;
   z-index: 5;
   padding-bottom: 8px;
   font-size:3.47vw;
   line-height: 1.3;
  }
}
.c-fixed-area__wrap.--fv{
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-fixed-area__wrap.--fv{
   position: relative;
   z-index: 5;
  }
}
.c-fixed-area__wrap.--fv:hover{
  border: solid 1px var(--yellow);
}
@media screen and (max-width: 767px) {
  .l-main--relative:hover .c-fixed-area__wrap.--fv{
    border: solid 1px var(--yellow);
  }
}
.c-fixed-area__wrap.--apply{
  margin: 0 auto;
  width: 350px;
}
@media screen and (max-width: 767px) {
  .c-fixed-area__wrap.--apply{
    max-width: 280px;
    width: 100%;
  }
}
.c-fv-manga--front{
  position: absolute;
  z-index: 3;
  height: 90vh;
  /* max-width: 32vw; */
  max-width: 40vw;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  bottom: 0;
  left: -4vw;
}
@media screen and (min-width: 1525px) {
  .c-fv-manga--front{
    z-index: 4;
    height: 90vh;
      left: auto;
    max-width: 38vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: calc(100% / 2 + 17%);
  }
}
@media screen and (min-width: 1920px) {
  .c-fv-manga--front{
    /* height: 72vh; */
    /* right: auto; */
    right: calc(100% / 2 + 17%);
  }
}
@media screen and (max-width: 767px) {
  .c-fv-manga--front{
    max-width: 46vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: -4vw;
  }
}
.c-fv-manga--front.--sp{
  position: absolute;
  z-index: 4;
  max-width: 69vw;
  right: -21vw;
  pointer-events:none;
}
@media screen and (max-width: 767px) {
  .c-fv-manga--front.--sp{
    max-width: none;
    height: 62vh;
    right: -9%;
    /* transform: scale(-1, 1); */
    margin-left: auto;
    max-width: 58%;
  }
}
.l-header {
  background-color: #fff;
  border-bottom:solid 1px #D9D9D9 ;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 10px;
  position: fixed;
  /* display: none; */
}
@media screen and (max-width: 768px) {
  .l-header {
    padding: 0;
  }
}
/* //漫画・fv */
/* 漫画・fv下 */
.l-fixed-area {
  background-color: #DEDEDE;
  padding: 90px 16px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .l-fixed-area {
    padding: 60px 16px;
  }
}
.l-fixed-area__inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.l-fixed-area__wrap{
  position: absolute;
  top: -10%;
  right: 2%;
}
@media screen and (max-width: 768px) {
  .l-fixed-area__wrap{
    top: 10%;
    left: -52px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.c-fixed-area__thumb{
  width: 262px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__thumb{
    width: 150px;
    height: 380px;
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.l-fixed-area__box{
  max-width: 80%;
  width: 100%;
  text-align: left;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .l-fixed-area__box{
    max-width: 75%;
    margin-right: 0;
    margin-left: auto;
  }
}
.c-fixed-area__h2{
  font-size: clamp(20px,7vw,38px);
  font-weight: 500;
  color: var(--sky);
  padding-bottom: 60px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__h2{
    font-size: 6.4vw;
    padding-bottom: 30px;
  }
}
.c-fixed-area__text{
  font-size: clamp(10px,4vw,17px);
  padding-bottom: 16px;
  line-height: 1.5;
  text-align: left;
  letter-spacing: .2em;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__text{
    font-size: 3.47vw;
  }
}
.c-fixed-area__text:last-of-type{
  padding-bottom: 0;
}
.c-fixed-area__line{
  background-color: var(--yellow);
  background: linear-gradient(transparent 5%, var(--yellow) 0%);
  padding: 0 0 0 3px;
  line-height: 1.2;
  display: inline-block;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__line{
    background: linear-gradient(transparent 10%, var(--yellow) 0%);
    display: inline;
  }
}
/* //漫画・fv下 */
/* 漫画・5つのメリット */
.l-merit-wrap{
  padding: 90px 16px 0 16px;
  background-image: url(../img/marit/merit-bgi.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
  z-index: 3;
  background-color: #fff;
}
@media screen and (max-width: 768px){
  .l-merit-wrap{
    padding: 60px 16px 0 16px;
    background-image: url(../img/marit/merit-bgi_sp.webp);
    background-size: contain;
  }
}
.l-merit-wrap__inner--bottom{
  text-align: center;
  background-color: #EBF1F8;
  padding-top: 2vw;
  padding-bottom: 6vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 50% 100%, 0 calc(100% - 8vw));
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 50% 100%, 0 calc(100% - 8vw));
}
@media screen and (max-width: 768px){
  .l-merit-wrap__inner--bottom{
    padding-top: 6vw;
  }
}
.l-headline {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}
.l-headline--relative {
  position: relative;
  padding-bottom: 60px;
}
@media screen and (max-width: 768px){
  .l-headline--relative {
    padding-bottom: 30px;
  }
}
.c-headline-thumb{
  position: absolute;
  z-index: 3;
  left: -115px;
  top: -110px;
  width: 203px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1200px) {
  .c-headline-thumb{
  display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-headline-thumb{
  display: block;
  width: 158px;
  right:-30px;
  left: auto;
  top: -70px;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
  }
}
.p-headline__h2.--merit {
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--merit {
    text-align: left;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    padding-bottom: 30px;
    font-size: 6.4vw;
    line-height: 1.5;
  }
}
.p-success__ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 45px;
  position: relative;
  z-index: 3;
}
.p-success__ul.--adjust {
  padding-bottom: 30px;
}
.p-success__li {
  width: calc(100% / 2 - 6px);
  margin-right: 12px;
  margin-bottom: 12px;
  border: solid 2px var(--sky);
  background-color: #fff;
}
.p-success__li:nth-of-type(even) {
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .p-success__li {
   width: 100%;
   margin-right: 0;
  }
  .p-success__li:last-of-type {
    margin-bottom: 0;
  }
}
.p-success__li--hr {
  height: 3px;
  display: block;
  background: rgb(102, 59, 18);
  background: -o-linear-gradient(left, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
  background: -webkit-gradient(linear, left top, right top, from(rgb(102, 59, 18)), color-stop(10%, rgb(160, 128, 31)), color-stop(15%, rgb(128, 104, 25)), color-stop(22%, rgb(181, 138, 12)), color-stop(26%, rgb(239, 223, 152)), color-stop(33%, rgb(215, 192, 123)), color-stop(38%, rgb(232, 209, 132)), color-stop(45%, rgb(208, 173, 101)), color-stop(53%, rgb(215, 196, 93)), color-stop(58%, rgb(239, 232, 190)), color-stop(64%, rgb(255, 235, 202)), color-stop(73%, rgb(233, 221, 156)), color-stop(77%, rgb(216, 186, 62)), color-stop(83%, rgb(174, 140, 67)), color-stop(96%, rgb(106, 74, 0)));
  background: linear-gradient(90deg, rgb(102, 59, 18) 0%, rgb(160, 128, 31) 10%, rgb(128, 104, 25) 15%, rgb(181, 138, 12) 22%, rgb(239, 223, 152) 26%, rgb(215, 192, 123) 33%, rgb(232, 209, 132) 38%, rgb(208, 173, 101) 45%, rgb(215, 196, 93) 53%, rgb(239, 232, 190) 58%, rgb(255, 235, 202) 64%, rgb(233, 221, 156) 73%, rgb(216, 186, 62) 77%, rgb(174, 140, 67) 83%, rgb(106, 74, 0) 96%);
}
.p-success__li--relative {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-success__li--relative {
    max-height: none;
    background-color: #fff;
  }
}
.p-success__li--relative picture {
  /* height: 100%; */
  /* max-height: 150px; */
  display: block;
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-success__li--relative picture {
    height: 100%;
  }
}
.c-success-img{
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-success-img{
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
.p-success__li--icon{
  height: 63px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-success__li--icon{
    height: 53px;
  }
}
.p-success__li--absolute {
  max-width: 50%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .p-success__li--absolute {
    max-width: 60%;
  }
}
.p-success__li--even {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 70%;
  width: 100%;
  height: 100%;
  text-align: right;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 32px;
}
@media screen and (max-width: 768px) {
  .p-success__li--even {
    display: block;
    position: static;
    max-width: 100%;
    padding-left: 0;
    padding: 8px 16px;
    text-align: left;
  }
}
.p-success__p {
  font-size: clamp(10px, 4vw, 17px);
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-success__p {
    font-size: 3.73vw;
    line-height: 1.3;
    width: 100%;
  }
}
.c-success-arrow{
  width: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 45px auto;
}
@media screen and (max-width: 768px) {
  .c-success-arrow{
    width: 54px;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0 auto 30px auto;
  }
}
.c-success-text{
  font-size: clamp(10px, 4vw, 17px);
}
@media screen and (max-width: 768px) {
  .c-success-text{
    font-size: 3.47vw;
  }
}
.p-success-lower__ul--wrap{
  position: relative;
}
.c-success-lower__ul--icon{
  position: absolute;
  top: -120px;
  right: 30px;
  width: 129px;
  height: 425px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-success-lower__ul--icon{
    width:72px;
    height: auto;
    top: -150px;
    left: -15px;
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
.p-success-lower__ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 36px;
  margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
  .p-success-lower__ul{
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.p-success-lower__li{
  width: calc(100% / 2 - 6px);
  max-width: 325px;
  margin-right: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-success-lower__li{
    width: 75vw;
    margin-right: 0;
  }
  .p-success-lower__li:first-of-type{
    margin-bottom: 10px;
  }
}
.p-success-lower__li:nth-of-type(even){
  margin-right: 0;
}
.p-success-lower__li--sub{
  width: calc(100% / 3 - 8px);
  max-width: 325px;
  margin-right: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-success-lower__li--sub{
    width: 75vw;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.p-success-lower__li--sub:nth-of-type(3){
  margin-right:0px;
}
@media screen and (max-width: 768px) {
  .p-success-lower__li--sub:nth-of-type(3){
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .c-success-lower__li--thumb{

  }
}

.c-success-lower__li--text{
  position: absolute;
  bottom:20px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  font-size: clamp(10px, 4vw, 17px);
  width: 100%;
  height: 55px;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .c-success-lower__li--text{
    bottom:14px;
  }
}


.p-success-moving{
  display: block;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  min-height: 210px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-success-moving{
    min-height: 160px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
.c-success-moving{
  width: 374px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  position: absolute;
  left:0;
}
@media screen and (max-width: 768px) {
  .c-success-moving{
    width: 261px;
  }
}
.animatedContent{
  display: inline-block;
  height: 1px; 
  width: 100%;
}
.animatedContent_faq{
  display: inline-block;
  height: 1px; 
  width: 100%;
}
.p-faq-moving{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  min-height: 150px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-faq-moving{
    min-height: 120px;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
.c-faq-moving{
  width: 170px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  position: absolute;
   left: 0%;
}

@media screen and (max-width: 768px) {
  .c-faq-moving{
    width: 140px;
    left: 35%;
  }
}
.l-headline-wrap{
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: solid 2px var(--sky);
}
@media screen and (max-width: 768px) {
  .l-headline-wrap{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.p-course{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-course{
    display: block;
  }
}
.p-course-content{
width: calc(100% / 2 - 6px );
 margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .p-course-content{
    width: 100%;
    margin-right: 0;
  }
  .p-course-content:first-of-type{
    margin-bottom: 10px;
  }
}
.p-course-content.--mb{
  margin-bottom: 20px;
}
.p-course-content:nth-of-type(even){
  margin-right: 0px;
}
.p-course-content__head{
  position: relative;
  z-index: 1;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  margin-right: auto;
  margin-bottom: -1px;
  height: 28px;
}
.p-course-content__thumb{
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.p-course-content__letter{
  position: absolute;
  top: 50%;
  left: 12px;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #fff;
  font-size: clamp(10px,7vw,22px);
  font-family: sofia-pro, sans-serif;
  font-weight: 300;
  height: auto;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .p-course-content__letter{
    top: 47%;
  }
}
.p-course-content__box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 2px var(--blue);
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.p-course-content__box.--sky{
  border: solid 2px var(--sky);
}
.p-course-content__text{
  width: 75%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: clamp(10px,7vw,17px);
  padding-left: 12px;
}
@media screen and (max-width: 768px) {
  .p-course-content__text{
    width: 66.66%;
    font-size:3.3vw;
    padding-left: 6px;
    padding-right: 6px;
  }
}
.p-course-content__flame{
  width: 25%;
}
@media screen and (max-width: 768px) {
  .p-course-content__flame{
    width: 33.33%;
  }
}
.p-course-content__img{
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  display: block;
}
/* //漫画・5つのメリット */
/* 感想 */
.l-seminar-bg__wrap--even{
padding-top: 30px;
}
.l-seminar-bg__wrap{
  background-color: #F2F6FA;
  position: relative;
  z-index: 8;
}
.l-seminar-bg{
  text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    /* padding-bottom: 60px; */
    padding-right: 16px;
    padding-left: 16px;
}
@media screen and (max-width: 768px) {
  .l-seminar-bg{
      padding-top: 45px;

  }
}
.l-seminar-bg.--adj{
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
  z-index: 7;
}
@media screen and (max-width: 768px) {
  .l-seminar-bg.--adj{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/* //感想 */