@charset "UTF-8";

/* margin
--------------------------------------------------------------*/
/* margin-top */
.mt100 {
	margin-top: 100rem
}
.mt80 {
	margin-top: 80rem
}
.mt50 {
	margin-top: 50rem
}
.mt30 {
	margin-top: 30rem
}
.mt20 {
	margin-top: 20rem
}
.mt10 {
	margin-top: 10rem
}

/* margin-bottom */
.mb450 {
	margin-bottom: 450rem
}
.mb200 {
	margin-bottom: 200rem
}
.mb150 {
	margin-bottom: 120rem
}
.mb120 {
	margin-bottom: 80rem;
}
.mb100 {
	margin-bottom: 80rem;
}
.mb80 {
	margin-bottom: 80rem;
}
.mb70 {
	margin-bottom: 35rem;
}
.mb60 {
	margin-bottom: 30rem;
}
.mb50 {
	margin-bottom: 25rem;
}
.mb40 {
	margin-bottom: 20rem;
}
.mb35 {
	margin-bottom: 20rem;
}
.mb30 {
	margin-bottom: 20rem;
}
.mb25 {
	margin-bottom: 25rem;
}
.mb20 {
	margin-bottom: 20rem;
}
.mb15 {
	margin-bottom: 15rem;
}
.mb10 {
	margin-bottom: 10rem;
}
.mb5 {
	margin-bottom: 5rem;
}
.mb0 {
	margin-bottom: 0;
}

@media screen and (min-width:769px) {
.mt100 {
	margin-top: 100rem
}
.mt80 {
	margin-top: 80rem
}
.mt50 {
	margin-top: 50rem
}
.mt30 {
	margin-top: 30rem
}
.mt20 {
	margin-top: 20rem
}
/* margin-bottom */
.mb450 {
	margin-bottom: 450rem
}
.mb200 {
	margin-bottom: 200rem
}
.mb150 {
	margin-bottom: 150rem
}
.mb120 {
	margin-bottom: 120rem
}
.mb100 {
	margin-bottom: 100rem
}
.mb80 {
	margin-bottom: 80rem;
}
.mb70 {
	margin-bottom: 70rem;
}
.mb60 {
	margin-bottom: 60rem;
}
.mb50 {
	margin-bottom: 50rem;
}
.mb40 {
	margin-bottom: 20rem;
}
.mb35 {
	margin-bottom: 35rem;
}
.mb30 {
	margin-bottom: 30rem;
}

}


@media screen and (min-width:1025px) {
.mt100 {
	margin-top: 100rem
}
.mt80 {
	margin-top: 80rem
}
.mt50 {
	margin-top: 50rem
}
.mt30 {
	margin-top: 30rem
}
.mt20 {
	margin-top: 20rem
}

/* margin-bottom */
.mb450 {
	margin-bottom: 450rem
}
.mb200 {
	margin-bottom: 200rem
}
.mb150 {
	margin-bottom: 150rem
}
.mb120 {
	margin-bottom: 120rem
}
.mb100 {
	margin-bottom: 100rem
}
.mb80 {
	margin-bottom: 80rem;
}
.mb70 {
	margin-bottom: 70rem;
}
.mb60 {
	margin-bottom: 60rem;
}
.mb50 {
	margin-bottom: 50rem;
}
.mb40 {
	margin-bottom: 40rem;
}
.mb35 {
	margin-bottom: 35rem;
}
.mb30 {
	margin-bottom: 30rem;
}
.mb20 {
	margin-bottom: 20rem;
}
.mb15 {
	margin-bottom: 15rem;
}
}


/* padding
--------------------------------------------------------------*/
/* top */
.pt100 {
	padding-top: 100rem;
}
.pt80 {
	padding-top: 80rem;
}
.pt35 {
	padding-top: 35rem;
}

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

