/*
* 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-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;
}
:root{
  --blue: #004EA2;
  --sky: #007BC7;
  --black: #323232;
}
/* js */
.blur{
  -webkit-animation-name:blurAnime;
          animation-name:blurAnime;
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
          animation-fill-mode:forwards;
}
@-webkit-keyframes blurAnime{
  from {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
  }
  to {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  }
}
@keyframes blurAnime{
  from {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
  opacity: 0;
  }
  to {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  }
}
.blurTrigger{
    opacity: 0;
}

/* PC/SPモーダル */
.js-modal-open{

}
.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1000;
  /* 背景エリアスクロール禁止用 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  overflow-y: scroll;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal-container:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
.modal-body{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 1100px;
  width: 80vw;
}
@media screen and (max-width: 768px) {
  .modal-body{
    width: 100%;
  }
}
.modal-close{
  position: absolute;
  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;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  font-weight: normal;
  color: #1A1A1A;
  cursor: pointer;
}
.modal-content{
  background: #fff;
  text-align: left;
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .modal-content{
    padding: 64px 10px;
  }
}
.p-modal-box{
  margin-bottom: 40px;
}
.p-modal-table__table{
  width: 100%;
}
.p-modal-table__tbody{

}
.p-modal-table__tr{

}
@media screen and (max-width: 768px) {
  .p-modal-table__tr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-modal-table__td:first-child{
  background-color: #D9EBF7;
  color: var(--blue);
  font-weight: bold;  
  width: 30%;
  text-align: center;
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .p-modal-table__td:first-child{
  width: 100%;
  }
}
.p-modal-table__td{
  background-color: #F5F5F5;
  border-collapse: collapse;
  padding: 20px;
  font-weight: normal;
  width: 70%;
  font-size: clamp(10px,7vw,16px);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-modal-table__td{
  width: 100%;
  text-align: center;
  }
}
.c-modal-box__text{
  color: var(--blue);
  font-size: clamp(10px,7vw,28px);
  letter-spacing: .05em;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .c-modal-box__text{
    text-align: center;
  }
}
.modal-close-button{
  color:#1A1A1A;
  font-size: clamp(10px,7vw,14px);
  font-weight: normal;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  margin: 0 auto;
}
.modal-close-button--icon{
  font-size: 0.8em;
}
/* //PC/SPモーダル */
/* //js */


html {
  height: 100%;
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  /* font-family: "ZenOldMincho-Regular"; */
  font-weight: 700;
  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.05em;
}
main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  opacity: 0.9;
}

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;
}
/*! 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%;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .l-main {
    margin-top: 0px;
  } 
}
.l-WE-pro-main--img{

}
.l-main-img {

  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-main-img {
  }
}
.l-main-img--pic {
  display: block;
  height: 100%;
  width: 100%;
  text-align: center;
}
.l-main-inner--wrap{
  width: 100%;
  max-width: 1264px;
  height: 100%;
  margin: 0 auto;
  padding: 0 32px;
  position: absolute;
  top: 0;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .l-main-inner--wrap{
    height: 100%;
    padding: 0 16px;
    top: 0;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  }
}
.l-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  height: 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;
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-main-inner {
    height: 100%;
    
        -webkit-transform: none;
    
            -ms-transform: none;
    
                transform: none;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
  }
}
.l-main-wrap{
  height: 100%;
}
.c-main-inner--note {
  max-width: 1232px;
  width: 100%;
  padding: 0 16px;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  bottom:20px;
  text-align: right;
  font-weight: normal;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .c-main-inner--note {
    display: none;
  }
}
.l-WE-pro__main {
  position: absolute;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-WE-pro__main {
    padding: 32px 16px;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items: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{
    height: 100%;
  }
}
.l-main-flex{
  display: block;
  margin-bottom: 32px;
}
@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;
    margin-bottom: 0;
  }
}
.l-WE-main-flex{
  display: block;
}
.l-main-wrap--flex {
  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: 32px;
  max-width: 600px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .l-main-wrap--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 
    padding-top: 68%;
    margin-bottom: 4px;
  }
}
.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: var(--blue);
  margin-top: 10%;
  margin-bottom: 4%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: .3em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .l-main-wrap__h1 {
    margin: 0;
    padding-top: 24px;
    margin-bottom: 4px;
    letter-spacing: .05em;
    width: 100%;
    white-space: nowrap;
  }
}
.l-main-wrap__h1--span {
  display: block;
  font-size: clamp(10px,3.9vw,68px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.3;
}
@media screen and (max-width: 1250px) {
  .l-main-wrap__h1--span {
    font-size: clamp(10px,4.5vw,68px);
  }
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--span{
    margin: 0 auto;
    font-size: 8vw;
  }
}
.l-main-wrap__h1--span.--relative{
  position: relative;
}
.c-main-wrap__h1--span{
  position: absolute;
  right: 5%;
  top: 12.5px;
  font-size: clamp(10px,7vw,16px);
}
@media screen and (max-width: 768px) {
  .c-main-wrap__h1--span{
    position: absolute;
    right: 2%;
    top: 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--span b {
    font-size: 8vw;
    text-shadow: 0px 0px 5px var(--black);
  }
}
.p-main-img--pic{
  width: 100%;
  display: inline-block;
}
.p-main-wrap__banner{
}
@media screen and (max-width: 768px) {
  .p-main-wrap__banner{
    position: absolute;
    bottom:20px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
}
.c-main-wrap__thumb{
  width: 20%;
  margin-bottom: 1%;
 display: block;  
}
@media screen and (max-width: 768px) {
  .c-main-wrap__thumb{
  display: none;
  }
}
.c-main-wrap__text--mini{
  font-size: clamp(10px,.7vw,10px);
  font-weight: normal;
  margin-bottom: 64px;
  margin-bottom: 5%;
  letter-spacing: .05em;
}
@media screen and (max-width: 1250px) {
  .c-main-wrap__text--mini{
    margin-bottom: 3%;
  }
}
@media screen and (max-width: 768px) {
  .c-main-wrap__text--mini{
    margin-bottom: 0;
    text-align: center;
  }
}
.c-main-wrap__text{
  font-size: clamp(10px,0.89vw,16px);
  margin-bottom: 8px;
  margin-bottom: .6%;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-main-wrap__text{
    font-size: 3.73vw;
    margin-bottom: 4px;
  }
}
.c-main-wrap__text.--large{
  font-size: clamp(10px,2.33vw,42px);
  letter-spacing: .05em;
  color:var(--blue);
  line-height: 1;
  margin-bottom: 1.5%;
}
@media screen and (max-width: 768px) {
  .c-main-wrap__text.--large{
    font-size: 7.73vw;
    margin-bottom: 8px;
  }
}
.c-main-img--pic{
  width: 32.5%;
}
@media screen and (max-width: 768px) {
  .c-main-img--pic{
    width: 100%;
  }
}
.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: clamp(10px,4vw,32px);
  display:block;
  margin-bottom: 16px;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .l-main-wrap__p {
    width: 100%;
    font-size: 5.5vw;
    margin-bottom: 0px;
    line-height: 1.3;
    display: block;
    text-shadow: 0px 0px 5px var(--black);
  }
  /* .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-headline.--bgc{
padding: calc(40px + 64px) 40px;
background-color: rgb(255,255,255,.4);
}
@media screen and (max-width: 768px) {
  .l-headline.--bgc{
    padding: 0px 16px;
    background-color: rgb(255,255,255,.4);
    }
}
.l-headline-wrap {
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: #F2F8FC;
}
@media screen and (max-width: 768px) {
  .l-headline-wrap {
    padding-right: 16px;
    padding-left: 16px;
}
}
.l-headline-wrap__inner{
  padding-top: 64px;
  padding-bottom: max(8vw,72px);
  -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% - 6vw), 50% 100%, 0 calc(100% - 6vw));
  background-image: url(../img/achieve/achieve_bgi.webp);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 4vw;
}
@media screen and (max-width: 768px) {
  .l-headline-wrap__inner{
    padding-bottom: 12vw;
    margin-bottom: 6vw;
  }
}
.l-headline-wrap__inner--bottom{
text-align: center;
max-width: 1024px;
margin: 0 auto;
background-color: #fff;
padding: 64px 40px;
}
@media screen and (max-width: 768px) {
  .l-headline-wrap__inner--bottom{
    padding: 56px 16px 40px 16px;
    }
}
@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%;
}
.p-headline__ul{
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
}
.p-headline__li{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .p-headline__li{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-headline__li:last-of-type{
    margin-bottom: 0;
  }
  .p-headline__li.--no-reverse{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  }
}
.p-intro-upper--picture{
  width: 25%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .p-intro-upper--picture{
    width: 100%;
  }
}
.p-intro-upper--picture .--thumb{
  height: 100%;
     -o-object-fit: cover;
        object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-headline__li .--thumb{
    width: 100%;
  }
}
.p-headline__li--contents{
  width: 75%;
  padding-left: 3%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-headline__li--contents{
    width: 100%;
    padding-left: 0;
  }
}
.p-headline__li--contents .--text-large{
  color: var(--blue);
  font-size: clamp(10px,7vw,20px);
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-headline__li--contents .--text-large{
    font-size: 4.27vw;
    line-height: 1.3;
    padding: 20px 0;
    text-align: center;
  }
}
.p-headline__li--contents .--text-under{
  font-size: clamp(10px,7vw,22px);
  border-bottom: solid 1px var(--blue);
  line-height: 1.3;
  display: inline-block;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-headline__li--contents .--text-under{
    font-size: 4.5vw;
  }
}
.p-headline__li--contents .--text{
  font-size: clamp(10px,7vw,18px);
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-headline__li--contents .--text{
    font-size: 4vw;
  }
}
.p-headline__li--contents.--pr{
  padding-left: 0;
  padding-right: 3%;
}
.p-headline-bottom__ul{
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-headline-bottom__ul{
    display: block;
    }
}
.p-headline-bottom__li{
  border-bottom: solid 1px #004E9D;
  font-size: clamp(10px,7vw,16px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-headline-bottom__li{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0px;
    margin: 0 auto 20px 0;
  }
}
.p-headline-bottom__link{
  color: #004E9D;
  cursor: pointer;
}
.c-headline-icon{
  display: inline-block;
  padding-right: 8px;
}
@media screen and (max-width: 768px) {
  .c-headline-icon{
    padding-right: 2px;
  }
}
.c-headline-icon .--thumb{
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  max-height: 20px;
}
.c-haedline-bottom--tri{
    position: relative;
  display: inline-block;
  padding: 10px 5px;
  margin-left: 4px;
}
.c-haedline-bottom--tri:after{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px #004E9D;
  border-right: solid 1px #004E9D;
  position: absolute;
  left: 0px;
  top: 9px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-haedline-bottom--tri:after{
    left: -4px;
    top: 10px;
  }
}
.l-merit-wrap{
  background-color: #EBF1F8;
}
.l-merit-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: rgb(5,35,98);
background: -o-linear-gradient(bottom, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(5,35,98,1)), to(rgba(0,78,162,1)));
background: linear-gradient(0deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 100%);
}
@media screen and (max-width: 768px){
  .l-merit-wrap__inner{
    padding-bottom: 12vw;
  }
}
.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-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: 32px;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .l-cur {
  }
}
.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-top: 2vw;
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .l-cur-wrap--parent{
    padding-top: 6vw;
  }
}
.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 {
    background-color: #F2F4F7;
    max-width: 820px;
    width: 100%;
    margin: 0 auto 32px 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 #103269;
  color: #103269;
  display: inline-block;
  padding: 0 16px;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: .1em;
}
.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 #103269;
  color: #103269;
  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:before, .c-cur-wrap__inner--close .--text:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 1px;
  height: 12px;
  background: #103269;
}
.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: 64px 0;
}
.p-cur-label__slider{
  /* padding-top: 64px; */
  width: 90%;
  margin: 0 auto ;
}
@media screen and (max-width: 768px) {
  .p-cur-label__slider{
    width: 100%;
  }
}
.slick-prev{
  left:-16px;
  -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:0px;
    width: 30px;
    height: 30px;
  }
}
.slick-next {
  right: -16px;
  -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: 5px;
    width: 30px;
    height: 30px;
  }
}
.slick-slide{
  opacity: .3;
  margin-right: 10px;
}
.slick-current{
  opacity: 1;
}
/* //スライド */
.p-cur-label{
background-color: #052362;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 10px;
}
@media screen and (max-width: 768px) {
  .p-cur-label{
    display: block;
text-align: center;
  }
}
.p-cur-label.--second{
  background-color: #023882;
}
.p-cur-label.--third{
background-color: #004EA2;
}
.p-cur-label__text{
  color: #fff;
  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;
}

