@charset "UTF-8";
:root {
  --color-pink: #db4279;
  --color-light-blue: #00a5dc;
  --color-orange: #ffaf00;
  --color-yellow: #ffe600;
  --color-light-green: #64be50;
  --color-light-pink: #fabeaa;
  --color-white: #fff;
	--color-black: #231815;
	--color-purple: #8b62b7;
	--color-orange2: #f56800;
	--color-green: #40af28;
}

body {
  font-size: 20px;
  line-height: 2;
  margin: 0;
  padding: 0;
  letter-spacing: 0.1em;
  color: #000;
  -webkit-text-size-adjust: 100%;
  font-family: YakuHanJP, "Zen Kaku Gothic New", sans-serif;
  font-feature-settings: "palt";
  background: var(--color-pink);
  font-weight: 600;
}

@media screen and (max-width: 1000px) {
  body {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 13px;
    line-height: 1.8;
  }
}
a {
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
}

a *,
a:after,
.trans03 {
  transition: all 0.3s;
}

a:hover {
  text-decoration: none;
  transition: all 0.3s;
}

.cshover {
  cursor: pointer !important;
}

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

* {
  box-sizing: border-box;
}

.tellink {
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .tellink {
    pointer-events: auto;
  }
}
.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-nowrap {
  display: flex;
}

