@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

:root {
  --color00: #5a5657;
  --color-pink1: #f6728a;
  --color-pink2: #ffa3ba;
  --color-pink3: #fdf1f5;
  --color-red1: #ff3b53;
  --color-red2: #fd606b;
  --color-red3: #ed1d24;
  --color-red4: #ff4f57;
  --color-green1: #00b27e;
  --color-green2: #4da889;
  --color-green3: #f4f9f3;
  --color-yellow1: #fff876;
  --color-orange1: #ff3b11;
  --color-orange2: #ff794c;
  --color-orange3: #fff6e5;
  --color-purple1: #c3bddf;
  --color-blue1: #d3f0fe;
  --color-gray1: #f3f3f3;
  --color-beige1:#f3ecd8;
  --color-brown1: #693304;
  --color-black1: #2d2f31;
  --color-navy1: #1e247c;
  --cmn01: #ff788e;
  --cmn02: #af70b6;
  --cmn03: #ff794c;
  --ff01: 'NewRodinPro-M', sans-serif;
  --ff02: "Noto Serif JP", serif;
  --ff03: "Noto Sans", sans-serif;
  --ff04: "Cardo", serif;
  --ff99: "font awesome 5 free";
  --color01: #00ff2a;
  --color02: #3f14ff;
  --color03: #ff2bf4;
  --shadow1: 0px 4px 1px rgb(73 68 68 / 50%);
  --shadow2: 1px 2px 2px rgb(0 0 0 / 20%);
}

html {
  font-family: var(--ff01);
  line-height: 1.8;
  letter-spacing: .5px;
  color: var(--color00);
}

/* .txt {
  font-size: 17px;
} */

.cmn-text{
  font-size: 18px;
  font-family: 'メイリオ', Meiryo,sans-serif;
}