.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 var(--black);
  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-wrap{
  background-color: var(--blue);
}
.l-profssor {
  text-align: center;
  max-width: 852px;
  padding: 0 16px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-profssor {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-profssor {
    padding: 0 16px;
  }
}
.l-profssor--app {
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .l-profssor--app {
    max-width: 820px;
    padding-top: 32px;
  padding-bottom: 32px;
  }
}

.l-recommend{
  padding: 64px 0;
  background-color: var(--blue);
}
.l-ac {
  text-align: center;
  max-width: 852px;
  padding-right: 16px;
  padding-left: 16px;
  width: 100%;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (min-width: 1800px) {
  .l-ac {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-ac {
    padding-right: 16px;
    padding-left: calc(16px + 15px);
  }
}
.l-ac-wrap {
  
}

.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-sche-wrap {
  position: relative;
}

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

.l-fixed-area {
  background-color: #E5EDF6;
  padding: 16px;
  text-align: center;
}
/* 質問モーダル */
.js-scroll{
  overflow: hidden;
}
.p-modal{
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index:10000;
  top: 0;
  left: 0;
}
.p-modal-inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  width: 80vw;
  height: 80vh;
  max-width: 820px;
  max-height: 500px;
  margin: 0 auto;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .p-modal-inner{
    width: 90%;
  }
}
.p-modal-inner__text{
  font-size: clamp(10px,7vw,28px);
  text-align: center;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-modal-inner__text{
    font-size: 4.5vw;
    letter-spacing: .05em;
  }
}
.p-modal-content{
   margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .p-modal-content{
    margin-top: 20px;
 }
}
.p-modal-content_btn{
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  background-color: #a52a2a;
  color: #ffffff;
  padding: 10px 16px;
  font-size: clamp(10px,7vw,18px);
  cursor: pointer;
}
.p-modal-content_btn.c-btn-danger{
  background-color: #c0c0c0;
  margin: 20px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .p-modal-content_btn.c-btn-danger{
    margin: 10px auto 0 auto;
  }
}
/* //質問モーダル */
.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 {
  background-color: #fff;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 10px 16px;
  height: 80px;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@media screen and (max-width: 768px) {
  .l-header {
    height: 50px;
    padding: 0;
    display: none;
  }
}
.l-header-app {
  background-color: #fff;
  position:static;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 10px;
  height: 80px;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
@media screen and (max-width: 768px) {
  .l-header-app {
    height: 50px;
    padding: 0;
  }
}
.l-header.js-target{
  padding: 0;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
          box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
  height: auto;
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header.js-target{
    height: auto;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
            box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);

  }
}
.l-header.js-fadeUp {
  /* animation-name: fadeUpAnime;  */
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  /* opacity: 0; */
  position: fixed;
}
@-webkit-keyframes fadeUpAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.l-header-wrap {
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .js-target .l-header-inner {
    padding: 10px 16px 10px 16px;
  }
}
.l-header-inner--app {
  max-width: 1200px;
  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;
}
@media screen and (max-width: 768px) {
  .l-header-inner--app {
    padding: 32px 16px 0 16px;
  }
}
.l-header-inner.--adjust {
  /* height: 55px; */
}
.l-header-inner--sp{
  padding-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-header-inner--sp .--list{
  width: calc(100% / 2 );
  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: calc(100% / 3 );
  text-align: center;
  padding: 10px 5px;
  font-size: 3vw;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  font-weight: bold;
  background-color: #E5EDF6;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.l-header-inner--sp .--products:nth-of-type(even){
  background-color: #F2F4F7;
}
.l-header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .l-header-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.l-header-wrapper.--mount{
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 35%;
}
@media screen and (max-width: 1200px) {
  .l-header-wrapper.--mount{
    max-width: 15%;
}
}
@media screen and (max-width: 768px) {
  .l-header-wrapper.--mount{
    /* padding: 10px; */
  }
}
.l-header-wrapper--app{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 35%;
}
@media screen and (max-width: 768px) {
.l-header-wrapper--app{
  max-width: 60%;
}
}
.l-header-logo {

}
@media screen and (max-width: 768px) {
  .l-header-logo.--sp {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}
.l-header-logo.--mount{
    max-width: 60%;
    width: 100%;
}
@media screen and (max-width: 1200px) {
  .l-header-logo.--mount{
    max-width: 100%;
}
}
@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 {
    padding: 0 16px;
    -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;
  }
}
.c-header-logo--app{
  max-width: 60%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-header-logo--app{
    max-width: 100%;
  } 
}
.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;
}
.p-header-following{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
  box-shadow: 1px 1px 10px 0px rgba(0,0,0,.4);
}
@media screen and (max-width: 768px) {
  .p-header-following{
    padding: 10px;
  }
}
.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;
  font-family: zen-old-mincho, sans-serif;
}
@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(0,123,199);
background: -o-linear-gradient(left, rgba(0,123,199,1) 0%, rgba(0,78,157,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(0,123,199,1)), to(rgba(0,78,157,1)));
background: linear-gradient(90deg, rgba(0,123,199,1) 0%, rgba(0,78,157,1) 100%);
  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;
  font-family: "ZenOldMincho-SemiBold";
}
@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;
  }
}
.p-nav-list{
  opacity: 0;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.p-nav-list.js-opacity{
  opacity: 1;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.c-nav-list--child{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  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 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 55px;
  grid-template-rows: 55px;
  gap: 1px;
}
.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: rgb(5,35,98);
  background: -o-linear-gradient(right, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(5,35,98,1)), color-stop(50%, rgba(0,78,162,1)), to(rgba(5,35,98,1)));
  background: linear-gradient(270deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  display: -ms-grid;
  display: grid;
  place-content: center;
  -webkit-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all .3s cubic-bezier(0.39, 0.575, 0.565, 1);
  position: relative;
}
.js-header-ac--contents{
  /* min-height: 0; */
  /* height: 0; */
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  display: none;
}
.js-header-ac--contents.active{
  min-height: 150px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  
  display: block;
}
.js-header-ac--contents.--adjust.active{
  min-height: 200px;
}
.p-header-new__li:hover{
  background: rgb(34,70,147);
  background: -o-linear-gradient(right, rgba(34,70,147,1) 0%, rgba(65,90,176,1) 50%, rgba(34,70,147,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(34,70,147,1)), color-stop(50%, rgba(65,90,176,1)), to(rgba(34,70,147,1)));
  background: linear-gradient(270deg, rgba(34,70,147,1) 0%, rgba(65,90,176,1) 50%, rgba(34,70,147,1) 100%);
  cursor: pointer;
  border-bottom: solid 1px #052362;
}
.p-header-new__li .--text{
  color: #fff;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(10px,4vw,16px);
}
.c-header-new--contents{
  position: absolute;
  top: 55px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 100%;
  z-index: 100;
  overflow: hidden;
}
.c-header-new--item{
  background: rgb(202,208,222);
  background: -o-linear-gradient(right, rgba(202,208,222,1) 0%, rgba(251,251,251,1) 50%, rgba(202,208,222,1) 100%);
  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: 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 #052362;
}
.c-header-new--item:hover{
  background: rgb(34,70,147);
  background: -o-linear-gradient(right, rgba(34,70,147,1) 0%, rgba(65,90,176,1) 50%, rgba(34,70,147,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(34,70,147,1)), color-stop(50%, rgba(65,90,176,1)), to(rgba(34,70,147,1)));
  background: linear-gradient(270deg, rgba(34,70,147,1) 0%, rgba(65,90,176,1) 50%, rgba(34,70,147,1) 100%);
  cursor: pointer;
  border-bottom: solid 1px #052362;
}
.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: #333333;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(10px,4vw,16px);
}
.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{
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-fixed-area {
  display: inline-block;
  border-radius: 10px;
  max-width: 400px;
  width: 100%;
  background: rgb(23,28,97);
background: -o-linear-gradient(left, rgba(23,28,97,1) 0%, rgba(0,78,156,1) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(23,28,97,1)), to(rgba(0,78,156,1)));
background: linear-gradient(90deg, rgba(23,28,97,1) 0%, rgba(0,78,156,1) 100%);
}
@media screen and (max-width: 560px) {
  .c-fixed-area {
    max-width: 90%;
  }
}
.c-fixed-area.--header {
  border-radius: 5px;
  text-align: center;
  display: inline-block;
}
.c-fixed-area.--cta-area {
  border-radius: 30px;
  display: block;
  /* background: var(--blue); */
  background: #787878;;
  position: relative;
  margin: 0 auto;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .c-fixed-area.--cta-area {
    width: 100%;
    margin: 24px auto 0;
  }
}
.c-fixed-area.--cta-area.--hands-on {
  margin-top: 50px;
  background: #fff;
  border: solid 1px var(--blue);
}
.c-fixed-area.--sche-cta {
  border-radius: 30px;
  margin: 0 auto;
  display: block;
  position: relative;
  background: #fff;
}

.c-fixed-area__text{
  font-size: clamp(10px,4vw,20px);
  padding-bottom: 16px;
  line-height: 1.3;
}
.c-fixed-area__span--line{
  display: inline-block;
  border-bottom: solid 1px var(--blue);
  height: 1px;
  width: 100%;
  margin-top: 50px;
}
.c-fixed-area__p {
  color: #ffffff;
  padding: 16px;
  font-size: 24px;
  border-radius: 10px;
  -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  /* font-weight:normal; */
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__p {
    font-size: 4.5vw;
  }
}
.c-fixed-area__p.--hands-on{
  color: var(--blue);
 }
