@charset "UTF-8";
/* -----------------------------------------------
* Plugins エントリーポイント
-------------------------------------------------- */
/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
html,
input,
textarea,
select,
button {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}

html {
  color: #000;
  background: #fff;
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: break-word;
}

body {
  background: #fff;
  margin: 0;
}

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

img {
  border: 0;
  margin: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

input,
select,
textarea,
button {
  color: inherit;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

textarea {
  resize: vertical;
}

::-webkit-input-placeholder {
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

::-ms-input-placeholder {
  color: #ccc;
}

::-moz-placeholder {
  color: #ccc;
}

::placeholder {
  color: #ccc;
}

button {
  border: none;
  cursor: pointer;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

main {
  display: block;
}

#wrapper {
  position: relative;
}

#wrapper,
.outer-block {
  min-width: 1080px;
}

.inner-block {
  margin: 0 auto;
  position: relative;
}

dl, dt, dd {
  padding: 0;
  margin: 0;
}

.ib {
  display: inline-block;
}

.c-svg {
  display: inline-block;
  fill: currentColor;
  vertical-align: top;
}

/* -----------------------------------------------
* Modules エントリーポイント
-------------------------------------------------- */
/* --------------------------------
c-header
----------------------------------- */
.c-header {
  height: 64px;
  background: #fff;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 40;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.mv .menu {
  position: fixed;
  z-index: 30;
  width: clamp( -9999px ,  53.4375vw ,  342px );
}

.hamburger {
  height: clamp( 54px ,  10.9375vw ,  70px );
  width: clamp( 54px ,  10.9375vw ,  70px );
  position: absolute;
  right: 0;
  top: 0;
}
.hamburger span {
  position: absolute;
  left: clamp( 16.9714285714px ,  3.4375vw ,  22px );
  top: clamp( 21.6px ,  4.375vw ,  28px );
  height: 2px;
  border-radius: 2px;
  width: clamp( 20.0571428571px ,  4.0625vw ,  26px );
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: #000;
}
.hamburger span:nth-child(2) {
  top: clamp( 29.3142857143px ,  5.9375vw ,  38px );
}
.hamburger span:nth-child(3) {
  top: clamp( 37.0285714286px ,  7.5vw ,  48px );
}
.hamburger.fix {
  position: fixed;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
  z-index: 120;
}
.hamburger.fix span {
  top: clamp( 19.2857142857px ,  3.90625vw ,  25px );
}
.hamburger.fix span:nth-child(2) {
  top: clamp( 27px ,  5.46875vw ,  35px );
}
.hamburger.fix span:nth-child(3) {
  top: clamp( 34.7142857143px ,  7.03125vw ,  45px );
}
.hamburger.fix.open {
  opacity: 1;
}
.hamburger.fix.stop {
  opacity: 1;
}

.open .hamburger span:nth-child(1) {
  top: clamp( 29.3142857143px ,  5.9375vw ,  38px );
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open .hamburger span:nth-child(2) {
  opacity: 0;
}
.open .hamburger span:nth-child(3) {
  top: clamp( 29.3142857143px ,  5.9375vw ,  38px );
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.open .hamburger.fix span:nth-child(1) {
  top: clamp( 27px ,  5.46875vw ,  35px );
}
.open .hamburger.fix span:nth-child(3) {
  top: clamp( 27px ,  5.46875vw ,  35px );
}

.c-footer {
  background: #3C3C3C;
  height: 160px;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  padding: 22px 0;
  text-align: center;
}
.c-footer .name {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 9px;
}

.sec-ttl {
  height: 191px;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.04em;
}
.sec-ttl::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_title.png);
  z-index: -1;
  mix-blend-mode: multiply;
}
.sec-ttl::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  mix-blend-mode: multiply;
}
.sec-ttl.sec-about {
  font-size: 80px;
  position: relative;
  margin-bottom: 55px;
}
.sec-ttl.sec-about > span:not(.mini) {
  font-size: 61px;
  letter-spacing: -0.16em;
  padding-top: 10px;
}
.sec-ttl.sec-about .mini {
  position: absolute;
  font-size: 16px;
  letter-spacing: 0.03em;
  font-weight: 500;
  line-height: 1.875;
  bottom: 7px;
  width: 1020px;
  text-align: right;
}
.sec-ttl.sec-about::after {
  background: #1789D2;
}
.sec-ttl.sec-period {
  font-size: 56px;
  line-height: 1.4285714286;
}
.sec-ttl.sec-period > img {
  margin-right: 17px;
}
.sec-ttl.sec-period::after {
  background: #F38202;
}
.sec-ttl.sec-growth {
  font-size: 56px;
  line-height: 1.4285714286;
}
.sec-ttl.sec-growth > img {
  margin-right: 17px;
}
.sec-ttl.sec-growth::after {
  background: #9B64A8;
}
.sec-ttl.sec-key {
  font-size: 56px;
}
.sec-ttl.sec-key > img {
  margin-right: 17px;
}
.sec-ttl.sec-key > span > span {
  font-size: 46px;
  line-height: 1.25;
  padding-top: 5px;
  display: block;
}
.sec-ttl.sec-key::after {
  background: #80AF03;
}
.sec-ttl.sec-question {
  margin-bottom: 63px;
  font-size: 80px;
}
.sec-ttl.sec-question::after {
  background: #9F651C;
}
.sec-ttl.sec-contents {
  font-size: 70px;
}
.sec-ttl.sec-contents::after {
  background: #F4C31E;
}

#period .block-ttl {
  background: #F38202;
}

#growth .block-ttl {
  background: #9B64A8;
}

.question-ttl {
  height: 88px;
  background: #9F651C;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 33px;
  font-weight: bold;
  color: #fff;
}