.date {
  font-weight: 500;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

[data-element-id] .date {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.more {
  font-size: 10px;
  position: relative;
  padding-right: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.more:not(.-none)::after,.more.-none a::after {
  content: "\f054";
  font-family: var(--ff99);
  font-weight: bold;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

a:hover .more::after,.more a:hover::after {
  right: -5px;
}

.section-border-top{
  border-top: 2px solid var(--color-pink2);
}

@media(max-width:1024px) {
 /*  .txt {
   font-size: 16px;
 } */
}

@media(max-width:599px){
  .cmn-text{
    font-size: 16px;
  }
}

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

.up-mb-7{
  margin-bottom: 7px;
}

.up-fz-21{
  font-size: 21px;
}

.up-fz-23{
  font-size: 23px;
}

.up-fz-300\%{
  font-size: 300%;
}

.up-fw-800{
  font-weight: 800;
}

.up-lh-1\.6em{
  line-height: 1.6em;
}

.ls3{
  letter-spacing: 3px;
}

@media(max-width:599px){
  .ls3{
    letter-spacing: 2px;
  }
}

/*===================================
  基本設定
===================================*/
.color-pink1 {
  color: var(--color-pink1);
}

.color-pink2 {
  color: var(--color-pink2);
}

.color-red1 {
  color: var(--color-red1);
}

.color-red2 {
  color: var(--color-red2);
}

.color-red3 {
  color: var(--color-red3);
}

.color-red4 {
  color: var(--color-red4);
}

.color-orange1 {
  color: var(--color-orange1);
}

.color-orange2 {
  color: var(--color-orange2);
}

.color-green1 {
  color: var(--color-green1);
}

.color-green2 {
  color: var(--color-green2);
}

.color-gray1 {
  color: var(--color00);
}

.color-navy1 {
  color: var(--color-navy1);
}

.color-black1 {
  color: var(--color-black1);
}

.color-purple1{
  color: var(--cmn02);
}

.color-cmn-04 {
  color: var(--color04);
}

.color-cmn-05 {
  color: var(--color05);
}

.color-cmn-06 {
  color: #e7654a;
}

/* bgc */
.bgc-pink1 {
  background-color: var(--color-pink1);
}

.bgc-pink2 {
  background-color: var(--color-pink2);
}

.bgc-pink3 {
  background-color: var(--color-pink3);
}

.bgc-pink4{
  background-color: #fef0ef;
}

.bgc-gradient1 {
  background:linear-gradient(90deg, #fff4f7, #f7f1ec, #e9fbfe);
}

.bgc-orange1 {
  background-color: var(--color-orange1);
}

.bgc-orange2 {
  background-color: var(--color-orange2);
}

.bgc-orange3 {
  background-color: var(--color-orange3);
}

.bgc-red1 {
  background-color: var(--color-red1);
}

.bgc-red4 {
  background-color: var(--color-red4);
}

.bgc-brown1 {
  background-color: #3b2b24;
}

.bgc-gray1 {
  background-color: var(--color-gray1);
}

.bgc-beige1 {
  background-color: var(--color-beige1);
}

.bgc-green1 {
  background-color: var(--color-green1);
}

.bgc-green2 {
  background-color: var(--color-green2);
}

.bgc-green3 {
  background-color: var(--color-green3);
}

.bgc-yellow2 {
    background-color: #ece55d;
}

.bgc-yellow3 {
    background-color: #fffcf2;
}

.bgc-pink-gradation {
  background: -webkit-gradient(linear, left top, left bottom, from(#fefcfd), to(#ffebec));
  background: linear-gradient(180deg, #fefcfd, #ffebec);
}

.bgc-cmn-02 {
  background-color: var(--color02);
}

.bgc-cmn-03 {
  background-color: var(--color03);
}

.bgc-cmn-04 {
  background-color: var(--color04);
}

.bgc-cmn-05 {
  background-color: var(--color05);
}

/* bgi */
.bgi-cmn-00 {
  position: relative;
}

.bgi00 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .3;
}

.bgi00.blur img {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.bgi00+* {
  z-index: 2;
  position: relative;
}

@media(max-width:1024px) {}

.videobox .video iframe{
  width: 100%;
  /* aspect-ratio: 16 / 9; */
  height: auto;
  margin-top: 0;
  margin-bottom: 50px;
}

.videobox.-utage .video iframe {
    aspect-ratio: 800 / 450;
}

@media(max-width:599px){
  .videobox .video iframe{
    margin-bottom: 30px;
  }
}

/* font */
.font-cmn-01 {
  font-family: var(--ff01);
}

.font-cmn-02 {
  font-family: var(--ff02);
}

.font-cmn-03 {
  font-family: var(--ff03);
}

.font-cmn-04 {
  font-family: var(--ff04);
}

/* ttl-cmn（デザイン） */
/* ttl-cmn-00 */
.ttl-cmn-00 {
  font-family: var(--ff02);
  font-weight: 600;
  text-align: center;
}

.ttl-cmn-00.-left {
  text-align: left;
}

@media(max-width:599px) {
  .ttl-cmn-00.-spcenter {
    text-align: center;
  }
}

/* ttl-cmn-01 */
.ttl-cmn-01 {
  position: relative;
  color: var(--color-pink1);
  padding: 0 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-weight: 600;
}

.ttl-cmn-01.-orange{
  color: var(--color-orange2);
  letter-spacing: inherit;
  line-height: 1.3;
}

.ttl-cmn-01::before,
.ttl-cmn-01::after {
  content: "";
  width: 2px;
  height: 30px;
  display: block;
  background: var(--color-pink1);
  position: absolute;
  bottom: .1rem;
}

.ttl-cmn-01.-orange::before, .ttl-cmn-01.-orange::after{
  background: var(--color-orange2);
}

.ttl-cmn-01.-line-none::before,
.ttl-cmn-01.-line-none::after{
  content: none;
}

.ttl-cmn-01::before {
  left: 0;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}

.ttl-cmn-01::after {
  right: 0;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

/* ttl-cmn-02 */
.ttl-cmn-02 {
  padding: .4em 2em .5em;
  background: var(--color-pink1);
  color: #fff;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  line-height: 1;
  letter-spacing: .2em;
}

.ttl-cmn-02.-orange{
  background: var(--color-orange2);
  letter-spacing: inherit;
  line-height: 1.3;
}

@media(max-width:599px){
  .ttl-cmn-02.-orange{
    padding: 10px;
    width: 100%;
  }
}

[data-element-id] .show\@sp .ttl-cmn-02{
  padding:10px;
}
 
/* ttl-cmn-03 */
.ttl-cmn-03 {
  font-family: var(--ff02);
  font-weight: 600;
  border-bottom: 1px solid;
  line-height: 1.3;
  padding-bottom: 10px;
}

/* ttl-cmn-04 */
.ttl-cmn-04 {
    font-family: var(--ff02);
    font-weight: 400;
    line-height: 1.3;
    padding-bottom: 10px;
    font-size: 34px;
    letter-spacing: 3px;
    color: var(--color-pink2);
    padding-left: 2rem;
    position: relative;
}

.ttl-cmn-04.color-pink1{
  color: var(--color-pink1)
}

.ttl-cmn-04::before, .ttl-cmn-04::after {
    content: "";
    border-top: 1px solid;
    border-right: 1px solid;
    top: 45%;
    left: 0;
    position: absolute;
    display: block;
    width: 20px;
    aspect-ratio: 1;
    transform: translateY(-50%) rotate(45deg);
}

.ttl-cmn-04::before {
    left: -10px;
}

@media(max-width:1024px){
  .ttl-cmn-04{
    font-size: 30px;
  }
}

@media(max-width:599px){
  .ttl-cmn-04{
    font-size: 28px;
  }
}

/* ttl-size（文字サイズ） */
/* xxlarge */
.ttl-size-xxlarge {
  font-size: 70px;
}

[data-element-id] .show\@sp .ttl-size-xxlarge {
    font-size: 42px;
}

@media(max-width:1024px) {
  .ttl-size-xxlarge {
    font-size: 52px;
  }
}

@media(max-width:599px) {
  .ttl-size-xxlarge {
    font-size: 42px;
  }
}

/* xlarge */
.ttl-size-xlarge {
  font-size: 60px;
}

[data-element-id] .show\@sp .ttl-size-xlarge {
  font-size: 32px;
}

@media(max-width:1024px) {
  .ttl-size-xlarge {
    font-size: 46px;
  }
}

@media(max-width:599px) {
  .ttl-size-xlarge {
    font-size: 32px;
  }
}

/* large */
.ttl-size-large {
  font-size: 50px;
}

[data-element-id] .show\@sp .ttl-size-large {
  font-size: 32px;
}

@media(max-width:1024px) {
  .ttl-size-large {
    font-size: 46px;
  }
}

@media(max-width:599px) {
  .ttl-size-large {
    font-size: 32px;
  }
}
/* medium large */
.ttl-size-mediumlarge {
  font-size: 34px;
}

[data-element-id] .show\@sp .ttl-size-mediumlarge {
    font-size:28px;
  }

@media(max-width:1024px) {
  .ttl-size-mediumlarge {
    font-size: 28px;
  }
}

/* medium */
.ttl-size-medium {
  font-size: 28px;
}

[data-element-id] .show\@sp .ttl-size-medium {
    font-size: 20px;
  }

@media(max-width:1024px) {
  .ttl-size-medium {
    font-size: 22px;
  }
}

@media(max-width:599px) {
  .ttl-size-medium {
    font-size: 20px;
  }
}

/* small */
.ttl-size-small {
/*   font-size: 24px; */
font-size: 28px;
}

[data-element-id] .show\@sp .ttl-size-small{
  font-size: 24px;
}

@media(max-width:1024px) {
  .ttl-size-small {
    font-size: 26px;
  }
}

@media(max-width:599px) {
  .ttl-size-small {
    font-size: 24px;
  }
}

/* xsmall */
.ttl-size-xsmall {
  font-size: 22px;
  line-height: 1.4;
}

[data-element-id] .show\@sp .ttl-size-xsmall{
  font-size: 20px;
}

@media(max-width:1024px) {
  .ttl-size-xsmall {
    font-size: 21px;
    letter-spacing: 0;
  }
}

@media(max-width:599px) {
  .ttl-size-xsmall {
    font-size: 20px;
  }
}


/* btn-type */
.btn-type01 a,
.btn-type01 .a,
.btn-type01 button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background: var(--color-red1);
  color: #fff;
  padding: 1em 2em 1em 2.2em;
  min-width: 220px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .1em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  border-radius: 100px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: var(--shadow1);
  box-shadow: var(--shadow1);
  transition: .5s;
}

.btn-type01.min a,
.btn-type01.min .a {
  font-size: 16px;
}

.btn-type01.red2 a,
.btn-type01.red2 .a,
.btn-type01.red2 button {
  background: var(--color-red2);
}

.btn-type01.green1 a,
.btn-type01.green1 .a,
.btn-type01.green1 button {
  background: var(--color-green1);
}

.btn-type01.green2 a,.btn-type01.green2 .a,.btn-type01.green2 button{
  background:#78bda5;
}

.btn-type01.pink1 a,
.btn-type01.pink1 .a,
.btn-type01.pink1 button {
  background: var(--color-pink1);
}

.btn-type01.pink2 a,
.btn-type01.pink2 .a,
.btn-type01.pink2 button {
  background: var(--color-pink2);
}

.btn-type01.navy1 a,
.btn-type01.navy1 .a,
.btn-type01.navy1 button {
  background: #1a206e;
}

.btn-type01.navy a, .btn-type01.navy .a, .btn-type01.navy button {
    border: 2px solid #1a206e;
    color: #1a206e;
    background: #fff;
}

.btn-type01.pinkborder a,
.btn-type01.pinkborder .a,
.btn-type01.pinkborder button {
    background: #fff;
    border: 2px solid var(--color-pink1);
    color: var(--color00);
}

.btn-type01.orange2 a,
.btn-type01.orange2 button {
  background: var(--color-orange2);
}

.btn-type01.orangeborder a,
.btn-type01.orangeborder .a,
.btn-type01.orangeborder button {
  border:2px solid var(--color-orange2);
  background: #fff;
    color: var(--color00);
}

.btn-type01.green2 a,
.btn-type01.green2 button {
  background: var(--color-green2);
}

.btn-type01.white a,.btn-type01.white .a,
.btn-type01.white button {
  background: #fff;
  color: var(--color-brown1);
}

.btn-type01 a:hover,
.btn-type01 .a:hover,
.btn-type01 button:hover {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 rgb(73 68 68 / 0%);
  box-shadow: 0 0 0 rgb(73 68 68 / 0%);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

.btn-type01 a::after,
.btn-type01 .a::after,
.btn-type01 button::after {
  content: "\f054";
  font-weight: bold;
  font-family: var(--ff99);
  line-height: 0;
  letter-spacing: 0;
  font-size: 16px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .5s;
  transition: .5s;
}

.btn-type01.back a::after,
.btn-type01.back .a::after,
.btn-type01.back button::after {
  display: none;
}

.btn-type01.back a::before,
.btn-type01.back .a::before,
.btn-type01.back button::before {
  content: "\f053";
  font-weight: bold;
  font-family: var(--ff99);
  line-height: 0;
  letter-spacing: 0;
  font-size: 16px;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  -webkit-transition: .5s;
  transition: .5s;
}

.btn-type01.down a::after,.btn-type01.down .a::after,
.btn-type01.down button::after {
  content: "\f103";
}

.btn-type01.plus a::after,
.btn-type01.plus button::after {
  content: "\2b";
}

@media(max-width:1024px) {

  .btn-type01 a,
  .btn-type01 .a,
  .btn-type01 button {
    font-size: 16px;
    letter-spacing: 0;
    padding: 1em 1em 1em 1.2em;
  }
}

@media(max-width:599px) {

  .btn-type01.sp-min a,
  .btn-type01.sp-min .a,
  .btn-type01.sp-min button {
    font-size: 15px;
    padding: 1em .5em 1em .7em;
    min-width: 140px;
    gap: 5px;
  }
}

.btn-type-02 a {
  padding-right: 20px;
  position: relative;
  font-size: 12px;
  color: var(--color01);
  font-weight: 500;
}

.btn-type-02 a::after {
  content: "\f054";
  font-family: var(--ff99);
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .5s;
  transition: .5s;
}

.btn-type-02 a:hover {
  opacity: 1;
}

.btn-type-02 a:hover::after {
  right: -5px;
}

/* line-cmn */
.line-cmn-01 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;

  -webkit-line-clamp: 1;
}

.line-cmn-02 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

/* indent-cmn */
.indent-half {
  text-indent: -10px;
}

.indent-cmn-01 {
  padding-left: 1.2em;
  text-indent: -1em;
}

.indent-cmn-02 {
  padding-left: 1.2em;
  position: relative;
}

.indent-cmn-02::before {
  content: "\f058";
  font-family: var(--ff99);
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.indent-cmn-03 {
  padding-left: 1.2em;
  position: relative;
}

.indent-cmn-03::before {
  content: "●";
  font-weight: bold;
  color: var(--color-pink2);
  position: absolute;
  left: 0;
  top: 0;
}

.indent-cmn-04 {
  padding-left: 1rem;
  text-indent: -1rem;
}

/* other */
.box-cmn-01 {
  background: var(--color05);
  padding: 60px;
}

.box-cmn-01.white {
  background: rgb(255 255 255 / 80%);
}

.box-cmn-02 {
  background: var(--color05);
  padding: 50px;
}

.marker {
  font-weight: 500;
  color: var(--color-01);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, transparent), color-stop(85%, var(--color-yellow1)), color-stop(100%, var(--color-yellow1)));
  background: linear-gradient(transparent 85%, var(--color-yellow1) 85%, var(--color-yellow1) 100%);
}

.marker2 {
    font-weight: bold;
    color: var(--color-01);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, var(--color-yellow1)), color-stop(100%, var(--color-yellow1)), color-stop(100%, transparent));
    background: linear-gradient(transparent 80%, var(--color-yellow1) 80%, var(--color-yellow1) 100%, transparent 100%);
}

.dot {
  background-position: top left 0px;
  background-repeat: repeat-x;
  background-size: 1em .2em;
  background-image: radial-gradient(.1em .1em at center center, var(--color-pink1), var(--color-pink1) 100%, transparent, transparent);
  padding-top: .2em;
}

@media(max-width:1024px) {
  .box-cmn-01 {
    padding: 50px 20px;
  }

  .box-cmn-02 {
    padding: 50px 20px;
  }
}

@media(max-width:599px) {
  .box-cmn-01 {
    padding: 30px 10px;
  }

  .box-cmn-02 {
    padding: 30px 15px;
  }

  .box-cmn-01.white {
    background: rgb(255 255 255 / 90%);
  }
}

/* 共通コンテンツ間隔 */

[class*="section-m"],
[class*="section-p"] {
  --section-xlarge: 90px;
  --section-large: 80px;
  --section-medium: 70px;
  --section-small: 60px;
  --section-xsmall: 50px;
}

.section-my-xlarge {
  margin-top: var(--section-xlarge);
  margin-bottom: var(--section-xlarge);
}

.section-mt-xlarge {
  margin-top: var(--section-xlarge);
}

.section-mb-xlarge {
  margin-bottom: var(--section-xlarge);
}

.section-my-large {
  margin-top: var(--section-large);
  margin-bottom: var(--section-large);
}

.section-mt-large {
  margin-top: var(--section-large);
}

.section-mb-large {
  margin-bottom: var(--section-large);
}

.section-my-medium {
  margin-top: var(--section-medium);
  margin-bottom: var(--section-medium);
}

.section-mt-medium {
  margin-top: var(--section-medium);
}

.section-mb-medium {
  margin-bottom: var(--section-medium);
}

.section-my-small {
  margin-top: var(--section-small);
  margin-bottom: var(--section-small);
}

.section-mt-small {
  margin-top: var(--section-small);
}

.section-mb-small {
  margin-bottom: var(--section-small);
}

.section-my-xsmall {
  margin-top: var(--section-xsmall);
  margin-bottom: var(--section-xsmall);
}

.section-mt-xsmall {
  margin-top: var(--section-xsmall);
}

.section-mb-xsmall {
  margin-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
  .section-my-xlarge {
    margin-top: calc(var(--section-xlarge) * 0.8);
    margin-bottom: calc(var(--section-xlarge) * 0.8);
  }

  .section-mt-xlarge {
    margin-top: calc(var(--section-xlarge) * 0.8);
  }

  .section-mb-xlarge {
    margin-bottom: calc(var(--section-xlarge) * 0.8);
  }

  .section-my-large {
    margin-top: calc(var(--section-large) * 0.8);
    margin-bottom: calc(var(--section-large) * 0.8);
  }

  .section-mt-large {
    margin-top: calc(var(--section-large) * 0.8);
  }

  .section-mb-large {
    margin-bottom: calc(var(--section-large) * 0.8);
  }

  .section-my-medium {
    margin-top: calc(var(--section-medium) * 0.8);
    margin-bottom: calc(var(--section-medium) * 0.8);
  }

  .section-mt-medium {
    margin-top: calc(var(--section-medium) * 0.8);
  }

  .section-mb-medium {
    margin-bottom: calc(var(--section-medium) * 0.8);
  }

  .section-my-small {
    margin-top: calc(var(--section-small) * 0.8);
    margin-bottom: calc(var(--section-small) * 0.8);
  }

  .section-mt-small {
    margin-top: calc(var(--section-small) * 0.8);
  }

  .section-mb-small {
    margin-bottom: calc(var(--section-small) * 0.8);
  }

  .section-my-xsmall {
    margin-top: calc(var(--section-xsmall) * 0.8);
    margin-bottom: calc(var(--section-xsmall) * 0.8);
  }

  .section-mt-xsmall {
    margin-top: calc(var(--section-xsmall) * 0.8);
  }

  .section-mb-xsmall {
    margin-bottom: calc(var(--section-xsmall) * 0.8);
  }
}

@media (max-width: 599px) {
  /* .section-my-xlarge {
    margin-top: calc(var(--section-xlarge) * 0.6);
    margin-bottom: calc(var(--section-xlarge) * 0.6);
  }

  .section-mt-xlarge {
    margin-top: calc(var(--section-xlarge) * 0.6);
  }

  .section-mb-xlarge {
    margin-bottom: calc(var(--section-xlarge) * 0.6);
  }

  .section-my-large {
    margin-top: calc(var(--section-large) * 0.6);
    margin-bottom: calc(var(--section-large) * 0.6);
  }

  .section-mt-large {
    margin-top: calc(var(--section-large) * 0.6);
  }

  .section-mb-large {
    margin-bottom: calc(var(--section-large) * 0.6);
  }

  .section-my-medium {
    margin-top: calc(var(--section-medium) * 0.6);
    margin-bottom: calc(var(--section-medium) * 0.6);
  }

  .section-mt-medium {
    margin-top: calc(var(--section-medium) * 0.6);
  }

  .section-mb-medium {
    margin-bottom: calc(var(--section-medium) * 0.6);
  }

  .section-my-small {
    margin-top: calc(var(--section-small) * 0.6);
    margin-bottom: calc(var(--section-small) * 0.6);
  }

  .section-mt-small {
    margin-top: calc(var(--section-small) * 0.6);
  }

  .section-mb-small {
    margin-bottom: calc(var(--section-small) * 0.6);
  }

  .section-my-xsmall {
    margin-top: calc(var(--section-xsmall) * 0.6);
    margin-bottom: calc(var(--section-xsmall) * 0.6);
  }

  .section-mt-xsmall {
    margin-top: calc(var(--section-xsmall) * 0.6);
  }

  .section-mb-xsmall {
    margin-bottom: calc(var(--section-xsmall) * 0.6);
  } */
}

.section-py-xlarge {
  padding-top: var(--section-xlarge);
  padding-bottom: var(--section-xlarge);
}

.section-pt-xlarge {
  padding-top: var(--section-xlarge);
}

.section-pb-xlarge {
  padding-bottom: var(--section-xlarge);
}

.section-py-large {
  padding-top: var(--section-large);
  padding-bottom: var(--section-large);
}

.section-pt-large {
  padding-top: var(--section-large);
}

.section-pb-large {
  padding-bottom: var(--section-large);
}

.section-py-medium {
  padding-top: var(--section-medium);
  padding-bottom: var(--section-medium);
}

.section-pt-medium {
  padding-top: var(--section-medium);
}

.section-pb-medium {
  padding-bottom: var(--section-medium);
}

.section-py-small {
  padding-top: var(--section-small);
  padding-bottom: var(--section-small);
}

.section-pt-small {
  padding-top: var(--section-small);
}

.section-pb-small {
  padding-bottom: var(--section-small);
}

.section-py-xsmall {
  padding-top: var(--section-xsmall);
  padding-bottom: var(--section-xsmall);
}

.section-pt-xsmall {
  padding-top: var(--section-xsmall);
}

.section-pb-xsmall {
  padding-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
  .section-py-xlarge {
    padding-top: calc(var(--section-xlarge) * 0.8);
    padding-bottom: calc(var(--section-xlarge) * 0.8);
  }

  .section-pt-xlarge {
    padding-top: calc(var(--section-xlarge) * 0.8);
  }

  .section-pb-xlarge {
    padding-bottom: calc(var(--section-xlarge) * 0.8);
  }

  .section-py-large {
    padding-top: calc(var(--section-large) * 0.8);
    padding-bottom: calc(var(--section-large) * 0.8);
  }

  .section-pt-large {
    padding-top: calc(var(--section-large) * 0.8);
  }

  .section-pb-large {
    padding-bottom: calc(var(--section-large) * 0.8);
  }

  .section-py-medium {
    padding-top: calc(var(--section-medium) * 0.8);
    padding-bottom: calc(var(--section-medium) * 0.8);
  }

  .section-pt-medium {
    padding-top: calc(var(--section-medium) * 0.8);
  }

  .section-pb-medium {
    padding-bottom: calc(var(--section-medium) * 0.8);
  }

  .section-py-small {
    padding-top: calc(var(--section-small) * 0.8);
    padding-bottom: calc(var(--section-small) * 0.8);
  }

  .section-pt-small {
    padding-top: calc(var(--section-small) * 0.8);
  }

  .section-pb-small {
    padding-bottom: calc(var(--section-small) * 0.8);
  }

  .section-py-xsmall {
    padding-top: calc(var(--section-xsmall) * 0.8);
    padding-bottom: calc(var(--section-xsmall) * 0.8);
  }

  .section-pt-xsmall {
    padding-top: calc(var(--section-xsmall) * 0.8);
  }

  .section-pb-xsmall {
    padding-bottom: calc(var(--section-xsmall) * 0.8);
  }
}

@media (max-width: 599px) {
  /* .section-py-xlarge {
    padding-top: calc(var(--section-xlarge) * 0.6);
    padding-bottom: calc(var(--section-xlarge) * 0.6);
  }

  .section-pt-xlarge {
    padding-top: calc(var(--section-xlarge) * 0.6);
  }

  .section-pb-xlarge {
    padding-bottom: calc(var(--section-xlarge) * 0.6);
  }

  .section-py-large {
    padding-top: calc(var(--section-large) * 0.6);
    padding-bottom: calc(var(--section-large) * 0.6);
  }

  .section-pt-large {
    padding-top: calc(var(--section-large) * 0.6);
  }

  .section-pb-large {
    padding-bottom: calc(var(--section-large) * 0.6);
  }

  .section-py-medium {
    padding-top: calc(var(--section-medium) * 0.6);
    padding-bottom: calc(var(--section-medium) * 0.6);
  }

  .section-pt-medium {
    padding-top: calc(var(--section-medium) * 0.6);
  }

  .section-pb-medium {
    padding-bottom: calc(var(--section-medium) * 0.6);
  }

  .section-py-small {
    padding-top: calc(var(--section-small) * 0.6);
    padding-bottom: calc(var(--section-small) * 0.6);
  }

  .section-pt-small {
    padding-top: calc(var(--section-small) * 0.6);
  }

  .section-pb-small {
    padding-bottom: calc(var(--section-small) * 0.6);
  }

  .section-py-xsmall {
    padding-top: calc(var(--section-xsmall) * 0.6);
    padding-bottom: calc(var(--section-xsmall) * 0.6);
  }

  .section-pt-xsmall {
    padding-top: calc(var(--section-xsmall) * 0.6);
  }

  .section-pb-xsmall {
    padding-bottom: calc(var(--section-xsmall) * 0.6);
  } */
}

/* slick */
.slick-next,
.slick-prev {
  z-index: 2;
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid var(--color-pink1);
  border-bottom: none;
  border-left: none;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
  -webkit-transform: rotate(45deg) scale(-1, -1);
  transform: rotate(45deg) scale(-1, -1);
}

button:hover.slick-prev,
button:hover.slick-next {
  opacity: 1;
}

/* fead */

.fead-mv.mv {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.fead-up.mv {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.fead-order>* {
  opacity: 0;
}

.fead-order>.mv {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.fead-text>* {
  opacity: 0;
}

.fead-text .mv {
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.fead-tit {
  position: relative;
}

.fead-tit:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: var(--color01);
  -webkit-transition: 0.8s cubic-bezier(0.57, 0.15, 0.13, 0.97);
  transition: 0.8s cubic-bezier(0.57, 0.15, 0.13, 0.97);
}

.fead-tit.mv:after {
  width: 0;
}

/* show hide */

.show\@pc {
  display: block;
}

.show\@pc.inline-block{
  display:inline-block;
}

.hide\@pc {
  display: none;
}

[data-element-id] .show\@tb {
  display: block;
  border: solid 4px green;
  position: relative;
  max-width:375px;
  margin-left:auto;
  margin-right:auto;
}

[data-element-id] .show\@tb:after {
  display: block;
  content: "モバイル用";
  color: #fff;
  font-weight: 700;
  background: green;
  padding: 5px;
  text-align: center;
  text-shadow: none;
  font-size: 10px;
}

[data-element-id] .show\@tb.indention {
    font-size: 10px;
    border: none;
    display: inline;
    width: 20px;
}

[data-element-id] .show\@tb.indention:after {
    content: "SP時改行";
    display: inline-block;
    width: 30px;
    letter-spacing: -1px;
}

[data-element-id] .show\@pc.indention {
    font-size: 10px;
    border: none;
    display: inline;
    width: 20px;
}

[data-element-id] .show\@pc.indention:after {
  content: "PC時改行";
  /* display: inline-block; */
  width: 30px;
  letter-spacing: -1px;
  color: #fff;
  font-weight: 700;
  background: blue;
  padding: 5px;
  text-align: center;
  text-shadow: none;
  font-size: 10px;
}

[data-element-id] .show\@sp {
  display: block;
  border: solid 4px green;
  position: relative;
  max-width:375px;
  margin-left:auto;
  margin-right:auto;
}

[data-element-id] .show\@sp:after {
  display: block;
  content: "モバイル用";
  color: #fff;
  font-weight: 700;
  background: green;
  padding: 5px;
  text-align: center;
  text-shadow: none;
  font-size: 10px;
}

[data-element-id] .show\@sp.indention {
    display: inline-block;
    border: none;
    width: 30px;
}


[data-element-id] .show\@sp.indention:after {
    content: "SP時改行";
    font-size: 10px;
    padding: 4px 2px 5px;
    white-space:pre-wrap;
    line-height:1;
}

@media (max-width: 1024px) {
  .show\@tb {
    display: block;
  }

  .hide\@tb {
    display: none;
  }
}

@media (max-width: 599px) {
  .show\@sp {
    display: block;
  }

  .hide\@sp {
    display: none;
  }
  
  .show\@pc.hide\@sp.inline-block {
    display: none;
  }
}

/* ##### フロート float ##### */
.up-fl-left {
  float: left;
}

.up-fl-right {
  float: right;
}

.up-fl-none {
  float: none;
}

.up-flc-left {
  clear: left;
}

.up-flc-rigjt {
  clear: right;
}

.up-flc-both {
  clear: both;
}

.float-box {
  display: block;
}

.float-box-img {
  float: right;
}

.float-box-title {
  float: left;
}

.float-box-content {
  float: left;
}

.float-box-wrap.-noinner .float-box:nth-child(odd) .noinner {
  margin-left: auto;
}

.float-box-wrap.-noinner .float-box:nth-child(odd) [class*=btn] {
  margin-right: 0;
}

.float-box-wrap.-noinner .float-box:nth-child(even) .noinner {
  margin-right: auto;
}

.float-box-wrap.-noinner .float-box:nth-child(even) [class*=btn] {
  margin-left: 0;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-img {
  float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-title {
  float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-content {
  float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-img {
  float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-title {
  float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-content {
  float: right;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(odd) .noinner {
  margin-left: 0;
  margin-right: auto;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(odd) [class*=btn] {
  margin-left: 0;
  margin-right: 0;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(even) .noinner {
  margin-left: auto;
  margin-right: 0;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(even) [class*=btn] {
  margin-left: 0;
  margin-right: 0;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-img {
  float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-title {
  float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-content {
  float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-img {
  float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-title {
  float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-content {
  float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-img {
  float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-title {
  float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-content {
  float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-img {
  float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-title {
  float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-content {
  float: left;
}

@media (max-width: 1024px) {
  .up-fl-left\@tb {
    float: left;
  }

  .up-fl-right\@tb {
    float: right;
  }

  .up-fl-none\@tb {
    float: none;
  }

  .up-flc-left\@tb {
    clear: left;
  }

  .up-flc-rigjt\@tb {
    clear: right;
  }

  .up-flc-both\@tb {
    clear: both;
  }
}

@media (max-width: 599px) {
  .up-fl-left\@sp {
    float: left;
  }

  .up-fl-right\@sp {
    float: right;
  }

  .up-fl-none\@sp {
    float: none;
  }

  .up-flc-left\@sp {
    clear: left;
  }

  .up-flc-rigjt\@sp {
    clear: right;
  }

  .up-flc-both\@sp {
    clear: both;
  }

  .float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-title {
    float: right;
    width: 100%;
  }
}

/*===================================
  共通ブロック　block-cmn
==================================*/
/* 共通ブロック１ */
/*===================================
  共通タイトル　ttl-cmn
===================================*/
/* 共通タイトル１ */
.ttl-cmn01 {
  text-align: center;
  font-size: 28px;
}

@media (max-width: 599px) {
  .ttl-cmn01 {
    font-size: 24px;
  }
}

/*===================================
  共通リスト　list-cmn
==================================*/
/* 共通リスト１ */
/*===================================
  共通ボタン btn-cmn
===================================*/
/* 共通ボタン１ */
.btn-cmn01 {
  max-width: 180px;
  margin-top: 50px;
}

.btn-cmn01 a {
  display: block;
  padding: 5px 20px;
  background: #000;
  color: #fff;
  text-align: center;
  position: relative;
}

.btn-cmn01 a:after {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f054";
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
}

.btn-cmn01.btn-back a:after {
  content: "\f053";
  right: inherit;
  left: 5px;
}

/*===================================
  他共通エレメント -cmn
===================================*/
/*===================================
  共通要素
===================================*/
/*h1ページタイトル */
.pagettl {
  font-size: 12px;
  max-width: 1300px;
  width: 98%;
  margin: 0 auto;
  color: var(--color00);
  font-weight: 500;
  padding-right: 130px;
  line-height: 1;
  padding-top: 5px;
}

.pagettl .h1-marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, var(--color-red1)), color-stop(100%, var(--color-red1)), color-stop(100%, transparent));
  background: linear-gradient(transparent 90%, var(--color-red3) 90%, var(--color-red3) 100%, transparent 100%);
    padding-bottom: 3px;
}

.pagettl .city {
    font-size: 120%;
    font-weight: 600;
}

.pagettl .num {
    font-size: 130%;
    font-weight: 600;
}

@media(max-width:1024px) {
  .pagettl {
    padding: 0px calc(40px + 2%) 0px 0px;
    margin: 0 2%;
  }
}

@media(max-width:599px) {
  .pagettl {
    font-size: 10px;
  }
}

/**
ヘッダー
header
*/

.header {
  z-index: 260;
  position: relative;
  /* padding-bottom: 10px; */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 30%);
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.index .fix-bottom{
  -webkit-transform: translateX(210%);
        transform: translateX(210%);
}
.index-fixed .fix-bottom{
  animation: sclAnimation 1.0s;
  -webkit-transform: translateX(0%);
        transform: translateX(0%);
}

[data-element-id] .index .fix-bottom{
  -webkit-transform: translateX(0%);
        transform: translateX(0%);
}

/* スクロールメニューアニメーション */
@-webkit-keyframes sclAnimation {
    0% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes sclAnimation {
    0% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

[data-element-id] .header{
  position: relative;
  top: auto;
  left: auto;
}

.header .header-common .left {
  -webkit-transition: .5s;
  transition: .5s;
  display: flex;
  align-items: center;
}

.header .header-common .left .icon-access {
    max-width: 15px;
    max-height: 35px;
    margin-left: .5rem;
    transform: translateY(-3px);
}

[data-element-id] .header .header-common .left{
  margin-right: 0;
}

.fixed .header .header-common .left {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.header .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 0;
  max-width: 1300px;
  width: 98%;
}

[data-element-id] .header .contents{
  flex-wrap: wrap;
}

.header .logo img {
  max-height: 25px;
}

.header .header-common .hum-right {
    position: fixed;
    top: 0;
    right: 0;
  /* z-index: 250; */
    overflow: auto;
    width: 100%;
    max-width: 350px;
    height: 100%;
    /* background: rgba(255, 255, 255, 0.99); */
    background: #f4f4f4;
    -webkit-transition: -webkit-transform ease 0.5s;
    transition: -webkit-transform ease 0.5s;
    transition: transform ease 0.5s;
    transition: transform ease 0.5s, -webkit-transform ease 0.5s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
    -webkit-overflow-scrolling: touch;
    padding: 30px 20px;
    /* visibility: hidden;
    opacity: 0; */
    transition: .5s;
  }

.drawer-active .header .header-common .hum-right {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 250;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  -webkit-box-shadow: 0 0 5px 0 #999;
  box-shadow: 0 0 5px 0 #999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  /* visibility: visible;
  opacity: 1; */
  overflow-y: scroll;
}

/* .header .header-common .hum-right>*{
  display: none;
}

.drawer-active .header .header-common .hum-right>*{
  display: block;
} */

.header .header-common .hum-right .navlogo img{
  max-width: 140px;
}

.header .header-common .hum-right .snsbox{
      margin-left: 0;
    margin-right: auto;
}

[data-element-id] .header .header-common .hum-right{
  position: relative !important;
  transform: none;
  border: 3px solid orange;
  margin-left: auto;
}

[data-element-id] .header .header-common .hum-right::before {
    content: "ハンバーガーメニュー";
    background: orange;
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: block;
    margin: -30px -30px 30px;
}
  
.gnav .hum-right .wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    gap: 20px;
    flex-direction: column;
}

.header .right .info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transition: .5s;
  transition: .5s;
}

.fixed .header .right .info-block {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

@media (max-width: 1024px) {
  .header {
    padding: 5px 0 5px;
  }

  .header .contents {
    margin: 0 0 0 2%;
    padding-bottom: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .header-common .left {
    padding-top: 5px;
    width: 100%;
    justify-content: space-between;
  }
  
  .header .header-common .left .icon-access {
    transform: translateY(0px);
  }

  .fixed .header .contents .logo {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .header .header-common {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0;
  }

  .fixed .header .header-common {
    padding: 5px 0 5px;
  }
  
  .header .header-common .right{
    display: none;
  }
  
 /*  .header .header-common .right {
   position: fixed;
   top: 0;
   right: 0;
   overflow: auto;
   width: 100%;
   max-width: 400px;
   height: 100%;
   background: rgba(255, 255, 255, 0.9);
   -webkit-transition: -webkit-transform ease 0.5s;
   transition: -webkit-transform ease 0.5s;
   transition: transform ease 0.5s;
   transition: transform ease 0.5s, -webkit-transform ease 0.5s;
   -webkit-transform: translate3d(100%, 0, 0);
   transform: translate3d(100%, 0, 0);
   -webkit-overflow-scrolling: touch;
 }
 
 .drawer-active .header .header-common .right {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 250;
   width: 100%;
   height: 100vh;
   height: 100dvh;
   -webkit-box-shadow: 0 0 5px 0 #999;
   box-shadow: 0 0 5px 0 #999;
   cursor: pointer;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   padding: 30px;
   overflow-y: scroll;
 } */

  .header .right .info-block {
    -webkit-transform: none;
    transform: none;
    padding-top: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0;
  }
  
  .index .fix-bottom,.index-fixed .fix-bottom{
  -webkit-transform: translateX(0%);
        transform: translateX(0%);
  animation: none;
  }

  .toggle {
    margin: 0 2% 0 0;
  }
}

@media(max-width:599px){
  .header .header-common .hum-right{
    max-width: 100%;
  }
}

/* 下部固定コンテンツ */
.fix-bottom {
  position: fixed;
  bottom: calc(10% - 30px);
  right: -100%;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 10px;
  -webkit-transition: 1s !important;
  transition: 1s !important;
  /* opacity: 0;
  visibility: hidden; */
}

.fix-bottom.mv{
  right: 0;
}

/* .index-fixed .fix-bottom {
  right: 0;
  opacity: 1;
  visibility: visible;
} */

[data-element-id] .fix-bottom {
    position: relative;
    right: auto;
    top: auto;
    width: fit-content;
    margin-left: auto;
}

.fix-bottom .item{
  width: 100%;
}

.fix-bottom a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px 20px 15px;
    gap: 5px;
    border-right: none;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    -webkit-box-shadow: var(--shadow1);
    box-shadow: var(--shadow1);
    font-size: 17px;
    min-width: fit-content;
    width: 100%;
    text-align: center;
    position: relative;
    background: var(--color-orange2);
    flex-direction: row;
    border-radius: 20px 0 0 20px;
    writing-mode: tb-rl;
}

/* .fix-bottom a::before {
    content: "\f054";
    font-weight: bold;
    font-family: var(--ff99);
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 10px;
    transform: translateY(-50%);
} */

.fix-bottom a .f-icon{
  transform: translateX(3px);
}

.fix-bottom a .f-icon.icon-memo{
  transform: translateX(7px);
}

.fix-bottom .explain a {
  background: var(--color-red1);
}

.fix-bottom .explain a .icon-aesthe {
  width: 32px;
  margin-right: 0
}

.fix-bottom .document a {
  background: var(--color-green1);
}

.fix-bottom .explain .balloon {
    position: absolute;
    background: url(/upload/tenant_1/23138463_00.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 276 / 136;
    color: #000;
    letter-spacing: -1px;
    display: flex;
    top: -40px;
    left: -50px;
    font-weight: 600;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 20px 10px;
    writing-mode: horizontal-tb;
    min-width: 110px;
    font-size: 12px;
}

.fix-bottom .explain .balloon-inner {
  position: relative;
  line-height: 1.3;
  text-align: center;
}

.abtest-a.fix-bottom .item{
  position: relative;
}

.abtest-a.fix-bottom .item a{
  overflow: hidden;
    position: relative;
}

.abtest-a.fix-bottom .item a:hover {
    opacity: 1;
    transform: translateY(4px);
    box-shadow: none;
}

.abtest-a.fix-bottom .item a::after {
    content: "";
    width: 200%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-animation: shine 6s cubic-bezier(0.25, 0, 0.25, 1) infinite;
    animation: shine 6s cubic-bezier(0.25, 0, 0.25, 1) infinite;
    position: absolute;
    top: 0;
    left: -200%;
}

/* 光の動き */
@-webkit-keyframes shine {
    0% {
        opacity: 0;
        left: -200%;
    }

    1% {
        opacity: 0.5;
        left: -200%;
    }

    91% {
        opacity: 1;
        left: -200%;
    }

    100% {
        opacity: 0;
        left: 100%;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
        left: -200%;
    }

    1% {
        opacity: 0.5;
        left: -200%;
    }

    91% {
        opacity: 1;
        left: -200%;
    }

    100% {
        opacity: 0;
        left: 100%;
    }
}

.fix-bottom.abtest-b .item a{
    -webkit-transition: 1s cubic-bezier(0.68, -0.6, 0.32, 2);
    transition: 1s cubic-bezier(0.68, -0.6, 0.32, 2);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: bound 2s ease-in-out infinite;
    animation: bound 2s ease-in-out infinite;
}

@-webkit-keyframes bound {
     0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bound {
     0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 1026px) and (min-height: 500px) and (max-height: 730px) {
  .fix-bottom{
    top: calc(50% + 40px);
        bottom: auto;
        transform: translateY(-50%);
    gap: 5px;
  }
  
  .fix-bottom.abtest-b .item a{
    padding: 12px 10px 12px 10px;
        border-radius: 10px 0 0 10px;
        font-size: 15px;
  }
  
  .fix-bottom .explain .balloon{
    top: -30px;
    left: -42px;
    padding: 7px 10px 15px 10px;
    min-width: 90px;
    font-size: 10px;
  }
}

@media (max-width: 1024px) {
  .fix-bottom {
    position: fixed;
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none;
    left: 0;
    z-index: 250;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 2vw;
    background: rgba(0, 0, 0, .5);
    padding: .7em 2.5% calc(.7em + 2px);
  }

  .fix-bottom .item {
    width: calc(100% / 2);
    padding: 0;
    border-radius: 0;
  }

  .fix-bottom .item a {
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    min-height: unset;
    border: none;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    letter-spacing: 1px;
    font-size: 16px;
    min-width: unset;
    border-radius: 5px;
    flex-direction: row;
    padding: 10px 4vw 10px 15px;
    min-height: 48px;
  }
  
  .fix-bottom .item a::before{
    right: 2vw;
  }

  .fix-bottom .explain a .icon-aesthe {
    width: 22px;
  }
  
  .fix-bottom a .f-icon.icon-memo {
    transform: none;
            width: 26px;
  }

  .fix-bottom .explain .balloon {
      padding:5px 17px 9px 17px;
      font-size: 12px;
      top: -40px;
      left: -10px;
      min-width: unset;
  }

  .fix-bottom .item .icon-book {
    -webkit-transform: none;
    transform: none;
  }

  .fix-bottom .item .icon-mail {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}

@media(max-width:599px) {
  .fix-bottom .item.document{
      width: fit-content;
      flex-shrink: 0;
  }
  
  .fix-bottom .item a {
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    min-height: unset;
    border: none;
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
    letter-spacing: 0px;
    font-size: 14px;
    min-width: unset;
    min-height: 60px;
  }
  
  .fix-bottom .item a::before {
    right: 5px;
  }
  
  .fix-bottom .item a{
    padding: 10px 5px 10px 5px;
    gap: 3px;
  }
  
  .fix-bottom .item .icon-book{
    margin-right: 0;
  }

  .fix-bottom .explain .balloon {
      font-size: 12px;
        left: -10px;
        top: -45px;
  }

  .fix-bottom .explain .balloon-inner::before {
    bottom: -12px;
    width: 10px;
  }
}

/**
グローバルナビ
gnav
*/
header .right {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  white-space: nowrap;
}

[data-element-id] header .right{
  flex-shrink: 1;
}

header .right .snsbox .icon img {
  width: 42px;
}

.gnav {
  position: relative;
  z-index: 100;
}

.gnav .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

[data-element-id] .gnav .wrap {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.hum-right .gnav .wrap{
  flex-direction: column;
}

.gnav .list01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-box-pack: end;
  justify-content: flex-end;
  gap: 20px;
  width: 100%;
}

 .hum-right .gnav .list01 {
    -webkit-box-pack: end;
    justify-content: flex-end;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}

[data-element-id] .gnav .list01{
  align-items: flex-start;
}

.gnav .item01 {
  text-align: center;
  font-size: 18px;
}

 .hum-right .gnav .item01 {
    text-align: left;
}

.gnav .item01>a,
.gnav .item01 .itemin {
  display: block;
  cursor: pointer;
  font-weight: 700;
  color: var(--color00);
}

.right .gnav .item01>a,.right .gnav .item01 .itemin{
  font-family: var(--ff02);
}

.right .gnav .item01 .itemin:before {
    position: absolute;
    content: "";
    overflow: hidden;
    width: 0%;
    left: 50%;
    bottom: -5px;
    transition: 0.2s ease-in-out 0.15s;
    border-bottom: 4px solid var(--color-pink2);
}

.right .gnav .item01:hover .itemin:before {
    width: 100%;
    left: 0%;
    transition: 0.2s ease-in-out;
}

.gnav .item01 .en {
  line-height: 1;
}

.gnav .item01 .ja {
  font-size: 75%;
  color: var(--color02);
}

.gnav .item01.-parent {
  position: relative;
}

.gnav .item01.-parent:hover .list02 {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.gnav .list02 {
  position: absolute;
  top: calc(100% - 3px);
  left: 50%;
  visibility: hidden;
  padding-top: 12px;
  min-width: 200px;
  font-size: 15px;
  letter-spacing: 1px;
  background: rgb(255 255 255) content-box;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.gnav .list02.type02 {
  width: auto;
  max-width: 100vw;
}

 .hum-right .gnav .list02 {
    width: 100%;
    position: relative;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    background: none;
    padding-top: 0;
}

[data-element-id] .gnav .list02 {
    width: fit-content;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    visibility: visible;
    opacity: 1;
    border: 5px solid;
    padding: 10px;
}

[data-element-id] .hum-right .gnav .list02 {
    border: none;
    padding: 0;
}

[data-element-id] .gnav .list02::before {
    background: var(--color00);
    width: calc(100% + 20px);
    display: block;
    color: #fff;
    margin: -10px -10px 10px;
    line-height: 1;
    padding: 0px 10px 5px;
    font-size: 12px;
}

[data-element-id] .gnav .list02.about::before {
    content: "ISBAについて";
}

[data-element-id] .gnav .list02.course::before {
    content: "コース案内";
}

.gnav .list02 .list02-inner {
  padding: 20px 0px;
  /* border: 5px solid var(--color-pink2); */
}

[data-element-id] .gnav .list02 .list02-inner{
  flex-wrap: nowrap;
}

 .hum-right .gnav .list02 .list02-inner {
    padding: 0;
    border: none;
    flex-direction: column;
}

.hum-right .gnav .list02 .list02-inner{
  gap: 20px;
}

.gnav .list02 .list02-inner .list02box:not(:last-of-type) {
  border-right: 1px dashed var(--color-pink1);
}

[data-element-id] .gnav .list02 .list02-inner .list02box:not(:last-of-type){
  width: auto;
}

.item02-wrap {
  margin-top: 10px;
}

 .hum-right .item02-wrap{
  margin-top: 0;
}

.gnav .list02 .list02-inner .tit {
  font-weight: 800;
  position: relative;
  display: block;
  width: fit-content;
}

/* .gnav .list02:not(.type02) .item02:not(:first-of-type) {
  border-top: 1px solid var(--color-pink1);
} */

.gnav .item02:first-of-type,.hum-right .gnav .list02:not(.type02) .item02:not(:first-of-type) {
  border-top: none;
}

 .hum-right .list02box {
    width: 100%;
    border-right: none !important;
}

.gnav .item02 a {
    display: block;
    padding: 5px 10px 5px 10px;
    /* text-align: center; */
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 16px;
    text-align: left;
    position: relative;
    font-weight: 600;
    line-height: 1.2;
    width: fit-content;
    font-family: var(--ff02);
}

/* .gnav .item02 a::before {
  content: "\f054";
  font-family: var(--ff99);
  font-weight: bold;
  position: absolute;
  top: 9px;
  left: 15px;
  font-size: 80%;
} */

.drawer-active .header .left,
  .drawer-active .header .pagettl,
  .drawer-active main,
  .drawer-active footer,
  .drawer-active .header .right .gnav .list01,
  .drawer-active .header .right .snsbox{
    -webkit-filter: blur(3px);
    filter: blur(3px);
  }

  body.drawer-active {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
  }
  
@media (max-width: 1024px) {
  .header .left,
  .header .pagettl,
  main,
  footer {
    -webkit-transition: .5s;
    transition: .5s;
  }
  
/*   .pagettl{
  display: none;
} */

  .gnav {
    margin-top: 40px;
  }

  .gnav .navlogo {
    display: block;
    margin-bottom: 20px;
    padding-right: 40px;
  }

  .gnav .list01 {
    gap: 20px;
  }

  .gnav .item01 {
    /* margin: 0 0 10px 0; */
    width: 100%;
    text-align: left;
  }

  .gnav .list02 {
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
    padding-top: 0;
    background: none;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    margin-top: 5px;
  }

  .gnav .list02 a {
    position: relative;
    padding: 5px 0 5px 1em;
    display: block;
    font-size: 15px;
  }

  .gnav .list02 a::before {
    content: "\f054";
    font-family: var(--ff99);
    font-weight: bold;
    font-size: 10px;
    position: absolute;
    top: 10px;
    left: 1px;
  }

  .gnav .list02 .list02-inner {
    padding: 0;
    border: none;
  }

  .gnav .list02:not(.type02) .item02:not(:first-of-type) {
    border-top: none;
  }

  .gnav .list02 .list02-inner .list02box:not(:last-of-type) {
    border-right: none;
  }

  .gnav .list02 .list02-inner .list02box .item02-wrap {
    margin-top: 0;
  }

  .gnav .list02 .list02-inner .list02 {
    padding-left: 1em;
  }

  /* .gnav .list02 .list02-inner .list02box+.list02box {
    margin-top: 20px;
  } */
}

@media(max-width:599px) {
 /*  .gnav {
   max-width: 300px;
 } */
}

[data-element-id] .gnav.fixed {
  position: relative;
}

/* ハンバーガーメニュー  */
.toggle {
  position: relative !important;
  z-index: 251;
  height: 50px;
  width: 50px;
  cursor: pointer;
}

.hum-right .toggle {
    z-index: 252;
    position: fixed!important;
    top: 0;
    right: 10px;
}

.toggle .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -1px;
  padding: 0;
  width: 28px;
  height: 2px;
  background: var(--color00);
  text-indent: 9999px;
  transition: ease 0.4s;
  -webkit-transition: ease 0.4s;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.toggle .bar:nth-of-type(1) {
  top: calc(50% - 10px);
}

.toggle .bar:nth-of-type(3) {
  top: calc(50% + 10px);
}

.drawer-active .toggle .bar:nth-of-type(1) {
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg);
  top: 50%;
}

.drawer-active .toggle .bar:nth-of-type(2) {
  opacity: 0;
}

.drawer-active .toggle .bar:nth-of-type(3) {
  -webkit-transform: translate(-50%, 0) rotate(-45deg);
  transform: translate(-50%, 0) rotate(-45deg);
  top: 50%;
}

.hum-right .gnav .item01,.hum-right .gnav .item02{
  position: relative;
}

.hum-right .gnav .item01>a, .hum-right .gnav .item01 .itemin,.hum-right .gnav .item02 a{
  color: var(--color-black1);
  position: relative;
  width: fit-content;
  font-family: var(--ff02);
  font-weight: 700;
}

.hum-right .gnav .list02 .list02-inner .tit {
    font-family: var(--ff02);
    font-weight: 700;
    color: var(--color-black1);
    line-height: 1.2;
}

.hum-right .gnav .item02>a{
  padding: 5px 10px 5px 30px;
}

.hum-right .gnav .item02>a::before {
    content: "\f054";
    font-family: var(--ff99);
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 60%;
}

.hum-right .gnav .item01>a:hover,.hum-right .gnav .item02 a:hover,.gnav .list02 .list02-inner .tit:hover{
  color: #f04b00;
  opacity: 1;
    background-position-x: 0;
    transform: translateX(0.75rem);
}

/* .hum-right .gnav .item01>a::after,.hum-right .gnav .item02 a::after,.gnav .list02 .list02-inner .tit::after{
  position: absolute;
    top: 55%;
    right: -1.125rem;
    width: 0.8125rem;
    height: 0.8125rem;
    margin-top: -0.375rem;
    content: "";
    background-image: url(/upload/tenant_1/c-btn_icon_arrow_active.webp);
    background-size: 0.8125rem;
    opacity: 0;
    transition: cubic-bezier(0.165, 0.84, 0.44, 1) .15s;
}

.hum-right .gnav .item01>a:hover::after,.hum-right .gnav .item02 a:hover::after,.gnav .list02 .list02-inner .tit:hover::after {
    right: -1.5625rem;
    opacity: 1;
    transition-delay: .15s;
} */

.drawer-active .overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 251;
  width: 100%;
  height: 100vh;
  background: #000;
  content: '';
  opacity: 0.3;
  transform: translate3d(0, 0, 0) !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
}

@media (max-width: 1024px) {
  .toggle {
        display: block !important;
        height: 40px;
    }
  
 /*  .drawer-active .toggle {
       transform: translate(-10px, -10px);
   } */
  
  .hum-right .toggle{
    display: none !important;
  }
  
  .hum-right .gnav .list02 .list02-inner{
    gap: 0;
  }
}

/*トップへ戻る*/
/* .totop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 200;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid;
  color: #fff;
  background: #66937a;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 35px;
  cursor: pointer;
}

.totop:before {
  content: '\f077';
  font-weight: bold;
  font-family: 'Font Awesome 5 Free';
}

@media (max-width: 1024px) {
  .totop {
    right: 10px;
    bottom: 60px;
  }
} */

/**
フッター
footer
*/
.footer .copy {
  margin: 80px 0 0 0;
  font-size: 12px;
  font-weight: 600;
}

.footer .maps iframe {
  height: 350px;
  width: 100%;
}

@media (max-width: 1024px) {
  .footer .copy {
    margin-top: 50px;
    padding-bottom: 20px;
    text-align: center;
  }

  .footer .map {
    padding-top: 70%;
  }

  .footer .maps iframe {
    height: 300px;
  }
}

@media(max-width:599px) {
  .footer .maps iframe {
    height: 200px;
  }

  .footer .copy {
    margin-top: 20px;
    padding-bottom: 60px;
  }
}

.footer .logo img {
    max-height: 35px;
}

@media(max-width:599px) {
  .footer .logo img {
      max-height: 25px;
  }
}

/**
フッターナビ
fnav
*/
.fnav {
  padding: 80px 0 280px;
}

.fnav .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fnav .icon-access {
    max-width: 15px;
    max-height: 35px;
    transform: translateY(-3px);
    display: inline-block;
    margin-left: 5px;
}

.btnbox {
  gap: 10px;
}

.fnav .txt {
  font-weight: 400;
}

.fnav .address{
  font-size: 15.6px;
}

.fnav .item a:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  content: '';
}

.fnav .datattl {
  position: relative;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  letter-spacing: 2px;
  border-bottom: 1px solid;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.fnav .data {
  margin-bottom: 5px;
  padding-right: 10px;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.fnav .data+.data {
  margin-top: 20px;
}

.fnav .data a, .fnav .data .a {
    position: relative;
    display: block;
    line-height: 1.2;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 700;
    font-family: var(--ff02);
}

.fnav .data .data2 a::before {
  content: "\f054";
  font-family: var(--ff99);
  font-weight: bold;
  margin-right: 5px;
  position: absolute;
  top: 4px;
  left: -12px;
  font-size: 10px;
}

.fnav .data .data2 a {
  margin-left: 40px;
  font-size: 16px !important;
  margin-top: 14px;
}

@media(max-width:599px) {
  .fnav {
    padding-top: 0;
  }

  .fnav .data a,
  .fnav .data .a {
    font-size: 15px;
    letter-spacing: -1px;
  }
  
  .fnav .address{
    font-size: 13px;
  }
}

/* icon */
.icon {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.icon-pdf {
  content: "";
  background-image: url('/import/tenant_1/202.181.103.127/html/images/common/icon-pdf.webp');
  aspect-ratio: 44/57;
  width: 20px;
}

.icon-aesthe {
  width: 28px;
  margin-right: 5px;
}

@media(max-width:1024px) {
  .icon-aesthe {
    width: 22px;
    margin-right: 0;
  }
}

.icon-book {
  width: 35px;
  margin-right: 5px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

@media(max-width:1024px) {
  .icon-book {
    width: 26px;
  }
}

.snsbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  line-height: 1;
  letter-spacing: 0;
  margin-left: 1rem;
}

.snsbox .sns-item:not(.translate){
  z-index: 2;
  position: relative;
}

.snsbox .icon img {
  width: 30px;
}

.logo-box .other .accessbox {
  border: 2px solid var(--color-red3);
  margin-top: 10px;
  width: fit-content;
}

.logo-box .other .accessbox .tit {
  background: var(--color-red3);
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

#translate-box {
  cursor: pointer;
  position: relative;
}

.translate-list {
    position: absolute;
    width: 30px;
    background: var(--i_sub2_color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    /* visibility: hidden; */
    /* z-index: -10; */
    -webkit-transition: .5s;
    transition: .5s;
}

.translate-list select {
    cursor: pointer;
    width: 100%;
}

[data-element-id] .translate-list {
    width: auto;
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: -28px;
}

.active .translate-list,
[data-element-id] .translate-list {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

@media (max-width: 1024px) {
  .fnav{
    padding-bottom: 80px;
  }
  
  .fnav .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .fnav .fnav-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .fnav .fnav-list-inner {
    transform: translateX(25px);
  }

  .fnav .list01 {
    margin-bottom: 10px;
    width: 100%;
  }

  .fnav .list02 {
    width: 100%;
  }
  
  .snsbox{
    margin-left: 0;
  }
}

@media (max-width: 599px) {
  
  .fnav .fnav-list-inner {
    transform: none;
  }
  
  .fnav .list01 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .fnav .big-tit {
    font-size: calc(100vw / 5);
    margin: -4vw 0 30px auto;
  }

  .fnav .fnav-list-inner {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  
  .fnav .datawrap{
    width: 100%;
  }

  .fnav .data+.data {
    margin-top: 0;
  }

  .fnav .data {
    margin-bottom: 20px;
    /* width: 50%; */
  }
  
  .fnav .datawrap.-datawrap1 .data.-w100 {
    width: 100%;
  }
  
  .fnav .datawrap.-datawrap2{
    column-count: 2;
  }

  .fnav .data .data2 a {
    margin-left: 30px;
    font-size: 14px !important;
    margin-top: 14.5px;
  }
}

[data-element-id] .fnav .fnav-list{
  flex-wrap: wrap;
}

[data-element-id] .fnav .show\@sp .datawrap.-datawrap2{
  column-count: 2;
}

[data-element-id] .fnav .show\@sp .data a, [data-element-id] .fnav .show\@sp .data .a {
    font-size: 15px;
    letter-spacing: -1px;
}

[data-element-id] .fnav .data .data2 a {
    margin-left: 30px;
    font-size: 14px !important;
    margin-top: 14.5px;
}

/**
2カラムページ
*/
.column2 .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.column2 .side {
  width: 230px;
}

.column2 .mainwrap {
  width: calc(100% - 280px);
}

@media (max-width: 1024px) {
  .column2 .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .column2 .side {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 50px;
    width: 100%;
  }

  .column2 .mainwrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 50px;
    width: 100%;
  }
}

/* サイドメニュー */
.side .list {
  margin-bottom: 30px;
  border: 1px solid var(--color-gray1);
}

@media (max-width: 1024px) {
  .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .side .list {
    width: calc((100% - 10px)/2);
  }
}

@media (max-width: 599px) {
  .side .list {
    width: 100%;
  }
}

.list-side .datattl {
  position: relative;
  padding: 15px;
  background: var(--color-pink1);
  color: #fff;
  line-height: 1;
  letter-spacing: 3px;
  text-align: center;
  font-size: 20px;
  font-family: var(--ff02);
}

.list-side a {
  position: relative;
  display: block;
  padding: 8px 30px 8px 10px;
  line-height: 1.5;
  width: 100%;
  border: 1px solid var(--color-gray1);
}

.list-side a:hover {
  background: var(--color-pink3);
  opacity: 1;
  color: var(--color-pink1);
}

.list-side a:after {
  position: absolute;
  top: 12px;
  right: 10px;
  content: '\f054';
  font-family: var(--ff99);
  font-size: 10px;
  font-weight: bold;
}

.list-side a:hover:before {
  color: #fff;
}

@media (max-width: 1024px) {
  .list-side.type-archive .datawrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .list-side.type-archive .datawrap .datattl {
    width: 100%;
  }

  .list-side.type-archive .datawrap .data {
    width: 50%;
  }
}

/*===================================
  各個別コンテンツ
===================================*/
/**
index
*/
/*homevisual*/
.homevisual {
  position: relative;
}

[data-element-id] .homevisual {
    border: 5px solid lightseagreen;
    padding: 10px;
}

[data-element-id] .homevisual::before {
    content: "横にスクロールすると他の画像も選択可能です";
    background: lightseagreen;
    color: #fff;
    text-align: center;
    font-size: 12px;
    display: block;
    margin: -10px -10px 10px;
    padding-bottom: 3px;
}

.homevisual .img {
  position: relative;
  width: 100%;
  aspect-ratio: 1300/655;
  margin-left: auto;
}

.homevisual .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover; object-position: 50% 50%;';
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.homevisual .slick-dots li button:before{
  bottom: 10px !important;
}

[data-element-id] .homevisual .img{
  width: 100vw;
    overflow-x: scroll;
}

[data-element-id] .mv-slick {
    display: flex;
    white-space: nowrap;
   /*  width: 300vw; */
}

[data-element-id] .mv-slick .mv-item {
    width: 99vw;
}

.mv-item .linetxt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-pink1);
  color: #fff;
  padding: 15px;
  text-align: center;
  z-index: 2;
  font-size: clamp(1.25rem, 0.784rem + 0.73vw, 1.375rem);
  line-height: 1.2;
  font-weight: 700;
}

.mv-item .mv-btn {
    position: absolute;
    left: 16vw;
    bottom: 5%;
}

.mv-item .mv-btn a {
  background: #ffcc00;
  color: var(--color00);
  padding: 1.8rem 3.5rem;
}

.mv-item .mv-btn a::after {
  content: "";
  background: url('/import/tenant_1/202.181.103.127/html/images/common/finger.webp') no-repeat;
  background-size: contain;
  aspect-ratio: 57 / 61;
  width: 57px;
  display: block;
  position: absolute;
  bottom: -15px;
  right: -10px;
  -webkit-transition: .5s;
  transition: .5s;
}

.mv-item .mv-btn a:hover::after {
  -webkit-transform: scaleX(1.03);
  transform: scaleX(1.03);
}

.mv-item {
  position: relative;
}

.mv-item .sp-img-box {
    width: 100%;
    position: relative;
    display: block;
}

.mv-item .sp-img-box .img {
    width: 100%;
    aspect-ratio: 4.5 / 5;
}

[data-element-id] .mv-item .sp-img-box{
  width: 375px;
  position: absolute;
  bottom: 20px;
  left: 0;
}
[data-element-id] .mv-item .sp-img-box .img {
    width: 100%;
    aspect-ratio: 767/1032;
}

/* A-BiSUスライダー用 */
.homevisual .uk-slidenav-position,
.homevisual .uk-slideshow,
.homevisual .uk-slideshow>li,
.homevisual .uk-flex,
.homevisual .uk-flex img {
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.homevisual .uk-slidenav-position,
.homevisual .uk-slideshow,
.homevisual .uk-slideshow>li,
.homevisual .uk-flex,
.homevisual .uk-flex img {
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 
.homevisual .slick-slide {
  display: block !important;
} */

@media(max-width:1024px) {
  /* .homevisual .slick-track {
    width: 100% !important;
  } */

  .mv-item .linetxt {
    padding: 15px 5px;
    font-size: 16px;
  }
}

@media (max-width: 599px) {
  .mv-item{
    padding-top: 20px;
  }
  
  .slick-slide .mv-item .img{
    transform: translateY(-20px) !important;
    aspect-ratio: 767/1032;
  }

  .mv-item .linetxt {
    padding: 5px 5px;
    font-size: 10px;
    letter-spacing: 0;
  }
  
  .mv-item .mv-btn {
    left: 50%;
    transform: translateX(-50%);
    bottom: 36%;
  }
  
  .mv-item .mv-btn a {
    padding: 1.1rem 1.5rem 1.1rem 1.5rem;
    font-size: 14px;
    min-width: 220px;
  }

  .mv-item .mv-btn a::after {
      width: 30px;
      bottom: -12px;
      right: -10px;
  }
}

/* index-present-area */
/* index-present-list */
[data-element-id] .index-present-list .item a {
    display: block;
    width: fit-content;
    /* margin-left: auto; */
}

[data-element-id] .index-present-list .item .icon-pdf {
    position: relative;
    bottom: auto;
    right: auto;
}

.index-present-list .item .icon-pdf {
  position: absolute;
  bottom: 0;
  right: 0;
}

/* .index-present-list.type02 .item+.item {
  margin-top: 20px;
} */

/* .index-present-list.type02 .item .item-inner {
  padding: 10px;
  background: #fff;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
} */
.index-present-list.type02 .item .item-inner {
    padding: 10px;
    background: #fff;
    border: 1px solid var(--cmn01);
    height: 100%;
    /* background-color: var(--color-gray1);
    padding: 10px; */
}

.media-list-wrap .item .item-inner {
  background: #fff;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
}

.index-present-list.type02 .item .item-inner .titbox {
    padding: 0;
    font-family: var(--ff02);
    color: var(--color-pink1);
    font-size: 22px;
    text-align: center;
}

.media-list-wrap .item .item-inner .tit {
  padding: 10px;
}

@media(max-width:599px) {
  .index-present-list .item:not(:first-of-type){
    width: 50%;
  }
  
  .index-present-list.-page-about .item{
    width: 100% !important;
  }
  
  /* .index-present-list.type02 .item .item-inner {
    padding: 5px 5px;
  } */

  .index-present-list.type02 .item .item-inner .up-p-10 {
    padding: 10px 5px;
  }
  
  .index-present-list .item:first-of-type .img{
    width: 45%;
    float: right;  
  }
  
  .index-present-list .item:first-of-type .numbox,.index-present-list .item:first-of-type .tit{
    float: left;
    width: 55%;
  }
  
  .index-present-list .item:first-of-type .numbox {
    transform: translateY(40px);
  }
  
  .index-present-list.-page-about .item .numbox{
    width: 100% !important;
  }
  
  .index-present-list .item:first-of-type .tit{
    font-size: 17px;
    letter-spacing: -1px;
  }
  
  .index-present-list .item .tit{
    position: relative;
    font-size: 14px;
    letter-spacing: -0.6px;
  }
  .index-present-list .item .icon-pdf {
    bottom: -10px;
    right: 5px;
  }
}

/* inner change-tokuten-box */
.change-tokuten-box {
    background-color: var(--color-red1);
    padding: 50px 30px;
    border-radius: 10px;
}

.change-tokuten-box .ttlbox .ttl-cmn-01{
  color: #fff;
}

.change-tokuten-box .ttlbox .ttl-cmn-01::before, .change-tokuten-box .ttlbox .ttl-cmn-01::after{
  background: #fff;
}

.change-tokuten-box .ttlbox .ttl-cmn-02{
  background: #fff;
  color: var(--color-red1);
}

.change-tokuten-box .index-present-list .item-inner{
  background-color: #fff;
  padding: 20px 15px;
  border-radius: 10px;
}

.change-tokuten-box .index-present-list .item .numbox {
    border-radius: 100px;
    padding: 5px 10px;
    width: fit-content;
    min-width: 180px;
    margin: 0 auto;
}

.change-tokuten-box .index-present-list .item .pdf-more {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.change-tokuten-box .index-present-list .item .icon-pdf{
      position: relative;
    bottom: auto;
    right: auto;
}

.change-tokuten-box .btn-type01 a{
    background: #fff;
    color: var(--color-red1);
}

.change-tokuten-box .btn-type01 .icon-aesthe{
  filter: brightness(0) saturate(100%) invert(31%) sepia(66%) saturate(1909%) hue-rotate(327deg) brightness(104%) contrast(102%);
}

@media(max-width:599px){
  .change-tokuten-box{
    padding: 40px 10px;
  }
  
  .change-tokuten-box .item:first-of-type .img{
            width: 140px;
        float: unset;
        position: absolute;
                bottom: 10px;
        right: 20px;
  }
  
  .change-tokuten-box .index-present-list .item .numbox{
    min-width: 140px;
  }

  .index-present-list .item:first-of-type .numbox {
    transform: translate(0px, 0px);
    min-width: 140px;
    width: fit-content;
  }
  
  .change-tokuten-box .index-present-list .item .tit{
    font-size: 17px;
    margin-bottom: 10px;
  }
  
  .change-tokuten-box .index-present-list .item:first-of-type .tit {
    font-size: 17px;
    margin-top: 15px;
  }
  
  .change-tokuten-box .index-present-list .item .pdf-more{
    font-size: 14px;
  }
  
  .change-tokuten-box .index-present-list .item:first-of-type .pdf-more {
        margin-top: 140px;
        max-width: calc(100% - 130px);
    }
}


/* index-present02-list */
.index-present02-list {
    /* width: 95%; */
    margin-left: auto;
    margin-right: auto;
}

.index-present02-list .add-txt {
  border: 4px solid var(--color-pink1);
  border-radius: 100px;
  padding: 0.1em .8em .3em;
  margin-bottom: -10px;
  display: flex;
  align-items: baseline;
}

.index-present02-list .add-txt.-green1{
  border-color: var(--color-green1);
}

.index-present02-list .add-txt .num{
    transform: translateY(3px);
    font-family: system-ui;
    line-height: 0.8;
}

.index-present02-list .tit {
    padding: .5em 1em .5em;
    line-height: 1;
    letter-spacing: 3px;
}

.index-present02-list .btn-type01 a{
    font-size: 22px;
    letter-spacing: 4px;
    line-height: 1;
    background: var(--color-pink1);
}

.index-present02-list .present02-content {
  /* border: 7px solid var(--color-red4); */
  border: 7px solid var(--color-pink1);
  border-top: none;
  padding: 30px 20px 30px;
  width: 98%;
}

.index-present02-list .present02-content.-green1{
  border-color: var(--color-green1);
}

.index-present02-list .present02-content .num-off-box .ja-txt .txt-price {
  padding: .4em 1rem .4em 1rem;
    text-align: center;
    border-radius: 100px;
    letter-spacing: 2px;
    line-height: 1;
}

.index-present02-list .present02-content .num-off-box .num-off {
  letter-spacing: -2px;
  line-height: 1;
  font-family: system-ui;
}

.index-present02-list .present02-content .num-off-box .num-off .num {
  letter-spacing: -5px;
  margin-right: 5px;
  line-height: .6;
}

@media(max-width:1024px) {
}

@media(max-width:599px) {
  .index-present02-list .add-txt {
    border: 3px solid var(--color-pink1);
    border-radius: 100px;
}

  .index-present02-list .tit,.index-present02-list .tit span {
    letter-spacing: 1px;
  }

  .index-present02-list .present02-content {
    padding: 15px 15px 20px;
  }

  .index-present02-list .present02-content .num-off-box .ja-txt .txt-price {
    padding: .35em 1.5em .4em;
    font-size: 14px;
    letter-spacing: 2px;
  }
  
  .index-present02-list .present02-content .num-off-box .num-off {
    letter-spacing: 2px;
  }
  
  .index-present02-list .present02-content .num-off-box .num-off .num {
    letter-spacing: -2px;
    margin-right: 0;
  }
    
  .index-present02-list .btn-type01 a {
    font-size: 16px;
    letter-spacing: 1px;
  }
}

/* index-present03-list */
.index-present03-list-inner {
    border: 7px solid var(--color-green1);
        border-top: none;
    padding: 30px 20px 30px;
    width: 98%;
    margin-right: auto;
    margin-left: auto;
}

.index-present03-list-title {
    background-color: var(--color-green1);
    color: #fff;
    padding: .5em 1rem .5em;
    line-height: 1;
    letter-spacing: 0px;
    position: relative;
}

/* .index-present03-list-title::before{
  content: "";
    width: 23px;
    height: 10px;
    background-color: var(--color-green1);
    display: block;
    position: absolute;
    top: 99%;
    left: 50px;
    z-index: 3;
    -webkit-clip-path: polygon(0 0, 49% 100%, 100% 0);
    clip-path: polygon(0 0, 49% 100%, 100% 0);
} */

.index-present03-list .title {
    color: var(--color-green1);
    font-size: 26px;
    text-align: center;
}

.index-present03-list .btn-type01 a{
  font-size: 22px;
    letter-spacing: 4px;
    line-height: 1;
    padding: 1.1rem 2rem 1.2rem 2.2rem;
}

@media(max-width:599px){
  .index-present03-list-inner{
    padding: 15px 15px 20px;
  }
  
  .index-present03-list-title{
    line-height: 1.3;
    letter-spacing: 1px;
  }
  
  .index-present03-list .title{
        font-size: 20px;
    line-height: 1.3;
  }
  
  .index-present03-list .btn-type01 a {
    font-size: 16px;
    letter-spacing: 1px;
    padding: .6rem 2rem .7rem 2.2rem;
  }
}

/* index-reviews-area */
iframe[src*="vimeo"] {
  margin-top: 1em;
  margin-bottom: 1em;
  aspect-ratio: 799 / 369;
  height: auto;
}

/* index-concerned-area */
.index-concerned-list.type02 {
  margin-top: -80px;
}

.index-concerned-list .ilstbox {
  margin-bottom: -80px;
}

.index-concerned-list.type03 .ilstbox {
  margin-top: -50px;
}

.index-concerned-list.type05 .ilstbox {
    margin-bottom: 50px;
}

.index-concerned-list .ilstbox .ilst1 {
  max-width: 160px;
}

.index-concerned-list .ilstbox .ilst2 {
  max-width: 180px;
  margin-right: 30px;
}

.index-concerned-list .ilstbox .ilst3 {
  max-width: 160px;
}

.index-concerned-list .ilstbox .ilst4 {
  max-width: 200px;
}

.index-concerned-list .checkbox {
  padding: 100px 90px 50px 130px;
}

.index-concerned-list.type03 .checkbox {
  padding: 60px 80px 50px;
}

.index-concerned-list.type04 .checkbox {
    padding: 100px 90px 70px 110px;
}

.index-concerned-list.type05 .checkbox {
    padding: 0;
    background-color: unset;
}

.index-concerned-list .checkbox .checklist .check-item {
  font-size:20px;
  padding-left: 50px;
  text-indent: -50px;
  line-height: 1.2;
}

.index-concerned-list.type05 .checkbox .checklist .check-item {
    font-size: 18px;
    font-family: 'メイリオ', Meiryo, sans-serif;
}

.index-concerned-list .checkbox .checklist .check-item .marker{
  font-size: 28px;
}

.index-concerned-list.type05 .checkbox .checklist .check-item .marker {
    font-size: 22px;
    line-height: 1.6;
}

.index-concerned-list .checkbox .checklist .check-item+.check-item {
  margin-top: 15px;
}

.index-concerned-list .checkbox .checklist .check-item::before {
    content: "\f00c";
    font-family: var(--ff99);
    font-weight: bold;
    background-color: #fff;
    color: var(--color-pink1);
    border: 1px solid var(--color-pink1);
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
}

.index-concerned-list .checkbox li.item02 {
  border: 1px solid var(--color-pink2);
  margin-bottom: 20px;
}

.index-concerned-list .checkbox li.item02:last-of-type {
  margin-bottom: 0;
}

.index-concerned-list .checkbox li.item02 .tit {
  background: var(--color-pink2);
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
  padding: 10px 5px;
}

.index-concerned-list .checkbox li.item02 .btn a {
  padding: 10px;
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
}

.index-concerned-list .checkbox li.item02 .btn a::before {
  content: "\f054";
  font-family: var(--ff99);
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media(max-width:1024px) {
  
  .index-concerned-list .checkbox{
    padding: 100px 50px 50px;
  }
  .index-concerned-list.type04 .checkbox {
    padding: 100px 50px 50px;
  }
  
  .index-concerned-list .checkbox .checklist .check-item::before {
      padding-right: 10px;
  }
}

@media(max-width:599px) {
  .index-concerned-list.type02 {
    margin-top: -20px;
  }
  
  .index-concerned-list .checkbox {
    padding: 50px 20px 20px;
    width: 92%;
    margin: 0 auto;
  }

  .index-concerned-list.type03 .checkbox {
    padding: 60px 20px 40px;
  }
  
  .index-concerned-list.type04 .checkbox {
    padding: 70px 20px 40px;
  }
  
  .index-concerned-list .ilstbox{
    margin-bottom: -40px;
  }

  .index-concerned-list.type03 .ilstbox {
    margin-top: 0px;
  }

  .index-concerned-list .ilstbox .ilst1 {
    max-width: 90px;
  }

  .index-concerned-list .ilstbox .ilst2 {
    max-width: 110px;
    margin-right: 20px;
  }

  .index-concerned-list .ilstbox .ilst3 {
    max-width: 95px;
  }

  .index-concerned-list .ilstbox .ilst4 {
    max-width: 130px;
  }
  
  .index-concerned-list .checkbox .checklist .check-item{
    text-indent: -40px;
    padding-left: 40px;
  }

  .index-concerned-list .checkbox .checklist .check-item::before{
    text-align: right;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding-right: 6px;
    font-size: 16px;
    }

  .index-concerned-list .checkbox .checklist .check-item+.check-item {
    margin-top: 20px;
  }

  .index-concerned-list .checkbox li.item02 .tit {
    font-size: 18px;
    padding: 10px 0px;
    letter-spacing: -.05em;
  }
}

.index-concerned-list .workbox .item-list{
  gap: 10px;
}

.index-concerned-list .workbox .item{
      width: calc((100% - 30px) / 3);
}

.index-concerned-list .workbox .item-inner {
    background-color: #fffcef;
    padding: 20px;
    height: 100%;
}

.index-concerned-list .workbox .item-inner .item-title {
    color: var(--color-navy1);
    font-family: var(--ff02);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #57585a;
    padding-bottom: 5px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 2em;
    letter-spacing: 2px;
    width: 80%;
    margin: 0 auto 20px;
}

/* .index-concerned-list .workbox .item-inner .item-title::before, .index-concerned-list .workbox .item-inner .item-title::after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    background-color: #57585a;
}

.index-concerned-list .workbox .item-inner .item-title::before{
    left: 0;
}

.index-concerned-list .workbox .item-inner .item-title::after{
    right: 0;
} */

.index-concerned-list .workbox .item-inner .item-text {
    /* font-size: 14px;
    font-weight: 300;
    letter-spacing: 0; */
    line-height: 1.5;
    color: #333;
    /* margin-top: 5px; */
}

@media(max-width:599px){
  .index-concerned-list .workbox .item{
      width: calc((100% - 10px) / 1);
      flex-grow: 1;
  }
  
  .index-concerned-list .workbox .item-inner .item-title {
   /*  font-size: 110%; */
    min-height: auto;
    letter-spacing: 1px;
  }
  
  .index-concerned-list .workbox.-sp-layout{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 5px;
    column-gap: 5px;
    width: 100%;
  }
  
  .index-concerned-list .workbox.-sp-layout .title-box-wrapper{
    display: contents;
  }
  
  .index-concerned-list .workbox.-sp-layout .item-list{
    display: contents;
  }
  
  .index-concerned-list .workbox.-sp-layout .item{
    width: calc((100% - 10px) / 3);
    flex-grow: 1;
  }
  
  .index-concerned-list .workbox.-sp-layout .item-inner {
    padding: 10px 5px;
  }
  
  .index-concerned-list .workbox.-sp-layout .item-inner .item-title{
    width: 100%;
    font-size: 14px;
    letter-spacing: -.6px;
    margin: 0 auto 5px;
  }
  
  .index-concerned-list .workbox.-sp-layout .item-inner .item-title.-h40 {
    height: 40px;
  }
  
  .index-concerned-list .workbox.-sp-layout .item-inner .item-text{
    font-size: 12px;
    padding: 0 3px
  }
}

.kaigyo-box .item-inner {
    /* aspect-ratio: 1;
    border-radius: 50%;
    padding: 50px 10px 20px; */
    background-color: #f099b1;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 30px 10px 20px;
    border-radius: 30px;
    height: 100%;
}

.kaigyo-box .item.-type02 .item-inner {
    background-color: #fff;
    color: var(--color-pink1);
    border: 3px solid;
}

/* .kaigyo-box .item.-type03 .item-inner{
  padding: 70px 10px 20px;
} */

.kaigyo-box .item-inner .item-title {
    font-family: var(--ff02);
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 2px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    width: 90%;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kaigyo-box .item:not(.-type02) .item-inner .item-title{
  height: 3em;
}

.kaigyo-box .item.-type02 .item-inner .item-title {
    font-weight: 600;
    border-color: #333;
}

.kaigyo-box .item-inner .item-title::before,.kaigyo-box .item-inner .item-title::after{
  content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    bottom: -2px;
    background-color: #fff;
}

.kaigyo-box .item.-type02 .item-inner .item-title::before,.kaigyo-box .item.-type02 .item-inner .item-title::after{
  background-color: #333
}

.kaigyo-box .item-inner .item-title::before {
    left: 0;
}

.kaigyo-box .item-inner .item-title::after {
    right: 0;
}

.kaigyo-box .item-inner .item-text {
    letter-spacing: 0;
    font-weight: 300;
    line-height: 2;
    padding: 0 10px;
}

.kaigyo-box .item.-type02 .item-inner .item-text {
    color: #333;
    margin-top: .5rem;
    font-size: 16px;
    padding: 0 10px;
}

@media(max-width:599px){
  .kaigyo-box .item-inner {
    aspect-ratio: unset;
    border-radius: 10px;
    padding: 10px 10px;
  }
  
  .kaigyo-box .item.-type03 .item-inner {
    padding: 20px 10px 20px;
  }
  
  .kaigyo-box .item-inner .item-title {
      /* font-size: 20px; */
      width: 100%;
  }
  
  .kaigyo-box .item.-type02{
    height: fit-content;
  }
  
  .kaigyo-box .item.-type02 .item-inner .item-title{
    margin-bottom: 0;
  }
  
  .kaigyo-box .item.-type02 .item-inner .item-title-inner {
        position: relative;
        width: 100%;
        font-size: 16px;
        letter-spacing: -1px;
    }
  
  .kaigyo-box .item.-type02 .item-inner .item-title-inner::before{
        content: "\f078";
    font-weight: bold;
    font-family: var(--ff99);
    line-height: 0;
    letter-spacing: 0;
    font-size: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2px;
  }
  
  .kaigyo-box .item.-type02 .item-inner .is-parent .item-title-inner::before{
    transform: scale(1, -1);
  }
  
  .kaigyo-box .item:not(.-type02) .item-inner .item-title {
    height: auto;
  }
  
  .kaigyo-box .item-inner .item-text {
      padding: 0;
      text-align: left;
  }
  
  .kaigyo-box .item.-type02 .item-inner .item-text {
    margin-top: 0;
    padding: 5px 3px 0;
    display: none;
    font-size: 14px;
    line-height: 1.5;
  }
}

/* index-solution-area */
.index-solution-area:not(.under-page) {
  padding-top: 40px;
}

.index-solution-area:not(.under-page)::before {
  content: "";
  background: var(--color-pink3);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  width: 120px;
  height: 40px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media(max-width:599px) {
  .index-solution-area:not(.under-page) {
    padding-top: 0;
  }

  .index-solution-area:not(.under-page)::before {
    width: 100px;
    height: 30px;
    top: -60px;
  }
  
  .index-solution-area .btn-type01 a{
    min-width: 340px;
  }
}

/* index-reason-area */
.ttlbox .logo {
  width: 120px;
  margin: 0 auto 20px;
}

.index-reason-list .item+.item {
  margin-top: 80px;
}

@media(max-width:1024px) {
  .index-reason-list .item+.item {
    margin-top: 50px;
  }
}

@media(max-width:599px){
  .index-reason-area .item .titbox{
    font-size: clamp(1.313rem, -6rem + 30vw, 1.5rem);
  }
  
  .index-reason-area .item .titbox .small{
    font-size: clamp(1rem, -3.875rem + 20vw, 1.125rem);
  }
}

/* index-table-area */
.index-table-area .tit {
  letter-spacing: 3px;
  padding: .5em 1em;
  text-align: center;
}

@media(max-width:599px) {
  .index-table-area .tit {
    letter-spacing: 1px;
  }
}

/* index-voice-area */
.index-voice-area .slick-slide {
  margin: 0 20px 10px;
}

.index-voice-area .item-inner{
  padding: 20px;
  transition:all 0.3s ease;
}

.index-voice-area a:hover{
  opacity: 1;
}

.index-voice-area a:hover .item-inner{
  transform: translate(0, -10px);
  transition:all 0.3s ease;
}

.index-voice-area .info-block .titbox {
  margin-right: -45%;
  padding-bottom: 20px;
  width: 75%;
  z-index: 3;
}

.index-voice-area .info-block .tit {
  font-size: 3vw;
  font-weight: 900;
  line-height: 1.3;
}

.index-voice-area .info-block .name {
  color: #fff;
  padding: 3px 10px 5px;
  font-size: 19px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 30px;background: var(--cmn01);
  line-height: 1.5;
}

.index-voice-area .info-block .imgbox img {
    max-height:19vw;
}

.index-voice-area .slick-slide,.slick-slider .slick-list, .slick-slider .slick-track{
  margin: 0;
padding: 0;
line-height: 0;
}

.index-voice-area .slick-slider .slick-list{
  width: 80%;
  margin: 0 auto;
  overflow: visible;
}

.index-voice-area .slick-slide:nth-child(3n + 1) .info-block .name {
  background: var(--cmn01);
}

.index-voice-area .slick-slide:nth-child(3n + 2) .info-block .name {
  background: var(--cmn02);
}

.index-voice-area .slick-slide:nth-child(3n + 3) .info-block .name {
  background: var(--cmn03);
}

.index-voice-area .txt-block {
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px rgb(0 0 0 / 20%),0px 0px 10px rgb(0 0 0 / 20%),0px 0px 10px rgb(0 0 0 / 20%);
  box-shadow:0px 0px 10px rgb(0 0 0 / 20%),0px 0px 10px rgb(0 0 0 / 20%),0px 0px 10px rgb(0 0 0 / 20%);
  padding: 1.5em;
  overflow: hidden;
}

.index-voice-area .txt-block .sub-tit {
  font-weight: 700;
  font-size: 1.8vw;
  line-height: 1.4;
  margin-bottom: 10px;
}

.index-voice-area .slick-slide:nth-child(3n + 1) .info-block .tit,
.index-voice-area .slick-slide:nth-child(3n + 1) .txt-block .sub-tit {
  color: var(--cmn01);
}

.index-voice-area .slick-slide:nth-child(3n + 2) .info-block .tit,
.index-voice-area .slick-slide:nth-child(3n + 2) .txt-block .sub-tit {
  color: var(--cmn02);
}

.index-voice-area .slick-slide:nth-child(3n + 3) .info-block .tit,
.index-voice-area .slick-slide:nth-child(3n + 3) .txt-block .sub-tit {
  color: var(--cmn03);
}

.index-voice-area .txt-block .txt {
    /* font-size: 16px; */
    font-size: 90%;
    font-weight: initial;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-height: 1.6em;
    max-height: 5em;
}

.index-voice-area .slick-dots {
  position: relative;
  bottom: auto;
}

.index-voice-area .slick-dots li button:before {
  font-size: 9px;
  opacity: .4;
  color: var(--color-pink1);
}

.index-voice-area .slick-dots li.slick-active button:before {
  opacity: 1;
}

.index-voice-area .appendbox {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0 6em;
}

[data-element-id] .index-voice-list {
    max-width: 100%;
    overflow-x: scroll;
}

[data-element-id] .index-voice-list,[data-element-id] .index-voice-list>* {
    display: flex;
    justify-content: center;
    gap: 30px;
}

[data-element-id] .index-voice-area .item{
  width: 480px;
}

[data-element-id] .index-voice-area .item:nth-child(n + 3){
  display: none;
}


@media(max-width:1024px) {
  .index-voice-area .slick-slider .slick-list{
    width: 90%;
  }

  .index-voice-area .slick-slide {
    margin: 0 10px 10px;
  }
  
  .index-voice-area .item-inner{
    padding: 0px;
  }
  
  .index-voice-area .info-block .titbox{
    margin-right: -50%;
  }

  .index-voice-area .info-block .tit {
    font-size: 24px;
    letter-spacing: -1px;
    min-height: 95px;
    display: flex;
    align-items: flex-end;
  }

  .index-voice-area .info-block .name {
    font-size: 16px;
    margin-top: 20px;
  }
  
  .index-voice-area .txt-block{
    padding: 20px 12px;
  }

  .index-voice-area .txt-block .sub-tit {
    font-size:clamp(1.063rem, 0.125rem + 4vw, 1.188rem);
    letter-spacing: -1px;
  }
  
  .index-voice-area .txt-block .txt{
    font-size: 15px;
    font-weight: 400;
  }
  
  .index-voice-area .info-block .imgbox img {
    max-height: 160px;
  }
}

@media(max-width:599px){
  .index-voice-area .txt-block .sub-tit{
    font-size: clamp(1rem, -1.116rem + 8.57vw, 1.188rem)
  }
}

/* index-course-area */
.index-course-list + .index-course-list{
  margin-top: 30px;
}
.index-course-list .item .item-inner {
  background: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  aspect-ratio: 1;
  padding: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: var(--shadow1);
  box-shadow: var(--shadow1);
  -webkit-transition: .5s;
  transition: .5s;
}

.index-course-list.-square .item .item-inner{
  border-radius: 0;
      box-shadow: 3px 4px 2px rgb(73 68 68 / 50%);
}

.index-course-list .item a:hover {
  opacity: 1;
}

.index-course-list .item a:hover .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  background: #f04b00;
    color: #fff;
}

.index-course-list .item .tit {
    text-align: center;
}

.index-course-list .item.-type02 .tit{
  line-height: 1.3;
  display: flex;
  align-items: center;
}

.index-course-list .item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  transition: .5s;
}

.index-course-list .item a:hover .icon {
    filter: brightness(1.5);
}

.index-course-list .item .icon img {
  max-width: 65px;
  max-height: 60px;
}

.index-course-list .item .icon01 img {
  max-width: 36px;
}

.index-course-list .item .right {
  content: "";
  width: 30px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 5px;
  margin-top: 10px;
}

.index-course-list .item .right::before {
  content: "";
  border-right: 2px solid var(--color-navy1);
  border-bottom: 2px solid var(--color-navy1);
  width: 12px;
  aspect-ratio: 1;
  display: block;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: .5s;
}

.index-course-list .item a:hover .right::before {
  border-color: #fff;
}

@media(max-width:1024px) {
  .index-course-list .item .right::before {
    width: 10px;
  }
}

@media(max-width:599px) {
  /* .index-course-list .item .icon img {
    max-width: 50px;
    max-height: 55px;
  }
  .index-course-list .item .icon01 img {
    max-width: 36px !important;
  } */
  
  .index-course-list .item .icon img {
    /* max-width: 50px;
    max-height: 50px; */
    max-width: 20px;
        max-height: 30px;
  }
  
  .index-course-list .item .right {
    width: 10px;
    padding-right: 5px;
    margin-top: 3px;
  }
  
  .index-course-list .item .right::before{
    width: 5px;
    border-right: 1px solid var(--color-navy1);
    border-bottom: 1px solid var(--color-navy1);
  }
}

/* index-lineup-list */
.index-lineup-list .main-tit {
  padding: .8em 1em;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
}

.index-lineup-list .sub-tit {
    font-size: 21px;
    line-height: 1.3;
    text-align: center;
    font-weight: 700;
    margin-top: 10px;
    border-bottom: 1px solid;
    padding-bottom: .5em;
    margin-bottom: .3em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.index-lineup-list .sub-tit::before,.index-lineup-list .sub-tit::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    bottom: -3px;
}

.index-lineup-list .sub-tit::before {
    left: 0;
}

.index-lineup-list .sub-tit::after {
    right: 0;
}

.index-lineup-list .text{
    font-family: 'NewRodinPro-M', sans-serif;
    color: #585858;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 400;
}

.index-lineup-list .text .small{
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 1.2em;
    font-weight: 400;
}

.index-lineup-list .course-item.-badge .item-inner{
  position: relative;
}

.index-lineup-list .course-item.-badge .item-inner::before{
 content: "";
    /* background-image: url(/upload/tenant_1/isba_emblem.webp); */
    background-image: url(/upload/tenant_1/isba_emblem_green.webp);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: auto;
    aspect-ratio: 1016 / 821;
    position: absolute;
    top: 5px;
    right: 0px;
    z-index: 2;
}

/* .index-lineup-list .course-item.-badge.-yellow .item-inner::before{
  background-image: url(/upload/tenant_1/isba_emblem_yellow.webp);
    background-repeat: no-repeat;
    background-size: contain;
}

.index-lineup-list .course-item.-badge.-orange .item-inner::before{
  background-image: url(/upload/tenant_1/isba_emblem_orange.webp);
    background-repeat: no-repeat;
    background-size: contain;
}

.index-lineup-list .course-item.-badge.-gold .item-inner::before{
  background-image: url(/upload/tenant_1/isba_emblem_gold.webp);
    background-repeat: no-repeat;
    background-size: contain;
} */

[data-element-id] .index-lineup-list .show\@sp .sub-tit{
  font-size: 17px;
}

@media(max-width:1024px) {
  .index-lineup-list .main-tit {
    font-size: 18px;
  }
  
  .index-lineup-list .sub-tit{
    font-size: 17px;
  }
  
  .index-lineup-list .text .small{
    font-size: 14px;
  }
  
  .index-lineup-list .course-item.-badge .item-inner::before{
    width: 60px;
    right: 1px;
  }
}

@media(max-width:599px) {
  .index-lineup-list .course-item.-badge .item-inner::before{
    width: 50px;
  }
}

/* lineup1 */
.lineup01 .index-lineup-list .sub-tit {
  border-color: var(--color-pink2);
  color: var(--color-pink1);
}

.lineup01 .index-lineup-list .sub-tit::before,.lineup01 .index-lineup-list .sub-tit::after {
    background-color: var(--color-pink1);
}

/* lineup2 */
.lineup02 .index-lineup-list .sub-tit {
  border-color: var(--color-orange2);
  color: var(--color-orange2);
}

.lineup02 .index-lineup-list .sub-tit::before,.lineup02 .index-lineup-list .sub-tit::after {
    background-color: var(--color-orange2);
}

/* lineup3 */
.lineup03 .index-lineup-list .sub-tit {
  border: none;
  color: inherit;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media(max-width:599px){
  .lineup01 .courselist .course-item:first-of-type ,.lineup02 .courselist .course-item:first-of-type {
    width: 100%;
  }
  .lineup01 .courselist .course-item:first-of-type .item-inner, .lineup02 .courselist .course-item:first-of-type .item-inner {
    width: 50%;
    margin: 0 auto;
  }
  .index-lineup-list .sub-tit {
        font-size: 15.5px;
        letter-spacing: -.5px;
    }
}

/* index-flow-area */
.index-flow-list+.index-flow-list {
  margin-top: 50px;
}

.index-flow-list .main-tit {
    padding: .8em 1em;
    background: var(--color-orange2);
    color: #fff;
    line-height: 1.3;
    text-align: center;
    font-weight: 600;
}

.index-flow-list .itemlist {
  gap: 60px;
}

.index-flow-list .itemlist .flow-item {
  width: 180px;
}

.index-flow-list .itemlist .flow-item .imgbox {
  position: relative;
}

.index-flow-list .itemlist .flow-item:not(:last-of-type) .imgbox::after {
  content: "";
  background-image: url('/import/tenant_1/202.181.103.127/html/images/common/direction01.webp');
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 46 / 62;
  width: 20px;
  position: absolute;
  top: 50%;
  right: -40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.index-flow-list .itemlist .flow-item .txtbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}

.index-flow-list .itemlist .flow-item .txtbox .num {
  font-size: 180%;
  font-style: italic;
  color: var(--color-orange2);
  font-family: var(--ff02);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.index-flow-list .itemlist .flow-item .txtbox .sub-tit {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
}

@media(max-width:1024px) {
  .index-flow-list .itemlist .flow-item {
    width: 130px;
  }
}

@media(max-width:599px){
    .index-flow-list+.index-flow-list {
        margin-top: 30px;
    }
    
    .index-flow-list .itemlist .flow-item{
      width:90%;
    }
    
    .index-flow-list .itemlist .flow-item .item-inner{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .index-flow-list .itemlist .flow-item .imgbox{
      width:130px;
      display: none;
    }
    
    .index-flow-list .itemlist .flow-item .txtbox{
      /* width:calc(100% - 140px); */
      width: 100%;
      justify-content: flex-start;
      white-space: pre-wrap;
      align-items: center;
    }
    
    .index-flow-list .itemlist .flow-item:not(:last-of-type) .imgbox::after{
    display:none;
    }
    
    .index-flow-list .itemlist {
        gap: 20px;
        line-height: 1.2;
    }
}

.index-support-list {
    margin-top: 4rem;
    border: 5px solid var(--cmn03);
    background: #fff;
    padding: 3rem;
}

.index-support-list .main-tit {
    line-height: 1.3;
    text-align: center;
    font-weight: 600;
}

.accordion-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.accordion-content .accordion-data {
    order: 2;
}

.index-support-list.type02 .accordion-content .accordion-data {
  order: 1;
}

.accordion-datattl {
    order: 1;
}

.index-support-list.type02 .accordion-datattl{
  order: 2;
}

.accordion-content .accordion-data {
    display: none;
    order: 1;
}

.index-support-list.type02 .accordion-content .accordion-data{
  display: block!important;
}

.accordion-datattl.is-parent {
    order: 2;
}

.accordion-datattl .btn-type01.close{
  display: none;
}

.accordion-datattl .btn-type01.open{
  display: block;
}

.accordion-datattl.is-parent .btn-type01.close{
  display: block;
}


.accordion-datattl.is-parent .btn-type01.open{
  display: none;
}

.accordion-datattl .btn-type01.close .a::after {
    -webkit-transform: translateY(1px) scale(-1, -1);
    transform: translateY(1px) scale(-1, -1);
}

.index-support-list.type02 .accordion-content .imgbox,.index-support-list.type02 .accordion-content .txt{
  height: 0;
  opacity: 0;
  visibility: hidden;
 /*  transition: .5s; */
}

.index-support-list.type02 .accordion-content .is-active2 .imgbox,.index-support-list.type02 .accordion-content .is-active2 .txt{
  height: auto;
  opacity: 1;
  visibility: visible;
}

[data-element-id] .accordion-datattl .btn-type01.close,[data-element-id] .accordion-content .accordion-data{
  display: block;
}

@media(max-width:599px){
  .index-support-list {
    border: 6px solid var(--cmn03);
    padding: 2rem 1rem;
}
}

/* index-calender-area */
/* calendar */
.index-calendar-list .cal-list {
  padding: 15px 20px 20px;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
}

.index-calendar-list .cal-list table,
.index-calendar-list .cal-list tbody {
  width: 100% !important;
}

.index-calendar-list .cal-list .fc-scrollgrid-sync-table td,
.index-calendar-list .cal-list th {
  padding: 5px 5px;
  font-size: 18px;
  text-align: center;
  width: calc(100% / 7);
  height: 40px;
  font-family: var(--ff02);
  font-weight: 600;
}

.index-calendar-list .cal-list th {
  color: var(--color-pink2);
  border-bottom: 2px solid var(--color-pink2);
}

.index-calendar-list .type-event.cal-list th {
  color: var(--color-orange2);
  border-bottom: 2px solid var(--color-orange2);
}

.index-calendar-list .cal-list .fc-scrollgrid-sync-table td>* {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* height: 100%; */
}

.index-calendar-list .accessbox {
  border: 3px solid var(--color03);
  padding: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.index-calendar-list .fc-view-harness {
  height: auto !important;
}

.index-calendar-list .fc-toolbar-title {
  font-size: 30px;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: var(--ff02);
  /* color: var(--color-pink2); */
  text-align: center;
  position: relative;
  padding-bottom: 5px;
}

.index-calendar-list .fc-toolbar-title .fc-year {
    font-size: 17px;
    display: block;
    line-height: 1;
    letter-spacing: 1px;
}

.index-calendar-list .fc-toolbar-title .fc-month {
    font-size: 28px;
    line-height: 1;
    display: block;
    margin-top: 5px;
    letter-spacing: 5px;
    transform: translateX(3px);
}

.index-calendar-list .fc-event-title {
  font-size: 10px;
  background: var(--color-pink2);
  color: #fff;
  padding: 2px;
  border-radius: 5px;
  letter-spacing: -1px;
}

.index-calendar-list .type-event .fc-event-title {
  background: var(--color-orange2);
}

.index-calendar-list .fc-day-today {
  background: #fcf4cf;
}

.index-calendar-list .fc-day-other {
  color: var(--color00);
}

.index-calendar-list .fc-day-other>* {
  opacity: 0.3;
}

.index-calendar-list .fc-daygrid-body.fc-daygrid-body-unbalanced{
  width: 100% !important;
}

.index-calendar-list .fc-daygrid-body .fc-daygrid-day-top {
    border-radius: 50%;
    /* width: 35px; */
    width: auto;
    /* line-height: 35px; */
    aspect-ratio: 1;
    margin: 0 auto;
}

.index-calendar-list .cal-list .fc-scrollgrid-sync-table{
  height: fit-content !important;
}

.index-calendar-list .box-explain {
  gap: 30px;
}

.index-calendar-list .fc-header-toolbar.fc-toolbar {
    position: relative;
}

.index-calendar-list .fc-button-group {
    display: flex;
    justify-content: space-between;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.index-calendar-list .fc-toolbar-chunk button {
    display: block;
    background: transparent;
    border: none;
    color: var(--color-pink2);
}

.index-calendar-list .type-event .fc-toolbar-chunk button {
    color: var(--color-orange2);
}

.index-calendar-list .fc-icon-chevron-left:before {
    content: "\f104";
    font-family: var(--ff99);
    font-weight: bold;
}

.index-calendar-list .fc-icon-chevron-right:before {
    content: "\f054";
    font-family: var(--ff99);
    font-weight: bold;
}

.index-calendar-list button.fc-today-button.fc-button.fc-button-primary{
  display: none;
}

@media(max-width:1024px) {

  .index-calendar-list .cal-list .fc-scrollgrid-sync-table td,
  .index-calendar-list .cal-list th {
    height: 50px;
  }
}

@media(max-width:599px) {
  .index-calendar-list .fc-toolbar-title {
    font-size: 22px;
  }

  .index-calendar-list .cal-list .fc-scrollgrid-sync-table td,
  .index-calendar-list .cal-list th {
    height: 40px;
    font-size: 15px;
  }
}

/* calendar追記 */
/* .fc-daygrid-body,
.slick-track {
  width: 100% !important;
} */

.index-calendar-list .slick-next,
.index-calendar-list .slick-prev {
  width: 10px;
  height: 10px;
  top: 24px;
  border: 2px solid var(--color-pink1);
  border-left: none;
  border-bottom: none;
}

.index-calendar-list .slick-prev.slick-disabled,
.index-calendar-list .slick-next.slick-disabled {
  opacity: 0;
}

.index-calendar-list .slick-next {
  left: 100px;
}

.index-calendar-list .slick-prev {
  right: 100px;
  left: auto;
}

.index-calendar-list .slick-prev:before,
.index-calendar-list .slick-next:before {
  content: "";
}

.slick-next:before, .slick-prev:before{
  color: transparent;
}

@media(max-width:1024px) {

  .index-calendar-list .slick-next,
  .index-calendar-list .slick-prev {
    top: 44px;
  }
}

@media(max-width:599px) {

  .index-calendar-list .slick-next,
  .index-calendar-list .slick-prev {
    top: 37px;
  }
}

/* tab */
.tabItem {
  display: none;
}

[data-element-id].tabItem {
  display: block;
}

[data-element-id].tabItem>* {
  display: block;
  /* border: 5px solid #85daff;
  padding: 20px;
  margin: 0 0 50px !important; */
}

/* [data-element-id].tabItem:nth-of-type(2)>* {
  border: 5px solid #ff8591;
} */

.tabItem.active {
  display: block;
}

.tabBtn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2px;
}

.tabBtn ul .tab_class {
  width: 100%;
  text-align: center;
  font-weight: 500;
}

.tabBtn ul .tab_class:not(.active) {
  cursor: pointer;
}

.tab_class .btn-txt {
  padding: .5em .3em .5em;
  line-height: 1;
  color: #fff;
  font-size: 24px;
  font-family: var(--ff02);
  border-radius: 10px 10px 0 0;
}

.tab_class.type-schooling .btn-txt {
  background: var(--color-pink2);
}

.tab_class.type-event .btn-txt {
  background: var(--color-orange2);
}

@media(max-width:599px) {
  .tab_class .btn-txt {
    padding: .5em .3em .6em;
    font-size: 20px;
  }
}

/* banner */
.index-calendar-list .block-banner .banner+.banner {
  margin-top: 30px;
}

.index-calendar-list .block-banner .banner a {
  border-radius: 3px;
  overflow: hidden;
  display: block;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
}

.index-calendar-list .block-banner .banner .txtbox {
  padding: 1.2em 2em;
  font-size: 22px;
  text-align: center;
  background:#ffd5e0;
  font-weight: 700;
  line-height: 1;
  position: relative;
}

.index-calendar-list .block-banner .banner .txtbox .right {
  content: "";
  width: 30px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
}

.index-calendar-list .block-banner .banner .txtbox .right::before {
  content: "";
  border-right: 2px solid var(--color00);
  border-bottom: 2px solid var(--color00);
  width: 15px;
  aspect-ratio: 1;
  display: block;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media(max-width:599px) {
  .index-calendar-list .block-banner .banner+.banner {
    margin-top: 0px;
  }

  .index-calendar-list .block-banner .banner .txtbox {
    padding: 1em 1em;
    font-size: 17px;
  }

  .index-calendar-list .block-banner .banner .txtbox .right {
    width: 15px;
    padding-right: 0px;
    right: 5px;
    top: 51%;
  }

  .index-calendar-list .block-banner .banner .txtbox .right::before {
    width: 10px;
  }
}

/* index-article-area */
.index-article-list .article-block .ttlbox {
  border-bottom: 2px solid var(--color-pink2);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.index-article-list .article-block .ttlbox .direction {
  border: 1px solid;
 /*  padding-bottom: 2px; */
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 50%;
  margin-right: 10px;
}

.index-article-list .article-block .contents {
  /* overflow-y: scroll;
  height: 300px;
  padding-right: 10px; */
}

.index-article-list .article-block .contents .item {
  font-family: var(--ff02);
  font-weight: 600;
}

.index-article-list .article-block.block-news .contents .item {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-pink2);
    padding-bottom: 20px;
}

.index-article-list .article-block.block-news .contents .item:last-of-type {
    margin-bottom: 0;
}

.index-article-list .article-block.block-news .contents .item .tit-wrap .direction {
    border: 1px solid;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 50%;
    margin-left: 10px;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    flex-shrink: 0;
}

.index-article-list .block-event .contents .item+.item {
  margin-top: 20px;
}

.index-article-list .block-news .contents .item+.item {
  margin-top: 25px;
}

.index-article-list .block-blog .contents .item .item-inner{
  border: 1px solid var(--color-pink2);
  padding: 1.2rem 1.5rem;
}

.index-article-list .block-blog .contents .item .text{
  margin-top: 10px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.875;
}

.index-article-list .article-block .contents .item .date{
  font-size: 14px;
  letter-spacing: 0;
}

.index-article-list .article-block .contents .item .cate span,.blog01 .list-article .item a .cate span {
    background: var(--color00);
    padding: 1px 5px 2px 5px;
    font-size: 12px;
}

.index-article-list .article-block .contents .item .cate span.ISBAについて,.blog01 .list-article .item a .cate span.ISBAについて{
  background: #6bc278;
}

.index-article-list .article-block .contents .item .cate span.技術・施術について,.blog01 .list-article .item a .cate span.技術・施術について{
  background: #65ace2;
}

.index-article-list .article-block .contents .item .cate span.サロン開業,.blog01 .list-article .item a .cate span.サロン開業{
  background: #f19923;
}

.index-article-list .article-block .contents .item .cate span.スクール選びのポイント,.blog01 .list-article .item a .cate span.スクール選びのポイント{
  background: #81cbb6;
}

.index-article-list .article-block .contents .item .cate span.その他,.blog01 .list-article .item a .cate span.その他{
  background: #af95c9;
}

.index-article-list .article-block .contents .item .cate span.お知らせ,.blog01 .list-article .item a .cate span.お知らせ{
    background:#78cbf6;
}

.index-article-list .article-block .contents .item .cate span.お知らせ,.blog01 .list-article .item a .cate span.ブログ{
    background:#f099b1;
}

@media(max-width:1024px) {
  .index-article-list .article-block .contents {
    height: 290px;
  }

  .index-article-list .block-event .contents .item+.item {
    margin-top: 30px;
  }

  .index-article-list .block-news .contents .item+.item {
    margin-top: 10px;
  }
}

@media(max-width:599px){
  .index-article-list .article-block .contents{
    height: auto;
  }
  
  .index-article-list .block-blog .contents .item .item-inner{
    padding: 1rem;
  }
}

/* index-link-area */
.index-link-list .link-block a:hover {
  opacity: 1;
}

.index-link-list .link-block .link-block-inner {
  padding: 40px 20px;
  background: #fff;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.index-link-list .link-block a:hover .link-block-inner {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.index-link-list .block-experience .link-block-inner {
  border: 4px solid var(--color-red2);
}

.index-link-list .block-document .link-block-inner {
  border: 4px solid var(--color-green1);
}

.index-link-list .link-block .main-tit {
  padding-bottom: 10px;
}

.index-link-list .block-experience .main-tit {
  border-bottom: 1px solid var(--color-red2);
  letter-spacing: 25px;
}

.index-link-list .block-experience .main-tit >*{
    transform: translateX(10px);
}

.index-link-list .block-document .main-tit {
  border-bottom: 1px solid var(--color-green1);
}

.index-link-list .link-block .a {
  -webkit-transition: .5s;
  transition: .5s;
}

.index-link-list .link-block a:hover .a {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media(max-width:599px) {
  .index-link-list .link-block .link-block-inner {
    padding: 20px 15px 25px;
  }
  
  .index-link-list .block-experience .main-tit{
    letter-spacing: 16px;
  }
  
  .index-link-list .block-experience .main-tit >* {
    transform: translateX(8px);
  }
}

/**
下層共通
*/
/* トップビジュアル（下層共通） */
.topvisual {
  position: relative;
}

.topvisual .img {
  position: relative;
  min-height: 300px;
  max-height: 350px;
  background: #3b2b24;
}

.topvisual .img:before {
  position: relative;
  z-index: -1;
  display: block;
  padding-top: 30%;
  content: '';
}

.topvisual .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover; object-position: 50% 50%;';
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  opacity: 0.2;
}

.topvisual .head {
  position: relative;
  width: 96%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  font-weight: 500;
  font-size: 38px;
  color: var(--color-pink1);
  font-family: var(--ff02);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topvisual .head::after {
    content: "";
    width: 30px;
    height: 3px;
    display: block;
    margin-top: 10px;
    background: -webkit-gradient(linear, left top, right top, from(var(--cmn01)), color-stop(50%, var(--cmn01)), color-stop(50%, var(--cmn01)), color-stop(50%, var(--cmn02)), to(var(--cmn02)));
    background: linear-gradient(to right, var(--cmn01) 0%, var(--cmn01) 50%, var(--cmn01) 50%, var(--cmn02) 50%, var(--cmn02) 100%);
}

[data-element-id] .topvisual .head .show\@sp{
  font-size:28px;
}

@media (max-width: 599px) {
  .topvisual .img {
    min-height: 200px;
    max-height: 250px;
  }

  .topvisual .head {
    font-size: 28px;
  }

  .topvisual .head .en {
    font-size: 250%;
    line-height: 1;
    margin-bottom: 10px;
  }
}

/* ##### パンくずリスト breadcrumbs ##### */
.breadcrumbs {
  margin: 30px 0;
}

.breadcrumbs-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
}

.breadcrumbs-list li {
  display: inline;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
}

.breadcrumbs-list li.breadcrumbs-home a,
.breadcrumbs-list li.breadcrumbs-prevpage a {
  font-weight: bold;
  color: var(--color-pink1);
}

.breadcrumbs-list li+li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  margin: 0 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0px, 0px);
  transform: rotate(45deg) translate(0px, 0px);
}

.breadcrumbs-thispage br{
  display: none;
}

@media (max-width: 1024px) {
  .breadcrumbs {
    margin: 20px 0;
    font-size: 14px;
  }

  .breadcrumbs-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .breadcrumbs-list {
    width: 90%;
    margin-top: 1em;
  }

  .breadcrumbs li {
    font-size: 12px;
  }

  .breadcrumbs li+li::before {
    width: 8px;
    height: 8px;
    margin: 0 5px 1px;
  }
}

@media (max-width: 599px) {
  .breadcrumbs {
    margin: 15px 0;
    font-size: 12px;
  }

  .breadcrumbs li+li::before {
    width: 6px;
    height: 6px;
  }
}

/* ##### パンくずリスト breadcrumbs ここまで ##### */

/* ページネーション */
.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagenation .item {
  margin: 0 10px;

}

.pagenation .prev {
  position: relative;
  margin-right: 20px;
}

.pagenation .prev a:before {
  content: "\f053";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
}

.pagenation .next {
  position: relative;
  margin-left: 20px;
}

.pagenation .next a:before {
  content: "\f054";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
}

.pagenation a,
.pagenation .now {
  font-weight: 500;
  border-radius: 50%;
}

.pagenation .number a,
.pagenation .prev a,
.pagenation .next a,
.pagenation .now {
  display: block;
  padding: 2px 2px 10px 2px;
  min-width: 33px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  border-radius: 50%;
}

.pagenation .prev a,
.pagenation .next a {
  font-size: 14px;
}

.pagenation .number a:hover,
.pagenation .prev a:hover,
.pagenation .next a:hover,
.pagenation .now {
  background: var(--color-pink1);
  color: #fff;
  opacity: 1;
}

@media (max-width: 599px) {
  .pagenation .item {
    margin: 0 5px;
  }

  .pagenation .prev {
    margin-right: 10px;
  }

  .pagenation .next {
    margin-left: 10px;
  }
}

/**
各下層ページ
*/
/* 02about */
.about-content1-list .item+.item {
  margin-top: 50px;
}

.about-content1-list .item:nth-of-type(even) .item-inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.about-content2-list .circlebox::before {
  content: "";
  background: var(--color-pink1);
  width: 5px;
  height: 120px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.about-content2-list .circlebox::after {
  content: "";
  background: var(--color-pink1);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  -webkit-clip-path: polygon(0 0, 51% 100%, 100% 0);
  clip-path: polygon(0 0, 51% 100%, 100% 0);
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about-content2-list .circlebox .circle-item {
  aspect-ratio: 1;
  /* background: rgb(255 163 186 / 60%); */
      background: rgb(250 235 62 / 15%);
  border: 1px solid #fcd389;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 52%;
  padding: 40px 20px 30px;
  color: var(--color-black1);
  line-height: 1.5;
}

.about-content2-list .circlebox .circle-item .tit {
  font-size: 140%;
    color: var(--color-black1);
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    width: 80%;
}

.about-content2-list .circlebox .circle-item .tit::before,.about-content2-list .circlebox .circle-item .tit::after {
    content: "";
    background: var(--color-black1);
    aspect-ratio: 1;
    width: 5px;
    height: auto;
    position: absolute;
    bottom: -3px;
    border-radius: 50%;
}

.about-content2-list .circlebox .circle-item .tit::before{
    left: 0;
}

.about-content2-list .circlebox .circle-item .tit::after {
    right: 0;
}

.about-content2-list .circlebox .circle-item:first-of-type {
  margin-right: -4%;
  position: relative;
}

.about-content2-list .circlebox .circle-item:first-of-type::before {
    content: "";
    background-image: url(/upload/tenant_1/bgc-yellow.webp);
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 100 / 474;
    width: 7.5%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.about-content2-list .circlebox .circle-item .text {
  font-size: 14px;
}

.activebox .item + .item{
  margin-top: 30px;
}

.activebox .item .titbox .present {
    font-size: 20px;
    font-family: var(--ff02);
    color: var(--color-pink1);line-height: 1.2;
}

.staff-area .ttl-img {
    width: 100px;
    margin-left: 10px;
}

.staff-area .show\@sp .ttl-img {
    width: 80px;
}

@media(max-width:599px) {
  .about-content2-list .circlebox .circle-item {
    padding: 20px 15px;
  }

  .about-content2-list .circlebox .circle-item .tit {
    font-size: 120%;
    padding-bottom: 5px;
  }

  .about-content2-list .circlebox .circle-item .text {
    font-size: 11px;
    letter-spacing: -1px;
  }

  .about-content2-list .circlebox .circle-item .sub {
    line-height: 1.2;
    font-size: 80%;
    letter-spacing: 0;
  }

  .about-content2-list .circlebox::before {
    height: 80px;
  }
  
  .activebox .item .titbox .present {
    font-size: 22px;
  }
}

.about-about-area .about-about-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-about-area .about-about-list dl dt,
.about-about-area .about-about-list dl dd {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about-about-area .about-about-list dl dt {
  width: 30%;
  text-align: center;
  font-weight: 500;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.about-about-area .about-about-list dl dt {
  border-bottom: 2px solid var(--color-pink1);
  color: var(--color-pink1);
  padding: 15px 10px;
  font-weight: 600;
}

.about-about-area .about-about-list dl dd {
  width: 75%;
  letter-spacing: 0;
}

.about-about-area .about-about-list dl dd {
  border-bottom: 2px solid var(--color-pink1);
}

.about-about-area .about-about-list .imgbox .maps iframe {
  max-height: 300px;
  margin-top: 20px;
}

@media(max-width:1024px) {
  .about-about-area .about-about-list dl dt {
    width: 28%;
  }
  .about-about-area .about-about-list dl dd {
    width: 72%;
  }
}

@media(max-width:599px) {
  .about-about-area .about-about-list dl {
    flex-wrap: wrap;
  }
  .about-about-area .about-about-list dl dt {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .about-about-area .about-about-list dl dd {
    width: 100%;
  }
}

.about-history-list {
  background: #fff;
}

.about-history-list .tit {
  background: var(--color-pink2);
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  padding: 8px;
  letter-spacing: 10px;
}

.about-history-list .historybox {
  padding: 30px 20px 30px;
}

.about-history-list .historybox .history-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: baseline;
}

.about-history-list .historybox .history-item dt {
  width: 100px;
  padding-right: 10px;
  border-right: 1px solid #ccc;
  margin-right: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.about-history-list .historybox .history-item dd {
  line-height: 1.3;
}

.about-history-list .historybox .history-item:not(:last-of-type) dd {
  padding-bottom: 15px;
}

@media(max-width:599px) {
  .about-history-list .historybox {
    padding: 20px 10px 20px 20px;
  }

  .about-history-list .historybox .history-item dt {
    width: 75px;
  }
}

/* 04flow */
.flow-list .item .icon-wrap {
  position: relative;
}

.flow-list .item:not(:first-of-type) .icon-wrap::before {
  content: "";
  background: #ccc;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 100%;
  z-index: 0;
}

.flow-list .icon {
  background: var(--color-pink3);
  padding: 20px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
  position: relative;
  z-index: 2;
}

.bgc-gray1 .flow-list .icon {
  background: #fff;
}

.flow-list .icon img {
  max-width: 100px;
  max-height: 100px;
}

.flow-list .icon .num {
  position: absolute;
  top: -10px;
  left: -10px;
  background: var(--color-pink1);
  color: #fff;
  aspect-ratio: 1;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
}

.flow-list .item .tit{
  white-space: nowrap;
}

@media(max-width:599px) {
  .flow-list .item + .item {
    margin-top: 30px;
  }
  
  .flow-list .item:not(:first-of-type) .icon-wrap::before,.flow-list .item:nth-of-type(2n+2):not(:last-of-type) .icon-wrap::after {
    content: none;
   /*  background: #ccc;
   width: 100%;
   height: 5px;
   position: absolute;
   top: 50%;
   left: 100%;
   z-index: 0; */
  }
  
  .flow-list .icon{
    aspect-ratio: 3/1;
  }

  .flow-list .icon .num {
    top: -10px;
    left: -5px;
    width: 45px;
    font-size: 18px;
  }
  
  .flow-list .icon img {
    max-width: 70px;
    max-height: 70px;
  }
}

/* 05course */
.course-content-list .item a,.hover-up a {
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
  display: block;
  background: #fff;
}

.course-content-list .item a:hover,.hover-up a:hover {
  opacity: 1;
  -webkit-transform: translateY(-.5em);
  transform: translateY(-.5em);
}

.course-content-list .item a .titbox {
  padding: 10px 0px 20px;
  letter-spacing: -.05em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.course-banner-list a {
  -webkit-box-shadow: var(--shadow1);
  box-shadow: var(--shadow1);
  display: block;
}

.course-banner-list a:hover {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 rgb(73 68 68 / 0%);
  box-shadow: 0 0 0 rgb(73 68 68 / 0%);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

.course-banner-list .box-inner {
  position: relative;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.course-banner-list .box .box-inner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}

.course-banner-list .box01 .box-inner::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-pink1)), to(transparent));
  background: linear-gradient(90deg, var(--color-pink1) 50%, transparent);
}

.course-banner-list .box02 .box-inner::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-orange2)), to(transparent));
  background: linear-gradient(90deg, var(--color-orange2) 50%, transparent);
}

.course-banner-list .box03 .box-inner::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-green2)), to(transparent));
  background: linear-gradient(90deg, var(--color-green2) 50%, transparent);
}

.course-banner-list .box-inner .tit {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 20px;
  font-size: 18px;
}


.course-banner-list .box-inner .bgi {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
}

/* 06face */
.menu-table-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu-table-list dl:first-of-type dt,
.menu-table-list dl:first-of-type dd {
  border-top: 1px solid #ccc;
  background: var(--color-yellow1);
}

.menu-table-list dl dt,
.menu-table-list dl dd {
  width: 20%;
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.5;
}

.menu-table-list dl dt {
  border-left: 1px solid #ccc;
  text-align: left;
    align-items: flex-start;
}

.menu-table-list dl dt,
.menu-table-list dl dd:first-of-type {
  width: 30%;
}

.menu-table-list:not(.type-other) dl dt, .menu-table-list:not(.type-other) dl dd:first-of-type{
  width: 25%;
}

.course-pice-block .menu-table-list dl dt, .course-pice-block .menu-table-list dl dd:first-of-type{
  width: 40%;
}

.menu-table-list:not(.type-other) dl dt {
    width: 35%;
}

.menu-table-list:not(.type-other) dl dd:nth-of-type(3) {
    width: 15%;
}

.menu-table-list dl dd:first-of-type {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.menu-table-list dl dd.center:first-of-type {
    align-items: center;
}

@media(max-width:599px) {
  .menu-table-list {
    width: 1050px;
  }
}

.price-block-list .price-block .price-block-inner {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    padding: 30px 20px;
    position: relative;
}

.price-block-list .price-block .price-block-inner .imgbox {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.price-block-list .price-block .price-block-inner .price-b-title {
        font-size: 20px;
    color: var(--color-pink1);
    font-family: 'メイリオ', Meiryo,sans-serif;
    text-align: center;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.price-block-list.-orange .price-block .price-block-inner .price-b-title{
  color: #ff794c;
}

.price-block-list.-green .price-block .price-block-inner .price-b-title{
  color:#4da889;
}

.price-block-list .price-block .price-block-inner .price-b-fee {
    font-size: 16px;
    text-align: center;
    font-family: var(--ff03);
    font-weight: 500;
    margin-top: 10px;
}

.price-block-list .price-block .price-block-inner .info-wrap{
  background-color: var(--color-gray1);
  padding: 15px;
  margin-top: 20px;
}

.price-block-list .price-block .price-block-inner dl{
  font-size: 14px;
}

.price-block-list .price-block .price-block-inner dl + dl{
  margin-top: 20px;
}

.price-block-list .price-block .price-block-inner dl dt {
    border-bottom: 1px solid;
    font-weight: 600;
    padding: 0 0px 8px;
    margin-bottom: 3px;
    line-height: 1;
}

.price-block-list .price-block .price-block-inner .balloon {
    position: absolute;
    background: url(/upload/tenant_1/23138463_00.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 276 / 136;
    color: #000;
    letter-spacing: -1px;
    display: flex;
    top: -30px;
    left: -20px;
    font-weight: 600;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    padding: 10px 10px 15px 10px;
    writing-mode: horizontal-tb;
    min-width: 110px;
    font-size: 12px;
    z-index: 2;
}

.price-block-list .price-block .price-block-inner .balloon-inner {
  position: relative;
  line-height: 1.3;
  text-align: center;
}

.price-block-list .price-block .price-block-inner .balloon-inner >*{
      background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, var(--color-yellow1) 70%);
      line-height: 1.8
}

@media(max-width:1024px){
  .price-block-list .price-block .price-block-inner{
    padding: 20px 10px;
  }
  
  .price-block-list .price-block .price-block-inner .price-b-title {
    font-size: 17px;
  }
  
  .price-block-list .price-block .price-block-inner .price-b-title.-min{
    font-size: 15px;
    letter-spacing: -1px;
  }
}

@media(max-width:599px){
  .price-block-list .price-block .price-block-inner{
    padding: 10px 5px;
  }
  
  .price-block-list .price-block .price-block-inner .price-b-title{
    font-size: 14px;
  }
  
  .price-block-list .price-block .price-block-inner .price-b-title.-min{
    font-size: 11.5px;
  }
  
  .price-block-list .price-block .price-block-inner .price-b-fee{
    margin-top: 5px;
  }
  
  .price-block-list .price-block .price-block-inner .info-wrap{
    padding: 10px;
    margin-top: 5px;
  }
  
  .price-block-list .price-block .price-block-inner .balloon {
    left: -10px;
    top: -15px;
    padding: 11px 10px 14px 10px;
    min-width: 80px;
    font-size: 9px;
  }
}

/*  */

.menu-course-list:not(.type02) .item+.item {
  margin-top: 50px;
}

.menu-course-list .item .tit {
  background: var(--color-pink1);
  color: #fff;
  padding: 15px 20px;
  margin-bottom: 20px;
  line-height: 1.3;
  text-align: center;
}

.menu-course-list.type02 .item .tit {
  margin-bottom: 0;
  text-align: center;
}

.type-body .menu-course-list .item .tit {
  background: var(--color-orange2);
}

.type-purpose .menu-course-list .item .tit {
  background: var(--color-green2);
}

@media(max-width:599px) {

  .menu-course-list .item+.item,
  .menu-course-list.type02 .item+.item {
    margin-top: 30px;
  }

  .menu-course-list .item .tit {
    margin-bottom: 10px;
    padding: 15px 10px;
    text-align: center;
  }

  .menu-course-list.type02 .item .tit {
    margin-bottom: 10px;
  }
}

/* course-infobox */
.course-infobox .term-title {
    font-size: 18px;
    text-align: center;
    line-height: 1;
}

.course-infobox .term-detail .up-fz-10{
    margin-top: -13px;
}

.course-infobox .term-detail,.course-infobox .term-month {
    border: 1px solid;
    padding: 10px;
}

.course-infobox .term-month .term-num {
    font-size: 20px;
    text-align: center;
}

.course-infobox .term-month .term-num .num {
    font-size: 150%;
}

.course-infobox .term-detail {
    width: 70%;
}

.course-infobox .term-detail .term-box-grey {
    display: flex;
    justify-content: space-between;
}

.course-infobox .term-detail .term-box-pink {
    display: flex;
    justify-content: center;
    background: var(--color-pink2);
    color: #fff;
    font-weight: 300;
    margin-top: 5px;
    gap: 25px;
    font-size: 15px;
}

.course-infobox .term-detail .term-box-grey .term-box-item {
    width: 30%;
    text-align: center;
    background-color: #808285;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    padding: 5px 0;
}

.course-infobox .term-detail .term-box-grey .term-box-item:last-of-type {
    width: calc(40% - 10px);
}

.course-infobox .term-detail .term-box-grey .term-box-item .small{
  font-size: 12px;
}

.course-infobox .term-month {
    width: 28%;
    display: flex;
    flex-direction: column;
}

.course-infobox.type02 .term-month{
  width: 100%;
}

.course-infobox .qualification {
    background: var(--color-pink2);
    color: #fff;
    margin-top: 75px;
    padding: 10px;
}

.course-infobox .qualification.type02{
    margin-top: 110px;
}

.course-infobox .qualification .qua-title {
    font-size: 18px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
}

.course-infobox .qualification .qua-text-box {
    font-size: 14px;
    width: 100%;
}

.course-infobox .qualification .qua-text-box .qua-text + .qua-text2 {
    border-top: 2px dotted;
    margin-top: 5px;
    padding-top: 5px;
}

.course-infobox .qualification .qua-image {
    width: 45%;
    margin-top: -100px;
    margin-left: -45%;
    transform: translateY(-12px);
}

.course-infobox .curriculum .cur-main-title {
    font-size: 18px;
    background: var(--color-pink2);
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.course-infobox .curriculum .cur-title{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.5;
}

.course-infobox .curriculum .cur-item-wrap {
    border-bottom: dashed 1px;
    margin-bottom: 14px;
    padding-bottom: 5px;
}

.course-infobox .curriculum .cur-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

@media(max-width:599px){
  .course-infobox .term-title {
    font-size: 13px;
  }
  
  .course-infobox .term-detail {
    width: 68%;
  }
  
  .course-infobox .term-month {
    width: 30%;
  }

  .course-infobox .term-detail .term-box-pink {
    color: #333;
    font-weight: 400;
  }
  
  .course-infobox .term-detail .up-fz-10{
      margin-top: 0px;
  }
  
  .course-infobox .term-detail .term-box-pink {
      justify-content: center;
      gap: 0;
      font-size: 14px;
      flex-direction: column;
      padding: 5px;
      align-items: center;
  }
  
  .course-infobox .term-detail .term-box-grey .term-box-item{
    display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  
  .course-infobox .term-detail .term-box-grey .term-box-item .small {
      display: block;
      line-height: 1;
      padding-bottom: 3px;
  }
}

.add-content-box {
    margin-top: -200px;
}

.add-content-box .price-wrap .price-before{
  margin-right: 60px;
  position: relative;
}

.add-content-box .price-wrap .price-before::after {
    content: "\f30b";
    font-family: "font Awesome 5 free";
    font-weight: bold;
    position: absolute;
    bottom: -2px;
    font-size: 30px;
    right: -50px;
    color: var(--color-red3);
}

.add-content-box .price-wrap .price-before .price-num {
    text-decoration: line-through;
}

.add-content-box .price-wrap .price-after{
      color: var(--color-red3);
}

.add-content-box .price-text {
    position: relative;
    font-size: 20px;
    width: fit-content;
    margin-bottom: 20px;
    color: var(--color-navy1);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 70%, var(--color-yellow1) 70%);
}

@media(max-width:1024px){
  .add-content-box .price-text{
    font-size: 18px;
  }
  
  .add-content-box .price-text::before, .add-content-box .price-text::after {
    width: 1px;
    height: 18px;
  }
  
  .add-content-box .price-text::before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  
  .add-content-box .price-text::after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  
  .add-content-box .price-wrap .price-before{
    margin-right: 50px;
  }
  
  .add-content-box .price-wrap .price-before::after {
    bottom: 0px;
    font-size: 26px;
    right: -55px;
    color: var(--color-red3);
  }
}

@media(max-width:599px){
  .add-content-box {
    margin-top: 10px;
  }
  
  .add-content-box .price-wrap .price-before {
    margin-right: 50px;
  }
  
  .add-content-box .price-wrap .price-before::after {
    bottom: -3px;
    font-size: 26px;
    right: -40px;
  }
}

/* page-body */
.page-body .course-infobox .curriculum .cur-main-title{
  background: #ffa080;
}

.page-body .course-infobox .qualification {
    background:#ffa080;
}

.page-body .course-infobox .term-detail .term-box-pink{
  background: #ffa080;
}

.page-body .course-infobox .curriculum .cur-item::before{
  color: #ffa080;
}

/* page-other */
.page-other .course-infobox .curriculum .cur-main-title{
  background: #78bda5;
}

.page-other .course-infobox .qualification {
    background:#78bda5;
}

.page-other .course-infobox .term-detail .term-box-pink{
  background: #78bda5;
}

.page-other .course-infobox .curriculum .cur-item::before{
  color: #78bda5;
}

@media(max-width:599px){
  .course-infobox .curriculum{
    margin-top: 30px;
  }
  
  .course-infobox .qualification,.course-infobox .qualification.type02 {
    margin-top: 70px;
  }
  
  .course-infobox .curriculum .cur-title{
    font-size: 14px;
  }
  
  .course-infobox .qualification .qua-image{
        margin-top: -93px;
  }
  
  .course-infobox .qualification.type02 .qua-image {
    margin-top: -55px;
  }
}

/* price */
.price-area .price-list .item .item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.price-area .price-list .item+.item {
  margin-top: 80px;
}

.price-area .price-list .item .item-inner .imgbox {
  width: 48%;
}

.price-area .price-list .item .item-inner .imgbox .img {
  max-height: 500px;
}

.price-area .price-list .item .item-inner .imgbox .img.type02 {
  max-height: unset;
}

.price-area .price-list .item .item-inner .txtbox {
  width: 48%;
  padding-right: calc(50% - 550px);
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.price-area .price-list .item .item-inner .txtbox .box .tit {
  border-bottom: 1px solid;
  color: var(--color01);
  font-family: var(--ff02);
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.price-area .price-list .item .item-inner .txtbox .box dl {
  text-align: right;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
}

.price-area .price-list .item .item-inner .txtbox .box dl dd {
  width: 100px;
}

@media(max-width:1024px) {
  .price-area .price-list .item .item-inner .txtbox {
    padding-right: 2%;
  }

  .price-area .price-list .item .item-inner .txtbox .box .tit {
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px;
  }
}

@media(max-width:599px) {
  .price-btn-area .btn-type-01 a {
    min-width: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    height: 100%;
    line-height: 1.4;
  }

  .price-area .price-list .item .item-inner {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  .price-area .price-list .item .item-inner .imgbox {
    width: 98%;
    margin-top: 20px;
  }

  .price-area .price-list .item .item-inner .txtbox {
    padding-right: 0;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 09qualifications */
.qualifications-flow-list .item {
    background-color: #fff;
    color: var(--color-navy1);
    border: 1px solid var(--color-navy1);
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--ff02);
    text-align: center;
    position: relative;
}

/* .qualifications-flow-list .item:first-of-type {
    background-color: var(--color-navy1);
    color: #fff;
}
 */
.qualifications-flow-list .item:last-of-type {
    background-color: var(--color-pink1);
    color: #fff;
    border-color: var(--color-pink1);
}

.qualifications-flow-list .item:not(:last-of-type)::before,.qualifications-flow-list .item:not(:last-of-type)::after{
  content: "";
  background-color: var(--color00);
  position: absolute;
  left: 50%;
  bottom: -25px;
}

.qualifications-flow-list .item:not(:last-of-type)::before{
  width: 1px;
  height: 20px;
  margin-left: -.5px;
}

.qualifications-flow-list .item:not(:last-of-type)::after {
    width: 8px;
    height: 6px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    transform: translateX(-50%);
}

.qualifications-flow-list .item + .item{
  margin-top: 30px;
}

.qualifications-lists2-list .item + .item{
  margin-top: 50px;
}

.qualifications-lists2-list .sub-box{
  margin-top: 30px;
}

.qualifications-lists2-list .sub-box-title-wrap{
  display: flex;
    align-items: center;
}

.qualifications-lists2-list .sub-box-title {
    background-color: #fff;
    color: var(--color-navy1);
    border: 1px solid var(--color-navy1);
    padding: 15px;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    max-width: 380px;
    width: 100%;
    margin-right: 20px;
}

.qualifications-lists2-list .sub-box-title-wrap .ninteisho {
    background: #ea2f2f;
    color: #fff;
    font-size: 15px;
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid #fff;
    outline: 3px solid #ea2f2f;
}

.qualifications-lists2-list .sub-box-title-wrap .ninteisho + .ninteisho {
  margin-left: 10px;
}

.qualifications-lists2-list .sub-box-title-wrap .ninteisho.-type02{
  background: var(--color-green2);
  outline-color:var(--color-green2);
}

.qualifications-lists2-list .sub-box-title-wrap .ninteisho.-type03{
  background: var(--color-navy1);
  outline-color: var(--color-navy1);
}

.qualifications-lists2-list .sub-box-title::before{
    content: "\f078";
    font-weight: bold;
    font-family: var(--ff99);
    line-height: 0;
    letter-spacing: 0;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 20px;
}

.qualifications-lists2-list .sub-box-title.is-parent::before{
  transform: scale(1, -1);
}

.qualifications-lists2-list .sub-box-title-wrap.js-toggle + .sub-box-content{
  display: none;
}

.qualifications-lists2-list .table .table-box {
    display: flex;
}

.qualifications-lists2-list .table .table-box:first-of-type{
  border-top: 1px solid var(--color-navy1);
}

.qualifications-lists2-list .table .table-box dt,.qualifications-lists2-list .table .table-box dd{
    padding: 10px;
    border-bottom: 1px solid ;
}

.qualifications-lists2-list .table .table-box dt {
    width: 20%;
    background-color: var(--color-navy1);
    color: #fff;
    border-color: #fff;
}

.qualifications-lists2-list .table .table-box:last-of-type dt{
  border-color: var(--color-navy1);
}

.qualifications-lists2-list .table .table-box dd {
    width: 80%;
    border-color: var(--color-navy1);
    border-right: 1px solid var(--color-navy1);
}

@media(max-width:599px){
  .qualifications-lists2-list .sub-box-title {
    padding: 12px;
    font-size: 18px;
    max-width: 200px;
  }
  
  .qualifications-lists2-list .sub-box-title::before{
    right: 12px;
    font-size: 14px;
  }
  
  .qualifications-lists2-list .table .table-box{
    flex-wrap: wrap;
  }
  
  .qualifications-lists2-list .table .table-box + .table-box{
    margin-top: 10px;
  }
  
  .qualifications-lists2-list .table .table-box dt{
    width: 100%;
    border-color: var(--color-navy1);
  }
  
  .qualifications-lists2-list .table .table-box dd{
    width: 100%;
    border-left: 1px solid var(--color-navy1);
  }
  
  .qualifications-lists2-list .sub-box-title-wrap .ninteisho + .ninteisho {
    margin-left: 7px;
  }
}

.qualifications-lists-area .anker-link-box{
  display: flex;
  justify-content: center;
  gap: 20px;
      margin: 50px auto 50px;
}

.qualifications-lists-area .anker-link-box .anker-link-btn{
  width: calc((100% - 40px)/3)
}

.qualifications-lists-area .anker-link-box .anker-link-btn a {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid var(--color-navy1);
    color: var(--color-navy1);
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

.qualifications-lists-area .anker-link-box .anker-link-btn a:hover{
  opacity: 1;
}

.qualifications-lists-area .anker-link-box .anker-link-btn a::before{
  content: "\f078";
    font-weight: bold;
    font-family: var(--ff99);
    line-height: 0;
    letter-spacing: 0;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 20px;
}

@media(max-width:1024px){
  .qualifications-lists-area .anker-link-box .anker-link-btn a{
    font-size: 15px;
  }
  .qualifications-lists-area .anker-link-box .anker-link-btn a::before {
    font-size: 14px;
    right: 5px;
  }
}

@media(max-width:599px){
  .qualifications-lists-area .anker-link-box {
    gap: 5px;
    margin: 30px auto 30px;
  }
  
  .qualifications-lists-area .anker-link-box .anker-link-btn {
    width: calc((100% - 10px) / 3);
  }
  
  .qualifications-lists-area .anker-link-box .anker-link-btn a{
    font-size: 13px;
    letter-spacing: -.5px;
    padding: 10px 2px;
    min-height: 55px;
  }
  
  .qualifications-lists-area .anker-link-box .anker-link-btn.-type02 a{
    font-size: 11px;
    letter-spacing: -1px;
  }
  
  .qualifications-lists-area .anker-link-box .anker-link-btn a::before {
    font-size: 12px;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
  }
  
  .qualifications-lists2-list .sub-box-title-wrap .ninteisho {
    font-size: 10px;
        padding: 4px 3px;
    left: 120px;
    border: 1px solid #fff;
    outline: 2px solid #e01616;
  }
  
  .qualifications-lists2-list .sub-box-title{
    margin-right: 10px;
  }
}

[data-element-id] .qualifications-lists2-list .sub-box-title.js-toggle + .sub-box-content{
  display: block;
}

/* 10staff */
.staff-list .item+.item {
  margin-top: 50px;
}

.staff-list .item .imgbox .name {
  background: rgb(255 255 255 / 80%);
  z-index: 2;
  position: relative;
  width: 90%;
  margin: -20px auto 0;
  padding: 20px 10px;
  text-align: center;
  -webkit-box-shadow: var(--shadow2);
  box-shadow: var(--shadow2);
  line-height: 1;
}

.staff-list .item .imgbox .name .ja {
  font-size: 120%;
  font-weight: 500;
  color: var(--color-pink1);
  padding-bottom: 10px;
  font-family: var(--ff02);
}

.staff-list .item .imgbox .name .en {
  font-size: 80%;
}

.staff-list .item .imgbox .name .job {
  font-size: 80%;
  margin-bottom: 10px;
}

.staff-list .item .txtbox .info {
  border: 4px double var(--color-pink2);
  padding: 15px;
  background: var(--color-pink3);
  font-family: var(--ff02);
  font-weight: 500;
}

.staff-list .item .txtbox .info.-purple{
    background: rgb(175 112 182 / 10%);
    border-color: #af70b6;
}

.staff-list .item .txtbox .txt + .info,.staff-list .item .txtbox .show\@sp + .info{
  margin-top: 30px;
}

@media(max-width:599px) {
  .staff-list .item .txtbox .info {
    margin-top: 10px;
  }
  
  .staff-list .ttl-cmn-00{
    font-size: clamp(1.563rem, -0.906rem + 10vw, 1.75rem);
  }
}

/* 11voice */
.voice01 .list-article .item + .item {
    border-top: 2px dashed var(--color-pink2);
    padding-top: 30px;
    margin-top: 40px;
}

.voice01 .list-article .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.voice01 .list-article .item a .tit {
  font-size: 30px;
  font-weight: 900;
  line-height: 1.3;
  z-index: 2;
}

.voice01 .list-article .item a .up-obf-contain img {
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.voice01 .list-article .item .cate::before{
  content:"\f007";
  font-family: var(--ff99);
  font-weight: bold;
}

.voice01 .list-article .item .cate span {
    background: none;
    font-weight: 600;
    font-size: 16px;
    padding: 0;
    margin-left: 8px;
}

.voice01 .list-article .item:nth-child(3n + 1) .cate,.voice01 .list-article .item:nth-child(3n + 1) .cate span {
  color: var(--cmn03);
}

.voice01 .list-article .item:nth-child(3n + 2) .cate,.voice01 .list-article .item:nth-child(3n + 2) .cate span  {
  color: var(--cmn01);
}

.voice01 .list-article .item:nth-child(3n + 3) .cate,.voice01 .list-article .item:nth-child(3n + 3) .cate span  {
  color: var(--cmn02);
}

.voice01 .list-article .item:nth-child(3n + 1) .blocktxt .tit{
  color: var(--cmn03);
}

.voice01 .list-article .item:nth-child(3n + 2) .blocktxt .tit {
  color: var(--cmn01);
}

.voice01 .list-article .item:nth-child(3n + 3) .blocktxt .tit  {
  color: var(--cmn02);
}

.voice01 .list-article .item .blocktxt .name {
    color: #fff;
    width: fit-content;
    padding: 5px;
    line-height: 1.5;
    font-size: 19px;
    font-weight: 400;
    padding: 3px 10px 5px;
}

.voice01 .list-article .item:nth-child(3n + 1) .blocktxt .name,.voice01 .list-article .item:nth-child(3n + 1) .btn-type01 .a{
  background: var(--cmn03);
}

.voice01 .list-article .item:nth-child(3n + 2) .blocktxt .name,.voice01 .list-article .item:nth-child(3n + 2) .btn-type01 .a{
  background: var(--cmn01);
}

.voice01 .list-article .item:nth-child(3n + 3) .blocktxt .name,.voice01 .list-article .item:nth-child(3n + 3) .btn-type01 .a{
  background: var(--cmn02);
}

.voice01 .list-article .item .blocktxt .sub-tit{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-height: 1.4;
}

@media(max-width:599px) {
 /*  .voice01 .list-article .item+.item {
   margin-top: 0;
 } */
  
  .voice01 .list-article .item a{
    align-items: flex-end;
    justify-content: flex-start;
  }

  .voice01 .list-article .item a .blocktxt {
    display: contents;
    /* autoprefixer: ignore next */
  }

  .voice01 .list-article .item a .meta {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .voice01 .list-article .item a .img {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    margin-top: -40px;
    width: 65%;
    margin-left: -25% !important;
  }
  
  .voice01 .list-article .item a .img >div{
    max-height: 230px;
  }
  
  .voice01 .list-article .item a .name-wrap  {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 70%;
  }

  .voice01 .list-article .item a .name {
    width: 100%;
    text-align: center;
  }
  
  .voice01 .list-article .item .blocktxt .name{
    font-size: 16px;
  }

  .voice01 .list-article .item a .tit {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 23px;
    width: 60%;
  }
  
  .voice01 .list-article .item .blocktxt .sub-tit {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
  }
  
  .voice01 .list-article .item .blocktxt .sub-tit br{
    display: none;
  }

  .voice01 .list-article .item a .btn {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .voice01 .list-article .item a .up-obf-contain img {
    -o-object-position: 100% 100%;
    object-position: 100% 100%;
  }
}

.voice01 .list-article.-recommend .item + .item {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.voice01 .list-article.-recommend .item .blocktxt .name {
    font-size: 15px;
    margin-top: 10px;
}

.voice01 .list-article.-recommend .item a .tit {
    font-size: 22px;
}

.voice01 .list-article.-recommend .item a .date {
    font-size: 12px;
}

.voice01 .list-article.-recommend .item .btn-type01.min .a {
    font-size: 14px;
    padding: .8em 2em .8em 2em;
    min-width: 180px;
}

@media(max-width:599px){
  .voice01 .list-article .item a .img {
      width: 50%;
      margin-left: -10% !important;
  }
  
  .voice01 .list-article.-recommend .item a .date {
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .voice01 .list-article.-recommend .item + .item{
    border-top: 2px dashed var(--color-pink2);
    padding-top: 20px;
    margin-top: 30px;
  }
}

.voicedtl01 .voicedtl-list .infobox .tit {
  font-size: 34px;
  font-weight: 900;
  line-height: 1.3;
  color: var(--cmn01);
  border-bottom: 1px solid var(--cmn01);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.voicedtl01 .voicedtl-list .imgbox .name {
    color: #fff;
    width: fit-content;
    line-height: 1.5;
    font-size: 19px;
    font-weight: 400;
    padding: 3px 20px 5px;
    background: var(--cmn01);
    margin: 20px auto;
}

@media(max-width:599px) {
  .voicedtl01 .voicedtl-list .infobox .tit {
    font-size: 28px;
  }
}

/* 記事一覧ページ */
.cate,
.genre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cate span,
.genre span {
  display: inline-block;
  background: var(--color-pink1);
  color: #fff;
  padding: 1px 10px 2px 10px;
  margin: 0 3px 3px 0px;
  font-size: 14px;
}

.genre span {
  margin: 0;
}

.genre span {
  background: var(--color-pink1);
}

.list-article .genre {
  position: absolute;
  bottom: 0;
  right: 0px;
}

.list-article .txt {
  line-height: 1.5;
  font-size: 16px;
}

/* news */
.news01 .list-article .item.item:not(:last-of-type) {
  border-bottom: 1px solid var(--color04);
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: block;
}

.news01 .list-article .item .blocktxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.news01 .list-article .item .blocktxt .cate span {
  display: block;
  padding: 5px 10px 6px 10px;
  margin: 0;
  width: 150px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media(max-width:599px) {
  .news01 .list-article .item .blocktxt {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* blog */
.blog01 .list-article .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-right: 50px;
}

.blog01 .list-article .item a::before {
    content: "→";
    font-family: 'FontAwesome';
    aspect-ratio: 1;
    border: 1px solid;
    padding: 10px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    z-index: 2;
    line-height: 1;
    letter-spacing: 0;
    justify-content: center;
    border-radius: 50%;
    font-size: 14px;
    align-items: center;
}

.blog01 .list-article .item:not(:last-of-type) {
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

/* .blog01 .list-article .item a .cate span {
  background: var(--color-pink1);
  font-weight: 600;
} */

@media(max-width:599px){
  .blog01 .list-article .item a{
    padding-right: 38px;
  }
  .blog01 .list-article .item a::before {
    padding: 5px;
    width: 30px;
    height: 30px;
    font-size: 10px;
}
}

/* 記事詳細ページ */
.articledtl01 .head {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  font-family: var(--ff02);
  font-size: 22px;
  color: var(--color-pink1);
}

.articledtl01 .txt h2 {
  margin: 1em 0;
  padding: 0.5em 0;
  font-size: 22px;
  line-height: 1;
  font-family: var(--ff02);
  font-weight: 700;
}

.articledtl01 .txt h2::first-letter {
  color: var(--color-pink1);
}

.articledtl01 .txt h3 {
  margin: 1em 0;
  padding: 0.5em;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  border-left: solid 10px var(--color-pink1);
  font-family: var(--ff02);
  font-weight: 700;
}

.articledtl01 .txt h4 {
  margin: 1em 0;
  padding-bottom: 0.5em;
  font-weight: 600;
  font-size: 18px;
  border-bottom: dotted 2px var(--color-pink1);
  font-family: var(--ff02);
  font-weight: 700;
}

.articledtl01 .txt ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.articledtl01 .txt ul li::before {
  content: "■";
  color: var(--color-pink1);
}

.articledtl01 .txt ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  list-style-type: none;
  counter-increment: cnt;
}

.articledtl01 .txt ol li::before {
  content: ""counter(cnt)".";
  margin-right: 10px;
  font-weight: bold;
  font-size: 120%;
  color: var(--color-pink1);
  font-family: var(--ff02);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.articledtl01 iframe[src*="youtube"] {
  margin-top: 1em;
  margin-bottom: 1em;
  aspect-ratio: 16 / 9;
  height: auto;
}

/* 16faq */
.faq-list .faq-item-list .item+.item {
  margin-bottom: 10px;
  border-top: 1px dashed var(--color-pink1);
  padding-top: 10px;
}

.faq-list .datattl {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: baseline;
  color: var(--color-pink1);
  padding: 10px 50px 15px 10px;
  font-weight: 600;
}

.faq-list .datattl span.text {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  padding: 10px 50px 10px 0;
  line-height: 1.5;
}

.faq-list.type02 .datattl {
  background: var(--color04);
}

.faq-list .datattl:before {
  content: "Q";
  color: #fff;
  background: var(--color-pink1);
  font-family: var(--ff02);
  font-size: 25px;
  width: 50px;
  aspect-ratio: 1;
  line-height: 1;
  -ms-flex-negative: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  margin-right: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 5px;
  border-radius: 50%;
}

.faq-list .datattl span:before,
.faq-list .datattl span:after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  content: "";
  text-align: center;
  background: var(--color-pink1);
  border-radius: 5px;
  -webkit-transition: .5s;
  transition: .5s;
}

.faq-list .datattl span:before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.faq-list .datattl.is-parent span:before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

.faq-list .faq-item-list .item {
  margin-bottom: 20px;
  border-radius: 5px;
  overflow: hidden;
}

[data-element-id] .faq-list .faq-item-list .item:nth-child(n + 4) {
  display: none;
}

.faq-list .data {
  position: relative;
  display: none;
  padding: 15px 20px 20px 80px;
  font-size: 15px;
}

[data-element-id] .faq-list .data {
  display: block;
}

.faq-list.type02 .data {
  background: var(--color04);
  border-color: #fff;
}

.faq-list .data:before {
  content: "A";
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 25px;
  font-family: var(--ff02);
  width: 50px;
  color: var(--color-pink1);
  background: var(--color-pink3);
  aspect-ratio: 1;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
  display: block;
  text-align: center;
  padding-top: 10px;
}

@media (max-width: 1024px) {
  .faq-btn-box .button-wrap .btn-type-01 {
    width: calc(100% / 4);
    line-height: 1.3;
  }

  .faq-btn-box .button-wrap .btn-type-01 a {
    width: 100%;
    font-size: 15px;
  }
}

@media (max-width: 599px) {
  .faq-btn-box .button-wrap .btn-type-01 {
    width: calc(100% / 2);
  }

  .faq-list .item {
    font-size: 15px;
  }

  .faq-list .datattl span.text {
    padding: 10px 30px 10px 0;
  }

  .faq-list .datattl span:before,
  .faq-list .datattl span:after {
    right: 8px;
    width: 12px;
  }

  .faq-list .datattl:before {
    font-size: 24px;
    width: 40px;
    margin-right: 10px;
  }

  .faq-list .data {
    padding-left: 70px;
    padding-bottom: 20px;
  }

  .faq-list .data:before {
    font-size: 24px;
    width: 40px;
    top: 15px;
    padding-top: 5px;
  }
}

/* 15recruit */

.recruit-table-area .recruit-list .table-box {
  border: 1px solid var(--color-pink1);
}

.recruit-table-area .recruit-list .table-box .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recruit-table-area .recruit-list .table-box .box>* {
  padding: 10px;
}

.recruit-table-area .recruit-list .table-box .box>*.t-tit {
  width: 30%;
  background: var(--color-pink1);
  color: #fff;
  border-bottom: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruit-table-area .recruit-list .table-box .box:last-child>*.t-tit {
  border-bottom: none;
}

.recruit-table-area .recruit-list .table-box .box>*.t-txt {
  width: 70%;
}

.recruit-table-area .recruit-list .table-box .box:not(:last-of-type)>*.t-txt {
  border-bottom: 1px solid var(--color-pink1);
}

@media(max-width:1024px) {
  .recruit-table-area .ttl-cmn-01.type02 .en {
    top: -80px;
  }
}

@media(max-width:599px) {
  .recruit-table-area .recruit-list .table-box .box>*.t-txt {
    font-size: 14px;
    font-weight: 500;
  }

  .recruit-table-area .recruit-list .table-box .box>*.t-tit {
    padding: 10px 5px;
    font-size: 14px;
  }
}

.recruit-voice-area .graph-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.recruit-voice-area .graph-wrapper .graph-box {
    width: 52%;
    /* margin-right: -2%; */
    z-index: 3;
}

.recruit-voice-area .graph-wrapper .img-box {
    width: 48%;
    /* display: flex; */
    padding-right: 0;
    padding-bottom: 60px;
}

.recruit-voice-area .graph-wrapper .img-box .img01 {
    width: 50%;
    margin-left: 30px;
    z-index: 2;
}

.recruit-voice-area .graph-wrapper .img-box .img02 {
        width: 60%;
    margin-left: auto;
    margin-bottom: -50px;
    z-index: 2;
    position: relative;
}

.rec-point-list .point-item {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.rec-point-list .point-item:first-of-type{
  border-top: 1px solid #ccc;
}

.rec-point-list .point-item {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    padding-top: 20px;
}

.rec-point-list .point-item .point {
    flex-shrink: 0;
    background: #ffd900;
    color: #5b5657;
    font-size: 14px;
    font-family: 'メイリオ', Meiryo, sans-serif;
    padding: 2px 10px;
    height: 100%;
    border-radius: 5px;
}

.rec-point-list .point-item .point .num {
    font-size: 22px;
    line-height: 1;
    transform: translateY(2px);
    display: inline-block;
    margin-left: 3px;
}

.rec-point-list .point-item .text {
    line-height: 1.3;
    transform: translateY(1px);
}

@media(max-width:599px){
  .recruit-voice-area .graph-wrapper {
    justify-content: center;
  }
  
  .recruit-voice-area .graph-wrapper .graph-box {
    width: 100%;
    margin-right: 0;
  }
  
  .recruit-voice-area .graph-wrapper .img-box {
      width: 90%;
      padding-right: 0px;
      margin-top: 20px;
      padding-bottom: 30px;
  }
  
  .recruit-voice-area .graph-wrapper .img-box .img01 {
      width: 60%;
      margin-left: 0px;
  }
  
  .recruit-voice-area .graph-wrapper .img-box .img02 {
      width: 60%;
  }
  
  .rec-point-list .point-item {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 10px;
  }
  
  .rec-point-list .point-item .point {
    border-radius: 3px;
  }
  
  .rec-point-list .point-item .text{
    transform: none;
    line-height: 1.5;
  }
}

.rec-voice2-list .item + .item {
   margin-top: 50px;
    border-top: 1px solid #ccc;
    padding-top: 50px;
}

.rec-voice2-list .item .title-box{
  display: flex;
  align-items: center;
}

.rec-voice2-list .item .title-box .sub-title {
    background-color: var(--color-orange2);
    color: #fff;
    width: 45%;
    padding: 10px;
    line-height: 1.5;
    box-shadow: 5px 5px 0 var(--color-gray1);
    flex-shrink: 0;
    margin-right: 20px;
}

.rec-voice2-list .item:nth-child(3n + 1) .title-box .sub-title{
  background-color: var(--cmn03);
}

.rec-voice2-list .item:nth-child(3n + 2) .title-box .sub-title{
  background-color: var(--cmn01);
}

.rec-voice2-list .item:nth-child(3n + 3) .title-box .sub-title{
  background-color: var(--cmn02);
}

.rec-voice2-list .item .title-box .main-title {
    font-size: 24px;
    color: var(--color-orange2);
    font-weight: 800;
}

.rec-voice2-list .item:nth-child(3n + 1) .title-box .main-title{
  color: var(--cmn03);
}

.rec-voice2-list .item:nth-child(3n + 2) .title-box .main-title{
  color: var(--cmn01);
}

.rec-voice2-list .item:nth-child(3n + 3) .title-box .main-title{
  color: var(--cmn02);
}

.rec-voice2-list .item .sub-contents{
    background-color: var(--color-gray1);
    padding: 20px;
}

@media(max-width:1024px){
  .rec-voice2-list .item .title-box {
    flex-wrap: wrap;
  }
  
  .rec-voice2-list .item .title-box .sub-title {
    width: fit-content;
    margin-right: 0;
  }
}

@media(max-width:599px){
  .rec-voice2-list .item .title-box {
    justify-content: center;
  }
  
  .rec-voice2-list .item .title-box .main-title {
    font-size: 22px;
    margin-top: 10px;
  }
  
  .rec-voice2-list .item .name {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 110%;
  }
}

/* 18contact */
.contact-law-area table {
  font-size: 15px;
  text-align: left;
  background: #999;
  border: 1px solid var(--color-gray1);
  width: 100%;
}

.contact-law-area table tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-gray1);
}

.contact-law-area table th {
  background: #EEEEEE;
  min-width: 120px;
}

.contact-law-area table td {
  background: #FFFFFF;
}

.contact-privacy-area .intro {
  margin-left: -999rem;
  margin-right: -999rem;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 999rem;
  padding-right: 999rem;
  background-color: var(--color-pink1);
}

.contact-privacy-area .box-01 .text {
  width: 90%;
  margin: 50px auto;
}

.contact-privacy-area .list-01+.list-01 {
  margin-top: 30px;
}

.contact-privacy-area .list-01 dt {
  margin-bottom: 15px;
    padding-left: 10px;
    font-weight: 600;
    border-bottom: 2px dotted var(--color-navy1);
    font-size: 22px;
    font-family: var(--ff02);
    letter-spacing: 2px;
    color: var(--color-navy1);
}

[data-ab-test-block] [data-ab-test-contents]+[data-ab-test-contents] {
  display: none;
}

@media(max-width:599px){
  .contact-law-area table tr {
    display: flex;
    flex-direction: column;
}
}

/* rellax */
.long-img-box {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    transform: none!important;
    background-color: transparent!important;
}

.long-img-box.short{
  height: 50vh;
}

.long-img-box.height-auto{
  height: auto;
}

.long-img-box .long-img img{
    filter: opacity(.3) ;
}

.long-img-box.type02 .long-img img {
    filter: opacity(.2) blur(5px);
}

/* .index-blog-list .blog-list .item a .img img,.philosophy-list .item .img img{
  filter: none;  
} */

.long-img{
  position:absolute;
  z-index:-2;
}

.motion .long-img{
  width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1!important;
    opacity: 1;
    background: #3b2b24;
}

.motion.lightbrown .long-img{
    background: #7d5b39;
}

[data-element-id].long-img{
  position:absolute;
  z-index:0;
   width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index:0;
    transform:translate(-50% , -50%);
}

[data-element-id].long-img-box {
    position: relative;
    background-color: #3b2b24 !important;
}

.long-img>img {
     width: 100%;
      height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position:center;
    object-position: center;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    max-width:none;
}

@media(max-width:1024px){
  .long-img-box.contents{
    height: auto;
    min-height: 100vh;
  }
}

@media(max-width:599px){
  /* .long-img-box.sp-short{
    height: 60vh;
    height: 60dvh;
  } */
  
  .long-img-box.sp-h-0{
    height: 0;
  }
}

/* 目的に合わせたコース */
.select-course .title-box {
    background-color: var(--color-orange2);
    color: #fff;
    padding: 0 10px;
    margin-bottom: 40px;
}

.select-course .title-box .sub-catch {
    background-color: #fff;
    color: var(--color-orange2);
    font-family: var(--ff02);
    line-height: 1.5;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    padding: 20px 10px;
    margin-bottom: -10px;
    margin-right: 10px;
    letter-spacing: 0;
    font-weight: 700;
}

.select-course .title-box .title {
    font-size: 26px;
    letter-spacing: -1px;
    font-family: var(--ff02);
}

.select-course .title-box .sub-title {
    border: 1px solid #fff;
    padding: 5px 10px;
    width: fit-content;
    text-align: center;
    line-height: 1.4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin: 0 0 0 10px;
}

.select-course .title-box .text {
    font-size: 12px;
    width: 35%;
    line-height: 1.3;
}

.select-course-list .item-wrap + .item-wrap{
  margin-top: 80px;
}

.select-course-list .item + .item{
  margin-top: 50px;
}

.select-course-list .item .item-inner {
    display: flex;
    flex-wrap: wrap;
}

.select-course-list .item .left-box {
    border: 2px solid #999;
    width: 100%;
    padding: 20px;
    display: flex;
   /*  flex-direction: column;
   justify-content: center; */
       flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
    position: relative;
}

.select-course-list .item.-type-yellow .left-box{
  border-color: #ebd15e;
}

.select-course-list .item.-type-pink .left-box{
  border-color: var(--color-red2);
}

.select-course-list .item .left-box::before{
  content: "";
    width: 50px;
    height: 15px;
    display: block;
    background-color: #999;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}

/* .select-course-list .item .left-box.-orange{
  border-color: #f3a36e;
}

.select-course-list .item .left-box.-blue{
  border-color: #a4d0f1;
}

.select-course-list .item .left-box.-green{
  border-color: #c3e29b;
}

.select-course-list .item .left-box.-yellow{
  border-color: #f9d27b;
} */

.select-course-list .item .left-box .left-item {
    /* padding-bottom: 10px; */
    /* margin-bottom: 10px; */
    border-bottom: dotted 2px #ccc;
    font-size: 18px;
    font-family: 'メイリオ', Meiryo,sans-serif;
    line-height: 1.3;
    /* height: 100%; */
    width: 50%;
    display: flex;
    align-items: center;
    padding-left: 1.5em;
    position: relative;
    min-height: 40px;
}

.select-course-list .item .left-box .left-item::before {
    content: "\f101";
    font-family: var(--ff99);
    font-weight: bold;
    position: absolute;
    top: .3em;
    left: 0;
    /* transform: translateY(-50%); */
}

.select-course-list .item .left-box .left-item:last-of-type{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.select-course-list .item .right-box {
    /* width: 60%;
    padding-left: 50px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 10px;
}

.select-course-list .item .right-box .right-item {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    justify-content: space-between;
    position: relative;
}

.select-course-list .item .right-box .right-item + .right-item{
  margin-top: 10px;
}

/* .select-course-list .item .right-box .right-item::before {
    content: "\f30b";
    font-family: var(--ff99);
    color: #f4acbc;
    color: #999;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: -52px;
    transform: translate(0, -50%);
    font-size: 38px;
} */

/* .select-course-list .item .right-box.-orange .right-item::before,.select-course-list .item .left-box.-orange .left-item::before{
  color: #f3a36e;
}

.select-course-list .item .right-box.-blue .right-item::before,.select-course-list .item .left-box.-blue .left-item::before{
  color: #a4d0f1;
}

.select-course-list .item .right-box.-green .right-item::before,.select-course-list .item .left-box.-green .left-item::before{
  color: #c3e29b;
}

.select-course-list .item .right-box.-yellow .right-item::before,.select-course-list .item .left-box.-yellow .left-item::before{
  color: #f9d27b;
} */

.select-course-list .item .right-box .right-item .sub-title-box {
    width: 45%;
    background-color:#f099b1;
    color: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 3px;
}

.select-course-list .item .right-box .right-item .sub-title-box.-green{
  background-color: #6bc278;
}

.select-course-list .item .right-box .right-item .sub-title-box.-purple{
  background-color: #9e72b3;
}

.select-course-list .item .right-box .right-item .sub-title-box.-blue{
  background-color: #65ace2;
}

.select-course-list .item .right-box .right-item .sub-title-box.-orange{
  background-color: #f19923;
}

.select-course-list .item .right-box .right-item .sub-title-box.-mos{
  background-color: #81cbb6;
}

.select-course-list .item .right-box .right-item .sub-title-box.-purple2{
  background-color:#b1a7d3;
}

.select-course-list .item .right-box .right-item .sub-title-box.-blue2{
  background-color:#78cbf6;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-title1 {
    border-bottom: 1px solid #fff;
    text-align: center;
    margin-bottom: 5px;
    position: relative;
    line-height: 1.2;
    padding-bottom: 5px;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-title1::before, .select-course-list .item .right-box .right-item .sub-title-box .sub-title1::after {
    content: "";
    width: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    bottom: -3px;
    background: #fff;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-title1::before{
    right: 0;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-title1::after{
    left: 0;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-title2 {
    text-align: center;
    font-size: 22px;
    line-height: 1.3;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-cate-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    gap: 5px;
}

.select-course-list .item .right-box .right-item .sub-title-box .sub-cate-wrapper .sub-cate {
    background: #fff;
    color: var(--color-black1);
    font-size: 12px;
    line-height: 1.3;
    padding: 5px 10px;
    width: calc((100% - 10px) / 3);
    text-align: center;
}

.select-course-list .item .right-box .right-item .sub-title-box .more {
    padding-right: 0;
}

.select-course-list .item .right-box .right-item .sub-text-box{
    width: 53%;
    /* line-height: 1.5;
    font-size: 14px; */
}

.select-course-list .item .right-box .right-item .sub-title-box .more {
    margin: 30px auto 0;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.select-course-list .item .right-box .right-item .more a{
    padding: 10px;
    min-width: 150px;
    background: #fff;
    color: #f099b1;
    border-radius: 100px;
    overflow: hidden;
    display: block;
    width: 100%;
    border: 2px solid #fff;
}

.select-course-list .item .right-box .right-item .-green .more a{
      color: #6bc278;
}

.select-course-list .item .right-box .right-item .-purple .more a{
      color: #9e72b3;
}

.select-course-list .item .right-box .right-item .-blue .more a{
      color: #65ace2;
}

.select-course-list .item .right-box .right-item .-purple2 .more a{
      color: #b1a7d3;
}

.select-course-list .item .right-box .right-item .-mos .more a{
      color:#81cbb6;
}

.select-course-list .item .right-box .right-item .-orange .more a{
      color:#f19923;
}

.select-course-list .item .right-box .right-item .-blue2 .more a{
      color:#78cbf6;
}

.select-course-list .item .right-box .right-item .more a:hover {
    background: transparent;
    color: #fff;
    opacity: 1;
}

.select-course-list .item .right-box .right-item .more a::after{
      right: 10px;
}

.select-course-list .course-more-btn {
    width: 100%;
}

.select-course-list .course-more-btn .btn-inner {
    width: fit-content;
    min-width: 300px;
    background: #fff;
    color: var(--color-navy1);
    text-align: center;
    padding: 8px 40px 8px 40px;
    border-radius: 100px;
    border: 2px solid var(--color-navy1);
    margin: 10px auto 20px;
    position: relative;
}

.select-course-list .course-more-btn .btn-inner.pen::before {
    content: "";
    background-image: url(/upload/tenant_1/4477.webp);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    aspect-ratio: 1;
    width: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    filter: brightness(0) saturate(100%) invert(16%) sepia(36%) saturate(4070%) hue-rotate(219deg) brightness(91%) contrast(96%);
}

.select-course-list .course-more-btn .btn-inner::after{
      content: "\f078";
    font-weight: bold;
    font-family: var(--ff99);
    line-height: 0;
    letter-spacing: 0;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    right: 20px;
}

.select-course-list .course-more-btn.is-parent .btn-inner::after{
  transform: scale(1, -1);
}

.select-course-list .course-more-btn .btn-inner.yellow {
    background: #ffd900;
    border-color: #ffd900;
    color: inherit;
}

.select-course-list .course-more-btn .btn-inner.yellow.pen::before{
 /*  filter: brightness(0) saturate(100%) invert(23%) sepia(1%) saturate(1268%) hue-rotate(115deg) brightness(94%) contrast(81%); */
 content: none;
}

.select-course-list .course-more-btn .btn-inner.pink {
    background: var(--color-pink1);
    border-color: var(--color-pink1);
    color: #fff;
}

.select-course-list .course-more-btn .btn-inner.pink.pen::before{
  content: none;
}

.select-course-list .course-more-btn + .right-box{
  display: none;
}

[data-element-id] .select-course-list .course-more-btn + .right-box{
  display: block;
}

@media(max-width:1024px){
  .select-course .title-box {
    padding: 0 10px 10px;
    margin-bottom: 20px;
    gap: 10px;
  }
  
  .select-course .title-box .sub-catch {
    padding: 10px 10px;
    margin-bottom: 0px;
    margin-right: 10px;
  }
  
  .select-course .title-box .title {
    font-size: 24px;
    letter-spacing: 0px;
    width: calc(100% - 200px);
  }
  
  .select-course .title-box .sub-title {
    margin: 0;
  }
  
  .select-course .title-box .text {
    width: calc(100% - 150px);
  }
  
  .select-course-list .item .left-box{
    width: 100%;
  }
  
  .select-course-list .item .right-box {
    width: 100%;
    padding-left: 0;
  }
  
  /* .select-course-list .item .right-box .right-item::before{
    content: "\f309";
    top: -58px;
    left: 50%;
    transform: translate(-50%,0);
  } */
  
  .select-course-list .item .right-box .right-item:not(:first-of-type)::before{
    content: none;
  }
}

@media(max-width:599px){
  .select-course .title-box .title {
    width: 100%;
  }
  
  .select-course .title-box .sub-title br{
    display: none;
  }
  
  .select-course .title-box .text {
    width: 100%;
  }
    
  .select-course-list .item .left-box{
    padding: 20px 15px;
  }
  
  .select-course-list .item .left-box .left-item {
        padding: 10px 0 10px 25px;
        min-height: auto;
        width: 100%;
    }
  
  .select-course-list .item .right-box .right-item .sub-title-box{
    width: 100%;
  }
  
  .select-course-list .item .right-box .right-item .sub-text-box {
    width: 100%;
    margin-top: 5px;
  }
}

/* kiyaku */
.kiyaku-list + .kiyaku-list {
  margin-top: 50px;
}

.kiyaku-list .item + .item{
  margin-top: 30px;
}

.kiyaku-list .item-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-pink1);
}

.kiyaku-list .item-sub-title{
  font-size: 18px;
    font-weight: 600;
}

.kiyaku-list .text{
  font-size: 14px;
  letter-spacing: 0;
}

@media(max-width:599px){
  .kiyaku-list .item-title {
    font-size: 20px;
  }
  .kiyaku-list .item-sub-title{
    font-size: 16px;
  }
}

.parts-frame{
  position: relative;
}

.parts-frame::before{
      content: "";
    background-image: url(/upload/tenant_1/frame.webp);
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1125 / 1564;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.parts-frame.-black::before{
  background-image: url(/upload/tenant_1/frame_black.webp);
  background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1125 / 1564;
}

.parts-frame img{
  padding: 9px;
}

.parts-frame2{
  position: relative;
}

.parts-frame2 img{
  padding: 12px;
}

.parts-frame2::before{
      content: "";
    background-image: url(/upload/tenant_1/process/6bf9756ae90007518b10c480d222ad32.webp);
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 1564 / 1119;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.parts-frame2 img{
  padding: 5px;
}

@media(max-width:1024px){
  .parts-frame img{
    padding: 5px;
  }
  
  .parts-frame2 img{
    padding: 7px;
  }
}

[data-element-id] .abis-none{
  display: none;
}