.c-fixed-area__p.--header  {
  font-size: clamp(10px, 4vw, 16px);
  padding: 5px 20px;
}
.c-fixed-area__p.--cta-area{
  font-size: clamp(10px, 4vw, 16px);
    padding: 16px 5px;
    border-radius: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__p.--cta-area{
    font-size: 3.5vw;
    padding: 16px 4vw;
  }
}
.c-fixed-area__p.--special{
  background-color: #004E9D;
}
.c-fixed-area__p.--sche-cta{
  font-size: clamp(10px, 4vw, 16px);
  padding: 20px 20px;
  margin-top: 64px;
  border-radius: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #004E9D;
  border: solid 1px #004E9D;
}
.c-special-heading{
  position: absolute;
  top: -32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  max-width: 279px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-special-heading{
  max-width: none;
  top: -24px;
   height: 16px;
  }
}
.c-special-heading.--online{
  max-width: 361px;
}
.c-special-heading--img{
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-special-heading--img{
    height: 100%; 
  }
}
.c-fixed-area__span {
  display: inline-block;
  color: #171C61;
  line-height: 1;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #ffffff;
}
@media screen and (max-width: 768px) {
  .c-fixed-area__span.--online{
    display: inline-block;
    color: #333333;
    line-height: 1;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #333333 transparent transparent transparent ;
  }
  .c-fixed-area__span.--online.--relief{
    border-color: #ffffff transparent transparent transparent ;
  }
}
.c-fixed-area__span.--hands-on {
  border-color: transparent transparent transparent var(--blue);
}
.c-fixed-area__span.--black {
  border-color: transparent transparent transparent var(--black);
}
.c-fixed-area__span.--sche-cta{
  color: #004E9D;
  border-color: transparent transparent transparent #004E9D;
}
.p-online-more{
  cursor: pointer;
  padding-bottom: 30px;
}


.c-online-more--wrap{
  min-height: 23.4px;
  margin-bottom: 30px;
}
.c-online-more{
  font-size:14px;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  border-bottom:solid 1px #333333 ;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-online-more.--relief{
  color: #fff;
  border-bottom:solid 1px #ffffff ;
}
.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: 30px;
  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: 30px;
  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: 0;
}

.zdo_drawer_button .zdo_drawer_bar2 {
  top: 50%;
}

.zdo_drawer_button .zdo_drawer_bar3 {
  top: 100%;
}

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

.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-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, 16px);
  border: solid 1px #333;
  padding: 4px 16px;
  font-weight: normal;
  white-space: nowrap;
  line-height: 1.3;
  letter-spacing: .1em;
}
.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: 8px 6px;
  border-radius: 8px;
  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 span{

}

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

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

.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:calc(32px + 60px);
  font-size: clamp(20px,7vw,36px);
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-headline__h2 {
    font-size: 6vw;
    line-height: 1.5;
    padding-bottom:16px;
  }
}
.p-headline__h2 .--under-line{
  border-bottom: solid 1px #fff;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-headline__h2 .--under-line{
  line-height: 1.3;
  }
}
.p-headline__h2.--introduction{
  color: var(--blue);
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--introduction{
    padding-bottom: 32px;
  }
}
.p-headline__flex{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-top: 20px;
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-headline__flex{
    display: block;
    }
}
.c-headline__flex--thumb{
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .c-headline__flex--thumb{
    width: 100%;
  }
}
.p-headline__flex--box{
width: 50%;
padding-left: 1%;
}
@media screen and (max-width: 768px) {
  .p-headline__flex--box{
    width: 100%;
    padding-top: 30px;
    padding-left: 0;
    }
}
.p-headline__h2--relief{
  padding-bottom:64px;
  font-size: clamp(20px,7vw,30px);
  text-align: center;
  line-height: 1.3;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--relief{
    font-size:6vw;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .05em;
    padding-bottom: 40px;
  }
}
.p-headline__h2.--small{
  font-size: clamp(20px,7vw,30px);
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--small{
    font-size:6.5vw;
  } 
}
.p-headline__h2--simple {
  color: var(--blue);
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: clamp(20px,7vw,30px);
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--simple {
    font-size: 6.5vw;
    padding-bottom: 20%;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .p-headline__h2--simple.--sp {
    padding-top: 50px;
    padding-bottom: 30px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .1em;
  }
}
@media screen and (max-width: 768px) {
  .p-headline__h2--simple.--relief {
    padding-top: 50px;
    padding-bottom: 30px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .01em;
    color: #fff;
  }
}
.p-headline__h2--special {
  line-height: 1.5;
  font-size: clamp(20px,7vw,30px);
  padding-bottom: 64px;
  color: #004E96;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--special {
    font-size:5vw;
    letter-spacing: .01em;
  }
  .p-headline__h2--special .--sp-line{
    border-bottom: solid 1px #004E96;
    line-height: 1.3;
    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,32px);
}
.p-headline__h2--minimize{
  color: var(--blue);
  border-top: solid 1px var(--blue);
  border-bottom: solid 1px var(--blue);
  font-size: clamp(20px,7vw,30px);
  text-align: center;
  line-height: 1.3;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  max-width: 820px;
  width: 100%;
  margin: 0 auto 64px auto;
  padding: 10px 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--minimize{
    font-size:6vw;
    margin: 0 auto 56px auto;
  }
}
.p-headline__h2--lead {
  margin-bottom:64px;
  font-size: clamp(20px,7vw,30px);
  text-align: center;
  line-height: 2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #004E9D;
  border-top: solid 1px #004E9D;
  border-bottom: solid 1px #004E9D;
  letter-spacing: .01em;
}
@media screen and (max-width: 768px) {
  .p-headline__h2--lead.--sche {
    margin-bottom:32px;
  }
}
.c-headline__h2--lead {
  font-size: clamp(20px,7vw,30px);
  text-align: center;
  line-height: 2;
  color: #004E9D;
  letter-spacing: .01em;
}
@media screen and (max-width: 768px) {
  .c-headline__h2--lead {
    font-size: 6vw;
  }
}
.c-headline__h2--lead.--online{
  color: var(--blue);
  margin-bottom: 30px;
  line-height: 1;
  letter-spacing: .3em;
}
@media screen and (max-width: 768px) {
  .c-headline__h2--lead.--online{
    font-size: 6.4vw;
    letter-spacing: .1em;
  }
}
.c-headline__h2--mini{
  font-size: clamp(10px,7vw,18px);
  text-align: center;
  line-height: 2;
  color: #004E9D;
  letter-spacing: .01em;
  line-height: 1;
  padding-bottom: 60px;
  display:block;
  width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-headline__h2--mini{
    font-size: 3.73vw;
    line-height: 1.5;
    padding-bottom: 40px;
  }
}
.c-headline__h2--subject{
  background-color: var(--blue);
  color: #ffF;
  width: 100%;
  font-size: clamp(10px,7vw,28px);
  font-weight: normal;
  line-height: 1;
  letter-spacing: .1em;
  border-top: solid 1px var(--blue);
  border-bottom: solid 1px var(--blue);
  padding: 8px 32px;
  margin-bottom:30px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-headline__h2--subject{
    font-size: 5.33vw;
    padding: 8px;
    letter-spacing: .05em;
    margin-bottom: 20px;
  }
}
.p-part-subject__contents{
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-part-subject__contents{
    width: 100%;
  }
  .p-part-subject__contents:first-of-type{
    margin-bottom: 32px;
  }
}
.p-part-subject__contents:last-of-type{
  margin-right: 0;
}
.p-part-subject{
  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-part-subject{
    display:block;
  }
}
.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.--merit {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-headline__h2.--merit {
    letter-spacing: .1em;
  }
}
.p-headline__h2 .--sub-title {
  font-size: clamp(20px,7vw,24px);
}
@media screen and (max-width: 768px) {
  .p-headline__h2 .--sub-title {
    font-size: 5vw;
  }
}
.p-headline__h2 .--sub-title .--font{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
.p-headline-flex--wrap{
  display: block;
}
@media screen and (max-width: 768px) {
  .p-headline-flex--wrap{
    display:none;
  }
}
.p-headline-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-headline-flex{
    display: block;
    padding-bottom: 64px;
  }
}
.p-headline-flex--contents{
  width: calc(100% / 3 - 0.5%);
  margin-right: 0.75%;
  background-color: #F0F0F0;
  opacity: .95;
  position: relative;
  padding: 54px 10px 20px;
}
@media screen and (max-width: 768px) {
  .p-headline-flex--contents{
    width: 100%;
    margin-top: 60px;
  }
}
.p-headline-flex--contents:last-of-type{
  margin-right: 0;
}
.p-headline-flex--contents.--recommend{
  opacity: .8;
  border: solid 2px #fff;
  z-index: 2;
  text-align: center;
  padding: 65px 10px 20px;
}
@media screen and (max-width: 768px) {
  .p-headline-flex--contents.--recommend{
   margin-top: calc(48px + 16px);
   padding: 52px 10px 20px;
  }
}
.p-headline-circle{
  border-radius: 50%;
  background-color: #F0F0F0;
  max-width: 33%;
  width: 100%;
  aspect-ratio: 1 / 1;
  position: absolute;
  top: -44px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: -ms-grid;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 768px) {
  .p-headline-circle{
    max-width: 100px;
    width: 28%;
  }
}
.p-headline-circle.--recommend{
  top: -54px;
  /* border: solid 2px #fff; */
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-headline-circle.--recommend{
    top: -48px;
  }
}
.p-headline-circle .--text{
  color:var(--blue);
  font-size: clamp(10px,7vw,12px);
  line-height: 1.3;
}
.p-headline-circle .--text-large{
  color:var(--blue);
  font-size: clamp(20px,7vw,36px);
  line-height: 1;
  padding-bottom: 5px;
}
.c-headline-circle{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 60%;
  margin: 0 auto;
}
.c-headline-text{
  font-size: clamp(10px,7vw,16px);
  font-weight: normal;
  line-height: 1.5;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-headline-text{
    letter-spacing: .05em;
  }
}
.c-headline-text .--under-line{
  color:var(--blue);
  border-bottom: solid 1px var(--blue);
  font-size: clamp(10px,7vw,18px);
  font-weight: bold;
  letter-spacing: .05em;
  
}
.p-headline__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-headline__ul {
    margin-bottom: 40px;
  }
}

.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-success__h2 {
  font-size: 28px;
  padding-bottom: 32px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-success__h2 {
    font-size: 5vw;
  }
}
.p-success__ul {
  font-size: 28px;
}
.p-success__ul.--adjust {
  padding-bottom: 32px;
}
.p-success__li {
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-success__li {
    padding-bottom: 10px;
  }
}
.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;
  max-height: 187.83px;
}
.p-success__li--relative picture {
  /* height: 100%; */
  /* max-height: 150px; */
  display: block;
}
@media screen and (max-width: 768px) {
  .p-success__li--relative picture {
    height: 160px;
  }
}
@media screen and (max-width: 768px) {
  .p-success__li--relative picture img{
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    height: 100%;
   }
}