.flex-jcs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-jca {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.flex-aic {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-jcc {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.wrap {
  padding: 0 5%;
  margin: 0 auto;
  box-sizing: border-box;
}

.Inner1800 {
  width: 100%;
  margin: 0 auto;
  max-width: 1800px;
}

.Inner1500 {
  width: 100%;
  margin: 0 auto;
  max-width: 1500px;
}

.Inner1166 {
  width: 100%;
  margin: 0 auto;
  max-width: 1166px;
}

.Inner1110 {
  width: 100%;
  margin: 0 auto;
  max-width: 1110px;
}

.Inner1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}

.c_w {
  color: var(--color-white);
}

.c_pink {
  color: var(--color-pink);
}

.c_yellow {
  color: var(--color-yellow);
}

.c_light-blue {
  color: var(--color-light-blue);
}

.c-bg__yellow {
  background-color: var(--color-yellow);
}

.c-bg__light-green {
  background-color: var(--color-light-green);
}

.c-bg__pink {
  background-color: var(--color-pink);
}

.c-bg__light-blue {
  background-color: var(--color-light-blue);
}

.c-bg__orange {
  background-color: var(--color-orange);
}

.c-bg__light-pink {
  background-color: var(--color-light-pink);
}

.c-bg__white {
  background-color: var(--color-white);
}

.wrapper {
  overflow: hidden;
}

.Container {
  overflow: hidden;
}

.after,
.before {
  position: relative;
}

.after:after,
.before:before {
  content: "";
  position: absolute;
}

@media screen and (min-width: 1301px) {
  .show-1300 {
    display: none;
  }
  .hide-1300 {
    display: block;
  }
}
@media screen and (max-width: 1300px) {
  .show-1300 {
    display: block;
  }
  .hide-1300 {
    display: none;
  }
}
@media screen and (min-width: 1251px) {
  .show-1250 {
    display: none;
  }
  .hide-1250 {
    display: block;
  }
}
@media screen and (max-width: 1250px) {
  .show-1250 {
    display: block;
  }
  .hide-1250 {
    display: none;
  }
}
@media screen and (max-width: 1201px) {
  .show-1200 {
    display: block;
  }
  .hide-1200 {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .show-1200 {
    display: block;
  }
  .hide-1200 {
    display: none;
  }
}
@media screen and (min-width: 1101px) {
  .show-1100 {
    display: none;
  }
  .hide-1100 {
    display: block;
  }
}
@media screen and (max-width: 1100px) {
  .show-1100 {
    display: block;
  }
  .hide-1100 {
    display: none;
  }
}
@media screen and (min-width: 1001px) {
  .show-1000 {
    display: none;
  }
  .hide-1000 {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .show-1000 {
    display: block;
  }
  .hide-1000 {
    display: none;
  }
}
@media screen and (min-width: 901px) {
  .show-900 {
    display: none;
  }
  .hide-900 {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .show-900 {
    display: block;
  }
  .hide-900 {
    display: none;
  }
}
@media screen and (min-width: 801px) {
  .show-800 {
    display: none;
  }
  .hide-800 {
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .show-800 {
    display: block;
  }
  .hide-800 {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .show-768 {
    display: none;
  }
  .hide-768 {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .show-768 {
    display: block;
  }
  .hide-768 {
    display: none;
  }
  .sp-br-none br {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .show-750 {
    display: none;
  }
  .hide-750 {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .show-750 {
    display: block;
  }
  .hide-750 {
    display: none;
  }
  .sp-br-none br {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  .show-600 {
    display: none;
  }
  .hide-600 {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .show-600 {
    display: block;
  }
  .hide-600 {
    display: none;
  }
}
@media screen and (min-width: 501px) {
  .show-500 {
    display: none;
  }
  .hide-500 {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .show-500 {
    display: block;
  }
  .hide-500 {
    display: none;
  }
}
@media screen and (min-width: 401px) {
  .show-400 {
    display: none;
  }
  .hide-400 {
    display: block;
  }
}
@media screen and (max-width: 400px) {
  .show-400 {
    display: block;
  }
  .hide-400 {
    display: none;
  }
}
@media screen and (min-width: 375px) {
  .show-374 {
    display: none;
  }
  .hide-374 {
    display: block;
  }
}
@media screen and (max-width: 374px) {
  .show-374 {
    display: block;
  }
  .show-800.rehide-374,
.show-750.rehide-374,
.show-600.rehide-374,
.show-500.rehide-374,
.show-500.rehide-374,
.show-400.rehide-374,
.hide-374 {
    display: none;
  }
}
/* -------------- common > Hack -------------- */
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
  font-weight: 600;
}

/* -------------- aosハック -------------- */
[data-aos=fade-up] {
  transform: translateY(40px) !important;
  opacity: 0;
}

[data-aos=fade-up].aos-animate {
  transform: translateY(0) !important;
  opacity: 1;
}

/* Scss ミックスイン
==========================================================*/
/* -------------- common > addition -------------- */
.lesp-002 {
  letter-spacing: 0.02em;
}

.lesp-004 {
  letter-spacing: 0.04em;
}

.lesp-018 {
  letter-spacing: 0.18em;
}

.fns185 {
  font-size: 1.85em;
}

/* cssアニメーション
==========================================================*/
@-webkit-keyframes treatAnime-A {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(-5px) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-A {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(-5px) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-B {
  40% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(5px) scaleX(1) scaleY(0.98);
  }
  60% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-B {
  40% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(5px) scaleX(1) scaleY(0.98);
  }
  60% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-C {
  40% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(-2px) scaleX(0.98) scaleY(1.02);
  }
  60% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-C {
  40% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(-2px) scaleX(0.98) scaleY(1.02);
  }
  60% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-D {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(3px) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-D {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(3px) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-E {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(6px) scaleX(0.98) scaleY(0.98);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-E {
  40% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateX(6px) scaleX(0.98) scaleY(0.98);
  }
  60% {
    transform: translateX(0) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-F {
  40% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(-50%) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-F {
  40% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(-50%) scaleX(1.02) scaleY(1.02);
  }
  60% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes treatAnime-G {
  40% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(calc(-50% + 5px)) scaleX(1) scaleY(0.98);
  }
  60% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
}
@keyframes treatAnime-G {
  40% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
  50% {
    transform: translateY(calc(-50% + 5px)) scaleX(1) scaleY(0.98);
  }
  60% {
    transform: translateY(-50%) scaleX(1) scaleY(1);
  }
}
.c-treat__animation--A {
  -webkit-animation: treatAnime-A 3s cubic-bezier(0.55, 0.005, 0.36, 1) infinite;
          animation: treatAnime-A 3s cubic-bezier(0.55, 0.005, 0.36, 1) infinite;
}

.c-treat__animation--B {
  -webkit-animation: treatAnime-B 3s cubic-bezier(0.55, 0.005, 0.36, 1) 0.5s infinite;
          animation: treatAnime-B 3s cubic-bezier(0.55, 0.005, 0.36, 1) 0.5s infinite;
}

.c-treat__animation--C {
  -webkit-animation: treatAnime-C 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1s infinite;
          animation: treatAnime-C 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1s infinite;
}

.c-treat__animation--D {
  -webkit-animation: treatAnime-D 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.5s infinite;
          animation: treatAnime-D 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.5s infinite;
}

.c-treat__animation--E {
  -webkit-animation: treatAnime-E 3s cubic-bezier(0.55, 0.005, 0.36, 1) 2s infinite;
          animation: treatAnime-E 3s cubic-bezier(0.55, 0.005, 0.36, 1) 2s infinite;
}

.c-treat__animation--F {
  -webkit-animation: treatAnime-F 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.2s infinite;
          animation: treatAnime-F 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.2s infinite;
}
@media screen and (max-width: 768px) {
  .c-treat__animation--F {
    -webkit-animation: treatAnime-C 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.2s infinite;
            animation: treatAnime-C 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.2s infinite;
  }
}

.c-treat__animation--G {
  -webkit-animation: treatAnime-G 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.7s infinite;
          animation: treatAnime-G 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.7s infinite;
}
@media screen and (max-width: 768px) {
  .c-treat__animation--G {
    -webkit-animation: treatAnime-E 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.7s infinite;
            animation: treatAnime-E 3s cubic-bezier(0.55, 0.005, 0.36, 1) 1.7s infinite;
  }
}

/* Scss 関数
==========================================================*/
/* Javascript
==========================================================*/
.js-hasAnimation {
  position: relative;
  background: var(--color-white);
  display: inline-block;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  padding: 10px 15px;
}
@media screen and (max-width: 768px) {
  .js-hasAnimation {
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
    padding: 7px 10px;
  }
}
.js-hasAnimation.js-hasAnimation__mobileInline {
  display: inline-flex;
}
@media screen and (max-width: 768px) {
  .js-hasAnimation.js-hasAnimation__mobileInline {
    display: contents;
  }
}
.js-hasAnimation.js-hasAnimation__mobileInline .js-hasAnimation {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .js-hasAnimation.js-hasAnimation__mobileInline .js-hasAnimation {
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
    padding: 7px 10px;
  }
}
.js-hasAnimation.js-hasAnimation__mobileInline .js-hasAnimation::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .js-hasAnimation.js-hasAnimation__mobileInline .js-hasAnimation::before {
    display: block;
  }
}
.js-hasAnimation .js-hasAnimation__child {
  opacity: 0;
}
.js-hasAnimation.animate-in .js-hasAnimation__child {
  -webkit-animation: textHidden 0.1s 0.5s forwards;
          animation: textHidden 0.1s 0.5s forwards;
}
.js-hasAnimation.animate-in:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 10;
}
.js-hasAnimation.animate-in:before {
  background-color: var(--color-light-blue);
}
.js-hasAnimation.animation-ltr.animate-in:before {
  -webkit-animation: revealLTR 0.85s ease;
          animation: revealLTR 0.85s ease;
}
.js-hasAnimation.animation-rtl.animate-in:before {
  -webkit-animation: revealRTL 0.85s ease;
          animation: revealRTL 0.85s ease;
}

@-webkit-keyframes revealRTL {
  0% {
    width: 0;
    right: 0;
  }
  65% {
    width: 100%;
    right: 0;
  }
  100% {
    width: 0;
    right: 100%;
  }
}

@keyframes revealRTL {
  0% {
    width: 0;
    right: 0;
  }
  65% {
    width: 100%;
    right: 0;
  }
  100% {
    width: 0;
    right: 100%;
  }
}
@-webkit-keyframes revealLTR {
  0% {
    width: 0;
    left: 0;
  }
  65% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes revealLTR {
  0% {
    width: 0;
    left: 0;
  }
  65% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@-webkit-keyframes textHidden {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes textHidden {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Component
==========================================================*/
.c-btnList {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .c-btnList {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
	  flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .c-btnList {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    flex-flow: column;
  }
}

.c-btnList__item {
  width: 100%;
  max-width: 400px;
  height: 80px;
}
@media screen and (max-width: 1000px) {
  .c-btnList__item {
    max-width: 350px;
  }
}
@media screen and (max-width: 768px) {
  .c-btnList__item {
    max-width: 100%;
    height: 60px;
  }
}
.c-btnList__item a {
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  position: relative;
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='40' ry='40' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
@media screen and (max-width: 768px) {
  .c-btnList__item a {
    background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='30' ry='30' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  }
}
.c-btnList__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url(../images/common/btn_arrow.png) no-repeat center center/contain;
}
@media screen and (max-width: 768px) {
  .c-btnList__item a::after {
    width: 30px;
    height: 30px;
  }
}

.c-treat__images img {
  position: absolute;
  z-index: -1;
}

/* Header
==========================================================*/
.l-header {
  padding: 25px 2.9282576867% 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (max-width: 1000px) {
  .l-header {
    padding-block: 20px;
  }
}
@media screen and (max-width: 768px) {
  .l-header {
    padding-block: 15px;
  }
}

.l-header__logo {
  max-width: 14.6412884334%;
}
@media screen and (max-width: 1000px) {
  .l-header__logo {
    max-width: 16%;
  }
}
@media screen and (max-width: 768px) {
  .l-header__logo {
    max-width: 133px;
  }
}
.l-header__logo img {
  display: block;
}

/* Footer
==========================================================*/
.l-footer {
  padding: 100px 0;
}
@media screen and (max-width: 1000px) {
  .l-footer {
    padding: 70px 0;
  }
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 50px 0;
  }
}

.l-footer__logo {
  max-width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .l-footer__logo {
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .l-footer__logo {
    max-width: 200px;
  }
}

/* スタサプフッター
==========================================================*/
.foot-recruit {
  width: 100%;
  background-color: #fff;
  padding-block: 20px;
  font-size: 14px;
  letter-spacing: 0.01em;
  font-weight: 500;
}
.foot-recruit .logo {
  margin-inline: 30px 0;
  width: 210px;
}
.foot-recruit .recruit-link {
  margin-inline: 0 30px;
}
.foot-recruit .recruit-link li {
  padding-inline: 10px;
  position: relative;
}
.foot-recruit .recruit-link li:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 14px;
  display: block;
  background-color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media screen and (max-width: 800px) {
  .foot-recruit {
    flex-flow: column-reverse;
    padding-block: 30px 25px;
  }
  .foot-recruit .logo {
    margin-inline: 0 0;
    margin-block: 30px 0;
  }
  .foot-recruit .recruit-link {
    margin-inline: 0 0;
  }
  .foot-recruit .recruit-link ul {
    flex-flow: column;
    align-items: center;
  }
  .foot-recruit .recruit-link li:not(:last-of-type)::after {
    display: none;
  }
}
/* Top Page
==========================================================*/


.p-indKV_top_copy {
	padding: 6vw 9vw 0;
}

@media screen and (max-width: 1000px) {
  .p-indKV_top_copy {
    padding: 7vw 9vw 0;
  }
}
@media screen and (max-width: 600px) {
  .p-indKV_top_copy {
    padding: 50px 0 0;
  }
}
@media screen and (max-width: 480px) {
  .p-indKV_top_copy {
    padding: 50px 0 0;
  }
}






/* -------------- Top Page > KV -------------- */

.p-indKV {
	padding: 1vw 0 0 0;
}
@media screen and (max-width: 600px) {
  .p-indKV {
	  padding: 0 0 0 0;
  }
}




.p-indKV__inner {
  aspect-ratio: 1366/1000;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 600px) {
  .p-indKV__inner {
    aspect-ratio: 600/1353;
  }
}

.p-indKV__img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-indKV__img .p-indKV__img-tsuzumi {
  width: 13.3967789165%;
  left: 6.2225475842%;
  top: 60.0292825769%;
  z-index: 0;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-tsuzumi {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-moku01 {
  width: 16.4714494876%;
  left: 80.6002928258%;
  top: 46.1200585652%;
  z-index: 0;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-moku01 {
    width: 10.8333333333%;
    left: -1.6666666667%;
    top: 25.8333333333%;
    z-index: -4;
  }
}
.p-indKV__img .p-indKV__img-women01 {
  width: 85.2122986823%;
  left: 3.0014641288%;
  top: 0;
  z-index: -1;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-women01 {
    width: 100%;
    left: 0;
    top: 13.3333333333%;
    z-index: 0;
  }
}
.p-indKV__img .p-indKV__img-moku02 {
  width: 25.1098096633%;
  left: 17.9355783309%;
  top: 27.0863836018%;
  z-index: -2;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-moku02 {
    width: 29%;
    left: -4.3333333333%;
    top: 53.3333333333%;
    z-index: -7;
  }
}
.p-indKV__img .p-indKV__img-guitar01 {
  width: 34.6266471449%;
  left: 45.7540263543%;
  top: 27.8184480234%;
  z-index: -3;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-guitar01 {
    width: 58.8333333333%;
    left: 38%;
    top: 37.5%;
    z-index: -1;
  }
}
.p-indKV__img .p-indKV__img-women02 {
  width: 30.9663250366%;
  left: 45.3879941435%;
  top: 7.3206442167%;
  z-index: -4;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-women02 {
    width: 63.6666666667%;
    left: 35.6666666667%;
    top: 20%;
    z-index: -5;
  }
}
.p-indKV__img .p-indKV__img-people {
  width: 18.7408491947%;
  left: 71.5226939971%;
  top: 2.7086383602%;
  z-index: -5;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-people {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-ttlLg01 {
  width: 92.2401171303%;
  display: block;
  top: 7.3206442167%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -6;
  -webkit-animation: ttlLgAnime 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: ttlLgAnime 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-ttlLg01 {
    width: 93.6666666667%;
    top: 15%;
    z-index: -6;
  }
}
.p-indKV__img .p-indKV__img-car {
  width: 25.2562225476%;
  left: 15.7393850659%;
  top: 43.9238653001%;
  z-index: -7;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-car {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-hand {
  width: 26.1346998536%;
  left: 15.0073206442%;
  top: 10.2489019034%;
  z-index: -8;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-hand {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-amp {
  width: 38.8726207906%;
  left: 3.7335285505%;
  top: 12.4450951684%;
  z-index: -9;
  -webkit-animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-amp {
    width: 42.8333333333%;
    left: -1.6666666667%;
    top: 28.3333333333%;
    z-index: -8;
  }
}
.p-indKV__img .p-indKV__img-ttlLg02 {
  width: 92.2401171303%;
  display: block;
  top: 7.3206442167%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
  -webkit-animation: ttlLgAnime 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: ttlLgAnime 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-ttlLg02 {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-guitar02 {
  width: 34.6266471449%;
  left: 45.7540263543%;
  top: 27.8184480234%;
  z-index: -11;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-guitar02 {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-timer {
  width: 29.3557833089%;
  left: 65.5197657394%;
  top: 32.7232796486%;
  z-index: -12;
  -webkit-animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime01 0.85s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-timer {
    display: none;
  }
}
.p-indKV__img .p-indKV__img-bonsai {
  width: 62.9575402635%;
  left: 25.9150805271%;
  top: 9.8828696925%;
  z-index: -13;
  -webkit-animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-bonsai {
    width: 100%;
    left: 0%;
    top: 13.3333333333%;
    z-index: -9;
  }
}
.p-indKV__img .p-indKV__img-wakasa {
  width: 50.5856515373%;
  left: 39.6046852123%;
  top: 2.196193265%;
  z-index: -14;
  -webkit-animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-wakasa {
    width: 73.3333333333%;
    left: 26.6666666667%;
    top: 0.8333333333%;
    z-index: -10;
  }
}
.p-indKV__img .p-indKV__img-coffee {
  width: 79.5754026354%;
  left: 17.7891654466%;
  top: 26.3543191801%;
  z-index: -15;
  -webkit-animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
          animation: kvCommonAnime02 0.6s cubic-bezier(0.8, 0, 1, 1), opacity 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.1s;
}
@media screen and (max-width: 600px) {
  .p-indKV__img .p-indKV__img-coffee {
    width: 26.6666666667%;
    left: 72.8333333333%;
    top: 34.1666666667%;
    z-index: -2;
  }
}
.p-indKV__img.js-animateIn .p-indKV__img-tsuzumi {
  -webkit-animation: kvCommonAnime-E 1s ease-in-out infinite alternate;
          animation: kvCommonAnime-E 1s ease-in-out infinite alternate;
}
.p-indKV__img.js-animateIn .p-indKV__img-moku01 {
  -webkit-animation: kvCommonAnime-B 1s ease-in-out infinite alternate;
          animation: kvCommonAnime-B 1s ease-in-out infinite alternate;
}
.p-indKV__img.js-animateIn .p-indKV__img-moku02 {
  -webkit-animation: kvCommonAnime-C 1s ease-in-out infinite alternate;
          animation: kvCommonAnime-C 1s ease-in-out infinite alternate;
}
.p-indKV__img.js-animateIn .p-indKV__img-guitar01, .p-indKV__img.js-animateIn .p-indKV__img-guitar02 {
  -webkit-animation: kvCommonAnime-D 1s ease-in-out infinite alternate;
          animation: kvCommonAnime-D 1s ease-in-out infinite alternate;
}
@media screen and (max-width: 600px) {
  .p-indKV__img.js-animateIn .p-indKV__img-wakasa {
    -webkit-animation: kvCommonAnime-A 1s ease-in-out infinite alternate;
            animation: kvCommonAnime-A 1s ease-in-out infinite alternate;
  }
}

@-webkit-keyframes ttlLgAnime {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.8);
  }
  15% {
    transform: translateX(-50%) scale(0.8);
  }
  35% {
    opacity: 1;
  }
  40% {
    transform: translateX(-50%) scale(0.78);
  }
  65% {
    opacity: 1;
  }
  70% {
    transform: translateX(-50%) scale(1.02);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}

@keyframes ttlLgAnime {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.8);
  }
  15% {
    transform: translateX(-50%) scale(0.8);
  }
  35% {
    opacity: 1;
  }
  40% {
    transform: translateX(-50%) scale(0.78);
  }
  65% {
    opacity: 1;
  }
  70% {
    transform: translateX(-50%) scale(1.02);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}
@-webkit-keyframes kvCommonAnime01 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(0.78);
  }
  68% {
    opacity: 1;
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes kvCommonAnime01 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(0.78);
  }
  68% {
    opacity: 1;
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes kvCommonAnime02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes kvCommonAnime02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kvCommonAnime-A {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-15px) rotate(-0.8deg);
  }
}
@keyframes kvCommonAnime-A {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-15px) rotate(-0.8deg);
  }
}
@-webkit-keyframes kvCommonAnime-B {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  100% {
    transform: translateX(10px) translateY(-10px);
  }
}
@keyframes kvCommonAnime-B {
  0% {
    transform: translateX(0px) translateY(0px);
  }
  100% {
    transform: translateX(10px) translateY(-10px);
  }
}
@-webkit-keyframes kvCommonAnime-C {
  0% {
    transform: translateX(0) translateY(0);
  }
  100% {
    transform: translateX(-10px) translateY(10px);
  }
}
@keyframes kvCommonAnime-C {
  0% {
    transform: translateX(0) translateY(0);
  }
  100% {
    transform: translateX(-10px) translateY(10px);
  }
}
@-webkit-keyframes kvCommonAnime-D {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  100% {
    transform: translateX(-5px) translateY(-8px) rotate(1deg);
  }
}
@keyframes kvCommonAnime-D {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  100% {
    transform: translateX(-5px) translateY(-8px) rotate(1deg);
  }
}
@-webkit-keyframes kvCommonAnime-E {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  100% {
    transform: translateX(7px) translateY(-8px) rotate(-1deg);
  }
}
@keyframes kvCommonAnime-E {
  0% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  100% {
    transform: translateX(7px) translateY(-8px) rotate(-1deg);
  }
}
/* -------------- Top Page > Movie -------------- */
.p-indMovie {
  margin-top: min(-10vw, -100px);
}
@media screen and (max-width: 768px) {
  .p-indMovie {
	   margin-top: min(0vw, 0px);
  }
}

.p-indMovie .c-treat__images img:nth-of-type(1) {
  width: min(28.6363636364vw, 315px);
  top: 0;
  left: max(-8.9090909091vw, -98px);
}
@media screen and (max-width: 768px) {
  .p-indMovie .c-treat__images img:nth-of-type(1) {
    width: 138px;
    top: 120px;
    left: -65px;
  }
}
.p-indMovie .c-treat__images img:nth-of-type(2) {
  width: min(41.1818181818vw, 453px);
  top: min(6.1818181818vw, 68px);
  left: max(-3.8181818182vw, -42px);
}
@media screen and (max-width: 768px) {
  .p-indMovie .c-treat__images img:nth-of-type(2) {
    width: 198px;
    top: 190px;
    left: -171px;
  }
}
.p-indMovie .c-treat__images img:nth-of-type(3) {
  width: min(50.3636363636vw, 554px);
  top: min(6.6363636364vw, 73px);
  right: max(-9.7272727273vw, -107px);
}
@media screen and (max-width: 768px) {
  .p-indMovie .c-treat__images img:nth-of-type(3) {
    width: 248px;
    top: 155px;
    right: -175px;
  }
}
.p-indMovie .c-treat__images img:nth-of-type(4) {
  width: min(46.2727272727vw, 509px);
  bottom: min(7.8181818182vw, 86px);
  left: max(-3.8181818182vw, -42px);
}
@media screen and (max-width: 768px) {
  .p-indMovie .c-treat__images img:nth-of-type(4) {
    display: none;
  }
}
.p-indMovie .c-treat__images img:nth-of-type(5) {
  width: min(34.6363636364vw, 381px);
  bottom: min(5vw, 55px);
  right: max(-5.4545454545vw, -60px);
}
@media screen and (max-width: 768px) {
  .p-indMovie .c-treat__images img:nth-of-type(5) {
    width: 167px;
    bottom: 50px;
    right: -83px;
  }
}

@media screen and (max-width: 768px) {
  .p-indMotto__inner {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
    text-align: center;
  }
}

.p-indMovie__ttl {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  row-gap: 5px;
	padding: 0 0 160px 0;
}
@media screen and (max-width: 768px) {
  .p-indMovie__ttl {
    justify-content: center;
    row-gap: 15px;
    flex-flow: column;
	  padding: 0 0 90px 0;
  }
}

@media screen and (max-width: 768px) {
  .p-indMovie__ttl > h2 {
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
.p-indMovie__ttl small {
  width: 100%;
  font-size: 0.7em;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
@media screen and (max-width: 768px) {
  .p-indMovie__ttl small {
    text-align: center;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}

.p-indMovie__ttlKnockout {
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 15px;
}
@media screen and (max-width: 768px) {
  .p-indMovie__ttlKnockout {
    padding: 5px 10px;
    max-width: 130px;
    margin: 0 auto;
  }
}

.p-indMovie__youtube {
  margin: 75px auto 0;
}
@media screen and (max-width: 768px) {
  .p-indMovie__youtube {
    -webkit-margin-before: 45px;
            margin-block-start: 45px;
  }
}

/* -------------- Top Page > Feature -------------- */
.p-indFeature {
  -webkit-margin-before: -40px;
          margin-block-start: -40px;
}
@media screen and (max-width: 768px) {
  .p-indFeature {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
}
.p-indFeature .c-treat__images img:nth-of-type(1) {
  width: min(16vw, 160px);
  top: max(-9vw, -90px);
  left: 0;
  z-index: 1;
  transform-origin: top left;
  transform: rotate(-13deg);
}
@media screen and (max-width: 1350px) {
  .p-indFeature .c-treat__images img:nth-of-type(1) {
    width: min(8.78477306vw, 120px);
    top: min(6.9565217391vw, 80px);
    left: max(-3.4782608696vw, -40px);
  }
}
@media screen and (max-width: 768px) {
  .p-indFeature .c-treat__images img:nth-of-type(1) {
    display: none;
  }
}
.p-indFeature .c-treat__images img:nth-of-type(2) {
  width: min(50vw, 500px);
  top: 0;
  right: max(-12.5vw, -125px);
  z-index: 1;
}
@media screen and (max-width: 1350px) {
  .p-indFeature .c-treat__images img:nth-of-type(2) {
    width: min(27.0863836018vw, 370px);
    top: min(10.4347826087vw, 120px);
    right: max(-11.3043478261vw, -130px);
  }
}
@media screen and (max-width: 768px) {
  .p-indFeature .c-treat__images img:nth-of-type(2) {
    display: none;
  }
}
.p-indFeature .c-treat__images img:nth-of-type(3) {
  width: min(41.4545454545vw, 456px);
  top: min(18.9090909091vw, 208px);
  left: max(-15.7272727273vw, -173px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature .c-treat__images img:nth-of-type(3) {
    display: none;
  }
}

.p-indFeature__heading {
  padding-block: min(12vw, 120px) min(19vw, 190px);
  display: grid;
  row-gap: 25px;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature__heading {
    padding-block: 80px 95px;
  }
}
.p-indFeature__heading::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 90%;
  height: 100%;
  background: url(../images/index/feature_bubble.png) no-repeat top/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature__heading::before {
    background: url(../images/index/feature_bubble_sp.png) no-repeat top/contain;
    width: 100%;
    min-width: 455px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-indFeature__heading--lg {
  font-size: min(5.8333333333vw, 70px);
}
@media screen and (max-width: 768px) {
  .p-indFeature__heading--lg {
    font-size: 33px;
  }
}

.p-indFeature__heading--sm {
  font-size: min(2.6vw, 26px);
}
@media screen and (max-width: 768px) {
  .p-indFeature__heading--sm {
    font-size: 17px;
  }
}

@media screen and (max-width: 768px) {
  .p-indFeature__inner {
    max-width: 400px;
    margin: 0 auto;
  }
}

.p-indFeature__list {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  position: relative;
  z-index: 1;
}
.p-indFeature__list li {
  position: relative;
}
.p-indFeature__list li:nth-of-type(1) .p-indFeature__listImg {
  width: min(46.1200585652vw, 630px);
  right: max(-16.8374816984vw, -230px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(1) .p-indFeature__listImg {
    right: -50px;
    top: calc(50% - 10px);
    width: 237px;
  }
}
.p-indFeature__list li:nth-of-type(1) .p-indFeature__listTreat {
  width: min(31.8448023426vw, 435px);
  right: max(-15.5929721816vw, -213px);
  top: 50%;
  transform: translateY(-50%);
}
.p-indFeature__list li:nth-of-type(2) {
  -webkit-margin-before: 150px;
          margin-block-start: 150px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
  }
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listBodyInner {
  max-width: 585px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
@media screen and (max-width: 1000px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listBodyInner {
    max-width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listBodyInner {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    max-width: 100%;
  }
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listImg {
  width: min(55.6368960469vw, 760px);
  left: 0;
  top: calc(50% - 15px);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listImg {
    width: 369px;
    left: -50px;
    top: 60px;
    transform: translateY(0);
  }
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(1) {
  position: absolute;
  width: min(51.9765739385vw, 710px);
  left: max(-17.4231332357vw, -238px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(1) {
    width: 311px;
    left: auto;
    right: -60px;
    top: 120px;
    transform: translateY(0);
  }
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(2) {
  position: absolute;
  width: min(29.4289897511vw, 402px);
  left: max(-15.0073206442vw, -205px);
  top: min(9.663250366vw, 132px);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(2) {
    display: none;
  }
}
.p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(3) {
  position: absolute;
  width: min(39.897510981vw, 545px);
  right: max(-19.2532942899vw, -263px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(2) .p-indFeature__listTreat img:nth-of-type(3) {
    display: none;
  }
}
.p-indFeature__list li:nth-of-type(3) {
  -webkit-margin-before: 210px;
          margin-block-start: 210px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(3) {
    -webkit-margin-before: 200px;
            margin-block-start: 200px;
  }
}
.p-indFeature__list li:nth-of-type(3) .p-indFeature__listImg {
  width: min(51.9033674963vw, 709px);
  right: max(-13.17715959vw, -180px);
  top: calc(50% - 30px);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(3) .p-indFeature__listImg {
    width: 324px;
    right: -105px;
    top: 35px;
    transform: translateY(0);
  }
}
.p-indFeature__list li:nth-of-type(3) .p-indFeature__listTreat {
  width: min(29.8682284041vw, 408px);
  right: min(14.2752562225vw, 195px);
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(3) .p-indFeature__listTreat {
    display: none;
  }
}
.p-indFeature__list li:nth-of-type(4) {
  -webkit-margin-before: 90px;
          margin-block-start: 90px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(4) {
    -webkit-margin-before: 150px;
            margin-block-start: 150px;
  }
}
.p-indFeature__list li:nth-of-type(4) .p-indFeature__listBodyInner {
  max-width: 730px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
@media screen and (max-width: 1150px) {
  .p-indFeature__list li:nth-of-type(4) .p-indFeature__listBodyInner {
    max-width: 600px;
  }
}
@media screen and (max-width: 1000px) {
  .p-indFeature__list li:nth-of-type(4) .p-indFeature__listBodyInner {
    max-width: 450px;
  }
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(4) .p-indFeature__listBodyInner {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    max-width: 100%;
  }
}
.p-indFeature__list li:nth-of-type(4) .p-indFeature__listImg {
  width: min(53.4407027818vw, 730px);
  left: max(-21.5959004392vw, -295px);
  top: calc(50% + 15px);
  transform: translateY(-50%) rotate(-350deg);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(4) .p-indFeature__listImg {
    width: 386px;
    left: -100px;
    top: -160px;
    transform: translateY(0) rotate(-350deg);
  }
}
.p-indFeature__list li:nth-of-type(4) .p-indFeature__listTreat {
  width: min(38.9458272328vw, 532px);
  left: max(-14.6412884334vw, -200px);
  top: 100px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(4) .p-indFeature__listTreat {
    width: 252px;
    left: -120px;
    top: -80px;
  }
}
.p-indFeature__list li:nth-of-type(5) {
  -webkit-margin-before: 180px;
          margin-block-start: 180px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(5) {
    -webkit-margin-before: 50px;
            margin-block-start: 50px;
  }
}
.p-indFeature__list li:nth-of-type(5) .p-indFeature__listImg {
  width: min(40.1171303075vw, 548px);
  right: min(5.1244509517vw, 70px);
  top: calc(50% - 40px);
  transform: translateY(-50%) rotate(-350deg);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(5) .p-indFeature__listImg {
    width: 230px;
    right: -85px;
    top: -90px;
    transform: translateY(0) rotate(-350deg);
  }
}
.p-indFeature__list li:nth-of-type(5) .p-indFeature__listTreat {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-indFeature__list li:nth-of-type(5) .p-indFeature__listTreat img:nth-of-type(1) {
  position: absolute;
  width: min(54.1727672035vw, 740px);
  right: max(-11.7130307467vw, -160px);
  top: calc(50% + 40px);
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(5) .p-indFeature__listTreat img:nth-of-type(1) {
    width: 290px;
    left: auto;
    right: -90px;
    top: 80px;
    transform: translateY(0);
  }
}
.p-indFeature__list li:nth-of-type(5) .p-indFeature__listTreat img:nth-of-type(2) {
  position: absolute;
  width: min(29.2825768668vw, 400px);
  right: max(-1.8301610542vw, -25px);
  top: calc(50% - 60px);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature__list li:nth-of-type(5) .p-indFeature__listTreat img:nth-of-type(2) {
    display: none;
  }
}

.p-indFeature__listBody {
  width: 100%;
}

.p-indFeature__listBodyTtl {
  font-size: min(3.1304347826vw, 36px);
  letter-spacing: -0.1em;
}
@media screen and (max-width: 768px) {
  .p-indFeature__listBodyTtl {
    font-size: 24px;
  }
}

.p-indFeature__listBodyTxt {
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  letter-spacing: -0.08em;
}
@media screen and (max-width: 768px) {
  .p-indFeature__listBodyTxt {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
}
.p-indFeature__listBodyTxt span {
  background: var(--color-light-blue);
  color: var(--color-white);
}

.p-indFeature__listImg {
  position: absolute;
  z-index: -2;
}

.p-indFeature__listTreat {
  position: absolute;
  z-index: -3;
}

.p-indFeature__foot {
  position: relative;
  padding: min(9.1666666667vw, 110px) 0 min(7.5vw, 90px);
  -webkit-margin-before: 80px;
          margin-block-start: 80px;
}
@media screen and (max-width: 768px) {
  .p-indFeature__foot {
    padding-block: 50px;
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}
.p-indFeature__foot::after {
  content: "";
  background: url(../images/index/treat_feature10.png) no-repeat center center/contain;
  position: absolute;
  width: min(35.1390922401vw, 480px);
  height: min(20.3513909224vw, 278px);
  left: max(-9.7364568082vw, -133px);
  top: max(-6.0761346999vw, -83px);
  z-index: -2;
  -webkit-animation: treatAnime-A 3s cubic-bezier(0.55, 0.005, 0.36, 1) infinite;
          animation: treatAnime-A 3s cubic-bezier(0.55, 0.005, 0.36, 1) infinite;
}
@media screen and (max-width: 768px) {
  .p-indFeature__foot::after {
    display: none;
  }
}
.p-indFeature__foot::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 90%;
  height: 100%;
  background: url(../images/index/feature_bubble02.png) no-repeat top/contain;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indFeature__foot::before {
    background: url(../images/index/feature_bubble02_sp.png) no-repeat top/contain;
    width: 100%;
    min-width: 465px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-indFeature__foot--ttl {
  ruby-position: under;
  font-size: min(3.6vw, 36px);
}
@media screen and (max-width: 768px) {
  .p-indFeature__foot--ttl {
    font-size: 24px;
  }
}

/* -------------- Top Page > Introduction -------------- */
.p-indIntroduction {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
}
.p-indIntroduction .c-treat__images img {
  z-index: 0;
}
.p-indIntroduction .c-treat__images img:nth-of-type(1) {
  width: min(38.4615384615vw, 500px);
  top: min(21.5384615385vw, 280px);
  left: max(-7.6923076923vw, -100px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(1) {
    width: 218px;
    top: 170px;
    left: -20px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(2) {
  width: min(42.3076923077vw, 550px);
  top: min(54.3846153846vw, 707px);
  right: max(-7.6923076923vw, -100px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(2) {
    width: 240px;
    top: 465px;
    right: -60px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(3) {
  width: min(32.1538461538vw, 418px);
  top: min(81.3846153846vw, 1058px);
  right: max(-3.2307692308vw, -42px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(3) {
    width: 182px;
    top: 620px;
    right: -43px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(4) {
  width: min(26.7692307692vw, 348px);
  top: min(112.7692307692vw, 1466px);
  left: max(-4.2307692308vw, -55px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(4) {
    width: 137px;
    top: auto;
    bottom: 532px;
    left: -35px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(5) {
  width: min(50.4615384615vw, 656px);
  bottom: min(19.7692307692vw, 257px);
  left: max(-11.1538461538vw, -145px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(5) {
    width: 250px;
    bottom: 365px;
    left: -72px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(6) {
  width: min(33.4615384615vw, 435px);
  bottom: min(43.6923076923vw, 568px);
  right: max(-5.3846153846vw, -70px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(6) {
    width: 172px;
    bottom: 200px;
    right: -40px;
  }
}
.p-indIntroduction .c-treat__images img:nth-of-type(7) {
  width: min(45.6923076923vw, 594px);
  bottom: min(4.4615384615vw, 58px);
  right: max(-6.1538461538vw, -80px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction .c-treat__images img:nth-of-type(7) {
    width: 234px;
    bottom: 10px;
    right: -44px;
  }
}

.p-indIntroduction__ttlLg {
  max-width: 1080px;
  margin: 0 auto;
  background: url(../images/index/introduction_ttl_bg.png) no-repeat center center/100% 100%;
  padding: 60px 90px 0;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__ttlLg {
    background: url(../images/index/introduction_ttl_bg_sp.png) no-repeat center center/93% 100%;
    padding: 30px 0 0;
    max-width: 375px;
  }
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__ttlLg img {
    width: 245px;
    display: block;
    margin-inline: auto;
    position: relative;
    top: 20px;
  }
}

.p-indIntroduction__main {
  position: relative;
  -webkit-margin-before: -3px;
          margin-block-start: -3px;
  -webkit-padding-after: 100px;
          padding-block-end: 100px;
}
.p-indIntroduction__main::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 120vw;
  height: 100%;
  background-color: #fff0c8;
  z-index: -2;
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.p-indIntroduction__mainTtl {
  padding-block: 30px 50px;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainTtl {
    padding-block: 40px 30px;
  }
}

.p-indIntroduction__mainList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(1.5384615385vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainList {
    gap: 7px;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
  }
}

.p-indIntroduction__mainListItem {
  display: flex;
  justify-content: center;
  height: min(11.5384615385vw, 150px);
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  position: relative;
  row-gap: min(0.7692307692vw, 10px);
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem {
    padding-inline: 12px !important;
    width: 100%;
    max-width: 165px;
    height: 100px;
    align-items: flex-start !important;
  }
}

.p-indIntroduction__mainListItem--standard {
  align-items: center;
  flex-flow: column;
}

.p-indIntroduction__mainListItem--customA {
  flex-flow: column;
  -webkit-padding-start: min(6.9230769231vw, 90px);
          padding-inline-start: min(6.9230769231vw, 90px);
}
.p-indIntroduction__mainListItem--customA .p-indIntroduction__mainListItemImg {
  width: min(9vw, 117px);
  right: min(5vw, 65px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customA .p-indIntroduction__mainListItemImg {
    width: 63px;
    right: 0;
  }
}
.p-indIntroduction__mainListItem--customB {
  flex-flow: column;
  -webkit-padding-start: min(3.8461538462vw, 50px);
          padding-inline-start: min(3.8461538462vw, 50px);
}
.p-indIntroduction__mainListItem--customB .p-indIntroduction__mainListItemImg {
  width: min(10.7692307692vw, 140px);
  right: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customB .p-indIntroduction__mainListItemImg {
    width: 83px;
    right: 0;
  }
}
.p-indIntroduction__mainListItem--customC {
  flex-flow: column;
  -webkit-padding-start: min(5.7692307692vw, 75px);
          padding-inline-start: min(5.7692307692vw, 75px);
}
.p-indIntroduction__mainListItem--customC .p-indIntroduction__mainListItemImg {
  width: min(8.4615384615vw, 110px);
  right: min(4.2307692308vw, 55px);
  bottom: min(0.7692307692vw, 10px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customC .p-indIntroduction__mainListItemImg {
    width: 53px;
    right: 8px;
  }
}
.p-indIntroduction__mainListItem--customD {
  align-items: center;
  flex-flow: column;
}
.p-indIntroduction__mainListItem--customD .p-indIntroduction__mainListItemImg {
  width: min(9.3846153846vw, 122px);
  right: min(4.1538461538vw, 54px);
  bottom: min(1.6923076923vw, 22px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customD .p-indIntroduction__mainListItemImg {
    width: 59px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-indIntroduction__mainListItem--customE {
  flex-flow: column;
  -webkit-padding-start: min(2.6923076923vw, 35px);
          padding-inline-start: min(2.6923076923vw, 35px);
}
.p-indIntroduction__mainListItem--customE .p-indIntroduction__mainListItemImg {
  width: min(12.8461538462vw, 167px);
  right: min(0.3846153846vw, 5px);
  bottom: min(1.3076923077vw, 17px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customE .p-indIntroduction__mainListItemImg {
    width: 60px;
    right: 3px;
    top: 8px;
  }
}
.p-indIntroduction__mainListItem--customF {
  flex-flow: column;
  -webkit-padding-start: min(7.1538461538vw, 93px);
          padding-inline-start: min(7.1538461538vw, 93px);
}
.p-indIntroduction__mainListItem--customF .p-indIntroduction__mainListItemImg {
  width: min(13.2307692308vw, 172px);
  right:min(5.7692307692vw, 75px);
  bottom:min(1.5384615385vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customF .p-indIntroduction__mainListItemImg {
    width: 67px;
    right: 8px;
    bottom:5px;
  }
}
.p-indIntroduction__mainListItem--customG {
  flex-flow: column;
  -webkit-padding-start: min(6.1538461538vw, 80px);
          padding-inline-start: min(6.1538461538vw, 80px);
}
.p-indIntroduction__mainListItem--customG .p-indIntroduction__mainListItemImg {
  width: min(13.8461538462vw, 180px);
  right: min(5.3846153846vw, 70px);
  bottom: min(1.3076923077vw, 17px);
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customG .p-indIntroduction__mainListItemImg {
    width: 74px;
    right: 7px;
    top: calc(50% + 2px);
    transform: translateY(-50%);
  }
}
.p-indIntroduction__mainListItem--customH {
  align-items: center;
  flex-flow: column;
}
.p-indIntroduction__mainListItem--customH .p-indIntroduction__mainListItemImg {
  width: min(9.6923076923vw, 126px);
  right: min(4.9230769231vw, 64px);
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItem--customH .p-indIntroduction__mainListItemImg {
    width: 83px;
    right: 6px;
    bottom: 0;
  }
}

.p-indIntroduction__mainListItemTtl--sm {
  font-size: min(1.5384615385vw, 20px);
  letter-spacing: -0.08em;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItemTtl--sm {
    font-size: 11px;
  }
}

.p-indIntroduction__mainListItemTtl--lg {
  font-size: min(2.3076923077vw, 30px);
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .p-indIntroduction__mainListItemTtl--lg {
    font-size: 14px;
  }
}

.p-indIntroduction__mainListItemImg {
  position: absolute;
}

/* -------------- Top Page > Other -------------- */
.p-indOther {
  padding-block: 80px 0;
}
@media screen and (max-width: 768px) {
  .p-indOther {
    padding-block: 45px 0;
  }
}
.p-indOther .c-treat__images img:nth-of-type(1) {
  width: min(46vw, 598px);
  top: min(7.3076923077vw, 95px);
  right: max(-10.7692307692vw, -140px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(1) {
    width: 290px;
    top: 160px;
    right: -120px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(2) {
  width: min(32.1538461538vw, 418px);
  top: min(21.2307692308vw, 276px);
  right: max(-4.1538461538vw, -54px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(2) {
    width: 200px;
    top: 250px;
    right: -40px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(3) {
  width: min(43.2307692308vw, 562px);
  top: min(36.6153846154vw, 476px);
  left: max(-9.2307692308vw, -120px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(3) {
    width: 245px;
    top: 373px;
    left: -82px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(4) {
  width: min(26.7692307692vw, 348px);
  top: min(59.0769230769vw, 768px);
  left: max(-7.6923076923vw, -100px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(4) {
    width: 152px;
    top: 490px;
    left: -70px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(5) {
  width: min(40.9230769231vw, 532px);
  bottom: min(35.3846153846vw, 460px);
  right: max(-5.3846153846vw, -70px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(5) {
    width: 258px;
    bottom: 1070px;
    right: -28px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(6) {
  width: min(57vw, 741px);
  bottom: min(22.6923076923vw, 295px);
  left: max(-10.7692307692vw, -140px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(6) {
    width: 324px;
    bottom: 125px;
    left: -115px;
  }
}
.p-indOther .c-treat__images img:nth-of-type(7) {
  width: min(42.3846153846vw, 551px);
  bottom: min(5.3846153846vw, 70px);
  left: min(1.5384615385vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-indOther .c-treat__images img:nth-of-type(7) {
    width: 241px;
    bottom: 20px;
    left: -45px;
  }
}

.p-indOther__heading {
  display: flex;
  align-items: center;
  gap: min(6.2608695652vw, 72px);
  -webkit-padding-after: 20px;
          padding-block-end: 20px;
}
@media screen and (max-width: 768px) {
  .p-indOther__heading {
    flex-flow: column;
    gap: 25px;
  }
}

.p-indOther__headingIcon {
  width: 100%;
  max-width: min(21.4782608696vw, 247px);
}
@media screen and (max-width: 768px) {
  .p-indOther__headingIcon {
    max-width: 280px;
  }
}

.p-indOther__headingTtl {
  font-size: min(3.1304347826vw, 36px);
  letter-spacing: -0.1em;
}
@media screen and (max-width: 768px) {
  .p-indOther__headingTtl {
    font-size: 18px;
    text-align: center;
  }
}

.c-indOthre__item {
  -webkit-margin-before: 80px;
          margin-block-start: 80px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-indOthre__item {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
}

.c-indOthre__itemTtl {
  font-size: 1.75em;
  letter-spacing: -0.02em;
  margin: 0 auto;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='50' ry='50' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  .c-indOthre__itemTtl {
    font-size: 1.4444444444em;
    height: 80px;
    background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='40' ry='40' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  }
}
@media screen and (max-width: 768px) {
  .c-indOthre__itemTtl {
    font-size: 22px;
    max-width: 270px !important;
    height: 55px;
    background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='28' ry='28' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  }
}

.c-indOthre__itemMain {
  background-color: #fff0c8;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c10'/%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c10'/%3e%3c/svg%3e");
  -webkit-margin-before: -50px;
          margin-block-start: -50px;
  -webkit-padding-before: 80px;
          padding-block-start: 80px;
}
@media screen and (max-width: 768px) {
  .c-indOthre__itemMain {
    -webkit-margin-before: -27.5px;
            margin-block-start: -27.5px;
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
  }
}

.c-indOthre__itemMainInner {
  padding: 0 30px 20px 30px;
}
@media screen and (max-width: 768px) {
  .c-indOthre__itemMainInner {
    padding: 0 20px 15px 20px;
  }
}

.p-indOther__curriculum .c-indOthre__itemTtl {
  max-width: 573px;
}
@media screen and (max-width: 1000px) {
  .p-indOther__curriculum .c-indOthre__itemTtl {
    max-width: 500px;
  }
}

.p-indOther__curriculumList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .p-indOther__curriculumList {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }
}
.p-indOther__curriculumList li {
  border-radius: 10px;
  padding: min(2.4vw, 30px);
  display: flex;
  flex-flow: column;
  row-gap: min(2.5vw, 25px);
}
@media screen and (max-width: 768px) {
  .p-indOther__curriculumList li {
    padding: 20px;
    row-gap: 15px;
  }
}

.p-indOther__curriculumListTtl {
  font-size: min(2.4vw, 30px);
  border-bottom: 1px solid #fff;
  -webkit-padding-after: min(2.5vw, 25px);
          padding-block-end: min(2.5vw, 25px);
}
@media screen and (max-width: 768px) {
  .p-indOther__curriculumListTtl {
    font-size: 17px;
    -webkit-padding-after: 15px;
            padding-block-end: 15px;
  }
}

.p-indOther__curriculumListTxt {
  font-size: min(1.8vw, 18px);
}
@media screen and (max-width: 768px) {
  .p-indOther__curriculumListTxt {
    font-size: 13px;
  }
}

.p-indOther__career .c-indOthre__itemTtl {
  max-width: 673px;
}
@media screen and (max-width: 1000px) {
  .p-indOther__career .c-indOthre__itemTtl {
    max-width: 500px;
  }
}
@media screen and (max-width: 768px) {
  .p-indOther__career .c-indOthre__itemTtl {
    height: 80px;
    background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='40' ry='40' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
  }
}

.p-indOther__careerDl {
  display: grid;
  grid-template-columns: 300px calc(100% - 300px);
  row-gap: 10px;
}
@media screen and (max-width: 1000px) {
  .p-indOther__careerDl {
    grid-template-columns: 220px calc(100% - 220px);
  }
}
@media screen and (max-width: 768px) {
  .p-indOther__careerDl {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
}
.p-indOther__careerDl dt {
  font-size: min(2.5454545455vw, 28px);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
}
@media screen and (max-width: 768px) {
  .p-indOther__careerDl dt {
    font-size: 17px;
    padding: 20px 0;
    border-radius: 10px 10px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p-indOther__careerDl dt:not(:first-child) {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
}
.p-indOther__careerDl dd {
  padding: 15px 30px;
  background: var(--color-white);
  border-radius: 0 10px 10px 0;
}
@media screen and (max-width: 768px) {
  .p-indOther__careerDl dd {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    font-size: 13px;
  }
}

.p-indOther__future .c-indOthre__itemTtl {
  max-width: 673px;
}
@media screen and (max-width: 1000px) {
  .p-indOther__future .c-indOthre__itemTtl {
    max-width: 500px;
  }
}

.p-indOther__futureTtl {
  font-size: min(2.4vw, 30px);
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .p-indOther__futureTtl {
    font-size: 17px;
  }
}

.p-indOther__futureList {
  letter-spacing: -0.05em;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-block: min(2.2727272727vw, 25px) min(2.7272727273vw, 30px);
  font-size: min(1.8181818182vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-indOther__futureList {
    grid-template-columns: 1fr;
    row-gap: 6px;
    font-size: 16px;
    margin-block: 15px 20px;
  }
}
.p-indOther__futureList li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 135px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWords {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }
}

.p-indOther__futureKeyWordsTtl {
  font-size: min(2.4vw, 24px);
  width: min(25vw, 250px);
  height: min(5vw, 50px);
  border-radius: 50px;
  letter-spacing: -0.1em;
  position: relative;
  z-index: 1;
  -webkit-margin-start: 30px;
          margin-inline-start: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3csvg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%' height='100%' fill='none' rx='25' ry='25' stroke='%23333' stroke-width='2' stroke-dasharray='7%2c 7' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}
@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWordsTtl {
    margin-inline: auto;
    font-size: 16px;
    width: 166px;
    height: 35px;
  }
}

.p-indOther__futureKeyWordsList {
  padding: 45px 30px 30px 30px;
  -webkit-margin-before: -25px;
          margin-block-start: -25px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c10'/%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23333' stroke-width='3' stroke-dasharray='10%2c10'/%3e%3c/svg%3e");
}
@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWordsList {
    -webkit-margin-before: -17.5px;
            margin-block-start: -17.5px;
    grid-template-columns: 1fr;
    padding: 35px 20px 20px 20px;
  }
}
.p-indOther__futureKeyWordsList li {
  background: var(--color-light-blue);
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  row-gap: 2px;
  height: min(7.5vw, 75px);
}
@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWordsList li {
    height: 50px;
  }
}
.p-indOther__futureKeyWordsList li p {
  letter-spacing: -0.08em;
  font-size: min(2vw, 20px);
}
@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWordsList li p {
    font-size: 14px;
  }
}
.p-indOther__futureKeyWordsList li span {
  letter-spacing: -0.01em;
  font-size: min(1.4vw, 14px);
}
@media screen and (max-width: 768px) {
  .p-indOther__futureKeyWordsList li span {
    font-size: 11px;
  }
}
/*# sourceMappingURL=base.css.map */




/* 2026.06 add schedule area css */

.schedule_area {
	width: 100%;
	max-width: 1172px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 80px 0;
}
@media screen and (max-width: 1171px) {
	.schedule_area {
		width: 100%;
		max-width: 92%;
		padding: 0 0 80px 0;
	}
}
@media screen and (max-width: 768px) {
	.schedule_area {
		padding: 0 0 30px 0;
	}
}

.schedule_ttl {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 38px 0;
	border: #231815 2px solid;
	background: url("../images/index/schedule_ttl_bg.png") top left/16px auto repeat;
	position: relative;
	cursor: pointer;
}
.schedule_ttl h3.ttl_txt {
	width: 75%;
	margin: 0 auto;
	line-height: 0;
}

.schedule_ttl h3.ttl_txt .sp{
	display: none;
}
.schedule_ttl h3.ttl_txt img { height: auto; vertical-align: middle; }



/* ボタン（開閉で画像が切り替わる） */
.schedule_ttl .ac_btn {
	width: 8.7%;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	line-height: 0;
	position: absolute;
	top: 21%;
    right: 1.5%;
}
.schedule_ttl .ac_btn img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.schedule_ttl {
		padding: 4vw 0;
	}
	
	.schedule_ttl h3.ttl_txt {
		width: 55%;
		margin: 0 auto;
		line-height: 0;
	}
	.schedule_ttl h3.ttl_txt .pc{
		display: none;
	}
	.schedule_ttl h3.ttl_txt .sp{
		display: block;
	}
	
	.schedule_ttl .ac_btn {
		        width: 18.7%;
        top: 20%;
        right: 1.5%;
	}
}



/* 2026.06 add intoro css */
.p-intoro_wrap{
	width: 100%;
	padding: 150px 0 0 0;
	margin: 0 0 0 0;
	display: flex;
  flex-flow: wrap;
  justify-content: center;
}

.p-intoro_wrap .pup{
	width: 100%;
	padding: 1.5em 0 0.7em 0;
}
.p-intoro__heading {
	width: 506px;
	padding-block: min(6.5vw, 65px) min(12vw, 120px);
	display: grid;
	row-gap: 25px;
	position: relative;
	z-index: -1;
}
@media screen and (max-width: 768px) {
	.p-intoro_wrap{
		width: 100%;
		padding: 1vw 0 0 0;
	}

  .p-intoro__heading {
	  width: 80%;
	  padding-block: min(7.5vw, 65px) min(14vw, 120px);
  }
}
.p-intoro__heading::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/index/intoro_bubble.png) no-repeat top/contain;
	z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-intoro__heading::before {
    width: 100%;
    min-width: 455px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.p-intoro__heading--sm {
  font-size: min(3.8vw, 38px);
}
@media screen and (max-width: 768px) {
  .p-intoro__heading--sm {
    font-size: 5.4vw;
  }
}




/* 開閉する本体エリア */
.ac_wrap_area {
	display: none; /* 初期状態は閉じる */
	padding: 53px 40px 0;
	border: 2px solid #000;
	background: var(--color-white);
	justify-content: space-between;
	flex-wrap: wrap;
}

.ac_wrap_area h4{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 80px 0;
	text-align: center;
}
.ac_wrap_area h4 img {
	width: 46.5%;
	height: auto; vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}

.ac_wrap_area .unit{
	width: 49.2%;
	padding: 50px 30px 30px 30px;
	margin: 0 0 60px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	position: relative;
}
.ac_wrap_area .unit h5{
	width: 80%;
	margin: 0 auto;
	font-size: 30px;
	letter-spacing: 0.01em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	text-align: center;
	color: var(--color-yellow);
	background: rgba(130,95,95,1.00);
	border-radius: 30px;
}
.ac_wrap_area .unit h5 small{
	font-size: 18px;
}


.ac_wrap_area .unit dl{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 0 0 20px 0;
}
.ac_wrap_area .unit dl dt{
	width: min(10.6vw, 106px);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: min(2.0vw, 20px);
	letter-spacing: 0.05em;
	line-height: 1.2;
	padding: 0.8em 0.2em;
	box-sizing: border-box;
	color: var(--color-white);
	background: #666;
	margin: 0 0 10px 0;
}
.ac_wrap_area .unit dl dd{
	width: calc(100% - (min(12.6vw, 126px)));
	text-align: left;
	line-height: 1.2;
	letter-spacing: 0;
	margin: 0 0 10px 0;
}

.ac_wrap_area .unit dl dd .day{
	width: 100%;
	font-size: min(4.0vw, 40px);
	letter-spacing: -0.01em;
	position: relative;
}
.ac_wrap_area .unit dl dd .day.sec{
	padding: 0 0 0.5em 0;
}
.ac_wrap_area .unit dl dd .day small{
	font-size: min(2.0vw, 20px);
}
.ac_wrap_area .unit dl dd .day sub{
	font-size: min(1.2vw, 12px);
	text-align: left;
	position: absolute;
	bottom: 0.5em;
	left: 10.5em;
}
.ac_wrap_area .unit dl dd .day .arrow {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 18px;
	vertical-align: middle;
}
.ac_wrap_area .unit dl dd .day .arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 13px;
	border-color: transparent transparent transparent #333;
}


.ac_wrap_area .unit dl dd .selection{
	width: 100%;
	font-size: min(2.3vw, 23px);
	text-align: left;
	font-weight: 600;
}
.ac_wrap_area .unit dl dd .selection small{
	font-size: 16px;
}

.ac_wrap_area .unit dl dd .note{
	width: 100%;
	font-size: min(1.4vw, 14px);
	text-align: left;
	padding: 0 0 0 1.1em;
	position: relative;
}
.ac_wrap_area .unit dl dd .note::before{
	content: "※";
	font-size: min(1.4vw, 14px);
	position: absolute;
	top: 0;
	left: 0;
}

.ac_wrap_area .unit .point{
	width: 100%;
	min-height: 205px;
	background: #fff0c8;
	box-sizing: border-box;
	padding: 25px 30px;
	margin: 0 0 30px 0;
	position: relative;
}
.ac_wrap_area .unit .point h6{
	width: 100%;
	text-align: left;
	position: absolute;
	top:0;
	left: 0.3em;
	transform: translateY(-50%);
}
.ac_wrap_area .unit .point h6 img{
	width: 104px;
	height: auto; vertical-align: middle;
}
.ac_wrap_area .unit .point ol{
	width: 100%;
	counter-reset: circle-counter;
}
.ac_wrap_area .unit .point ol li{
	width: 100%;
	font-size: min(1.6vw, 16px);
	text-align: left;
	line-height: 1.4;
	padding: 0 0 0 1.5em;
	letter-spacing: 0;
	margin-bottom: 0.3em;
	position: relative;
	counter-increment: circle-counter;
}
.ac_wrap_area .unit .point ol li::before {
	content: counter(circle-counter);
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 1.6em;
	height: 1.6em;
	background-color: #333;
	color: var(--color-white);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.65em;
	line-height: 1.0;
}

.ac_wrap_area .unit .link_btn {
	margin: 0 0 auto 0;
}
.ac_wrap_area .unit .link_btn a {
	width: min(20.0vw, 200px);
	font-size: min(1.4vw, 14px);
	letter-spacing: 0.05em;
	margin: 0 auto;
	text-align: center;
	color: var(--color-white);
	background: var(--color-black);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	padding: 0.5em 0;
}
.ac_wrap_area .unit .link_btn a:visited {
	color: var(--color-white);
}
.ac_wrap_area .unit .link_btn a::after {
	content: "";
	position: absolute;
	right: 0.6em;
	top: 50%;
	transform: translateY(-50%);
	width: 1.6em;
	height: 1.6em;
	background: var(--color-white);
	border-radius: 50%;
}
.ac_wrap_area .unit .link_btn a::before {
	content: "";
	position: absolute;
	right: calc(0.6em + 0.55em);
	top: 50%;
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent var(--color-yellow);
	z-index: 1;
}

@media screen and (max-width: 1171px) {
	.ac_wrap_area {
		padding: 5vw 3.4vw 0;
	}
	
	.ac_wrap_area h4{
		padding: 0 0 7vw 0;
		text-align: center;
	}
	.ac_wrap_area h4 img {
		width: 50%;
	}
	
	.ac_wrap_area .unit{
		width: 49.2%;
		padding: 4.5vw 2.7vw 2.7vw 2.7vw;
		margin: 0 0 5.5vw 0;
	}
	.ac_wrap_area .unit h5{
		width: 85%;
		font-size: 2.4vw;
	}
	.ac_wrap_area .unit h5 small{
		font-size: 1.4vw;
	}
	
	
	.ac_wrap_area .unit dl{
		padding: 0 0 20px 0;
	}
	.ac_wrap_area .unit dl dt{
		width: 9vw;
        font-size: 1.5vw;
		margin: 0 0 10px 0;
	}
	.ac_wrap_area .unit dl dd{
		width: calc(100% - 10.5vw);
		margin: 0 0 10px 0;
	}
	.ac_wrap_area .unit dl dd .day{
		font-size: 3.3vw;
	}
	.ac_wrap_area .unit dl dd .day small{
		font-size: 1.7vw;
	}
	.ac_wrap_area .unit dl dd .day.sec{
		padding: 0 0 0.5em 0;
	}
	.ac_wrap_area .unit dl dd .day sub{
		font-size: min(1.2vw, 12px);
		bottom: 0.3em;
		left: 39%;
	}
	
	
	.ac_wrap_area .unit dl dd .day .arrow {
		width: 1vw;
		height: 1vw;
	}
	.ac_wrap_area .unit dl dd .day .arrow::before {
		border-width: 0.8vw 0 0.8vw 1.0vw;
	}


	.ac_wrap_area .unit dl dd .selection{
		font-size: 2.3vw;
	}
	.ac_wrap_area .unit dl dd .selection small{
		font-size: 1.4vw;
	}
	.ac_wrap_area .unit dl dd .note{
		font-size: 1.4vw;
	}
	.ac_wrap_area .unit dl dd .note::before{
		font-size: 1.4vw;
	}

	.ac_wrap_area .unit .point{
		width: 100%;
		min-height: 205px;
		padding: 2.6vw 2.6vw;
		margin: 0 0 30px 0;
	}
	.ac_wrap_area .unit .point h6 img{
		width: 9vw;
	}
	.ac_wrap_area .unit .point ol li{
		width: 100%;
		font-size: 1.4vw;
	}

	.ac_wrap_area .unit .link_btn a {
		width: 18.0vw;
		font-size: 1.4vw;
	}

}

@media screen and (max-width: 768px) {
	.ac_wrap_area {
		padding: 7vw 3.4vw 0;
	}
	
	.ac_wrap_area h4{
		padding: 0 0 9vw 0;
		text-align: center;
	}
	
	.ac_wrap_area h4 img {
		width: 65%;
	}
	
	.ac_wrap_area .unit{
		width: 100%;
		padding: 6.5vw 3.7vw 4.7vw 3.7vw;
		margin: 0 0 8.5vw 0;
	}
	.ac_wrap_area .unit h5{
		width: 85%;
		font-size: 4.0vw;
	}
	.ac_wrap_area .unit h5 small{
		font-size: 2.4vw;
	}
	
	
	.ac_wrap_area .unit dl{
		padding: 0 0 20px 0;
	}
	.ac_wrap_area .unit dl dt{
		width: 15vw;
		font-size: 3.0vw;
		margin: 0 0 10px 0;
	}
	.ac_wrap_area .unit dl dd{
		width: calc(100% - 17.5vw);
		margin: 0 0 10px 0;
	}
	.ac_wrap_area .unit dl dd .day{
		font-size: 6.3vw;
	}
	.ac_wrap_area .unit dl dd .day small{
		font-size: 3.5vw;
	}
	.ac_wrap_area .unit dl dd .day.sec{
		padding: 0 0 0.5em 0;
	}
	.ac_wrap_area .unit dl dd .day sub{
		font-size: 2.0vw;
        bottom: 0.4em;
        left: 35%;
	}
	
	
	.ac_wrap_area .unit dl dd .day .arrow {
		width: 3vw;
		height: 3vw;
	}
	.ac_wrap_area .unit dl dd .day .arrow::before {
		border-width: 1.5vw 0 1.5vw 2.0vw;
	}


	.ac_wrap_area .unit dl dd .selection{
		font-size: 4.3vw;
	}
	.ac_wrap_area .unit dl dd .selection small{
		font-size: 2.8vw;
	}
	.ac_wrap_area .unit dl dd .note{
		font-size: 2.8vw;
	}
	.ac_wrap_area .unit dl dd .note::before{
		font-size: 2.8vw;
	}

	.ac_wrap_area .unit .point{
		width: 100%;
		min-height: auto;
		padding: 5.0vw 5.0vw;
		margin: 0 0 30px 0;
	}
	.ac_wrap_area .unit .point h6 img{
		width: 18vw;
	}
	.ac_wrap_area .unit .point ol li{
		width: 100%;
		font-size: 2.8vw;
	}

	.ac_wrap_area .unit .link_btn a {
		width: 36.0vw;
		font-size: 2.8vw;
	}

}


.ac_wrap_area .unit.edition1{
	background: url("../images/index/schedule_bg1.png") center/14px auto repeat;
}
.ac_wrap_area .unit.edition2{
	background: url("../images/index/schedule_bg2.png") center/14px auto repeat;
}
.ac_wrap_area .unit.edition3{
	background: url("../images/index/schedule_bg3.png") center/14px auto repeat;
}
.ac_wrap_area .unit.edition4{
	background: url("../images/index/schedule_bg4.png") center/14px auto repeat;
}

.ac_wrap_area .unit.edition1 h5{
	background: var(--color-pink);
}
.ac_wrap_area .unit.edition2 h5{
	background: var(--color-purple);
}
.ac_wrap_area .unit.edition3 h5{
	background: var(--color-orange2);
}
.ac_wrap_area .unit.edition4 h5{
	background: var(--color-green);
}

.ac_wrap_area .unit.edition1 dl dt{
	background: var(--color-pink);
}
.ac_wrap_area .unit.edition2 dl dt{
	background: var(--color-purple);
}
.ac_wrap_area .unit.edition3 dl dt{
	background: var(--color-orange2);
}
.ac_wrap_area .unit.edition4 dl dt{
	background: var(--color-green);
}

.ac_wrap_area .unit.edition1 .link_btn a::after {
	background: var(--color-pink);
}
.ac_wrap_area .unit.edition2 .link_btn a::after {
	background: var(--color-purple);
}
.ac_wrap_area .unit.edition3 .link_btn a::after {
	background: var(--color-orange2);
}
.ac_wrap_area .unit.edition4 .link_btn a::after {
	background: var(--color-green);
}

.ac_wrap_area .unit.edition1 .point ol li::before {
	background-color: var(--color-pink);
}
.ac_wrap_area .unit.edition2 .point ol li::before {
	background-color: var(--color-purple);
}
.ac_wrap_area .unit.edition3 .point ol li::before {
	background-color: var(--color-orange2);
}
.ac_wrap_area .unit.edition4 .point ol li::before {
	background-color: var(--color-green);
}

.ac_wrap_area .unit.edition1 dl dd .day .arrow::before {
	border-color: transparent transparent transparent var(--color-pink);
}
.ac_wrap_area .unit.edition2 dl dd .day .arrow::before {
	border-color: transparent transparent transparent var(--color-purple);
}
.ac_wrap_area .unit.edition3 dl dd .day .arrow::before {
	border-color: transparent transparent transparent var(--color-orange2);
}
.ac_wrap_area .unit.edition4 dl dd .day .arrow::before {
	border-color: transparent transparent transparent var(--color-green);
}



.btn_leaflet {
	width: 100%;
	position: relative;
}
.btn_leaflet a{
	width: 100%;
	border: #000 2px solid;
	border-radius: 150px;
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 50px 180px 50px 265px;
	background: var(--color-yellow) url("../images/index/leaflet_icon.png") center right 50px/75px auto no-repeat;
}
.btn_leaflet a i{
	width: 188px;
	position: absolute;
	top: -10px;
	left: 20px;
}
.btn_leaflet a i img{
	width: 100%;
	display: block;
}

.btn_leaflet a .copy_area{
	width: 100%;
	display: block;
	position: relative;
	text-align: left;
}
.btn_leaflet a .copy_area p{
	width: 100%;
	font-size: 28px;
}
.btn_leaflet a .copy_area h3{
	width: 100%;
}
.btn_leaflet a .copy_area h3 img{
	width: 100%;
	height: auto; vertical-align: middle;
}


.btn_leaflet a .copy_area h3 .sp{
	display: none;
}

@media screen and (max-width: 1099px) {
	.btn_leaflet a{
		padding: 4.5vw 17.5vw 4.5vw 23vw;
        background: var(--color-yellow) url(../images/index/leaflet_icon.png) center right 4.5vw / 6.7vw auto no-repeat;
	}
	.btn_leaflet a i{
		width: 19%;
		top: -10px;
		left: 20px;
	}

	.btn_leaflet a .copy_area p{
		font-size: 2.3vw;
	}

}
@media screen and (max-width: 768px) {
	.btn_leaflet a .copy_area h3 .pc{
		display: none;
	}
	.btn_leaflet a .copy_area h3 .sp{
		display: block;
	}
	
	.btn_leaflet a{
		padding: 3.5vw 10.5vw 10.5vw 31vw;
        background: var(--color-yellow) url(../images/index/leaflet_icon.png) bottom 2vw center/ 6.7vw auto no-repeat;
	}
	.btn_leaflet a i{
		width: 27%;
        top: 1%;
        left: 3%;
	}

	.btn_leaflet a .copy_area p{
		font-size: 3.3vw;
		line-height: 1.3;
		padding: 0 0 0.2em 0;
	}
}

.p-indIntroduction__mainListItemTtl--lg.txc  { text-align:center; }
@media screen and (max-width: 768px) {
	.p-indIntroduction__mainListItemTtl--lg.txc  { text-align:left; }
}