/* bottom */
.pb80 {
	padding-bottom: 80rem;
}
.pb50 {
	padding-bottom: 50rem;
}
.pb20 {
	padding-bottom: 20rem;
}
.pb10 {
	padding-bottom: 10rem;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb3em {
	padding-bottom: 3em;
}
.pb2em {
	padding-bottom: 2em;
}
.pb1em {
	padding-bottom: 1em;
}

/* color ベースカラーはcommon.cssにて設定
--------------------------------------------------------------*/
/* bg color
-------------------------------*/
.bgc {
	/* background: var(--bgc); */
	background: var(--white);
}

.bg-solba-yellow {
	background: var(--solba-yellow);
}

.bg-solba-green {
	background: var(--solba-green);
}

.bg-white {
	background: var(--white);
}

.bg-black {
	background: var(--black);
}

.bg-greige {
	background: var(--greige);
}

.bg-c1 {
	background: var(--c1);
}

.bg-c2 {
	background: var(--c2);
}

.bg-c3 {
	background: var(--c3);
}

.bg-c4 {
	background: var(--c4);
}

.bg-c5 {
	background: var(--c5);
}

/* リストのbg-color */
.li-c1 li {
	background: var(--c1);
}

.li-c2 li {
	background: var(--c2);
}

.li-c3 li {
	background: var(--c3);
}

.li-c4 li {
	background: var(--c4);
}

.li-c5 li {
	background: var(--c5);
}

.li-solba-yellow li {
	background: var(--solba-yellow);
}

.li-solba-green li {
	background: var(--solba-green);
}

.li-black li {
	background: var(--black);
	color: var(--white);
}

.li-white>li {
	background: var(--white);
}

.li-white>li.bg-c1 {
	background: var(--c1);
}

.li-white>li.bg-c2 {
	background: var(--c2);
}

.li-white>li.bg-c3 {
	background: var(--c3);
}

.li-white>li.bg-c4 {
	background: var(--c4);
}

.li-white>li.bg-c5 {
	background: var(--c5);
}

/* text color
-------------------------------*/
.text-solba-yellow {
	color: var(--solba-yellow);
}
.text-solba-yellow2 {
	color: var(--solba-yellow2);
}
.text-solba-green {
	color: var(--solba-green);
}

.text-white {
	color: var(--white);
}
.text-black {
	color: var(--text-black);
}
.text-black00 {
	color: var(--black);
}

.text-c0 {
	color: var(--c0);
}

.text-c1 {
	color: var(--c1);
}

.text-c2 {
	color: var(--c2);
}

.text-c3 {
	color: var(--c3);
}

.text-c4 {
	color: var(--c4);
}

.text-c5 {
	color: var(--c5);
}

/* border color
-------------------------------*/
.border-solba-yellow {
	border: 1px solid var(--solba-yellow);
}

.border-white {
	border: 1px solid var(--white);
}

.border-c1 {
	border: 1px solid var(--c1);
}

.border-c2 {
	border: 1px solid var(--c2);
}

.border-c3 {
	border: 1px solid var(--c3);
}

.border-c4 {
	border: 1px solid var(--c4);
}

.border-c5 {
	border: 1px solid var(--c5);
}



/* arrow color
-------------------------------*/
.btn-solba-yellow .arrow:before {
	border-top-color: var(--black);
	border-right-color: var(--black);
}

.page-c0 .arrow::before,
.page-c1 .arrow::before,
.page-c2 .arrow::before,
.page-c3 .arrow::before,
.page-c4 .arrow::before,
.page-c5 .arrow::before,
.btn-black .arrow::before,
.btn-black.arrow::before {
	border-top-color: var(--white);
	border-right-color: var(--white);
}

/* button sizes
-------------------------------*/


.button-round.w380,
.button-rectangle.w380 {
  width: 80%;
}
.button-round.w360 {
    width: 80%;
}
.button-round.w280 {
    width: 80%;
}
  .button-rectangle.w-fit {
    width: 150rem;
    height: 45rem;
    font-size: 20rem;
  }
  .button-rectangle.w-fit .button {
    padding-left: 10rem;
    padding-right: 50rem;
  }
  .button-rectangle.w-fit.arrow2::before {
    font-size: 28rem;
    right: 8rem;
  }
  .button-rectangle.w-fit.arrow2::after {
    width: 42rem;
    height: 42rem;
  }
@media screen and (min-width:769px) {
  .button-round.w380,
  .button-rectangle.w380 {
    width: 300rem;
  }
  .button-round.w360,
  .button-rectangle.w360 {
    width: 360rem;
  }
.button-round.w280 {
    width: 280rem;
}
  .button-round.w250,
  .button-rectangle.w250 {
    width: 250rem;
  }
  .button-round.w160,
  .button-rectangle.w250 {
    width: 160rem;
  }
  .button-rectangle.w-fit {
    width: 170rem;
    height: 45rem;
    font-size: 22rem;
  }
  .button-rectangle.w-fit .button {
    padding-left: 20rem;
    padding-right: 60rem;
  }
  .button-rectangle.w-fit.arrow2::before {
    font-size: 28rem;
    right: 8rem;
  }
  .button-rectangle.w-fit.arrow2::after {
    width: 42rem;
    height: 42rem;
  }
}
@media screen and (min-width:1025px) {
  .button-round.w380,
  .button-rectangle.w380 {
    width: 380rem;
  }
  .button-round.w360,
  .button-rectangle.w360 {
    width: 360rem;
  }
  .button-round.w250,
  .button-rectangle.w250 {
    width: 250rem;
  }
  .button-round.w160,
  .button-rectangle.w250 {
    width: 160rem;
  }
  .button-rectangle.w-fit {
    width: 260rem;
    height: 62rem;
    font-size: 30rem;
  }
  .button-rectangle.w-fit .button {
    padding-right: 72rem;
  }
  .button-rectangle.w-fit.arrow2::before {
    font-size: 40rem;
    right: 10rem;
  }
  .button-rectangle.w-fit.arrow2::after {
    width: 60rem;
    height: 60rem;
  }
}
/* button color
-------------------------------*/
.btn-solba-yellow .button-round,
.btn-solba-yellow .button-rectangle {
	color: var(--black);
	background: var(--solba-yellow);
}
.btn-black.button-round,
.btn-black .button-round,
.btn-black .button-rectangle {
	color: var(--white);
	background: var(--black);
}
.btn-white .button-round,
.btn-white .button-rectangle {
	color: var(--black);
	background: var(--white);
}
.page-c0 .button-round,
.page-c1 .button-round,
.page-c2 .button-round,
.page-c3 .button-round,
.page-c4 .button-round,
.page-c5 .button-round {
	color: var(--white);
}

.page-c0 .button-round {
	background: var(--c0);
}

.page-c1 .button-round {
	background: var(--c1);
}

.page-c2 .button-round {
	background: var(--c2);
}

.page-c3 .button-round {
	background: var(--c3);
}

.page-c4 .button-round {
	background: var(--c4);
}

.page-c5 .button-round {
	background: var(--c5);
}
/* arrow、triangle
-------------------------------*/

.triangle.solba-yellow::before {
  background-color: var(--black);
}
.triangle.solba-yellow::after {
  background-color: var(--solba-yellow);
}
.triangle.white::before {
  background-color: var(--white);
}
.triangle.white::after {
  background-color: var(--black);
}


/* svg color
-------------------------------*/
.fill-white svg {
	color: var(--white);
}
.fill-solba-yellow svg {
	color: var(--solba-yellow);
}

.fill-solba-green svg {
	color: var(--solba-green);
}

.fill-black svg {
	color: var(--black);
}
.fill-greige svg {
	color: var(--greige);
}

.fill-c1 svg {
	color: var(--c1);
}

.fill-c2 svg {
	color: var(--c2);
}

.fill-c3 svg {
	color: var(--c3);
}

.fill-c4 svg {
	color: var(--c4);
}

.fill-c5 svg {
	color: var(--c5);
}

/* svg color
-------------------------------*/
.fill-white svg path,
svg .white {
	fill: var(--white);
}
.fill-solba-yellow svg path,
svg .yellow,
.svg-logo .yellow {
	fill: var(--solba-yellow);
}
.fill-solba-green svg path,
svg .green,
.svg-logo .green  {
	fill: var(--solba-green);
}
.fill-black svg path,
svg .black,
.svg-logo .black  {
	fill: var(--black);
}
.fill-greige svg path {
	fill: var(--greige);
}
.fill-c1 svg path {
	fill: var(--c1);
}

.fill-c2 svg path {
	fill: var(--c2);
}

.fill-c3 svg path {
	fill: var(--c3);
}

.fill-c4 svg path {
	fill: var(--c4);
}

.fill-c5 svg path {
	fill: var(--c5);
}


/* font-size
--------------------------------------------------------------*/
.f180 {
	font-size: 180rem;
}
.f120 {
	font-size: 60rem;
}
.f80 {
	font-size: 80rem;
}
.f65 {
	font-size: 26rem;
}
.f60 {
	font-size: 26rem;
}
.f50 {
	font-size: 26rem;
}
.f46 {
	font-size: 24rem;
}
.f40 {
	font-size: 20rem;
}

.f38,
.title.f38 {
	font-size: 22rem;
}

.f36 {
	font-size: 22rem;
}

.f30 {
	font-size: 20rem;
}

.f26 {
	font-size: 20rem;
}

.f25 {
	font-size: 16rem;
}

.f24 {
	font-size: 16rem;
}

.f22 {
	font-size: 14rem;
}

.f20 {
	font-size: 14rem;
}

.f18 {
	font-size: 14rem;
}

.f16 {
	font-size: 16rem;
}

.f15 {
	font-size: 15rem;
}
.f14 {
	font-size: 14rem;
}
.f0 {
	font-size: 0;
}
.f18>.text {
  font-size: 14rem;
}
@media screen and (min-width:769px) {
.f180 {
	font-size: 180rem;
}
.f120 {
	font-size: 100rem;
}
.f80 {
	font-size: 80rem;
}
.f65 {
	font-size: 50rem;
}
.f60 {
	font-size: 60rem;
}
.f50 {
	font-size: 38rem;
}
.f46 {
	font-size: 32rem;
}
.f40 {
	font-size: 28rem;
}

.f38,
.title.f38 {
	font-size: 24rem;
}

.f36 {
	font-size: 24rem;
}

.f30 {
	font-size: 24rem;
}

.f26 {
	font-size: 22rem;
}

.f25 {
	font-size: 20rem;
}

.f24 {
	font-size: 24rem;
}

.f22 {
	font-size: 20rem;
}

.f20 {
	font-size: 16rem;
}

.f18 {
	font-size: 16rem;
}

.f16 {
	font-size: 16rem;
}

.f15 {
	font-size: 15rem;
}
.f14 {
	font-size: 14rem;
}

.f18>.text {
  font-size: 16rem;
}
}
@media screen and (min-width:1025px) {
.f180 {
	font-size: 180rem;
}
.f120 {
	font-size: 120rem;
}
.f80 {
	font-size: 80rem;
}
.f65 {
	font-size: 65rem;
}
.f60 {
	font-size: 60rem;
}
.f50 {
	font-size: 50rem;
}
.f46 {
	font-size: 46rem;
}
.f40 {
	font-size: 40rem;
}

.f38,
.title.f38 {
	font-size: 38rem;
}

.f36 {
	font-size: 36rem;
}

.f30 {
	font-size: 30rem;
}

.f26 {
	font-size: 26rem;
}

.f25 {
	font-size: 25rem;
}

.f24 {
	font-size: 24rem;
}

.f22 {
	font-size: 22rem;
}

.f20 {
	font-size: 20rem;
}

.f18 {
	font-size: 18rem;
}

.f16 {
	font-size: 16rem;
}

.f15 {
	font-size: 15rem;
}
.f14 {
	font-size: 14rem;
}
.f18>.text {
  font-size: 18rem;
}

}







@media screen and (max-width:769px) {
.content-title.f50 {
  margin-bottom: 20rem;
  font-size: 22rem;
  line-height: 1.4;
}
.content-text.f20,
.content-text.f22 {
  font-size: 16rem;
}
.content-text .f18.bold {
  font-size: 16rem;
}
}



/* font-family
--------------------------------------------------------------*/
/* 記号だけ欧文に切り替え */
.quote {
	font-family: 'IBM Plex Sans', sans-serif;
	font-feature-settings: "palt";
  margin-left: -0.5em;
}

/*DIN-Condensedの代わりに*/
.antonio {
	font-family: "Antonio", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.dm-sans {
	font-family: "DM Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	line-height: 0.8;
}

/*DM-Sansの代わりに*/
.inter {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

a {
	color: inherit;
	transition: var(--trans);
}

a:link {
	color: inherit;
}

a:visited {
	color: inherit;
}

a:hover {
	transition: var(--trans);
}
.flex-box.last-left {
	justify-content: flex-start;
}
.flex-box.flex-5 {
	width: 1240rem;
}
.flex-box.flex-1>li {
	width: 100%;
}




.flex-box.flex-2.gap60>li {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap60>.flex-left,
.flex-box.flex-2.gap60>.flex-right {
	flex: 0 0 100%;
  width: 100%;
}
.flex-box.flex-2.gap80>li {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap80>.flex-left,
.flex-box.flex-2.gap80>.flex-right {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap30>li {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap30>.flex-left,
.flex-box.flex-2.gap30>.flex-right {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap100>li {
	flex: 0 0 100%;
}
.flex-box.flex-2.gap100>.flex-left,
.flex-box.flex-2.gap100>.flex-right {
	flex: 0 0 100%;
}
.flex-box.flex-3.gap0>li {
	flex: 0 0 100%;
}
.flex-box.flex-3.gap60>li {
	flex: 0 0 100%;
}
@media screen and (min-width:769px) {
  .flex-box.flex-2.gap30>li {
    flex: 0 0 calc((100% - 30rem) / 2);
    width: calc((100% - 30rem) / 2);
  }
  .flex-box.flex-2.gap60>li {
    flex: 0 0 calc((100% - 60rem) / 2);
    width: calc((100% - 60rem) / 2);
  }
  .flex-box.flex-2.gap80>li {
    flex: 0 0 calc((100% - 80rem) / 2);
    width: calc((100% - 80rem) / 2);
  }
  .flex-box.flex-2.gap100>li {
    flex: 0 0 calc((100% - 100rem) / 2);
    width: calc((100% - 100rem) / 2);
  }
  .flex-box.flex-2.gap30>.flex-left,
  .flex-box.flex-2.gap30>.flex-right {
    flex: 0 0 calc((100% - 30rem) / 2);
    width: calc((100% - 30rem) / 2);
  }
  .flex-box.flex-2.gap60>.flex-left,
  .flex-box.flex-2.gap60>.flex-right {
    flex: 0 0 calc((100% - 60rem) / 2);
    width: calc((100% - 60rem) / 2);
  }
  .flex-box.flex-2.gap80>.flex-left,
  .flex-box.flex-2.gap80>.flex-right {
    flex: 0 0 calc((100% - 80rem) / 2);
    width: calc((100% - 80rem) / 2);
  }
  .flex-box.flex-2.gap100>.flex-left,
  .flex-box.flex-2.gap100>.flex-right {
    flex: 0 0 calc((100% - 100rem) / 2);
    width: calc((100% - 100rem) / 2);
  }
  .flex-box.flex-3.gap60>li {
    flex: 0 0 calc((100% - 120rem) / 3);
    width: calc((100% - 120rem) / 3);
  }
  .flex-box.flex-3.gap0>li {
    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
  }
}



@media screen and (min-width:1025px) {
  .flex-box.flex-2.gap30>li {
    flex: 0 0 calc((100% - 30rem) / 2);
    width: calc((100% - 30rem) / 2);
  }
  .flex-box.flex-2.gap60>li {
    flex: 0 0 calc((100% - 60rem) / 2);
    width: calc((100% - 60rem) / 2);
  }
  .flex-box.flex-2.gap80>li {
    flex: 0 0 calc((100% - 80rem) / 2);
    width: calc((100% - 80rem) / 2);
  }
  .flex-box.flex-2.gap100>li {
    flex: 0 0 calc((100% - 100rem) / 2);
    width: calc((100% - 100rem) / 2);
  }
  .flex-box.flex-2.gap30>.flex-left,
  .flex-box.flex-2.gap30>.flex-right {
    flex: 0 0 calc((100% - 30rem) / 2);
    width: calc((100% - 30rem) / 2);
  }
  .flex-box.flex-2.gap60>.flex-left,
  .flex-box.flex-2.gap60>.flex-right {
    flex: 0 0 calc((100% - 60rem) / 2);
    width: calc((100% - 60rem) / 2);
  }
  .flex-box.flex-2.gap80>.flex-left,
  .flex-box.flex-2.gap80>.flex-right {
    flex: 0 0 calc((100% - 80rem) / 2);
    width: calc((100% - 80rem) / 2);
  }
  .flex-box.flex-2.gap100>.flex-left,
  .flex-box.flex-2.gap100>.flex-right {
    flex: 0 0 calc((100% - 100rem) / 2);
    width: calc((100% - 100rem) / 2);
  }
  .flex-box.flex-3.gap60>li {
    flex: 0 0 calc((100% - 120rem) / 3);
    width: calc((100% - 120rem) / 3);
  }
  .flex-box.flex-3.gap0>li {
    flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
  }
}


.flex-box li small {
	display: inline-block;
	font-size: 14rem;
}
/* .flex-box>.flex-left {
  justify-content: flex-start;
}
.flex-box>.flex-right {
  justify-content: flex-end;
} */

.gap0 {
	gap: 0;
}
.gap30 {
	gap: 20rem;
}
.gap40 {
	gap: 20rem;
}

.gap60 {
	gap: 20rem;
}

.gap80 {
	gap: 20rem;
}

.gap100 {
	gap: 20rem;
}

@media screen and (min-width:769px) {
.gap30 {
	gap: 30rem;
}
.gap40 {
	gap: 40rem;
}

.gap60 {
	gap: 40rem;
}

.gap80 {
	gap: 40rem;
}

.gap100 {
	gap: 40rem;
}

}
@media screen and (min-width:1025px) {
.gap30 {
	gap: 30rem;
}
.gap40 {
	gap: 40rem;
}

.gap60 {
	gap: 60rem;
}

.gap80 {
	gap: 80rem;
}

.gap100 {
	gap: 100rem;
}

}




@media screen and (max-width: 768px) {
	/* .grid-box {
    grid-template-columns: repeat(2, 1fr);
  } */
}

@media screen and (min-width:769px) {
	.grid-box.grid-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.grid-box.grid-2 {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* radius
--------------------------------------------------------------*/
.wrap-radius {
  overflow: hidden;
}
.radius {
  border-radius: 50%;
}
.radius-75 {
  border-radius: 75rem;
}
.list-kadomaru.radius-50 li {
  border-radius: 30rem;
}
.radius-50 {
  border-radius: 30rem;
}
.list-kadomaru.radius-40 li {
  border-radius: 20rem;
}
.radius-40 {
  border-radius: 20rem;
}
.list-kadomaru.radius-30 li {
  border-radius: 20rem;
}
.radius-30 {
  border-radius: 20rem;
}
.radius-20 {
  border-radius: 20rem;
}
.radius-10 {
  border-radius: 10rem;
}
.radiusR-0 {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.radiusT-0 {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.radiusB-0 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.radius-0 {
	border-radius: 0;
}
@media screen and (min-width:769px) {
.list-kadomaru.radius-50 li {
  border-radius: 50rem;
}
.radius-50 {
  border-radius: 50rem;
}
.list-kadomaru.radius-40 li {
  border-radius: 40rem;
}
.radius-40 {
  border-radius: 40rem;
}
.list-kadomaru.radius-30 li {
  border-radius: 30rem;
}
.radius-30 {
  border-radius: 30rem;
}
}


/*
--------------------------------------------------------------*/
::selection {
	background: var(--black);
	color: var(--white);
}

::-moz-selection {
	background: var(--black);
	color: var(--white);
}

/* カラー
--------------------------------------------------------------*/

.section.page-c0 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c0);
}

.section.page-c1 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c1);
}

.section.page-c2 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c2);
}

.section.page-c3 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c3);
}

.section.page-c4 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c4);
}

.section.page-c5 .english-label.deco-rotate-top-left.add-line::after {
	border-left-color: var(--c5);
}





/* FAQ よくある質問 カスタム設定 */
.page-c0 .list-qa .answer::before {
	color: var(--c0);
}

.page-c1 .list-qa .answer::before {
	color: var(--c1);
}

.page-c2 .list-qa .answer::before {
	color: var(--c2);
}

.page-c3 .list-qa .answer::before {
	color: var(--c3);
}

.page-c4 .list-qa .answer::before {
	color: var(--c4);
}

.page-c5 .list-qa .answer::before {
	color: var(--c5);
}

/* リクルートページ */
.page-solba .list-qa li .question {
	color: var(--white);
  text-shadow: 0px 0px 7px rgb(237 157 34);
}

.page-solba .list-qa i::before,
.page-solba .list-qa i::after {
	background-color: var(--white);
}

.page-solba .list-qa .answer::before {
	color: var(--solba-yellow);
}

.page-solba .list-qa .question::before {
	color: var(--white);
  text-shadow: none;
}



/* カラー設定
--------------------------------------------------------------*/
.cate-top.page-c0::before {
	background: var(--c0);
}

.cate-top.page-c1::before {
	background: var(--c1);
}

.cate-top.page-c2::before {
	background: var(--c2);
}

.cate-top.page-c3::before {
	background: var(--c3);
}

.cate-top.page-c4::before {
	background: var(--c4);
}

.cate-top.page-c5::before {
	background: var(--c5);
}

.cate-top.page-solba::before {
	background: var(--solba-yellow);
}


.page-c0.cate-lower::before,
.page-c0.archive-page::before,
.page-c0.single-page::before {
	background: var(--c0);
}

.page-c1.cate-lower::before,
.page-c1.archive-page::before,
.page-c1.single-page::before  {
	background: var(--c1);
}

.page-c2.cate-lower::before,
.page-c2.archive-page::before,
.page-c2.single-page::before  {
	background: var(--c2);
}

.page-c3.cate-lower::before,
.page-c3.archive-page::before,
.page-c3.single-page::before  {
	background: var(--c3);
}

.page-c4.cate-lower::before,
.page-c4.archive-page::before ,
.page-c4.single-page::before {
	background: var(--c4);
}

.page-c5.cate-lower::before,
.page-c5.archive-page::before,
.page-c5.single-page::before  {
	background: var(--c5);
}





.cate-lower.page-c0 .title-block {
	background: var(--c0);
}

.cate-lower.page-c1 .title-block {
	background: var(--c1);
}

.cate-lower.page-c2 .title-block {
	background: var(--c2);
}

.cate-lower.page-c3 .title-block {
	background: var(--c3);
}

.cate-lower.page-c4 .title-block {
	background: var(--c4);
}




.page-c0.related-nav .content-title::before {
	background: var(--c0);
}

.page-c1.related-nav .content-title::before {
	background: var(--c1);
}

.page-c2.related-nav .content-title::before {
	background: var(--c2);
}

.page-c3.related-nav .content-title::before {
	background: var(--c3);
}

.page-c4.related-nav .content-title::before {
	background: var(--c4);
}
.related-nav .arrow::before {
	border-top-color: var(--white);
	border-right-color: var(--white);
}



.list-kadomaru .title.bubble.bg-solba-yellow::after {
	border-top-color: var(--solba-yellow);
}
.list-kadomaru .title.bubble.bg-c4::after {
	border-top-color: var(--c4);
}
.list-kadomaru .title.bubble.bg-c5::after {
	border-top-color: var(--c5);
}


.list-kadomaru.beside-line li.border-solba-yellow::after {
	border-bottom: 1px solid var(--solba-yellow);
}

.list-kadomaru.beside-line li.border-c3::after {
	border-bottom: 1px solid var(--c3);
}

.list-kadomaru.beside-line li.border-c4::after {
	border-bottom: 1px solid var(--c4);
}
.list-kadomaru.beside-line li.border-c5::after {
	border-bottom: 1px solid var(--c5);
}

.list-kadomaru.vertical-line li.border-solba-yellow::before {
	border-left: 1px solid var(--solba-yellow);
}

.deco-svg.page-c0 path {
  fill: var(--c0);
}
.deco-svg.page-c1 path {
  fill: var(--c1);
}
.deco-svg.page-c2 path {
  fill: var(--c2);
}
.deco-svg.page-c3 path {
  fill: var(--c3);
}
.deco-svg.page-c4 path {
  fill: var(--c4);
}
.deco-svg.page-c5 path {
  fill: var(--c5);
}


/* ページネーション カラー */
.archive-page + .custom-pagination.page-c0 .arrow::before {
  border-top-color: var(--c0);
  border-right-color: var(--c0);
}
.single-page.page-c1 .single-pagination .arrow::before,
.archive-page + .custom-pagination.page-c1 .arrow::before {
  border-top-color: var(--c1);
  border-right-color: var(--c1);
}
.single-page.page-c2 .single-pagination .arrow::before,
.archive-page + .custom-pagination.page-c2 .arrow::before {
  border-top-color: var(--c2);
  border-right-color: var(--c2);
}
.single-page.page-c3 .single-pagination .arrow::before,
.archive-page + .custom-pagination.page-c3 .arrow.prev::before{
  border-top-color: var(--c3);
  border-right-color: var(--c3);
}
.single-page.page-c4 .single-pagination .arrow::before,
.archive-page + .custom-pagination.page-c4 .arrow::before {
  border-top-color: var(--c4);
  border-right-color: var(--c4);
}
.single-page.page-c5 .single-pagination .arrow::before,
.archive-page + .custom-pagination.page-c5 .arrow::before {
  border-top-color: var(--c5);
  border-right-color: var(--c5);
}
/* アーカイブ　ページネーション 一覧へボタン カラー */
.page-c1 .pagination-list .current,
.page-c1 .pagination-list a:hover {
  background-color: var(--c1);
  border-color: var(--c1);
}
.page-c2 .pagination-list .current,
.page-c2 .pagination-list a:hover {
  background-color: var(--c2);
  border-color: var(--c2);
}
.page-c3 .pagination-list .current,
.page-c3 .pagination-list a:hover {
  background-color: var(--c3);
  border-color: var(--c3);
}
.page-c4 .pagination-list .current,
.page-c4 .pagination-list a:hover {
  background-color: var(--c4);
  border-color: var(--c4);
}
.page-c5 .pagination-list .current,
.page-c5 .pagination-list a:hover {
  background-color: var(--c5);
  border-color: var(--c5);
}