@media screen and (max-width: 768px) {
  .p-success__li--relative {
    max-height: none;
    background-color: #fff;
  }
}
.p-success__li--absolute {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 80%;
  width: 100%;
  height: 100%;
  text-align: left;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 32px;
}
@media screen and (max-width: 768px) {
  .p-success__li--absolute {
    display: block;
    position: static;
    max-width: 100%;
    padding-left: 0;
    padding: 8px 16px;
  }
}
.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(16px, 4vw, 20px);
}
@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__li {
  margin-bottom: 8px;
  position: relative;
}
@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 picture img {
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 768px) {
  .p-cur__li picture img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 160px;
  }
}
.p-cur__li picture img.--precedent {
  height: 120px;
}
.p-cur__li--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 200px;
  padding: 10px;
  max-height: 160px;
}
@media screen and (max-width: 768px) {
  .p-cur__li--absolute {
    position: static;
    /* background-color: #fff; */
    max-height: none;
    padding: 10px 0;
  }
}
.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--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  /* padding: 0 16px; */
}
@media screen and (max-width: 768px) {
  .p-cur__li--inner {
    display: block;
    padding: 0 6px;
  }
}
.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 {
  max-width: 80%;
  width: 100%;
  text-align: left;
  padding-left: 16px;
}
@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: 20px;
  padding-bottom: 6px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-cur__li--primary {
    padding-bottom: 0px;
    letter-spacing: 0.01em;
    font-size: 4.5vw;
  }
}
.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--primary b {
  font-size: clamp(10px,4vw,20px);
  color: #103269;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .p-cur__li--primary b {
    font-size: 4vw;
  }
}
.p-cur__li--primary b.--precedent {
  font-size: clamp(10px,4vw,16px);
  display: inline-block;
  line-height: 1.3;
}
.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: 820px;
    width: 100%;
    margin: 0 auto;
    background-color: #EDEDED;
    padding: 32px;
}
.c-cation__h3{
  font-size: clamp(20px,7vw,24px);
  color: #004EA2;
  text-align: center;
  padding-bottom: 16px;
}
.c-cation__h3{

}
.p-cation__ol{
  padding-top: 16px;
}
.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: 20px;
}
.p-cation__text{
  font-size: clamp(10px,5vw,18px);
  display: block;
  font-family: "ZenOldMincho-Regular";
  font-weight: bold;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-cation__text{
    font-size: 4.5vw;
  }
}
.p-cation__link{
  background-color: #195FAB;
  color: #fff;
  padding: 4px 32px;
  margin-top: 16px;
  border-radius: 5px;
  font-weight: bold;
  display: inline-block;
}
.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 #052362;
  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__h2 {
  font-size: 32px;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-feature__h2 {
    font-size: 5vw;
  }
}
.p-feature-inner {
  background-color: #fff;
  padding: 40px 32px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-feature-inner {
    padding: 40px 12px;
  }
}
.p-feature-inner img {
  padding-bottom: 40px;
}
.p-feature-inner .--adjust {
  padding-bottom: 20px;
}
.p-feature__h3 {
  font-size: 24px;
  padding: 8px;
  color: #004EA2;
  border-top: solid 1px #004EA2;
  border-bottom: solid 1px #004EA2;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature__h3 {
    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: 24px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-feature__p--title {
    font-size: 5.5vw;
    /* letter-spacing: 0.001em; */
    line-height: 1.3;
  }
}
.p-feature__p--text{
  font-size: 20px;
  line-height: 1.5;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-feature__p--text{
    font-size: 4.5vw;
    line-height: 1;
  }
}
.p-feature__p--text .--enpha{
  font-size: 18px;
  line-height: 1.3;
  display: block;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-feature__p--text .--enpha{
    font-size: 4vw;
    text-align: left;
    /* padding-left: 3%; */
  }
}
.p-feature__p--text .--enpha:first-of-type{
  margin-top: 20px;
}
.p-feature__p--text .--mt{
  margin-top: 0px!important;
}
.p-feature__p--text .--enpha b{
  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-feature__p--text sup{
  font-size: 60%;
}
.p-feature__p--title b {
  color: #004EA2;
}
.p-feature__p--title .--large {
  font-size: 1.4em;
}
.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 {
  /* display: none; */
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.p-feature-accordion__p {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #004EA2;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p {
    font-size: 5.5vw;
  }
  .p-feature-accordion__p.--home {
    font-size: 5vw;
  }
}
.p-feature-accordion__p::before {
  border-top: solid 1px #004EA2;
  content: "";
  width: 5em;
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p::before {
    width: 3em;
    margin-right: 0.5em;
  }
  .p-feature-accordion__p.--home::before {
    width: 1em;
  }
}
.p-feature-accordion__p::after {
  border-top: solid 1px #004EA2;
  content: "";
  width: 5em;
  margin-left: 1em;
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p::after {
    width: 3em;
    margin-left: 0.5em;
  }
  .p-feature-accordion__p.--home::after {
    width: 1em;
  }
}
.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;
  }
}
@media screen and (max-width: 768px) {
  .p-feature-accordion__p--text.--adjust {
    text-align: left;
  }
}
.p-feature-accordion__p--text.--mini {
  font-size: 12px;
}
.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;
}
.p-feature-data__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 32px;
}
.p-feature-data__li {
  width: 49%;
  margin-right: 2%;
  border-radius: 0 15px;
  border: solid 1px #333;
  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:nth-of-type(even) {
  margin-right: 0;
}
.p-feature-data__li--title {
  background-color: #BFBFBF;
  text-align: left;
}
.p-feature-data__li--title.--adjust {
  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%);
}
.p-feature-data__li--title.--adjust p {
  color: #fff;
}
.p-feature-data__li--title.--adjust p span {
  background-color: #fff;
  color: #004EA2;
}
.p-feature-data__li--title p {
  padding: 8px;
  font-size: 22px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--title p {
    font-size: 5vw;
  }
}
.p-feature-data__li--title p span {
  background-color: #B4272D;
  color: #fff;
  margin-right: 8px;
  padding: 0 4px;
}
.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;
}
.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 #004EA2;
}
.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;
}
@media screen and (max-width: 768px) {
  .p-feature-data__li--text b {
    font-size: 4.5vw;
  }
}
.p-feature-data__li--text b.--adjust {
  color: #004EA2;
}
.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{
  position: relative;
}
.p-feature-contents--before{
  position: absolute;
  top: 0px;
  left: 20%;
  font-size: 20px;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-feature-contents--before{
    left: 15.5%;
  }
}
.p-feature-contents--after{
  position: absolute;
  top: 0px;
  right: 20.5%;
  font-size: 20px;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-feature-contents--after{
    right:16%;
  }
}
.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: #004EA2;
}

.p-profssor__h2 {
  font-size: 32px;
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .p-profssor__h2 {
    font-size: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-profssor--wrap {
    display: none;
  }
}

.p-profssor--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-profssor--flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 64px;
  }
}
.p-profssor--card {
  width: calc(100% / 3 - 3%);
  margin-right: 4.5%;
  display: block;
}
.p-profssor--card:nth-of-type(3) {
  margin-right:0%;
}
.p-profssor--card:nth-of-type(-n+3) {
  margin-bottom:32px;
}
@media screen and (max-width: 768px) {
  .p-profssor--card {
    width: calc(50% - 2.5px);
    margin-right: 0;
    margin-bottom: 20px;
  }
  .p-profssor--card:nth-of-type(odd) {
    margin-right: 5px;
  }
  .p-profssor--card:nth-of-type(5) {
    margin-bottom: 0;
  }
  .p-profssor--card:nth-of-type(6) {
    margin-bottom: 0;
  }
}
.p-profssor--card:last-of-type {
  margin-right: 0;
}
.p-profssor--thumb{
  padding-bottom: 10px;
}
.p-profssor-inner {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner {
    max-width: 100%;
  }
}
.p-profssor-inner--name {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner--name {
    text-align: center;
  }
}
.p-profssor-inner--name b {
  font-size: 20px;
  color: #004EA2;
}