.float {
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1020px;
  background: #fff;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  opacity: 0;
  pointer-events: none;
}
.float.is-fixed {
  opacity: 1;
  width: 100%;
  pointer-events: all;
}
@-webkit-keyframes swing {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes swing {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(var(--fadeUp));
            transform: translateY(var(--fadeUp));
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(var(--fadeUp));
            transform: translateY(var(--fadeUp));
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.anm-fadeInUp, .delay-fadeInUp {
  --fadeUp: 50px;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.anm-fadeInUp.is-animated, .delay-fadeInUp.is-animated {
  -webkit-animation: fadeInUp 1.5s both;
          animation: fadeInUp 1.5s both;
}

.delay-trigger.is-animated + .delay-fadeInUp {
  -webkit-animation: fadeInUp 1.5s both;
          animation: fadeInUp 1.5s both;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

#period .comment:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#period .comment:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes slide {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30%, 70% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}

@keyframes slide {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  30%, 70% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@-webkit-keyframes flash {
  0%, 100% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  13.5% {
    opacity: 0.8;
  }
  14% {
    opacity: 0;
  }
  14.5% {
    opacity: 0.5;
  }
  15% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  17% {
    opacity: 0.8;
  }
  20% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0.1;
  }
  85% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100% {
    opacity: 0;
  }
  13% {
    opacity: 0;
  }
  13.5% {
    opacity: 0.8;
  }
  14% {
    opacity: 0;
  }
  14.5% {
    opacity: 0.5;
  }
  15% {
    opacity: 0;
  }
  16% {
    opacity: 0;
  }
  17% {
    opacity: 0.8;
  }
  20% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0.1;
  }
  85% {
    opacity: 0;
  }
}
@-webkit-keyframes leak {
  0%, 100% {
    opacity: 0;
  }
  17% {
    opacity: 0;
  }
  19% {
    opacity: 0.3;
  }
  20% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  82% {
    opacity: 0.3;
  }
  88% {
    opacity: 0;
  }
}
@keyframes leak {
  0%, 100% {
    opacity: 0;
  }
  17% {
    opacity: 0;
  }
  19% {
    opacity: 0.3;
  }
  20% {
    opacity: 1;
  }
  76% {
    opacity: 1;
  }
  82% {
    opacity: 0.3;
  }
  88% {
    opacity: 0;
  }
}
.pop {
  position: absolute;
  width: auto;
  z-index: 6;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.pop > img {
  width: max( 95.625px ,  8.8541666667vw );
}
.pop.pop01 {
  top: max( 78.75px ,  7.2916666667vw );
  right: max( 292.5px ,  27.0833333333vw );
}
.pop.pop02 {
  top: max( 129.375px ,  11.9791666667vw );
  right: max( 382.5px ,  35.4166666667vw );
}
.pop.pop03 {
  top: max( 129.375px ,  11.9791666667vw );
  right: max( 270px ,  25vw );
}
.pop.pop04 {
  top: max( 168.75px ,  15.625vw );
  right: max( 337.5px ,  31.25vw );
}
.pop.pop05 {
  top: max( 213.75px ,  19.7916666667vw );
  right: max( 309.375px ,  28.6458333333vw );
}
.pop.pop06 {
  top: max( 258.75px ,  23.9583333333vw );
  right: max( 331.875px ,  30.7291666667vw );
}
.pop.is-hover {
  opacity: 1;
  z-index: 10;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
}

.pop-inner {
  position: absolute;
  content: "";
  width: max( 31.5px ,  2.9166666667vw );
  height: max( 39.9375px ,  3.6979166667vw );
  z-index: 7;
  -webkit-animation: vibrate 4.8s infinite ease-in-out;
          animation: vibrate 4.8s infinite ease-in-out;
  opacity: 1;
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.pop-inner.inner01 {
  right: max( 330.1875px ,  30.5729166667vw );
  top: max( 100.6875px ,  9.3229166667vw );
}
.pop-inner.inner02 {
  right: max( 419.0625px ,  38.8020833333vw );
  top: max( 147.375px ,  13.6458333333vw );
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.pop-inner.inner03 {
  right: max( 311.0625px ,  28.8020833333vw );
  top: max( 147.375px ,  13.6458333333vw );
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.pop-inner.inner04 {
  right: max( 371.25px ,  34.375vw );
  top: max( 194.625px ,  18.0208333333vw );
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.pop-inner.inner05 {
  right: max( 343.6875px ,  31.8229166667vw );
  top: max( 239.625px ,  22.1875vw );
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}
.pop-inner.inner06 {
  right: max( 349.875px ,  32.3958333333vw );
  top: max( 302.625px ,  28.0208333333vw );
  width: max( 63px ,  5.8333333333vw );
  height: max( 19.125px ,  1.7708333333vw );
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

@-webkit-keyframes vibrate {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  15% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
            transform: translate(0, 0) rotate(-3deg);
  }
  17% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
            transform: translate(0, -1px) rotate(0deg);
  }
  18% {
    -webkit-transform: translate(0, -1px) rotate(3deg);
            transform: translate(0, -1px) rotate(3deg);
  }
  19% {
    -webkit-transform: translate(1px, 0) rotate(-2deg);
            transform: translate(1px, 0) rotate(-2deg);
  }
  20% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
            transform: translate(0, 1px) rotate(0deg);
  }
  19% {
    -webkit-transform: translate(0, 0) rotate(3deg);
            transform: translate(0, 0) rotate(3deg);
  }
  21% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}

@keyframes vibrate {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  15% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  16% {
    -webkit-transform: translate(0, 0) rotate(-3deg);
            transform: translate(0, 0) rotate(-3deg);
  }
  17% {
    -webkit-transform: translate(0, -1px) rotate(0deg);
            transform: translate(0, -1px) rotate(0deg);
  }
  18% {
    -webkit-transform: translate(0, -1px) rotate(3deg);
            transform: translate(0, -1px) rotate(3deg);
  }
  19% {
    -webkit-transform: translate(1px, 0) rotate(-2deg);
            transform: translate(1px, 0) rotate(-2deg);
  }
  20% {
    -webkit-transform: translate(0, 1px) rotate(0deg);
            transform: translate(0, 1px) rotate(0deg);
  }
  19% {
    -webkit-transform: translate(0, 0) rotate(3deg);
            transform: translate(0, 0) rotate(3deg);
  }
  21% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
}
/* -----------------------------------------------
* Page エントリーポイント
-------------------------------------------------- */
/* -----------------------------------------------
* home Module
* homeページ用
-------------------------------------------------- */
#wrapper {
  position: relative;
  z-index: 1;
}
#wrapper::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: url(../img/bg_main.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}

.bread-block {
  background: #fff;
}

.float-icon {
  position: fixed;
  right: 16px;
  bottom: 180px;
  z-index: 20;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.float-icon.appear {
  opacity: 1;
}
.float-icon > img {
  width: 100%;
  height: 100%;
}

.mask {
  opacity: 0;
  position: fixed;
  overflow: scroll;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(129, 71, 28, 0.4);
  z-index: 25;
  pointer-events: none;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.menu {
  position: fixed;
  width: clamp( 0px ,  87.6923076923vw ,  513px );
  height: clamp( 0px ,  123.0769230769vw ,  720px );
  max-height: calc(100vh - 40px);
  top: 64px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  background: #fff;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
  border-radius: 20px;
  padding-top: clamp( 0px ,  5.1282051282vw ,  30px );
  text-align: left;
  font-size: clamp( 0px ,  4.6153846154vw ,  27px );
  font-weight: bold;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 25;
  pointer-events: none;
}
.menu::before {
  position: absolute;
  content: "";
  background: url(../img/bg_menu.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.menu > p {
  background: #82471B;
  color: #fff;
  text-align: center;
  line-height: clamp( 0px ,  6.1538461538vw ,  36px );
  margin-bottom: clamp( 0px ,  2.735042735vw ,  16px );
  position: relative;
  z-index: 1;
}
.menu > p::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_title.png);
  z-index: -1;
  mix-blend-mode: multiply;
}
.menu > ul {
  line-height: 1.2222222222;
  padding-left: clamp( 0px ,  8.2051282051vw ,  48px );
}
.menu > ul > li {
  height: clamp( 0px ,  12.3076923077vw ,  72px );
}
.menu > ul > li > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.menu > ul > li > a > p {
  margin-left: clamp( 0px ,  4.1025641026vw ,  24px );
}
.menu > ul > li > a > p > span {
  font-size: clamp( 0px ,  3.5897435897vw ,  21px );
}
.menu > ul > li + li {
  margin-top: clamp( 0px ,  3.4188034188vw ,  20px );
}
.menu > ul > li:last-child {
  margin-top: clamp( 0px ,  1.3675213675vw ,  8px );
  height: clamp( 0px ,  16.9230769231vw ,  99px );
}
.menu .close {
  text-align: center;
  margin-top: clamp( 0px ,  3.4188034188vw ,  20px );
}
.menu .close > span {
  font-size: clamp( 0px ,  3.5897435897vw ,  21px );
  border-radius: 6px;
  background: #82471B;
  line-height: 22px;
  padding: 0 23px;
  color: #fff;
  padding-bottom: 2px;
}
.lp-main .red {
  color: #E12F0D;
}
.lp-main .comment {
  position: absolute;
  line-height: 1.4444444444;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
}
.lp-main .comment > p {
  position: absolute;
}
.lp-main .mv .comment {
  text-align: center;
  left: max( 533.8125px ,  49.4270833333vw );
  top: max( 41.0625px ,  3.8020833333vw );
  width: max( 108.5625px ,  10.0520833333vw );
  height: max( 34.875px ,  3.2291666667vw );
}
.lp-main .mv .comment > p {
  letter-spacing: -0.03em;
  font-size: max( 8.4375px ,  0.78125vw );
  line-height: 1.25;
  left: 0;
  top: max( -7.875px ,  -0.7291666667vw );
  right: 0;
  bottom: 0;
  margin: auto;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.lp-main #about .about-graph .comment {
  left: 353px;
  top: 0;
  width: 456.54px;
  height: 122.43px;
}
.lp-main #about .about-graph .comment > p {
  top: 22px;
  left: 66px;
}
.lp-main #about .about-list .comment {
  right: 327px;
  top: 79px;
  width: 365.76px;
  height: 85px;
  text-align: left;
}
.lp-main #about .about-list .comment > p {
  top: 17px;
  left: 36px;
}
.lp-main #period .comment:nth-child(2) {
  left: 0;
  top: -57px;
  width: 210px;
  height: 97.63px;
}
.lp-main #period .comment:nth-child(2) > p {
  top: clamp( -9999px ,  2.34375vw ,  15px );
  left: clamp( -9999px ,  3.75vw ,  24px );
}
.lp-main #period .comment:nth-child(3) {
  left: 0;
  top: 54px;
  width: 193px;
  height: 115px;
}
.lp-main #period .comment:nth-child(4) {
  left: 0;
  top: 193px;
  width: 188.89px;
  height: 88px;
}
.lp-main #period .comment:nth-child(5) {
  right: 0;
  top: -57px;
  width: 216px;
  height: 133.96px;
}
.lp-main #period .comment:nth-child(5) > p {
  top: 18px;
}
.lp-main #growth .comment {
  left: 0;
  top: -57px;
  width: 212px;
  height: 106.63px;
}
.lp-main #growth .comment > p {
  top: 18px;
  left: 36px;
}
.lp-main .key-list > li:nth-child(1) .comment {
  top: 10px;
  left: 229px;
  width: 498px;
  height: 97.3px;
}
.lp-main .key-list > li:nth-child(1) .comment > p {
  text-align: left;
  top: 18px;
  left: 30px;
}
.lp-main .key-list > li:nth-child(3) .comment {
  top: 0;
  left: 587px;
  width: 271px;
  height: 189.05px;
}
.lp-main .key-list > li:nth-child(3) .comment > p {
  text-align: left;
  top: 18px;
  left: 50px;
}
.lp-main .key-list > li:nth-child(4) .comment {
  top: -25px;
  left: 221px;
  width: 498px;
  height: 115px;
}
.lp-main .key-list > li:nth-child(4) .comment > p {
  text-align: left;
  top: 18px;
  left: 50px;
}
.lp-main .block-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-main .block-list > li {
  width: calc(50% - 30px);
}
.lp-main .block-list > li:not(:last-child) {
  margin-bottom: 60px;
}
.lp-main .block-list > li:nth-child(2n) {
  margin-left: 60px;
}
.lp-main .block-list .block-ttl {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 33px;
  line-height: 60px;
}
.lp-main .block-list .list-content {
  background: #fff;
  padding: 21px 24px 25px;
}
.lp-main .block-list .list-content > p {
  font-size: 28px;
  line-height: 1.4285714286;
}
.lp-main .block-list .list-content > p:not(.note) {
  text-align: center;
  font-weight: 600;
}
.lp-main .block-list .list-content > p > span {
  margin-top: 6px;
  display: block;
  letter-spacing: -0.03em;
  font-size: 24px;
  line-height: 1.5;
}
.lp-main .block-list .list-content .note {
  font-size: 20px;
  line-height: 1.5;
  padding-top: 17px;
}
.lp-main .illust-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.lp-main .top {
  margin-bottom: 60px;
  position: relative;
  z-index: 10;
}
.lp-main .top .mv {
  z-index: 25;
  margin-top: max( -36px ,  -3.3333333333vw );
}
.lp-main .top .mv > picture {
  width: 100%;
  display: block;
}
.lp-main .top .mv > picture > img {
  width: 100%;
}
.lp-main .top .mv .cover01 {
  position: absolute;
  display: block;
  top: max( 53.4375px ,  4.9479166667vw );
  right: max( 290.25px ,  26.875vw );
  width: max( 182.8125px ,  16.9270833333vw );
  z-index: 2;
}
.lp-main .top .mv .cover01::before {
  background: transparent;
  position: absolute;
  content: "";
  width: 16%;
  height: 16%;
  top: 50%;
  left: 42%;
  border-radius: 50%;
  z-index: 3;
  -webkit-animation: flash 10s infinite;
          animation: flash 10s infinite;
  background: rgb(250, 236, 38);
  -webkit-box-shadow: -3px 3px 23px 20px rgb(250, 236, 38);
          box-shadow: -3px 3px 23px 20px rgb(250, 236, 38);
}
.lp-main .top .mv .cover01::after {
  position: absolute;
  content: "";
  width: 16%;
  height: 16%;
  border-radius: 50%;
  top: 50%;
  left: 42%;
  background: transparent;
  -webkit-box-shadow: -3px 3px 53px max( 84.375px ,  7.8125vw ) rgba(253, 255, 197, 0.5);
          box-shadow: -3px 3px 53px max( 84.375px ,  7.8125vw ) rgba(253, 255, 197, 0.5);
  -webkit-animation: leak 10s infinite;
          animation: leak 10s infinite;
}
.lp-main .top .mv .cover02 {
  position: absolute;
  top: max( 47.8125px ,  4.4270833333vw );
  right: max( 270px ,  25vw );
  width: max( 220.5px ,  20.4166666667vw );
  z-index: 4;
}
.lp-main .top .breadcrumb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  position: relative;
}
.lp-main .top .breadcrumb > li {
  width: 16.6666666667%;
  height: 72px;
  border-top: 4px solid;
}
.lp-main .top .breadcrumb > li:nth-child(1) {
  border-color: #82481D;
}
.lp-main .top .breadcrumb > li:nth-child(2) {
  border-color: #1789D2;
}
.lp-main .top .breadcrumb > li:nth-child(3) {
  border-color: #F38202;
}
.lp-main .top .breadcrumb > li:nth-child(4) {
  border-color: #9B64A8;
}
.lp-main .top .breadcrumb > li:nth-child(5) {
  border-color: #80AF03;
}
.lp-main .top .breadcrumb > li:nth-child(6) {
  border-color: #9F651C;
}
.lp-main .top .breadcrumb > li > a {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2941176471;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-bottom: 16px;
}
.lp-main .top .breadcrumb > li > a::after {
  position: absolute;
  content: "";
  width: 7.33px;
  height: 7.33px;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 9.0361854122px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-bottom: 2px solid #8B8B8B;
  border-right: 2px solid #8B8B8B;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.lp-main .top .breadcrumb > li:nth-child(1) {
  border-color: #82481D;
}
.lp-main .top .breadcrumb > li:nth-child(1) > a::after {
  border-top: 2px solid #8B8B8B;
  border-left: 2px solid #8B8B8B;
  border-bottom: none;
  border-right: none;
  bottom: 3.8530927061px;
}
.lp-main .top .breadcrumb > li:nth-child(2) {
  border-color: #1789D2;
}
.lp-main .top .breadcrumb > li:nth-child(3) {
  border-color: #F38202;
}
.lp-main .top .breadcrumb > li:nth-child(4) {
  border-color: #9B64A8;
}
.lp-main .top .breadcrumb > li:nth-child(5) {
  border-color: #80AF03;
}
.lp-main .top .breadcrumb > li:nth-child(6) {
  border-color: #9F651C;
}
.lp-main .movie .inner-block {
  background: rgba(255, 255, 255, 0.6);
  padding-top: 30px;
  padding-bottom: 10px;
}
.lp-main .movie .txt-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 116px;
  margin-bottom: 50px;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
}
.lp-main .movie .txt-block > img {
  width: 86.89px;
}
.lp-main .movie .txt-block > h2 {
  margin-left: 42px;
  font-size: 40px;
}
.lp-main .movie .txt-block > h2 > span {
  font-size: 28px;
  display: block;
  margin-bottom: 11px;
}
.lp-main .movie .movie-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  margin: 40px 0 48px 0;
}
.lp-main .movie .movie-list > li {
  width: calc((100% - 50px)/3);
  border: 2px solid #0C419A;
}
.lp-main .movie .movie-list > li + li {
  margin-left: 25px;
}
.lp-main .movie .movie-list > li iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}
.lp-main #about {
  margin-bottom: 200px;
  margin-top: 150px;
}
.lp-main #about .intro {
  font-size: 20px;
  letter-spacing: 0.015em;
  line-height: 1.5;
  margin-bottom: 66px;
}
.lp-main #about .about-graph {
  background: #fff;
  text-align: center;
  position: relative;
  padding: 30px 72px 0;
}
.lp-main #about .about-graph > p {
  text-align: left;
  font-weight: bold;
  font-size: 35px;
  margin-bottom: 49px;
  margin-right: -3px;
}
.lp-main #about .about-graph > p > span {
  font-size: 51px;
  color: #C7653D;
}
.lp-main #about .about-graph .sec-1 {
  margin-bottom: 36px;
}
.lp-main #about .about-graph .sec-1 > p {
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.015em;
  margin-bottom: 35px;
  margin-left: -17px;
}
.lp-main #about .about-graph .sec-1 .bar {
  height: 156px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.lp-main #about .about-graph .sec-1 .bar > li {
  color: #fff;
  width: 33.3333333333%;
  background: #4D556C;
  padding-top: 11px;
}
.lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(1) {
  font-size: 29px;
  font-weight: 600;
  line-height: 1.3448275862;
}
.lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(2) {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3;
}
.lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(2) > span {
  font-weight: 600;
}
.lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(3) {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
}
.lp-main #about .about-graph .sec-1 .bar > li:first-child {
  background: #C7653D;
}
.lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(1) {
  font-size: 31px;
  line-height: 1.2580645161;
}
.lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(2) {
  font-size: 87px;
  line-height: 1;
}
.lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(2) > span {
  font-size: 60px;
  font-weight: 600;
}
.lp-main #about .about-graph .sec-1 .bar > li:not(:nth-child(1)) {
  border-left: 0.75px solid #fff;
}
.lp-main #about .about-graph .sec-2 {
  margin-bottom: 56px;
}
.lp-main #about .about-graph .sec-3 {
  text-align: left;
  padding-left: 115px;
  padding-top: 42px;
  position: relative;
  margin-bottom: 53px;
}
.lp-main #about .about-graph .sec-3 > p {
  position: absolute;
  left: 335px;
  top: 0;
  padding: 24px 31px 24px 67px;
  border: 1px solid #1789D2;
}
.lp-main #about .note {
  font-size: 16px;
  letter-spacing: 0.024em;
  line-height: 1.25;
  text-align: right;
}
.lp-main #about .about-table {
  margin-top: 128px;
  margin-bottom: 134px;
}
.lp-main #about .about-table > h3 {
  height: 123px;
  margin-bottom: 57px;
  background: -webkit-gradient(linear, left top, right top, from(#1789D2), to(#4BB3F5));
  background: linear-gradient(to right, #1789D2, #4BB3F5);
  font-size: 44px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-top: 16px;
}
.lp-main #about .about-table > h3 > span {
  font-size: 60px;
  color: #FEE905;
}
.lp-main #about .about-table > h3 > img {
  position: absolute;
  right: 17px;
  top: -37px;
}
.lp-main #about .about-table .note {
  margin-top: 15px;
  text-align: left;
}
.lp-main #about .about-list {
  padding-top: 14px;
}
.lp-main #about .about-list .bg {
  background: #fff;
  padding: 30px 20px;
}
.lp-main #about .about-list .bg .list-ttl {
  padding-bottom: 20px;
  border-bottom: 2px solid #1789D2;
  font-weight: bold;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  color: #1789D2;
  margin-bottom: 21px;
  position: relative;
}
.lp-main #about .about-list .bg .list-ttl::before, .lp-main #about .about-list .bg .list-ttl::after {
  position: absolute;
  content: "";
  top: -53px;
  width: 80.01px;
  height: 129.22px;
}
.lp-main #about .about-list .bg .list-ttl::before {
  left: -22px;
  background: url(../img/bg_about_01.png);
}
.lp-main #about .about-list .bg .list-ttl::after {
  right: -22px;
  background: url(../img/bg_about_02.png);
}
.lp-main #about .about-list .bg > ul > li {
  padding-left: 60px;
  position: relative;
  font-size: 28px;
  line-height: 1.4285714286;
  font-weight: 600;
}
.lp-main #about .about-list .bg > ul > li sup {
  font-size: 20px;
}
.lp-main #about .about-list .bg > ul > li + li {
  margin-top: 18px;
}
.lp-main #about .about-list .bg > ul > li::before {
  position: absolute;
  width: 39px;
  height: 39px;
  background: #1789D2;
  color: #fff;
  border-radius: 50%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 36px;
  padding-bottom: 3px;
}
.lp-main #about .about-list .bg > ul > li:nth-child(1)::before {
  content: "1";
}
.lp-main #about .about-list .bg > ul > li:nth-child(2)::before {
  content: "2";
}
.lp-main #about .about-list .bg > ul > li:nth-child(3)::before {
  content: "3";
}
.lp-main #about .about-list .bg > ul > li:nth-child(4)::before {
  content: "4";
}
.lp-main #about .about-list .bg > ul > li:nth-child(5)::before {
  content: "5";
}
.lp-main #about .about-list .bg .note {
  margin-top: 8px;
  text-align: left;
  padding-left: 59px;
}
.lp-main #about .about-list .img-box {
  margin-top: 13px;
  margin-right: 36px;
  text-align: right;
  position: relative;
}
.lp-main #period {
  margin-bottom: 200px;
}
.lp-main #period .illust-block {
  margin-top: 113px;
}
.lp-main #period .illust-block .main-illust {
  width: 684px;
  height: 482px;
}
.lp-main #period .illust-block > p {
  color: #fff;
  font-weight: 600;
  font-size: 37px;
  line-height: 1.3243243243;
  position: absolute;
  left: 0;
  right: 2%;
  top: 31%;
  margin: auto;
  text-align: center;
  text-shadow: 0 3px 12px rgba(35, 24, 21, 0.75);
}
.lp-main #period .block-list {
  margin-top: -30px;
}
.lp-main #period .block-list > li {
  border: 2px solid #F38202;
}
.lp-main #period .block-list > li:nth-child(3) .list-content {
  padding-bottom: 15px;
}
.lp-main #period .source {
  margin-top: 60px;
}
.lp-main #growth {
  margin-bottom: 200px;
}
.lp-main #growth .illust-block {
  margin-top: 109px;
  position: relative;
}
.lp-main #growth .illust-block .main-illust {
  width: 712px;
  height: 478px;
}
.lp-main #growth .illust-block > p {
  color: #fff;
  font-weight: 600;
  font-size: 37px;
  position: absolute;
  left: 0;
  right: 0;
  top: 42%;
  margin: auto;
  text-align: center;
  text-shadow: 0 3px 12px rgba(35, 24, 21, 0.75);
}
.lp-main #growth .block-list {
  margin-top: -30px;
}
.lp-main #growth .block-list > li {
  border: 2px solid #9B64A8;
}
.lp-main #growth .block-list > li:nth-child(3) .list-content .note {
  margin-right: -2px;
}
.lp-main #growth .block-list > li:nth-child(4) .list-content > p:not(.note) {
  height: 158px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-main #growth .block-list > li:nth-child(5) {
  width: 100%;
}
.lp-main #growth .block-list > li:nth-child(5) .list-content {
  padding-left: 36px;
  padding-right: 55px;
}
.lp-main #growth .block-inner-list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 80px;
}
.lp-main #growth .block-inner-list > li .txt p {
  width: 438px;
  font-size: 20px;
  line-height: 1.5;
}
.lp-main #growth .block-inner-list > li .txt p:first-child {
  font-size: 28px;
  line-height: 1.4285714286;
  font-weight: 600;
  color: #C7653D;
  display: block;
  margin-bottom: 14px;
}
.lp-main #growth .block-inner-list > li .txt p:nth-child(2) {
  margin-left: 20px;
}
.lp-main #growth .block-inner-list > li:last-child {
  margin-bottom: 13px;
}
.lp-main #growth .source {
  margin-top: 15px;
}
.lp-main #key .key-list {
  margin-top: 150px;
}
.lp-main #key .key-list > li {
  margin-bottom: 140px;
}
.lp-main #key .key-list > li .key-ttl {
  background: #80AF03;
  color: #fff;
  position: relative;
  border-radius: 16px;
  height: 124px;
  margin-left: 46px;
  font-weight: bold;
  font-size: 33px;
  line-height: 1.2121212121;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 56px;
}
.lp-main #key .key-list > li .key-ttl > span {
  text-align: center;
  position: absolute;
  left: -46px;
  top: 0;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background: #F4C31E;
  padding-top: 23px;
  font-weight: 800;
}
.lp-main #key .key-list > li .key-ttl > span .point {
  display: block;
  font-size: 22px;
  line-height: 1.3636363636;
}
.lp-main #key .key-list > li .key-ttl > span .num {
  font-size: 50px;
  line-height: 1;
}
.lp-main #key .key-list > li > p {
  font-size: 20px;
  line-height: 1.5;
  padding-left: 26px;
  position: relative;
}
.lp-main #key .key-list > li > p::before {
  position: absolute;
  content: "";
  top: 6px;
  left: 0;
  width: 16px;
  height: 18px;
  background: #F4C31E;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.lp-main #key .key-list > li > p + p {
  margin-top: 31px;
}
.lp-main #key .key-list > li:not(:first-child) > p {
  letter-spacing: -0.01em;
}
.lp-main #key .key-list > li:nth-child(1) .table {
  margin-top: 53px;
  margin-bottom: 47px;
}
.lp-main #key .key-list > li:nth-child(1) .img-box {
  text-align: right;
  margin-right: 131px;
  position: relative;
}
.lp-main #key .key-list > li:nth-child(1) .img-box > p {
  position: absolute;
  right: 292px;
  top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid #80AF03;
}
.lp-main #key .key-list > li:nth-child(2) .table {
  margin-top: 55px;
  text-align: center;
}
.lp-main #key .key-list > li:nth-child(2) .table .note {
  text-align: left;
  margin-top: 39px;
  line-height: 1.5;
}
.lp-main #key .key-list > li:nth-child(2) .table .note + .note {
  margin-top: 0;
}
.lp-main #key .key-list > li:nth-child(3) .example-ttl {
  margin-bottom: 56px;
}
.lp-main #key .key-list > li:nth-child(3) .table {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
}
.lp-main #key .key-list > li:nth-child(3) .table > p {
  position: absolute;
  top: 0;
  right: 106px;
}
.lp-main #key .key-list > li:nth-child(3) .table > img:first-child {
  margin-right: 145px;
}
.lp-main #key .key-list > li:nth-child(3) .table > img:nth-child(2) {
  z-index: 2;
}
.lp-main #key .key-list > li:nth-child(3) .table > .sp:not(.comment) {
  text-align: right;
  width: 100%;
  margin-top: clamp( -9999px ,  7.8125vw ,  50px );
}
.lp-main #key .key-list > li:nth-child(3) .table > .sp:not(.comment) > img {
  z-index: 2;
}
.lp-main #key .key-list > li:nth-child(3) .graph .note {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.5;
}
.lp-main #key .key-list > li:nth-child(4) .example-ttl {
  line-height: 1.6428571429;
  letter-spacing: -0.025em;
  padding-bottom: 22px;
}
.lp-main #key .key-list > li:nth-child(4) .example-ttl::before {
  top: 10px;
}
.lp-main #key .key-list > li:nth-child(4) .table {
  margin-top: 55px;
  text-align: center;
}
.lp-main #key .key-list > li:nth-child(4) .table .img-box {
  margin-top: 81px;
  padding-left: 91px;
  text-align: left;
  position: relative;
}
.lp-main #key .key-list > li:nth-child(4) .table .note {
  margin-top: 16px;
  text-align: left;
  padding-left: 48px;
  line-height: 1.5;
}
.lp-main #key .key-list > li:nth-child(4) .table .note + .note {
  margin-top: 0;
}
.lp-main #key .example {
  margin-top: 81px;
  padding: 55px 56px;
  background: #fff;
}
.lp-main #key .example .example-ttl {
  font-size: 28px;
  line-height: 1.8571428571;
  letter-spacing: 0.025em;
  color: #80AF03;
  font-weight: bold;
  position: relative;
  border-bottom: 2px solid #80AF03;
  padding-left: 153px;
  padding-bottom: 36px;
  margin-bottom: 31px;
}
.lp-main #key .example .example-ttl::before {
  position: absolute;
  content: "たとえば";
  color: #fff;
  background: #80AF03;
  -webkit-transform: rotate(-7.62deg);
          transform: rotate(-7.62deg);
  width: 135px;
  height: 75px;
  border-radius: 50%;
  left: 0;
  top: -14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  letter-spacing: 0.025em;
}
.lp-main #key .example > p {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
.lp-main #question {
  margin-bottom: 156px;
}
.lp-main #question .question-inner-list {
  margin: 46px 0 80px;
  border-radius: 20px;
}
.lp-main #question .question-inner-list > li {
  background: #fff;
}
.lp-main #question .question-inner-list > li + li {
  margin-top: 30px;
}
.lp-main #question .question-inner-list > li.open .question::after {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: 43.4558441227px;
}
.lp-main #question .question {
  background: #fff;
  height: 102px;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  padding: 0 113px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.lp-main #question .question.letter-narrow {
  letter-spacing: 0;
}
.lp-main #question .question.letter-narrow-more {
  letter-spacing: -0.05em;
}
.lp-main #question .question::before {
  position: absolute;
  content: "Q";
  color: #fff;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #9D9D9D;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 44px;
  padding-bottom: 8px;
}
.lp-main #question .question::after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  right: 25px;
  top: 34.9705627485px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-bottom: 2px solid #9D9D9D;
  border-right: 2px solid #9D9D9D;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.lp-main #question .answer {
  background: #fff;
  border-top: 1px solid #9D9D9D;
  font-size: 20px;
  line-height: 1.6666666667;
  padding: 33px 25px 40px 113px;
  position: relative;
}
.lp-main #question .answer sup {
  font-size: 12px;
}
.lp-main #question .answer::before {
  position: absolute;
  content: "A";
  color: #fff;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #CC4422;
  left: 16px;
  top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  font-size: 44px;
  padding-bottom: 8px;
}
.lp-main #question .answer .note {
  margin-top: 8px;
  font-size: 16px;
}
.lp-main #question .faq-table {
  margin-top: 41px;
  text-align: center;
}
.lp-main #question .faq-table .table-ttl {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.6666666667;
  margin-bottom: 12px;
}
.lp-main #question .faq-table .note {
  -moz-text-align-last: left;
       text-align-last: left;
  margin-left: -17px;
  letter-spacing: -0.038em;
  margin-top: -24px;
}
.lp-main #question .faq-table.table02 > p:not(.note):not(.table-ttl) {
  text-align: left;
}
.lp-main #question .faq-table.table02 > p:not(.note):not(.table-ttl):nth-child(3) {
  margin: 6px 0 32px;
  text-indent: -3em;
  padding-left: 3em;
}
.lp-main #question .faq-table.table02 .note {
  margin-top: 32px;
}
.lp-main #contents .contents-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 130px 0 127px;
}
.lp-main #contents .contents-list > li {
  background: #F4C31E;
  color: #fff;
  height: 222px;
  width: calc(50% - 20px);
  font-weight: bold;
  border-radius: 20px;
}
.lp-main #contents .contents-list > li + li {
  margin-left: 40px;
}
.lp-main #contents .contents-list > li > a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.lp-main #contents .contents-list > li .img-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 156px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.lp-main #contents .contents-list > li .txt-box {
  width: 294px;
  font-size: 33px;
  line-height: 1.4545454545;
  letter-spacing: -0.04em;
}
.lp-main #contents .contents-list > li .txt-box > span {
  background: #9F651C;
  line-height: 49px;
  display: block;
  font-size: 30px;
  margin-bottom: 13px;
  padding-left: 18px;
  width: calc(100% - 30px);
  position: relative;
}
.lp-main #contents .contents-list > li .txt-box > span::after {
  position: absolute;
  content: "";
  background: #9F651C;
  height: 49px;
  width: 30px;
  top: 0;
  right: -30px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.lp-main #contents .attention {
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-bottom: 80px;
}
.lp-main #contents .attention .attention-txt {
  text-indent: -1em;
  padding-left: 1em;
}
.lp-main #contents .attention .attention-txt + .attention-txt {
  margin-top: 5px;
}
.lp-main #contents .attention .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 3px;
}
.lp-main #contents .attention .box {
  border: 1px solid #707070;
  background: #fff;
  margin-bottom: 40px;
  padding: 17px;
}
.lp-main #contents .attention .box .item {
  margin-bottom: 30px;
}
.lp-main #contents .attention .box .item .item-ttl {
  padding-left: 17px;
  position: relative;
}
.lp-main #contents .attention .box .item .item-ttl::before {
  position: absolute;
  content: "";
  background: #000;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  top: 6px;
  left: 0;
}
.lp-main #contents .attention .box .item .note {
  margin-top: 10px;
  padding-left: 17px;
}
.lp-main #contents .attention .box .item ul > li {
  padding-left: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.lp-main #contents .attention .box .item ul > li > p:first-child {
  padding-left: 17px;
  position: relative;
}
.lp-main #contents .attention .box .item ul > li > p:first-child::before {
  position: absolute;
  content: "";
  background: #000;
  width: 11.313708499px;
  height: 11.313708499px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
  left: 0;
}
.lp-main #contents .attention .box .item ul > li:nth-child(1) > p:first-child {
  width: 202px;
}
.lp-main #contents .attention .box .item ul > li:nth-child(3) > p:first-child {
  width: 151px;
}
.lp-main #contents .attention .box .item ul > li:nth-child(3) > p:nth-child(2) {
  width: calc(100% - 150px);
}
.lp-main #contents .attention .date {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }
  body {
    position: relative;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
  }
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
  #wrapper,
  .outer-block {
    min-width: 320px;
  }
  .inner-block {
    padding: 0 20px;
  }
  .pc {
    display: none !important;
  }
  .c-header {
    height: clamp( 54px ,  10.9375vw ,  70px );
  }
  .c-header img {
    width: 271.55px;
    height: 28px;
  }
  .c-footer {
    height: auto;
    font-size: clamp( 12px ,  2.1875vw ,  14px );
  }
  .c-footer .name {
    font-size: clamp( 15px ,  3.125vw ,  20px );
  }
  .c-footer > p:not(.name) {
    margin-top: 10px;
    padding: 0 20px;
  }
  .sec-ttl {
    height: clamp( -9999px ,  23.75vw ,  152px );
  }
  .sec-ttl.sec-about {
    font-size: clamp( -9999px ,  10vw ,  64px );
    margin-bottom: clamp( -9999px ,  7.8125vw ,  50px );
    padding-bottom: clamp( -9999px ,  1.5625vw ,  10px );
  }
  .sec-ttl.sec-about > span:not(.mini) {
    font-size: clamp( -9999px ,  7.65625vw ,  49px );
    padding-top: clamp( -9999px ,  1.5625vw ,  10px );
  }
  .sec-ttl.sec-about .mini {
    width: 100%;
    padding-right: 20px;
    font-size: clamp( 10px ,  2.5vw ,  16px );
  }
  .sec-ttl.sec-period {
    font-size: clamp( -9999px ,  7.03125vw ,  45px );
    position: relative;
    padding-left: 10px;
  }
  .sec-ttl.sec-period > img {
    position: absolute;
    margin-right: 0;
    width: clamp( -9999px ,  15.25vw ,  97.6px );
    height: clamp( -9999px ,  20.25vw ,  129.6px );
    top: clamp( -9999px ,  1.5625vw ,  10px );
    left: 10px;
  }
  .sec-ttl.sec-growth {
    font-size: clamp( -9999px ,  7.03125vw ,  45px );
    position: relative;
    padding-left: 10px;
  }
  .sec-ttl.sec-growth > img {
    position: absolute;
    margin-right: 0;
    width: clamp( -9999px ,  15.25vw ,  97.6px );
    height: clamp( -9999px ,  20.25vw ,  129.6px );
    top: clamp( -9999px ,  1.5625vw ,  10px );
    left: 10px;
  }
  .sec-ttl.sec-key {
    font-size: clamp( -9999px ,  5vw ,  32px );
    position: relative;
    padding-left: 40px;
  }
  .sec-ttl.sec-key > img {
    position: absolute;
    margin-right: 0;
    width: clamp( -9999px ,  13.34375vw ,  85.4px );
    height: clamp( -9999px ,  17.71875vw ,  113.4px );
    top: clamp( -9999px ,  3.125vw ,  20px );
    left: 10px;
  }
  .sec-ttl.sec-key > span > span {
    font-size: clamp( -9999px ,  3.90625vw ,  25px );
  }
  .sec-ttl.sec-question {
    font-size: clamp( -9999px ,  10vw ,  64px );
    margin-bottom: clamp( -9999px ,  7.8125vw ,  50px );
  }
  .sec-ttl.sec-contents {
    font-size: clamp( -9999px ,  8.75vw ,  56px );
  }
  .question-ttl {
    font-size: clamp( -9999px ,  5.15625vw ,  33px );
    height: clamp( -9999px ,  11.25vw ,  72px );
  }
  .anm-fadeInUp, .delay-fadeInUp {
    --fadeUp: 50px;
  }
  .pop-inner {
    width: 9.7435897436vw;
    height: 12.0512820513vw;
  }
  .pop-inner.inner01 {
    right: 36.9230769231vw;
    top: 67.4358974359vw;
  }
  .pop-inner.inner02 {
    right: 63.5897435897vw;
    top: 81.2820512821vw;
  }
  .pop-inner.inner03 {
    right: 31.0256410256vw;
    top: 81.2820512821vw;
  }
  .pop-inner.inner04 {
    right: 49.4871794872vw;
    top: 95.641025641vw;
  }
  .pop-inner.inner05 {
    right: 41.2820512821vw;
    top: 109.4871794872vw;
  }
  .pop-inner.inner06 {
    right: 43.5897435897vw;
    top: 128.7179487179vw;
    width: 16.6666666667vw;
  }
  .float-icon {
    width: clamp( 116.16px ,  22.6875vw ,  145.2px );
    height: clamp( 81.44px ,  15.90625vw ,  101.8px );
    right: 10px;
    bottom: 170px;
  }
  .open .mask {
    opacity: 1;
    pointer-events: auto;
  }
  .open .menu {
    opacity: 1;
    pointer-events: auto;
  }
  .lp-main {
    overflow: hidden;
  }
  .lp-main .comment {
    font-size: clamp( -9999px ,  2.1875vw ,  14px );
  }
  .lp-main .comment > img {
    width: 100%;
    height: 100%;
  }
  .lp-main #about .about-graph .comment {
    width: clamp( -9999px ,  53.50078125vw ,  342.405px );
    height: clamp( -9999px ,  14.347265625vw ,  91.8225px );
    top: 0;
    left: clamp( -9999px ,  30.9375vw ,  198px );
  }
  .lp-main #about .about-graph .comment > p {
    top: clamp( -9999px ,  2.34375vw ,  15px );
    left: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main #about .about-list .comment {
    top: 0;
    right: clamp( -9999px ,  35.9375vw ,  230px );
    width: clamp( -9999px ,  45.72vw ,  292.608px );
    height: clamp( -9999px ,  10.625vw ,  68px );
  }
  .lp-main #about .about-list .comment > p {
    top: clamp( -9999px ,  2.03125vw ,  13px );
    left: clamp( -9999px ,  4.375vw ,  28px );
  }
  .lp-main #period .comment:nth-child(2) {
    top: 0;
    left: 0;
    width: clamp( -9999px ,  26.25vw ,  168px );
    height: clamp( -9999px ,  12.20375vw ,  78.104px );
  }
  .lp-main #period .comment:nth-child(3) {
    top: clamp( -9999px ,  14.0625vw ,  90px );
    left: 0;
    width: clamp( -9999px ,  24.125vw ,  154.4px );
    height: clamp( -9999px ,  14.375vw ,  92px );
  }
  .lp-main #period .comment:nth-child(3) > p {
    top: clamp( -9999px ,  2.34375vw ,  15px );
    left: clamp( -9999px ,  3.75vw ,  24px );
  }
  .lp-main #period .comment:nth-child(4) {
    top: clamp( -9999px ,  37.5vw ,  240px );
    left: 0;
    width: clamp( -9999px ,  23.61125vw ,  151.112px );
    height: clamp( -9999px ,  11vw ,  70.4px );
  }
  .lp-main #period .comment:nth-child(4) > p {
    top: clamp( -9999px ,  2.34375vw ,  15px );
    left: clamp( -9999px ,  3.75vw ,  24px );
  }
  .lp-main #period .comment:nth-child(5) {
    width: clamp( -9999px ,  27vw ,  172.8px );
    height: clamp( -9999px ,  16.745vw ,  107.168px );
    top: 0;
    right: 0;
  }
  .lp-main #period .comment:nth-child(5) > p {
    top: clamp( -9999px ,  2.8125vw ,  18px );
    left: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main #growth .comment {
    top: 0;
    left: -10px;
    width: clamp( -9999px ,  26.5vw ,  169.6px );
    height: clamp( -9999px ,  13.32875vw ,  85.304px );
  }
  .lp-main #growth .comment > p {
    top: clamp( -9999px ,  2.5vw ,  16px );
    left: clamp( -9999px ,  4.75vw ,  30.4px );
  }
  .lp-main .key-list > li:nth-child(1) .comment {
    top: clamp( -9999px ,  1.5625vw ,  10px );
    left: auto;
    right: clamp( -9999px ,  21.875vw ,  140px );
    width: clamp( -9999px ,  62.25vw ,  398.4px );
    height: clamp( -9999px ,  12.1625vw ,  77.84px );
  }
  .lp-main .key-list > li:nth-child(1) .comment > p {
    top: clamp( -9999px ,  2.5vw ,  16px );
    left: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main .key-list > li:nth-child(3) .comment {
    top: clamp( -9999px ,  56.25vw ,  360px );
    left: auto;
    right: clamp( -9999px ,  21.875vw ,  140px );
    width: clamp( -9999px ,  62.25vw ,  398.4px );
    height: clamp( -9999px ,  12.1625vw ,  77.84px );
  }
  .lp-main .key-list > li:nth-child(3) .comment > p {
    top: clamp( -9999px ,  2.5vw ,  16px );
    left: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main .key-list > li:nth-child(4) .comment {
    left: clamp( -9999px ,  21.875vw ,  140px );
    top: 0;
    width: clamp( -9999px ,  62.25vw ,  398.4px );
    height: clamp( -9999px ,  14.375vw ,  92px );
  }
  .lp-main .key-list > li:nth-child(4) .comment > p {
    top: clamp( -9999px ,  2.65625vw ,  17px );
    left: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main .block-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 2;
  }
  .lp-main .block-list > li {
    width: 100%;
  }
  .lp-main .block-list > li:not(:last-child) {
    margin-bottom: clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main .block-list > li:nth-child(2n) {
    margin-left: 0;
  }
  .lp-main .block-list .block-ttl {
    font-size: clamp( -9999px ,  4.21875vw ,  27px );
    line-height: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main .block-list .list-content {
    padding: clamp( -9999px ,  3.28125vw ,  21px ) clamp( -9999px ,  3.75vw ,  24px ) clamp( -9999px ,  3.90625vw ,  25px );
  }
  .lp-main .block-list .list-content > p {
    font-size: clamp(-9999px, 4.0625vw, 26px);
  }
  .lp-main .block-list .list-content > p > span {
    font-size: clamp( -9999px ,  3.4375vw ,  22px );
  }
  .lp-main .block-list .list-content .note {
    font-size: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main .top {
    margin-bottom: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main .top .mv {
    position: relative;
    margin-top: -70px;
  }
  .lp-main .top .mv .cover03 {
    top: 52.5641025641vw;
    width: 53.8461538462vw;
    height: 82.0512820513vw;
    left: 20.5128205128vw;
    position: absolute;
    content: "";
    z-index: 8;
    -webkit-clip-path: polygon(100% 16.6%, 100% 41.7%, 80% 66.5%, 80% 100%, 20% 100%, 20% 58%, 0 58%, 0 16.6%, 50% 0);
            clip-path: polygon(100% 16.6%, 100% 41.7%, 80% 66.5%, 80% 100%, 20% 100%, 20% 58%, 0 58%, 0 16.6%, 50% 0);
  }
  .lp-main .top .mv .sp-parts > img {
    position: absolute;
    left: 1.5625vw;
    top: 62.5vw;
    width: 29.6875vw;
    z-index: 8;
  }
  .lp-main .top .mv .sp-parts > p {
    font-size: 3.0769230769vw;
    line-height: 1.25;
    position: absolute;
    left: 6.25vw;
    top: 69.0625vw;
    width: 29.6875vw;
    z-index: 9;
  }
  .lp-main .top .mv .sp-parts > p::before {
    position: absolute;
    content: "";
    width: 2.5vw;
    height: 3.125vw;
    bottom: 0.3125vw;
    right: 11.25vw;
    background: #000;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
            clip-path: polygon(0 0, 0 100%, 100% 50%);
    -webkit-animation: slide 2s infinite;
            animation: slide 2s infinite;
  }
  .lp-main .top .mv .cover01 {
    top: 53.0769230769vw;
    width: 55.1282051282vw;
    left: 20vw;
    right: auto;
  }
  .lp-main .top .mv .cover01::before {
    left: 44%;
  }
  .lp-main .top .mv .cover01::after {
    left: 44%;
    -webkit-box-shadow: -3px 3px 53px 29.6875vw rgba(253, 255, 197, 0.5);
            box-shadow: -3px 3px 53px 29.6875vw rgba(253, 255, 197, 0.5);
  }
  .lp-main .top .mv .cover02 {
    top: 49.7435897436vw;
    width: 82.0512820513vw;
    left: 14.1025641026vw;
    right: auto;
  }
  .lp-main .top .breadcrumb > li > a {
    font-size: clamp( 10px ,  2.65625vw ,  17px );
  }
  .lp-main .movie .inner-block {
    padding-top: clamp( -9999px ,  4.6875vw ,  30px );
    padding-bottom: clamp( -9999px ,  1.5625vw ,  10px );
  }
  .lp-main .movie .txt-block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
    margin-bottom: clamp( -9999px ,  6.25vw ,  40px );
    position: relative;
  }
  .lp-main .movie .txt-block > img {
    width: clamp( -9999px ,  10.86125vw ,  69.512px );
    height: clamp( -9999px ,  13.8125vw ,  88.4px );
    position: absolute;
    left: clamp( -9999px ,  1.5625vw ,  10px );
    top: calc(clamp( -9999px ,  4.6875vw ,  30px ) * -1);
  }
  .lp-main .movie .txt-block > h2 {
    font-size: clamp( -9999px ,  5vw ,  32px );
    margin-left: 0;
  }
  .lp-main .movie .txt-block > h2 > span {
    font-size: clamp( -9999px ,  3.59375vw ,  23px );
    margin-bottom: 0;
  }
  .lp-main .movie .movie-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
    margin-top: clamp( -9999px ,  6.25vw ,  40px );
    margin-bottom: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main .movie .movie-list > li {
    margin-left: 0;
    width: clamp( 0px ,  88.8888888889vw ,  480px );
    height: clamp( 0px ,  50vw ,  270px );
  }
  .lp-main .movie .movie-list > li + li {
    margin-top: 20px;
    margin-left: 0;
  }
  .lp-main #about {
    margin-bottom: clamp( -9999px ,  18.75vw ,  120px );
    margin-top: clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main #about .intro {
    font-size: clamp(-9999px, 4.0625vw, 26px);
    margin-bottom: clamp( -9999px ,  10vw ,  64px );
    font-weight: 500;
  }
  .lp-main #about .about-graph {
    padding: clamp( -9999px ,  4.6875vw ,  30px ) clamp( -9999px ,  3.125vw ,  20px );
    margin-bottom: clamp( -9999px ,  7.03125vw ,  45px );
  }
  .lp-main #about .about-graph > p {
    font-size: clamp( -9999px ,  5vw ,  32px );
    margin-bottom: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main #about .about-graph > p > span {
    font-size: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main #about .about-graph .sec-1 > p {
    font-size: clamp( -9999px ,  3.75vw ,  24px );
    margin-bottom: clamp( -9999px ,  3.90625vw ,  25px );
    margin-left: -10px;
  }
  .lp-main #about .about-graph .sec-1 .bar {
    height: clamp( 96px ,  19.53125vw ,  125px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(1) {
    font-size: clamp( -9999px ,  3.59375vw ,  23px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(2) {
    font-size: clamp( -9999px ,  4.0625vw ,  26px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(3) {
    font-size: clamp( 10px ,  2.03125vw ,  13px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(1) {
    font-size: clamp( -9999px ,  3.75vw ,  24px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(2) {
    font-size: clamp( -9999px ,  10.78125vw ,  69px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li:first-child > p:nth-child(2) > span {
    font-size: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main #about .about-graph .sec-2 {
    margin-bottom: clamp( -9999px ,  7.03125vw ,  45px );
  }
  .lp-main #about .about-graph .sec-3 {
    padding-left: 0;
    padding-top: 20px;
    margin-bottom: 0;
  }
  .lp-main #about .about-graph .sec-3 > img {
    width: clamp( -9999px ,  35.625vw ,  228px );
    height: clamp( -9999px ,  35.3125vw ,  226px );
  }
  .lp-main #about .note {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
    text-align: left;
  }
  .lp-main #about .about-table {
    margin-top: clamp( -9999px ,  15.625vw ,  100px );
    margin-bottom: clamp( -9999px ,  16.5625vw ,  106px );
  }
  .lp-main #about .about-table > h3 {
    font-size: clamp( -9999px ,  5vw ,  32px );
    height: clamp( -9999px ,  15.3125vw ,  98px );
    margin-bottom: clamp( -9999px ,  8.90625vw ,  57px );
    padding-top: clamp( -9999px ,  0.9375vw ,  6px );
    padding-right: clamp( -9999px ,  3.75vw ,  24px );
  }
  .lp-main #about .about-table > h3 > span {
    font-size: clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main #about .about-table > h3 > img {
    width: clamp( -9999px ,  15vw ,  96px );
    height: clamp( -9999px ,  19.53125vw ,  125px );
    right: -10px;
    top: auto;
    bottom: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main #about .about-list .bg .list-ttl {
    font-size: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main #about .about-list .bg .list-ttl::before, .lp-main #about .about-list .bg .list-ttl::after {
    width: clamp( -9999px ,  12.5015625vw ,  80.01px );
    height: clamp( -9999px ,  20.190625vw ,  129.22px );
    background-size: contain;
  }
  .lp-main #about .about-list .bg .list-ttl::before {
    left: -15px;
  }
  .lp-main #about .about-list .bg .list-ttl::after {
    right: -15px;
  }
  .lp-main #about .about-list .bg > ul > li {
    font-size: clamp( -9999px ,  4.0625vw ,  26px );
    padding-left: clamp( 40px ,  9.375vw ,  60px );
  }
  .lp-main #about .about-list .bg > ul > li sup {
    font-size: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #about .about-list .bg > ul > li::before {
    font-size: clamp( -9999px ,  5.625vw ,  36px );
    width: clamp( 30px ,  6.09375vw ,  39px );
    height: clamp( 30px ,  6.09375vw ,  39px );
  }
  .lp-main #about .about-list .bg .note {
    padding-left: clamp( 40px ,  9.21875vw ,  59px );
  }
  .lp-main #about .about-list .img-box {
    margin-top: clamp( -9999px ,  5.625vw ,  36px );
    margin-bottom: clamp( -9999px ,  4.6875vw ,  30px );
    margin-right: 0;
  }
  .lp-main #about .about-list .img-box > img {
    width: clamp( -9999px ,  42.03125vw ,  269px );
    height: clamp( -9999px ,  38.59375vw ,  247px );
  }
  .lp-main #period {
    margin-bottom: clamp( -9999px ,  18.75vw ,  120px );
  }
  .lp-main #period .illust-block .main-illust {
    width: clamp( -9999px ,  58.78125vw ,  376.2px );
    height: clamp( -9999px ,  41.421875vw ,  265.1px );
  }
  .lp-main #period .illust-block > p {
    font-size: clamp( -9999px ,  3.4375vw ,  22px );
    top: 46%;
    right: 0;
    left: 2%;
  }
  .lp-main #period .illust-block {
    margin-top: 20px;
    margin-left: -10px;
    margin-right: -10px;
    padding: clamp( -9999px ,  15.625vw ,  100px ) clamp( -9999px ,  15.625vw ,  100px ) clamp( -9999px ,  6.25vw ,  40px ) clamp( -9999px ,  18.75vw ,  120px );
  }
  .lp-main #period .source {
    margin-top: clamp( -9999px ,  7.5vw ,  48px );
    font-size: 12px;
  }
  .lp-main #growth {
    margin-bottom: clamp( -9999px ,  18.75vw ,  120px );
  }
  .lp-main #growth .illust-block .main-illust {
    width: clamp( -9999px ,  71.2vw ,  455.68px );
    height: clamp( -9999px ,  47.8vw ,  305.92px );
  }
  .lp-main #growth .illust-block > p {
    font-size: clamp( -9999px ,  3.4375vw ,  22px );
    top: 47%;
    right: 0;
    left: 3%;
  }
  .lp-main #growth .illust-block {
    margin-top: 20px;
    padding: clamp( -9999px ,  9.375vw ,  60px ) clamp( -9999px ,  6.25vw ,  40px ) clamp( -9999px ,  6.25vw ,  40px ) clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main #growth .block-list > li:nth-child(4) .list-content > p:not(.note) {
    height: auto;
  }
  .lp-main #growth .block-list > li:nth-child(5) .list-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lp-main #growth .block-list > li:nth-child(5) .list-content .txt {
    margin-left: -10px;
  }
  .lp-main #growth .block-list > li:nth-child(5) .list-content .img-box {
    text-align: center;
  }
  .lp-main #growth .block-inner-list > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 40px;
  }
  .lp-main #growth .block-inner-list > li .txt p {
    width: calc(100% - 20px);
    font-size: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #growth .block-inner-list > li .txt p:first-child {
    font-size: clamp( -9999px ,  3.59375vw ,  23px );
  }
  .lp-main #growth .source {
    font-size: 12px;
  }
  .lp-main #key .key-list {
    margin-top: clamp( -9999px ,  10.9375vw ,  70px );
  }
  .lp-main #key .key-list > li {
    margin-bottom: clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main #key .key-list > li .key-ttl {
    font-size: clamp( -9999px ,  3.75vw ,  24px );
    height: clamp( -9999px ,  15.625vw ,  100px );
    margin-bottom: clamp( -9999px ,  8.75vw ,  56px );
    margin-left: clamp( -9999px ,  7.1875vw ,  46px );
    padding-left: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main #key .key-list > li .key-ttl > span {
    width: clamp( -9999px ,  15.625vw ,  100px );
    height: clamp( -9999px ,  15.625vw ,  100px );
    padding-top: clamp( -9999px ,  3.125vw ,  20px );
    left: calc(clamp( -9999px ,  7.1875vw ,  46px ) * -1);
  }
  .lp-main #key .key-list > li .key-ttl > span .point {
    font-size: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #key .key-list > li .key-ttl > span .num {
    font-size: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main #key .key-list > li > p {
    font-size: clamp(-9999px, 4.0625vw, 26px);
    font-weight: 500;
  }
  .lp-main #key .key-list > li > p + p {
    margin-top: clamp( -9999px ,  4.84375vw ,  31px );
  }
  .lp-main #key .key-list > li:nth-child(1) .table {
    margin-top: clamp( -9999px ,  6.5625vw ,  42px );
    margin-bottom: clamp( -9999px ,  5.78125vw ,  37px );
  }
  .lp-main #key .key-list > li:nth-child(1) .img-box {
    margin-right: 0;
  }
  .lp-main #key .key-list > li:nth-child(1) .img-box > img {
    width: clamp( -9999px ,  25.15625vw ,  161px );
    height: clamp( -9999px ,  26.875vw ,  172px );
  }
  .lp-main #key .key-list > li:nth-child(2) .example {
    padding-top: 0;
  }
  .lp-main #key .key-list > li:nth-child(2) .example-ttl {
    line-height: 1.6428571429;
    margin-bottom: clamp( -9999px ,  7.5vw ,  48px );
  }
  .lp-main #key .key-list > li:nth-child(2) .example-ttl::before {
    top: 10px;
  }
  .lp-main #key .key-list > li:nth-child(2) .table {
    margin-top: clamp( -9999px ,  6.875vw ,  44px );
  }
  .lp-main #key .key-list > li:nth-child(2) .table .note {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
    margin-top: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main #key .key-list > li:nth-child(3) .example {
    padding-top: 0;
  }
  .lp-main #key .key-list > li:nth-child(3) .example-ttl {
    font-size: clamp( -9999px ,  3.4375vw ,  22px );
    line-height: 1.6428571429;
    margin-bottom: clamp( -9999px ,  8.75vw ,  56px );
  }
  .lp-main #key .key-list > li:nth-child(3) .example-ttl::before {
    top: 10px;
  }
  .lp-main #key .key-list > li:nth-child(3) .table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main #key .key-list > li:nth-child(3) .table > img:first-child {
    margin-right: 0;
  }
  .lp-main #key .key-list > li:nth-child(3) .table > .sp:not(.comment) > img {
    width: clamp( -9999px ,  22.65625vw ,  145px );
    height: clamp( -9999px ,  26.5625vw ,  170px );
  }
  .lp-main #key .key-list > li:nth-child(3) .graph .note {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
    margin-top: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #key .key-list > li:nth-child(4) .example-ttl {
    padding-bottom: clamp( -9999px ,  2.8125vw ,  18px );
  }
  .lp-main #key .key-list > li:nth-child(4) .table {
    margin-top: clamp( -9999px ,  6.875vw ,  44px );
  }
  .lp-main #key .key-list > li:nth-child(4) .table .img-box {
    margin-top: clamp( -9999px ,  9.375vw ,  60px );
    padding-left: 0;
  }
  .lp-main #key .key-list > li:nth-child(4) .table .note {
    padding-left: 0;
  }
  .lp-main #key .example {
    padding: 0 clamp( -9999px ,  2.34375vw ,  15px ) clamp( -9999px ,  6.25vw ,  40px );
    margin-top: clamp( -9999px ,  9.375vw ,  60px );
  }
  .lp-main #key .example .example-ttl {
    font-size: clamp( -9999px ,  3.59375vw ,  23px );
    padding-left: clamp( -9999px ,  18.75vw ,  120px );
    padding-bottom: clamp( -9999px ,  3.125vw ,  20px );
    padding-top: clamp( -9999px ,  4.6875vw ,  30px );
  }
  .lp-main #key .example .example-ttl::before {
    font-size: clamp( -9999px ,  3.125vw ,  20px );
    width: clamp( -9999px ,  17.1875vw ,  110px );
    height: clamp( -9999px ,  9.375vw ,  60px );
    top: clamp( -9999px ,  -7.8125vw ,  -50px );
  }
  .lp-main #key .example > p {
    font-size: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #question {
    margin-bottom: clamp( -9999px ,  18.75vw ,  120px );
  }
  .lp-main #question .question-inner-list {
    border-radius: 10px;
    padding: 10px 0;
    margin: clamp( -9999px ,  5.9375vw ,  38px ) 0 clamp( -9999px ,  10vw ,  64px );
  }
  .lp-main #question .question-inner-list > li + li {
    margin-top: clamp( -9999px ,  3.125vw ,  20px );
  }
  .lp-main #question .question-inner-list > li.open .question::after {
    top: clamp( -9999px ,  6.71875vw ,  43px );
  }
  .lp-main #question .question {
    font-size: clamp(-9999px, 4.0625vw, 26px);
    padding: 8px clamp( -9999px ,  15.625vw ,  100px );
    height: auto;
    min-height: clamp( -9999px ,  12.8125vw ,  82px );
  }
  .lp-main #question .question.sp-adjust {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .lp-main #question .question::before {
    font-size: clamp( -9999px ,  5.625vw ,  36px );
    width: clamp( -9999px ,  9.0625vw ,  58px );
    height: clamp( -9999px ,  9.0625vw ,  58px );
    padding-bottom: clamp( -9999px ,  1.25vw ,  8px );
  }
  .lp-main #question .question::after {
    right: clamp( -9999px ,  3.90625vw ,  25px );
    width: clamp( -9999px ,  3.75vw ,  24px );
    height: clamp( -9999px ,  3.75vw ,  24px );
    top: clamp( -9999px ,  4.375vw ,  28px );
  }
  .lp-main #question .answer sup {
    font-size: 10px;
  }
  .lp-main #question .answer {
    font-size: clamp(-9999px, 4.0625vw, 26px);
    padding: clamp( -9999px ,  5.15625vw ,  33px ) clamp( -9999px ,  3.90625vw ,  25px ) clamp( -9999px ,  6.25vw ,  40px ) clamp( -9999px ,  15.625vw ,  100px );
  }
  .lp-main #question .answer::before {
    font-size: clamp( -9999px ,  5.625vw ,  36px );
    width: clamp( -9999px ,  9.0625vw ,  58px );
    height: clamp( -9999px ,  9.0625vw ,  58px );
    padding-bottom: clamp( -9999px ,  1.25vw ,  8px );
  }
  .lp-main #question .answer .note {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
  }
  .lp-main #question .faq-table {
    margin-top: clamp( -9999px ,  6.40625vw ,  41px );
  }
  .lp-main #question .faq-table .table-ttl {
    font-size: clamp( -9999px ,  3.75vw ,  24px );
  }
  .lp-main #question .faq-table .note {
    margin-top: 0;
  }
  .lp-main #question .faq-table.table02 > p:not(.note):not(.table-ttl):nth-child(3) {
    margin: 6px 0 clamp( -9999px ,  5vw ,  32px );
  }
  .lp-main #question .faq-table.table02 .note {
    margin-top: clamp( -9999px ,  5vw ,  32px );
  }
  .lp-main #contents .contents-list {
    margin: clamp( -9999px ,  10.9375vw ,  70px ) 0 clamp( -9999px ,  7.8125vw ,  50px );
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lp-main #contents .contents-list > li + li {
    margin-left: 0;
  }
  .lp-main #contents .contents-list > li {
    height: clamp( -9999px ,  28.125vw ,  180px );
    width: 100%;
  }
  .lp-main #contents .contents-list > li:first-child {
    margin-bottom: 20px;
  }
  .lp-main #contents .contents-list > li:first-child img {
    width: clamp( -9999px ,  15.8515625vw ,  101.45px );
  }
  .lp-main #contents .contents-list > li:last-child {
    margin-bottom: 20px;
  }
  .lp-main #contents .contents-list > li:last-child img {
    width: clamp( -9999px ,  18.8140625vw ,  120.41px );
  }
  .lp-main #contents .contents-list > li .img-box {
    width: 30%;
  }
  .lp-main #contents .contents-list > li .txt-box {
    font-size: clamp( -9999px ,  4.21875vw ,  27px );
    width: 55%;
    margin-left: 5%;
  }
  .lp-main #contents .contents-list > li .txt-box > span {
    font-size: clamp( -9999px ,  3.75vw ,  24px );
    line-height: clamp( -9999px ,  7.65625vw ,  49px );
    margin-bottom: clamp( -9999px ,  2.03125vw ,  13px );
  }
  .lp-main #contents .contents-list > li .txt-box > span::after {
    height: clamp( -9999px ,  7.65625vw ,  49px );
    width: 20px;
    right: -20px;
  }
  .lp-main #contents .attention {
    margin-bottom: clamp( -9999px ,  12.5vw ,  80px );
    font-size: clamp( 12px ,  3.3333333333vw ,  14px );
  }
  .lp-main #contents .attention .box {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
    padding: 10px;
    margin-bottom: clamp( -9999px ,  6.25vw ,  40px );
  }
  .lp-main #contents .attention .box ul {
    margin-top: 20px;
  }
  .lp-main #contents .attention .box .item .item-ttl {
    padding-left: 15px;
  }
  .lp-main #contents .attention .box .item .item-ttl::before {
    top: 4px;
    left: 1px;
    width: 11px;
    height: 11px;
  }
  .lp-main #contents .attention .box .item .note {
    padding-left: 0;
  }
  .lp-main #contents .attention .box .item ul > li {
    padding-left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lp-main #contents .attention .box .item ul > li > p:last-child {
    margin-bottom: 10px;
  }
  .lp-main #contents .attention .box .item ul > li > p:first-child {
    padding-left: 15px;
  }
  .lp-main #contents .attention .box .item ul > li > p:first-child::before {
    top: 5px;
    left: 2px;
    width: 8.4852813742px;
    height: 8.4852813742px;
  }
  .lp-main #contents .attention .box .item ul > li:nth-child(1) > p:first-child {
    width: 100%;
  }
  .lp-main #contents .attention .box .item ul > li:nth-child(3) > p:first-child {
    width: 100%;
  }
  .lp-main #contents .attention .box .item ul > li:nth-child(3) > p:nth-child(2) {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
  .inner-block {
    padding: 0 30px;
    width: 1080px;
  }
  a,
  a::before,
  a::after,
  button,
  button::before,
  button::after {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .sp {
    display: none !important;
  }
  .contents-list li .img-box {
    -webkit-animation: swing 2s linear infinite;
            animation: swing 2s linear infinite;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .contents-list li:hover {
    cursor: pointer;
  }
  .contents-list li:hover .img-box {
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .pop-inner {
    cursor: pointer;
  }
  .pop-inner.is-hover {
    opacity: 0;
  }
  .float-icon:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .lp-main .top .breadcrumb > li:nth-child(1):hover > a {
    background: #82481D;
  }
  .lp-main .top .breadcrumb > li:nth-child(2):hover > a {
    background: #1789D2;
  }
  .lp-main .top .breadcrumb > li:nth-child(3):hover > a {
    background: #F38202;
  }
  .lp-main .top .breadcrumb > li:nth-child(4):hover > a {
    background: #9B64A8;
  }
  .lp-main .top .breadcrumb > li:nth-child(5):hover > a {
    background: #80AF03;
  }
  .lp-main .top .breadcrumb > li:nth-child(6):hover > a {
    background: #9F651C;
  }
  .lp-main .top .breadcrumb > li > a:hover {
    background: rgba(157, 157, 157, 0.2);
    cursor: pointer;
    color: #fff;
  }
  .lp-main .top .breadcrumb > li > a:hover::after {
    bottom: 4px;
    border-color: #fff;
  }
  .lp-main .top .breadcrumb > li:nth-child(1):hover > a::after {
    bottom: 8px;
  }
  .lp-main #question .question:hover {
    background: rgba(159, 101, 28, 0.2);
    cursor: pointer;
  }
}
@media only screen and (max-width: 440px) {
  .c-header {
    padding: 0 10px;
  }
  .c-header img {
    width: 244.395px;
    height: 25.2px;
  }
  .hamburger span {
    left: clamp( 20.0571428571px ,  4.0625vw ,  26px );
  }
  .hamburger.fix span {
    left: clamp( 16.9714285714px ,  3.4375vw ,  22px );
  }
  .sec-ttl.sec-about {
    padding-bottom: clamp( -9999px ,  2.8125vw ,  18px );
  }
  .sec-ttl.sec-about .mini {
    padding-top: 10px;
    text-align: center;
    padding-right: 0;
    padding-left: 12px;
  }
  .lp-main #about .about-graph .sec-1 .bar {
    height: clamp( 50px ,  22.3255813953vw ,  96px );
  }
  .lp-main #about .about-graph .sec-1 .bar > li > p:nth-child(3) {
    font-size: clamp( 6px ,  2.380952381vw ,  10px );
  }
  .lp-main #key .example .example-ttl {
    padding-bottom: 10px;
  }
  .lp-main #contents .attention .box .item ul > li > p:first-child::before {
    top: clamp( 4px ,  1.1904761905vw ,  5px );
    width: 7.7781745931px;
    height: 7.7781745931px;
  }
}
@media only screen and (max-width: 1100px) {
  .lp-main .mv .comment {
    width: max( 118.125px ,  10.9375vw );
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .lp-main #key .key-list > li:nth-child(4) .table .img-box > img {
    width: clamp( -9999px ,  19.6875vw ,  126px );
    height: clamp( -9999px ,  20.9375vw ,  134px );
  }
  .lp-main #key .key-list > li:nth-child(4) .table .note {
    font-size: clamp( 10px ,  2.8571428571vw ,  12px );
  }
}
@media only screen and (max-width: 420px) {
  .lp-main #contents .attention .box .item .item-ttl::before {
    top: clamp( 2.5px ,  1.119047619vw ,  4.7px );
    width: 10px;
    height: 10px;
  }
}