/* 「https://www.whiteessence.co.jp/movie_test/」引用 */
.p-FAQ__item {
  cursor: pointer;
  margin-bottom: 10px;
  border: solid 1px #004EA2;
  -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.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: #004EA2;
}
.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: 1em 1em 1em 4em;
  z-index: 1;
  text-align: left;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__Q {
    font-size: 3.7vw;
    padding: 10px 10px 10px 12%;
    text-align: left;
    min-height: 60px;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
@media screen and (min-width: 768px) {
  .p-FAQ__Q {
    font-size: min(4vw, 16px);
  }
}
.p-FAQ__Q--question{
  max-width: 40px;
  display: inline-block;
  position: absolute;
    top: 50%;
    left: -15px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 2;
    display: -ms-grid;
    display: grid;
  place-content: center;
}
.p-FAQ__Q--question .--icon{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.p-FAQ__A {
  opacity: 0;
  padding: 0 1em;
  text-align: justify;
  display: none;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A {
    font-size: 3.7vw;
  }
}
@media screen and (min-width: 768px) {
  .p-FAQ__A {
    font-size: min(4vw, 16px);
  }
}
.p-FAQ__A.is-open {
  display: block;
  opacity: 1; 
  padding: 0 1em 1em 1em;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A.is-open {
    padding: 0 1em 1em 1em;
  }
}
.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: 10px 1em 10px 3em;
   font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
   font-weight: normal;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A--flex{
  padding: 10px 1em 10px 1em;
  }
}
.p-FAQ__A--flex.--pb{
  padding: 10px 1em 0px 3em;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ__A--flex.--pb{
    padding: 10px 1em 0px 1em;
  }
}
.p-FAQ-link{
  padding: 5px 1em 10px calc(3em + 40px);
  margin-top: -1px;
  background-color: #fff;
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .p-FAQ-link{
    padding: 5px 1em 10px calc(1em + 40px);
  }
}
.c-FAQ-link{
  color:var(--blue);
  border-bottom: solid 1px var(--blue);
  line-height: 1.3;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .c-FAQ-link{
    display: inline;
  }
}
.c-FAQ-link--arrow{
  position: relative;
  display: inline-block;
  padding: 10px;
}
.c-FAQ-link--arrow:before{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px var(--blue);
  border-right: solid 1px var(--blue);
  position: absolute;
  left: 5px;
  top: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-FAQ__A .--flex-bottom{
  background-color: #fff;
  padding: 0 10px 10px 50px;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
.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{
  max-width: 40px;
  width: 100%;
  padding: 0px 10px 0px 0px!important;
}
.p-FAQ-icon img{
  -o-object-fit: contain;
     object-fit: contain;
}

/* //「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,36px);
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-sche__h2 {
    font-size: 6vw;
  }
}
.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(20px,7vw,24px);
  color: #052362;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .p-sche__p.--sub{
    font-size: 5vw;
  }
}
.p-sche__p.--intro{
  font-size: clamp(20px,7vw,24px);
  padding-bottom: 10px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .p-sche__p.--intro{
    font-size: 4vw;
    padding-bottom: 0;
  }
}
.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__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 {
   -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);
}
.p-sche__li {
  background-color: #fff;
  padding: 0 16px 40px;
 
}
@media screen and (max-width: 768px) {
  .p-sche__li {
    padding: 0 10px 40px;
  }
}
.p-sche__li.--haading {
  padding: 32px 0;
}

.p-sche__h3{
  font-size: clamp(20px,7vw,28px);
}
@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: 10px 32px;
}
@media screen and (max-width: 768px) {
  .p-sche__li--flex {
    padding: 10px 0;
  }
}
.p-sche__li--flex.--pb {
padding-bottom: 22px;
}
.p-sche__li--flex.--adjust {
  padding: 16px 32px;
}
@media screen and (max-width: 768px) {
  .p-sche__li--flex.--adjust {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.p-sche__li--flex.--button {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-sche__li--flex.--dot {
  border-bottom:  dotted 1px #103269;
}
.p-sche__li--heading{
  border-bottom: solid 1px #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  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%);
}
.p-sche__li--title {
  font-size: 24px;
  color: #fff;
  line-height: 1;
}
.p-sche__li--title.--time-table{
  font-size: 20px;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-sche__li--title.--time-table{
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .p-sche__li--title.--adjust {
    padding-bottom: 10px;
    font-size: 4.5vw;
  }
}
.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: 2%;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-sche__li--text.--content{
    max-width: 65%;
    padding-left: 2%;
    width: 100%;
  }
}
.p-sche__li--text .p-sche{
  font-size: clamp(10px,5vw,20px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-sche__li--text .p-sche{
    font-size: 4vw;
   text-align: left;
  }
}
.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: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 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: rgb(5,35,98);
  background: -o-linear-gradient(right, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  background: -webkit-gradient(linear, right top, left top, from(rgba(5,35,98,1)), color-stop(50%, rgba(0,78,162,1)), to(rgba(5,35,98,1)));
  background: linear-gradient(270deg, rgba(5,35,98,1) 0%, rgba(0,78,162,1) 50%, rgba(5,35,98,1) 100%);
  padding: 12px 16px;
 font-weight: bold;
  border-radius: 6px;
  max-width: 40%;
  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;
  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: 20%;
  width: 100%;
  margin-right:3%;
}
@media screen and (max-width: 768px) {
  .p-sche-arrow{
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: 35%;
    width: 100%;
    margin: 0 auto 10px auto;
  }
}
.p-sche-arrow__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%; */
  font-size: clamp(10px,5vw,24px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #052362;
}
@media screen and (max-width: 768px) {
  .p-sche-arrow__text{
    font-size: 5vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-sche-box {
  text-align: center;
  margin-top: 32px;
}
.p-sche-box p {
  font-size: 20px;
  /* padding-bottom: 40px; */
}
@media screen and (max-width: 768px) {
  .p-sche-box p {
    font-size: 4.5vw;
  }
}
.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: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-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: 32px;
  padding-bottom: 40px;
  color: #052362;
  
}
@media screen and (max-width: 768px) {
  .p-desire__h2 {
    font-size: 6vw;
    letter-spacing: .01em;
  }
}
.p-desire__p {
  font-size: 20px;
  padding-bottom: 32px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-desire__p {
    font-size: 3.5vw;
  }
}

.p-footer__ul {
  padding-bottom: 40px;
  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;
  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--bottom {
  background-color: #004EA2;
}
.p-footer-logo img {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 57.59px;
}
.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 {
    padding-bottom: 16px;
  }
}
.p-footer-nav__a p {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding-right: 16px;
  margin-right: 16px;
  border-right: solid 1px #fff;
}
@media screen and (max-width: 768px) {
  .p-footer-nav__a p {
    font-size: 4vw;
    padding-right: 8px;
    margin-right: 8px;
  }
}
.p-footer-nav__a p.last {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}
.p-footer-copy {
  padding: 16px;
  text-align: center;
  font-weight: normal;
}

html {
  height: 100%;
  font-size: 62.5%;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


a:hover {
  opacity: 0.9;
}

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;
}

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

img {
  width: 100%;
  height: auto;
}

/*! 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.
 */

/* 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.
 */
/**
 * 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;
}
.l-headline {
  max-width: 1056px;
  padding: 0 16px;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .l-headline {
    padding: 0 16px;
  }
}

.l-headline--WE {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  z-index: 2;
  text-align: center;
}
.l-headline--WE.--online{
  padding: 0px 16px;
}
@media screen and (max-width: 768px) {
  .l-headline--WE.--online{
    padding: 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: 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;
  }
}
.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 var(--black);
  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: 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-sche-wrap {
  position: relative;
}

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

@media screen and (min-width: 1800px) {
  .l-desire {
    max-width: 820px;
  }
}
@media screen and (max-width: 768px) {
  .l-desire {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.l-fixed-area {
  background-color: #E5EDF6;
  padding: 32px;
  text-align: center;
}

.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-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__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;
}

.p-profssor__h2 {
  font-size: clamp(20px,7vw,36px);
  padding-bottom: 64px;
}

@media screen and (max-width: 768px) {
  .p-profssor__h2 {
    font-size: 6.5vw;
  }
}
.c-FAQ-anckor{
  color: #004EA2;
  font-size: clamp(10px,4vw,18px);
  font-weight: normal;
  border-bottom: solid 1px #004EA2;
  line-height: 1.3;
  letter-spacing: .05em;
  display: inline-block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .c-FAQ-anckor{
    font-size: 3.5vw;
    margin-left: 0;
  }
}

.p-ac__h2 {
  font-size: clamp(20px,7vw,36px);
  padding-bottom: 40px;
  color:#004E96;
  letter-spacing: .3em;
  font-family: "Oxygen-Regular";
}

@media screen and (max-width: 768px) {
  .p-ac__h2 {
    font-size: 6.5vw;
  }
}
.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__ul {
  padding-bottom: 40px;
  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--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-logo img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 57.59px;
}

.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 {
    padding-bottom: 16px;
  }
}
.p-footer-nav__a p {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding-right: 16px;
  margin-right: 16px;
  border-right: solid 1px #fff;
}

@media screen and (max-width: 768px) {
  .p-footer-nav__a p {
    font-size: 4vw;
    padding-right: 8px;
    margin-right: 8px;
  }
}
.p-footer-nav__a p.last {
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
}

.p-footer-copy {
  padding: 16px;
  text-align: center;
}

.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;
}
.u-db-ib {
  display: inline-block ;
}
.u-sp-ib {
  display: none ;
}
@media screen and (max-width: 768px) {
  .u-db {
    display: none !important;
  }
  .u-sp {
    display: block !important;
  }
  .u-db-ib {
    display: none!important;
  }
  .u-sp-ib {
    display: inline-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;
  /* height: 36px; */
  max-width: 23%;
  width: 100%;
  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%);
  /* background: rgb(134,115,22);
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: -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: 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-bottom: 5px;
  }
}
.p-feature-box--left.--products {
  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%);
  max-width: 100%;
  margin-bottom: 16px;
}
.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;
  margin: 0 auto 16px auto;
}
.p-feature-box--left span {
  height: 2px;
  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-feature-box--left p{
  color: #ffffff;
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p {
    font-size: 4vw;
  }
}
.p-feature-box--left p.--products {
  color: #fff;
  font-size: clamp(20px,7vw,24px);
  letter-spacing: 0.5em;
}
.p-feature-box--left p b{
  font-size: clamp(20px,7vw,24px);
  display: inline-block;
  margin-left: 2px;
}
@media screen and (max-width: 768px) {
  .p-feature-box--left p b{
    line-height: 1;
  }
}
.p-feature-box--left p.--adjust {
    padding: 0 26px 0 32px;
}
/* //スキャナー引用 */
/* about_us */
.l-about-us{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .l-about-us{
    display: block;
  }
}
.c-about-us__contents--thumb{
  height: 40%;
  -o-object-fit: cover;
     object-fit: cover;
}
.l-about-us__box{
  height: 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 1px 0;
}
.l-about-us__box--inner{
  width: 50%;
}
.l-about-us__box--inner:first-child{
  padding-right: 1px;
}
.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%;
}
.p-abou-us__box.--sp{
  padding-bottom: 0;
}
.p-abou-us__box.--adjust{
  padding-bottom: 0%;
}
.p-abou-us__box--sp{
  width: calc(100% / 3);
  padding-right: 1px;
}
.p-abou-us__box--sp:last-of-type{
  padding-right: 0;
}
.p-abou-us__box--sp img{
-o-object-fit: cover;
   object-fit: cover;
height: 100%;
}
.l-about-us__contents{
  max-width: 33.3%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents{
    max-width: 100%;
  }
}
.l-about-us__contents.--large{
  max-width: 65.2%;
  width: 100%;
  background-color: #fff;
  margin-left: 1.5%;
  margin-bottom: 1.5%;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
          box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
}
@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: 32px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .l-about-us__contents.--large.--bottom{
    margin-right:0%;
    margin-bottom: 1.5%;
    padding: 20px;
  }
}
.l-about-us__contents.--relative{
  position: relative;
  
}
@media screen and (max-width: 768px) {
  .l-about-us__contents.--relative{
    padding: 16px 0;
    min-height: 450px;
  }
}
.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%;
}
.c-about-us__h3{
  font-size: clamp(20px,7vw,24px);
  padding-bottom: 16px;
}
.c-about-us__h3 sup{
  font-size: 50%;
	/* vertical-align: top; */
	/* position: relative; */
	top: -0.9em; 
}
.p-about-us__list--ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 70%;
  margin: 0 auto;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-about-us__list--ul{
    max-width: 80%;
  }
}
.p-about-us__list--li{
  width:calc(100% / 2 - 1.5%);
  position: relative;
}
.p-about-us__list--li:nth-of-type(odd){
  margin-right: 3%;
}
.p-about-us__list--li:nth-of-type(1),.p-about-us__list--li:nth-of-type(2){
  margin-bottom: 3%;
}
.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: 40px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding-bottom: 8px;
}
.c-about-us__text{
  font-size: clamp(10px,5vw,16px);
  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: 3.5vw;
    line-height: 1.3;
  }
}
.c-about-us__title{
  font-size: clamp(20px,7vw,24px);
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .c-about-us__title{
    font-size: 4vw;
  }
}
.c-about-us__title .--large{
  font-size: clamp(20px,7vw,36px);
  line-height: 1;
}
.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;
  padding: 1px 0;
}
.l-about-us__line--list{
  width: calc(100% / 6);
  padding-right: 1px;
}
.l-about-us__line--list:last-of-type{
  padding-right: 0;
}
.--thumb{

}
.c-about-us__contents{
  background-color: #004EA2;
  color: #fff;
  font-size: clamp(10px,7vw,20px);
  font-family: "ZenOldMincho-SemiBold";
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 6px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents{
    font-size: 4.5vw;
    padding: 4px 8px;
    margin-bottom: 8px;
  }
}
.c-about-us__contents--text{
  font-size: clamp(10px,7vw,14px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  padding-bottom: 16px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--text{
    font-size: clamp(10px,7vw,10px);
  }
}
.c-about-us__contents--text .--blue{
  color: #004EA2;
  font-family: "ZenOldMincho-Black";
  font-size: clamp(10px,7vw,18px);
  line-height: 1;
  padding-bottom: 4px;
  display: block;

}
.c-about-us__contents--ul{

}
.c-about-us__contents--li{
  font-size: clamp(10px,7vw,18px);
  line-height: 1.3;
}
.c-about-us__contents--li .--small{
  font-size: clamp(10px,7vw,14px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-about-us__contents--li .--small{
    font-size: clamp(10px,7vw,10px);
  }
}
/* //about_us */
/* l-cta-area */
.l-cta-area{
  padding: 96px 0 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-cta-area{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 60px 16px;
  }
}
/* //l-cta-area */
/* contact */
.p-contact{
  padding: 80px 0;
  text-align: center;
  letter-spacing: .5em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-contact{
    padding: 64px 16px;
  }
}
.c-contact-sub{
  font-size: clamp(10px,7vw,18px);
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-contact-sub{
    font-size: 4.27vw;
  }
}
.c-contact-main{
  font-size: clamp(20px,7vw,36px);
  line-height: 1.5;
  font-family: "ZenOldMincho-Black";
}
.c-contact{
  font-size: clamp(10px,7vw,16px);
  letter-spacing: .05em;
  margin-bottom: 20px;
  font-weight: normal;
}
/* //contact */
/* products */
.l-products-video{
  padding: 64px 0;
}
.l-products-video__inner{
  padding: 0 16px;
}
.p-products-video___wrap{
text-align: center;
}
.c-products-video__text{
  font-size: clamp(10px,4vw,20px);
  padding-bottom: 16px;
  text-align: center;
}
.p-products-video{
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;

}
.p-products-video  iframe{
  width: 100%;
  height: 100%;
}
.l-products-about{
  padding: 64px 0;
  background-color: #F5F5F5;
}
.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;
}

.c-products-title{
  width: 25px;
  height: 70px;
  background: url(../img/products/sra_left.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
}
.c-products-title.--even{
  width: 25px;
  height: 70px;
  background: url(../img/products/sra_right.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
}
.c-products-title__text{
  font-size: clamp(10px,4vw,20px);
  line-height: 1.3;
}
.l-body-products.js-add-css{
  padding-top: 110px;
}
@media screen and (max-width: 768px) {
  .l-body-products.js-add-css{
    padding-top: 108.888px;
  }
}
/* //products */
/* special */
.l-special-wrap{
  background-color: rgb(0,129,194,.5);
  background-image: url(../img/schedule/schedule_bg_pc.webp);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .l-special-wrap{
    background-color: transparent;
    background-image: url(../img/sp/schedule_bg_sp.webp);
  }
}
.l-special{
padding: 64px 0;
  background-color: rgb(255,255,255,.85);
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-special{
    padding-right: 16px;
    padding-left: 16px;
    background-color: transparent;
  }
}
.p-special{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-width: 1024px;
  padding: 0 32px;
  /* margin-bottom: 64px; */
}
@media screen and (max-width: 768px) {
  .p-special{
    display: block;    
    padding: 0;
    margin-bottom: 0;
  }
}
.p-special-thumb{
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-special-thumb{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-special-thumb .--thumb{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .p-special-thumb .--thumb{
    width: calc(100% / 3 - 0.3%);
    margin-right: 0.45% ;
    margin-bottom: 40px;
  }
  .p-special-thumb .--thumb:last-of-type{
    margin-right: 0 ;
  }
}
.p-special-context{
  width: 70%;
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .p-special-context{
    width: 100%;
    padding-left: 0%;
  }
}
.p-special-context--above{
  padding-bottom: 32px;
}
.p-special-context--below{
text-align: center;
}
.p-special-card{
padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-special-card{
    padding-bottom: 20px;
    }
}
.p-special-card__p{
  color: #004E9D;
  font-size: clamp(10px,7vw,20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .p-special-card__p{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size:4vw;
  }
}
.p-special-card__span{
  display: -ms-grid;
  display: grid;
  place-content: center;
  margin-right: 8px;
}
.p-special-card__span .--icon{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  max-width: 100px;
}
.c-special-card__p--mini{
  font-size: 0.8em;
}
.c-special-card__p{
  font-size: clamp(10px,7vw,16px);
  font-weight: normal;
}

.c-special-cur__h3{
  font-size: clamp(10px,7vw,22px);
  letter-spacing: .07em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-special-cur__h3{
    font-size: 4.5vw;
  }
}
.c-special-cur__h3--emphasis{
  color: #004E9D;
  font-size: clamp(10px,7vw,24px);
}
.c-special-cur__h3--mini{
  font-size: 0.8em;
}
.c-special-card__span--note{
  color: #CB260B;
  border-bottom: solid 1px #CB260B;
  line-height: 1.3;
  display: inline-block;

}
.c-special-card__span--pc{
  display: inline;
}
@media screen and (max-width: 768px) {
  .c-special-card__span--pc{
    display: none;
  }
}
.c-special-card__span--sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .c-special-card__span--sp{
    display:block;
  }
}
/* //special */
/* simple */
.l-simple{
  background-image: url(../img/simple/simple_bgi.webp);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .l-simple{
    background-image:none;
    background-color: #E8E8E8;
  }
  .l-simple.is-active{
    background-image: url(../img/simple/simple_bgi_sp.webp);
    background-position: center bottom;
    background-size: contain;
  }
}
.p-simple-context{
  font-size: clamp(10px,7vw,16px);
  padding-bottom: 32px;
  text-align: center;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .p-simple-context{
    padding-bottom: 64px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: .03em;
    display: none;
  }
}
.p-simple-context .--line{
  border-bottom: solid 1px #333;
  display: inline-block;
  line-height: 1.3;
}
.p-simple__ul{
  display: block;
}
@media screen and (max-width: 768px) {
  .p-simple__ul{
    display: none;
    padding-bottom: 64px;
  }
}
.p-simple__li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-simple__li{
    display: block;
    text-align: center;
  }
  .p-simple__li:last-of-type{
    padding-bottom: 0;
  }
}
.p-simple__li .--icon{
  -o-object-fit: contain;
     object-fit: contain;
  width: 15%;
}
@media screen and (max-width: 768px) {
  .p-simple__li .--icon{
    width: 30%;
    padding-bottom: 16px;
  }
}
.p-simple__li--contents{
  width: 85%;
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .p-simple__li--contents{
    width: 100%;
    padding-left: 0;
  }
}
.p-simple__li--contents .--text-large{
  font-size: clamp(10px,7vw,22px);
  color: var(--blue);
  padding-bottom: 10px;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .p-simple__li--contents .--text-large{
    font-size: 5.5vw; 
    padding-bottom: 16px;
    line-height: 1;
  }
}
.p-simple__li--contents .--text{
  font-size: clamp(10px,7vw,16px);
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .p-simple__li--contents .--text{
   text-align: left;
  }
}
/* //simple */
/* スキャナー */

.l-main-bottom--left {
  max-width: 17%;
  width: 100%;
  margin-right: 3%;
  text-align: center;
}
.l-main-bottom--left img {
  max-width: 100%;
}
.l-main-logo {
  width: 83%;
  text-align: left;
}
.l-main-logo__p--title {
  background-color: #fff;
  color: #333;
  font-weight: bold;
  display: inline-block;
  padding: 2px 4px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .l-main-logo__p--title {
  font-size: 12px;
  font-size: 3vw;
  margin-bottom: 8px;
  }
}

.l-main-logo__p {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.01em;
  padding-bottom: 4px;
}
.l-main-logo__p.--bold {
  font-weight: bold;
  padding-top: 4px;
  }
.l-main-logo__p--large {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.l-main-logo__p--large b {
    font-size: 16px;
    font-weight: normal;
    
}
@media screen and (max-width: 768px) {
  
.l-main-bottom--left {
  max-width: 25%;
  margin-right: 4%;
}
.l-main-logo {
  width: 75%;
}
.l-main-logo__p {
  font-size: 10px;
  font-size: 2.5vw;
}
.l-main-logo__p.--bold {
font-weight: bold;
}
.l-main-logo__p--large {
  font-size: 16px;
  font-size: 4vw;
  line-height: 1;
}
}
.p-main-logo__thumb{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .p-main-logo__thumb{
    display: none;
  }
}
.p-main-logo__thumb--sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .p-main-logo__thumb--sp{
    display: block;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}
.c-main-logo__thumb--sp{
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-main-logo__thumb.--first{
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-left: 0;
 
}
.c-main-logo__thumb{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-left: 2%;
}
/* //スキャナー */
/* 新WEスキャン */
.l-lead-cur{
  padding-top: 64px;
  padding-bottom: 128px;
  background-color: #F5F5F5;
}
@media screen and (max-width: 768px) {
  .l-lead-cur{
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 64px;
  }
}
.l-lead{
  padding-top: 64px;
  padding-bottom: 128px;
  background-color: #F2F8FC;
}
@media screen and (max-width: 768px) {
  .l-lead{
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 64px;
  }
}
.l-lead-inquire{
  padding-top: 64px;
  padding-bottom: 128px;
  background-color: #F5F5F5;
}
@media screen and (max-width: 768px) {
  .l-lead-inquire{
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 64px;
  }
}
.p-lead__ol{

}
.p-lead__li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-lead__li{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-lead__li--inner{
  width: 75%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-lead__li--inner{
    width: calc(100% - 20px);
    padding: 16px;
    margin: -32px auto 0 auto;
    background-color: rgb(255,255,255,.9);
    position: relative;
    z-index: 2;
  }
}
.p-lead__li--flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  border-bottom: solid 1px #004E9D;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-lead__li--flex{
  margin-bottom: 15px;
  padding-bottom: 0px;
  }
}
.p-lead__li--icon{
  width: 13%;
}
@media screen and (max-width: 768px) {
  .p-lead__li--icon{
    width: 15%;
  }
}
.p-lead__li--box{
  width: 87%;
  padding-left: 5%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-lead__li--box{
    width: 85%;
    text-align: left;
  }
}
.c-lead__title{
  font-size: clamp(10px,7vw,18px);
  padding-bottom: 5px;
  line-height: 1.3;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-lead__title{
    font-size: 4vw;
    padding-bottom: 8px;
  }
}
.c-lead__title .--large{
  font-size: clamp(10px,7vw,22px);
  color:#004E9D;
  
}
@media screen and (max-width: 768px) {
  .c-lead__title .--large{
    font-size: 5vw;
  }
}
.c-lead__text{
  font-size: clamp(10px,7vw,16px);
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-lead__text{
    text-align: left;
    text-indent: -1em;
    padding-left: 0.9em;
    line-height: 1.5;
    padding-bottom: 5px;
  }
}
.c-lead__text .--point{
  color: #004E9D;
  -webkit-transform: scale(3, 3);
      -ms-transform: scale(3, 3);
          transform: scale(3, 3);
  margin-right: 5px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-lead__text .--point{
    display: inline;
    font-weight: bold;
  } 
}
.c-lead__text .--blue{
  color: #004E9D;
}
.c-for-js{
  /* height: 20px; */
}
.c-lead-text--sp{
  color: #4D4D4D;
  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;
}
.c-lead-text--spclose{
  color: #4D4D4D;
  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;
  margin-bottom: 10px;
}
.js-more-content.js-appear{
  display: block;
}
.js-more-content.js-disappear{
  /* display: none; */
}
.c-lead-text--arrow{
  position: relative;
  display: inline-block;
  padding: 10px;
}
.c-lead-text--arrow::after{
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1px #4D4D4D;
  border-right: solid 1px #4D4D4D;
  position: absolute;
  left: 7px;
  top: 6px;
  /* transform: rotate(45deg); */
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.p-lead__li--picture{
  width: 25%;
}
@media screen and (max-width: 768px) {
  .p-lead__li--picture{
    width: 100%;
    position: relative;
    z-index: 1;
  }
}
.p-lead__li--thumb{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-lead-line{
  background-image: -o-linear-gradient(left, #004E9D, #004E9D 6px, transparent 6px);
  background-image: linear-gradient(to right, #004E9D, #004E9D 6px, transparent 6px);
  background-size: 10px 2px;
  background-position: left top;
  background-repeat: repeat-x;
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 64px;
}
.p-lead-box{
  padding-top: 64px;
}
.l-teach{
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #EBF1F8;
}
@media screen and (max-width: 768px) {
  .l-teach{
   padding-right: 16px;
   padding-left: 16px;
  }
}
.p-profssor--left {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 32px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-profssor--left {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-bottom: 0px;
  }
}
.p-profssor-inner__sub {
  max-width: 80%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner__sub {
    max-width: 100%;
  }
}
.p-profssor-inner__sub--name {
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner__sub--name {
    text-align: center;
  }
}
.p-profssor-inner__sub--name b {
  font-size: 22px;
  color:#333;
}
.p-profssor-inner__sub__text {
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner__sub__text {
    font-size: 3.5vw;
  }
}
.p-profssor-inner__p {
  font-size: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  text-align: center;
  color: #fff;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .p-profssor-inner__p {
    font-size: 4vw;
  }
}
.p-profssor--img {
  max-width: 20%;
  width: 100%;
  margin-right: 3%;
}
@media screen and (max-width: 768px) {
  .p-profssor--img {
    max-width: 50%;
    margin-right: 0%;
    margin-bottom: 16px;
  }
}
.p-profssor-inner--title {
  padding-bottom: 16px;
}
.c-teach__h3{
  font-size: clamp(10px,7vw,22px);
  margin-bottom: 64px;
  letter-spacing: .03em;
  -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.5;
}
@media screen and (max-width: 768px) {
  .c-teach__h3{
    font-size:4vw;
    line-height: 1.7;
    margin-bottom: 32px;
  }
}
.c-teach__h3.--mb{
  margin-bottom: 10px;
}
.c-teach-blue{
  color:#004EA2;
  font-size: clamp(10px,7vw,22px);
  display: inline-block;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .c-teach-blue{
    font-size:5vw;
    display: inline;
    letter-spacing: .01em;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
}
.c-teach-blue .--line{
  border-bottom: solid 1px #004EA2;
  line-height: 1.3;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-teach-blue .--line{
    font-size: 4.5vw;
  }
}
.c-participate-thumb{
  max-width: 90%;
  width: 100%;
  margin: 0 auto 32px auto;
}
.c-participate-button{
  color: #fff;
  background-color: #004EA2;
  padding: 0 4px;
  margin-right: 8px;
  display: inline-block;
  font-size: clamp(10px,7vw,17px);
}
@media screen and (max-width: 768px) {
  .c-participate-button{
    padding:0 4px;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.c-participate--text{
  font-size: clamp(10px,7vw,14px);
  font-weight: normal;
  margin-bottom: 26px;
}
@media screen and (max-width: 768px) {
  .c-participate--text{
    line-height: 1.5;
    font-size: 3.5vw;
  }
}
.p-participate-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-participate-box{
    display: block;
    margin-bottom: 32px;
  }
}
.c-participate--lead{
  font-size: clamp(10px,7vw,15px);
  font-weight: normal;
  letter-spacing: .05em;
  margin-bottom: 32px;
}
.c-participate--lead:first-of-type{
  margin-right: 5%;
}
.c-participate--lead .--large{
  font-size: clamp(10px,7vw,20px);
}
@media screen and (max-width: 768px) {
  .c-participate--lead .--large{
    font-size: 1.2em;
  }
}
.c-participate--lead .--large-main{
  font-size: clamp(10px,7vw,24px);
}
@media screen and (max-width: 768px) {
  .c-participate--lead .--large-main{
    font-size: 1.4em;
  }
}
.c-participate--lead .--blue{
  color:#004EA2;
}
@media screen and (max-width: 768px) {
  .c-participate--lead .--blue{
    border-bottom: solid 1px #004EA2;
    line-height: 1.3;
    display: inline-block;
    letter-spacing: .05em;
    font-size: 4vw;
  }
}
.c-participate--lead .--line{
  border-bottom: solid 1px #004EA2;
  font-weight: bold;
  font-size: clamp(10px,7vw,18px);
  line-height: 1.3;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-participate--lead .--line{
    border-bottom: none;
    font-size:5vw;
  }
}
.c-participate--note{
  font-size: 0.8em;
}
.c-participate--form{
  font-size: clamp(10px,7vw,18px);
  font-weight: normal;
  letter-spacing: .05em;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .c-participate--form{
    font-size: 4vw;
  }
}
.c-participate-link{
  font-size: clamp(10px,7vw,18px);
  background-color: #004EA2;
  color: #fff;
  padding: 16px 32px;
  border-radius: 30px;
  display: inline-block;
  max-width: 400px;
  width: 100%;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-participate-link{ 
    max-width: 90%;
    font-size:4vw;
  }
}
.c-participate-link.--part{ 
  max-width: 260px;
  font-size: clamp(10px,7vw,16px);
  padding: 10px 8px;
}
.c-participate-link.--adjust{
  padding: 8px 32px;
  line-height: 1;
  font-size: clamp(10px,7vw,16px);
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .c-participate-link.--adjust{
    font-size: 3.5vw;
    padding: 8px 16px;
  }
}
.c-participate-link.--online{
  background-color: var(--blue);
}
.c-participate-link.--yellow{
  background-color: #F8B738;
  color: var(--black);
}
.c-participate-link.--heading .c-img--haeding{
  position: absolute;
  top: -32px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  max-width: 270px;
  width: 100%;
}
.c-participate-link--arrow{
  position: relative;
  display: inline-block;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-participate-link--arrow{
    padding: 7px 0px;
  }
}
.c-participate-link--arrow::before{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  left: 10px;
  top: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .c-participate-link--arrow::before{
    width: 8px;
    height: 8px;
    top: 5px;
    left: 5px;
  }
}
.c-participate-link--arrow.--part{
  padding: 8px;
}
.c-participate-link--arrow.--part::before{
  left: 7px;
    top: 5px;
}
.c-participate-link--arrow.--adjust{
  padding: 6px;
}
.c-participate-link--arrow.--adjust::before{
  left: 6px;
  top: 0px;
}
@media screen and (max-width: 768px) {
  .c-participate-link--arrow.--adjust::before{
    left: 6px;
    top: 3px;
  }
}
.c-participate-link--arrow.--yellow::before{
  border-top: solid 1px var(--black);
  border-right: solid 1px var(--black);
}
.c-we-scan__rogo{
  color:#787878 ;
  border: solid 1px #787878;
  padding: 6px;
  margin-left: 20px;
  font-size: clamp(10px,7vw,14px);
  line-height:1;
  letter-spacing: .1em;
  max-width: 40%;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .c-we-scan__rogo{
   display: none;
  }
}
.p-we-scan{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-width: 65%;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .p-we-scan{
    max-width: 85%;
  }
}
.p-we-scan__button{
  padding: 8px 5px 8px 5px;
  position: relative;
  cursor: pointer;
  height: 80px;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.c-we-scan__text{
font-size: clamp(10px,7vw,14px);
opacity: 1;
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;
height: 80px;
letter-spacing: .1em;
}
.c-we-scan__text:hover{
  opacity: .8;
}
.c-we-scan__text--arrow{
  position: relative;
  display: inline-block;
  padding: 14px;
}
.c-we-scan__text--arrow::before{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 1px rgb(50,50,50,.43);
  border-right: solid 1px rgb(50,50,50,.43);
  position: absolute;
  left: 10px;
  top: 8px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}
.c-we-scan__text:hover .c-we-scan__text--arrow:before{
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}
.c-we-scan__link{
  font-size: clamp(10px,7vw,14px);
  display: inline-block;
  border-radius: 5px;
  /* color: #004EA2; */
  color: var(--black);
  background-color: #F8B738;
  /* border: solid 2px #004EA2; */
  padding: 10px;
  margin-right: 5px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-we-scan__link{
    /* width: calc(100% / 2 - 5%); */
    width: 100%;
    margin-right: 0px;
    padding: 16px 5px;
    font-size: 4.5vw;
    border-radius: 10px;
  }
}
.c-we-scan__link--blue{
  font-size: clamp(10px,7vw,14px);
  display: inline-block;
  border-radius: 5px;
  color:#fff;
  background-color: #004EA2;
  padding: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-we-scan__link--blue{
    width: calc(100% / 2 - 5%);
    padding: 16px 5px;
    font-size: 3.5vw;
  }
}
.p-we-scan__ul{
  position: absolute;
  top: 70px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width:200px;
  z-index: 100;
  background-color: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 24px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 24px;
}
.p-we-scan__li{
  border-bottom: solid 1px #004E9D;
  opacity: 1;
}
.p-we-scan__li:hover{
  opacity: .8;
}
.p-we-scan__li:last-of-type{
border-bottom: none;
}
.p-we-scan__li--link{
  font-size: clamp(10px,7vw,14px);
  width: 100%;
    height: 100%;
    letter-spacing: .1em;
    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: 10px 10px 10px 10px;
    height: 50px;
}
.c-we-scan__li--arrow{
  position: relative;
  /* display: inline-block; */
  padding: 4px;
}
.c-we-scan__li--arrow::after{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 1px #004E9D;
  border-right: solid 1px #004E9D;
  position: absolute;
  left: 6px;
  top: 0px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.p-participate-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 780px;
  width: 100%;
  margin: 0 auto 32px auto;
}
@media screen and (max-width: 768px) {
  .p-participate-flex{
    display: block;
  }
}
.p-participate-flex:last-of-type{
  margin: 0 auto 40px auto;
}
.p-participate-boxes{
  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;
  padding: 10px 20px;
  background-color: #004EA2;
  color:#fff;
  max-width: 27%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-participate-boxes{
    max-width: 100%;
    aspect-ratio:initial;
  }
}
/* .p-participate-boxes.--aspect{
  aspect-ratio:1 / 1;
} */
.c-participate-sche{
  font-size: clamp(10px,7vw,18px);
  letter-spacing: .05em;
}
.c-participate-sche .--mini{
  font-size: .8em;
}
@media screen and (max-width: 768px) {
  .c-participate-sche{
    font-size: 4vw;
  }
}
.c-participate-sche:nth-child(2){
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .c-participate-sche:nth-child(2){
    padding-left: 0;
  }
}
.c-participate-box--large{
    font-size: clamp(10px,7vw,24px);
}
.c-participate-box{
    font-size: clamp(10px,7vw,14px);
    font-weight: normal;
    line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-participate-box{
    letter-spacing: .05em;
  }
}
.p-participate-containar{
  max-width: 73%;
  width: 100%;
  border: solid 1px #004E9D;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .p-participate-containar{
    max-width: 100%;
    padding:10px;
  }
}
.p-participate__table{
  border-collapse: collapse;
  width: 100%;
  height: 33%;
}
.p-participate__table.--online{
  background-color: #fff;
  margin-bottom: 50px;
}
.p-participate__tbody{
  
}
.p-participate__tr{
  border-bottom: dashed 1px #004E9D;
  border-spacing: 10px;
}
@media screen and (max-width: 768px) {
  .p-participate__tr{
    border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  }
}
.p-participate__tr:last-of-type{
  border-bottom: none;
}
.p-participate__tr--online{
  display: block;
  border: solid 1px var(--blue);
}
.p-participate__td{
  font-size: clamp(10px,7vw,20px);
  padding: 15px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
 
}
@media screen and (max-width: 768px) {
  .p-participate__td{
    letter-spacing: .05em;
    padding: 10px 0px;
  }
}
.p-participate__td.--pc{
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .p-participate__td.--pc{
    display: none;
  }
}
.p-participate__td.--sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .p-participate__td.--sp{
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .p-participate__td.--dot{
    border-bottom: dashed 1px #004E9D;
  }
}
.p-participate__td.--online{
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  width: 95%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-participate__td.--online{
  }
}
@media screen and (max-width: 768px) {
  .p-participate__td.--dot{
    border-bottom: dashed 1px #004E9D;
  }
}
.p-participate__td.--online.--dot{
  border-bottom: dashed 1px #004E9D;
 
  margin: 0 auto;
}
.p-participate__td--online{
  background-color: var(--blue);
  color:#fff;
  padding: 10px;
  width: 100%;
  display: block;
  font-size: clamp(10px,7vw,20px);
}
.c-part-online__span{
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .1em;
  padding-right: 1%;
  /* width: 25%; */
  width: fit-content;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-part-online__span{
   font-size:4vw;
   /* width: 40%; */
   width: 100%;
   display: inline-block;
   white-space: nowrap;

  }
}
.c-part-online__span:last-of-type{
  padding-right: 0;
}
.p-participate__td--left{
  max-width: 55%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-participate__td--left{
    max-width: 65%;
    padding-right: 2%;
 
  }
  .p-participate__td--right{
    max-width: 35%;
  }
}

.c-participate__td{
  width: 60%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 5%;
}
@media screen and (max-width: 768px) {
  .c-participate__td{
   font-size:4vw;
   letter-spacing: .01em;
  }
}
.c-part-left{
  width: 70%;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-part-left{
 text-align: right;
  }
}
.c-part-right{
  width: 30%;
}
.c-part-large{
  font-size: clamp(10px,7vw,28px);
}
@media screen and (max-width: 768px) {
  .c-part-large{
    font-size:5vw;
    font-feature-settings: "palt";
    letter-spacing: .05em;
  }
}
.c-partcipate-left{
  border: solid 1px #004E9D;
  color: #004E9D;
  font-size: clamp(10px,7vw,16px);
  padding: 4px 6px 4px 8px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .c-partcipate-left{
    font-size: 3.5vw;
    letter-spacing: .01em;
  }
}
.c-partcipate-left.--new{
  border: solid 1px #43A6C5;
  color: #43A6C5;
}
.c-main-wrap__p--pro {
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  text-shadow: 1px 1px 20px #333;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-main-wrap__p--pro {
    font-size: 4vw;
  }
}
.l-main-wrap__p--pro {
  color: #fff;
  font-size: 30px;
  display:block;
  text-shadow: 1px 1px 20px #333;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .l-main-wrap__p--pro {
    font-size: 6vw;
  }
}
.c-WE-pro__hr{
  max-width: 350px;
  width: 100%;
  display: inline-block;
  margin-bottom:32px;
}
@media screen and (max-width: 768px) {
  .c-WE-pro__hr{
    margin-bottom: 20px;
  }
}

.l-main-wrap__h1--WE {
  color: #fff;
  margin: 0 0 16px 0;
  padding: 10px 0 16px 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  font-weight: 700;
  font-size: clamp(10px,8vw,64px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  text-shadow: 1px 1px 20px #333;
  letter-spacing: .03em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1.3;
}
@media screen and (min-width: 2000px) {
  .l-main-wrap__h1--WE {
    letter-spacing: .1em;
    
  }
}

.l-main-wrap__h1--WE .c-main-wrap__h1--WE{
  font-size: clamp(10px,6vw,56px);
}
@media screen and (min-width: 2000px) {
  .l-main-wrap__h1--WE .c-main-wrap__h1--WE{
    font-size: clamp(10px,8vw,64px);
  }
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--WE .c-main-wrap__h1--WE{
    font-size: 7.3vw;
    letter-spacing: .1em;
  }
}
@media screen and (max-width: 768px) {
  .l-main-wrap__h1--WE {
    font-size: 7.7vw;
    line-height: 1.3;
    padding: 0;
    margin: 0;
    letter-spacing: .1em;
  }
  .l-main-wrap__h1--WE span{
    font-size: 7.7vw;
  }
}
.c-WE--note{
  position: relative;
}
.c-WE--note:after {
  position: absolute;
  content: "※";
  color: #fff;
  right: 54%;
  top: 14%;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .c-WE--note:after {
    right: 52%;
    top: 6%;
  }
}
.c-WE-pro__note{
  color: #fff;
  position: absolute;
  right:14%;
  bottom:10%;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .c-WE-pro__note{
    right:16px;
    bottom:32px;
  }
}
.l-WE-content{
  padding-top: 64px;
  padding-bottom: 64px;
  background-color: #F2F8FC;
}
@media screen and (max-width: 768px) {
  .l-WE-content{
   padding-right: 16px;
   padding-left: 16px;
  }
}
.l-WE-content__inner{
  max-width: 1052px;
  padding: 0 16px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l-WE-content__inner{
    padding: 0;
  }
}
.js-fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;   
  -webkit-animation-duration: 1s;
          animation-duration: 1s;        
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; 
}
@-webkit-keyframes fadeUpAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeUpAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.js-fadeUpTrigger {
  opacity: 0;
}
.js-fadeUpTrigger-delay {
  opacity: 0;
}
.p-WE-content{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-WE-content{
    display: block;
  }
}
.p-WE-content__volume{
  width: 50%;
  padding-right: 2%;
}
@media screen and (max-width: 768px) {
  .p-WE-content__volume{
    width: 100%;
    padding-right: 0%;
  }
}
.p-WE-content__volume--view{
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-WE-content__volume--view{
    width: 100%;
  }
}
.c-WE-content__volume--video{
  width: 100%;
}
@media screen and (max-width: 768px) {
  .c-WE-content__volume--video{
    height: 197px;
    margin-bottom: 20px;
  }
}
.c-WE-content__heading{
  display: inline-block;
background-color: var(--blue);
color: #fff;
font-size: clamp(10px,7vw,16px);
padding: 4px 4px 4px 6px;
margin-bottom: 5px;
letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  .c-WE-content__heading{
  letter-spacing: .05em;
  }
}
.c-WE-content__h3{
  font-size: clamp(10px,7vw,28px);
  color:var(--blue);
  letter-spacing: .1em;
  line-height: 1.3;
  margin-bottom: 10px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .c-WE-content__h3{
    margin-bottom: 20px;
    font-size:6vw;
  }
}
.c-WE-content__h3--mini{
  font-size: 0.6em;
}
.c-WE-content__text{
  font-size: clamp(10px,7vw,16px);
  font-weight: normal;
  margin-bottom: 10px;
}
.c-WE-content__text.--mb{
  margin-bottom: 20px;
}
.c-WE-content__text.--mt{
  margin-top: 20px;
}
.c-WE-content__text--blue{
  color:var(--blue);
  
}
.c-WE-content__img{

}
.c-WE-content__thumb{
  max-width: 510px;
  width: 100%;
  max-height: 287px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .c-WE-content__thumb{
    max-height: 197px;
    margin-bottom: 20px;
  }
}
.c-WE_content__text--mini{
  font-size: clamp(10px,7vw,12px);
  font-weight: normal;
}
.c-WE-content__sup{
  font-size: 40%;
  top: -1.2em;
}
.l-main--relative {
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-main--relative {

  }
}
.l-WE-main--bgc{
  /* background-color: #F5F5F5; */
}
.l-WE-main--relative {
  position: relative;
  max-height: 700px;
}
@media screen and (min-width: 1920px) {
  .l-WE-main--relative {
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .l-WE-main--relative {
    max-height: none;
  }
}
.l-main-img picture img {
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: 700px;
    display: block;
}
@media screen and (min-width: 1920px) {
  .l-main-img picture img {
    max-height: none;
}
}
@media screen and (max-width: 768px) {
  .l-main-img picture img {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: none;
}
}
.l-WE-main--box{
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.c-WE-main__img{
  margin-bottom: 40px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-WE-main__img{
    margin-bottom: 32px;
  }
}
.c-WE-main__h2{
  color: #fff;
  margin-bottom: 32px;
  font-size: clamp(10px,7vw,28px);
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-WE-main__h2{
    font-size: 5.5vw;
  }
}
.c-WE-main__headimg{
  color: #fff;
  margin-bottom: 8px;
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .c-WE-main__headimg{
    font-size: 4vw;
  }
}
.c-WE-main__tri{
  display: block;
  max-width: 30px;
  width: 100%;
  margin: 0 auto 8px auto;
}
.c-WE-main__tri .--tri{
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.p-WE-main__box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .p-WE-main__box{
    display: block;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 30%;
  }
}
.p-WE-main__box--parent{
  width: calc(100% / 3 - 7px);
  margin-right: 10.5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-WE-main__box--parent{
    width: 100%;
    margin-right: 0;
    padding-bottom: 8px;
  }
}
.p-WE-main__box--parent:last-of-type{
  margin-right: 0;
}
.c-WE-main__thumb{

}
.c-WE-main__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%;
  font-size: clamp(10px,7vw,20px);
  font-weight: normal;
  letter-spacing: .05em;
}
@media screen and (max-width: 768px) {
  .c-WE-main__text{
    font-size: 5vw;
  }
}
.c-WE-main__text--mini{
  font-size: clamp(10px,7vw,18px);
}
@media screen and (max-width: 768px) {
  .c-WE-main__text--mini{
    font-size: 4vw;
  }
}
.c-WE-main__text .--blue{
  font-size: clamp(10px,7vw,22px);
  color:#004EA2;
  font-weight: bold;
  border-bottom:solid 1px #004EA2;
  line-height: 1.3;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .c-WE-main__text .--blue{
    font-size: 5.5vw;
  }
}

/* //新WEスキャン */
.c-anc_WEschedule_online{
  height: 1px;
  width: 1px;
  display: inline-block;
}
.p-experience-area{
  text-align: center;
  background-color: #fff;
  padding: 40px;
  margin-bottom: 40px;
}
.c-experience-area__lead{
  font-size: clamp(20px, 7vw, 30px);
  margin-bottom: 20px;
  line-height: 1.3;
  letter-spacing: .05em;
}
.c-experience-area__text{
  font-size: clamp(10px, 7vw, 18px);
  letter-spacing: .05em;
}
.c-experience-line{
  width: 100%;
  height: 1px;
  background-color: #004E9D;
  display:block;
  margin: 12px auto;
}
@media screen and (max-width: 768px) {
  .c-experience-line{
    width: 100%;
  }
}