/*
Theme Name:GeFab
Tema URI:
download/
Description: GeFab Website
Author: GeFab by PACIFIC LLC.
Author URI:
Version: 1.0
*/

/* == COMMON == */

img {
  display: block;
  border: none;
  aspect-ratio: 3/2 auto;
  width: 100%;
  height: auto;
}

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

.ff--en {
    font-family: 'Roboto';
}

/* == PARTS == */


/* DISPLAY */

.w__space--nowarp {
	white-space: nowrap;
}

.d__i-block {
  display: inline-block;
}

.d__block {
    display: block;
}

.d__flex {
  display: flex;
  flex-wrap: wrap;
}

.nowarp {
	flex-wrap: nowrap;
}

.a__item--start {
  align-items: start;
}

.a__item--center {
  align-items: center;
}

.a__item--stretch {
	align-items: stretch;
}

.j__content--center {
  justify-content: center;
}

.j__content--css{
  justify-content: center;
}

.j__content--end{
  justify-content: end;
}

.j__content--space{
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
	.j__content--css{
		justify-content: start;
	}
}

/* GAP */

.gap--16 {
	gap: 1.6rem;
}
.gap__x--16 {
	column-gap: 1.6rem;
}
.gap__x--32 {
	column-gap: 3.2rem;
}

.gap__y--16 {
	row-gap: 1.6rem;
}

.gap__x--0816 {
	column-gap: 0.8rem;
}
.gap__x--1624 {
	column-gap: 1.6rem;
}
.gap__x--2432 {
	column-gap: 2.4rem;
}
.gap__x--3248 {
	column-gap: 3.2rem;
}

.gap__y--0816 {
	row-gap: 0.8rem;
}
.gap__y--1624 {
	row-gap: 1.6rem;
}
.gap__y--2432 {
    row-gap: 2.4rem;
}
.gap__y--3248 {
	row-gap: 3.2rem;
}

.gap__col--122 {
	gap: 1.6rem;
}

@media screen and (min-width: 375px) {
	.gap__x--0816 {
		column-gap: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.gap__x--1624 {
		column-gap: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.gap__x--2432 {
		column-gap: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.gap__x--3248 {
		column-gap: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}

	.gap__y--0816 {
		row-gap: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.gap__y--1624 {
		row-gap: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
    .gap__y--2432 {
        row-gap: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
    }
	.gap__y--3248 {
		row-gap: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}

}
@media screen and (min-width: 768px) {
	.gap__col--122 {
		gap: calc(1.6rem + (3.2 - 1.6) *((100vw - 76.8rem) / (144 - 76.8)));
	}	
}
@media screen and (min-width: 1440px) {
	.gap__x--0816 {
		column-gap: 1.6rem;
	}
	.gap__x--1624 {
		column-gap: 2.4rem;
	}
	.gap__x--2432 {
		column-gap: 3.2rem;
	}
	.gap__x--3248 {
		column-gap: 4.8rem;
	}

	.gap__y--0816 {
		row-gap: 1.6rem;
	}
	.gap__y--1624 {
		row-gap: 2.4rem;
	}
    .gap__y--2432 {
		row-gap: 3.2rem;
	}
	.gap__y--3248 {
		row-gap: 4.8rem;
	}

	.gap__col--122 {
		gap: 3.2rem;
	}
}

/* COLUMN FLEX & DIRECTION */

.dir--rev {
	flex-direction: column-reverse;
}
.col__111 {
	width: 100%;
}
.col__112--110 {
	flex: 100%;
}
.col__122--wrap {
	width: 100%;
}
.col__122--110 {
	flex: 100%;
}
.col__122--410 {
	flex: 100%;
}
.col__122--610 {
	flex: 100%;
}
.col__133--110 {
	width: 100%;
}
.col__211--210 {
	flex: 2 1 0;
}
.col__211--810 {
	flex: 8 1 0;
}
.col__222--110 {
	flex: 1 1 0;
}
.col__222--310 {
	flex: 3 1 0;
}
.col__222--710 {
	flex: 7 1 0;
}
.col__211--310 {
	flex: 3 1 0;
}
.col__211--710 {
	flex: 7 1 0;
}
.col__211--710.add__icon {
  height: 100%;
  display: flex;
  align-items: center;
}
.col__211--icon {
	flex: 1 1 0
}

@media screen and (min-width: 768px) {
	.dir--rev {
		flex-direction: unset;
	}
	.col__122--110 {
		flex: 1 1 0;
	}
	.col__122--410 {
		flex: 4 1 0;
	}
	.col__122--610 {
		flex: 6 1 0;
	}
	.col__133--110 {
		flex: 1 1 0;
	}
	.col__211--210 {
		width: 100%;
		flex: auto;
	}
	.col__211--810 {
		width: 100%;
		flex: auto;
	}
	.col__222--310 {
		flex: auto;
	}
	.col__222--710 {
		flex: auto;
	}
	.col__211--310 {
		flex: auto;
	}
	.col__211--710 {
		flex: auto;
	}
	 .col__211--710.add__icon {
		height: auto;
		align-items: start;
	}
	.col__211--icon {
		flex: 0;
	}
	.col__211--icon svg {
		transform: rotate(-90deg);
	}
	
}
@media screen and (min-width: 1080px) {
	.col__112--110 {
		flex: 1 1 0;
	}
	
}




/* BR */

.br--sp {
	display: inline;
}
.br--tb {
	display: none;
}
.br--pc {
	display: none;
}

@media screen and (min-width: 596px) {
	.br--sp {
		display: none;
	}
	.br--tb {
		display: inline;
	}
}
@media screen and (min-width: 768px) {
	.br--tb {
		display: none;
	}
	.br--pc {
		display: inline;
	}
}

/* POSITION */

.position--r {
	position: relative;
}

.position--a {
	position: absolute;
}

.ccc {
	text-align: center;
}

.lll {
	text-align: left;
}

@media screen and (min-width: 768px) {

}
@media screen and (min-width: 1080px) {

}



/* FONT WEIGHT */

.fw--1 {
  font-weight: 100;
}

.fw--4 {
  font-weight: 400;
}

.fw--6 {
  font-weight: 600;
}

/* FONT SIZE */

.fs--56{
	font-size: 5.6rem;
    line-height: 1;
	padding-bottom: 0.2rem;
}

.fs--3272 {
	font-size: 3.2rem;
    line-height: 1.2;
	padding-bottom: 0.2rem;
}

.fs--4048 {
	font-size: 4rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--logo {
    font-size: 2.4rem;
    line-height: 1;
	padding-bottom: 0.2rem;
}

.fs--2856 {
	font-size: 2.8rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--2444 {
	font-size: 2.4rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--2032 {
	font-size: 2rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1926 {
	font-size: 1.9rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1824 {
	font-size: 1.8rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1618 {
	font-size: 1.6rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1820 {
	font-size: 1.8rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1617 {
	font-size: 1.6rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}

.fs--1314 {
	font-size: 1.3rem;
    line-height: 1.4;
	padding-bottom: 0.2rem;
}


@media screen and (min-width: 375px) {
	.fs--3272 {
		font-size: calc(3.2rem + (7.2 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--4048 {
		font-size: calc(4rem + (4.8 - 4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
    .fs--logo {
        font-size: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
    }
	.fs--2856 {
		font-size: calc(2.8rem + (5.6 - 2.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--2444 {
		font-size: calc(2.4rem + (4.4 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
    .fs--2032 {
        font-size: calc(2rem + (3.2 - 2) *((100vw - 37.5rem) / (144 - 37.5)));
    }
	.fs--1926 {
		font-size: calc(1.9rem + (2.6 - 1.9) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--1618 {
		font-size: calc(1.6rem + (1.8 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--1824 {
		font-size: calc(1.8rem + (2.4 - 1.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--1820 {
		font-size: calc(1.8rem + (2 - 1.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--1617 {
		font-size: calc(1.6rem + (1.7 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.fs--1314 {
		font-size: calc(1.3rem + (1.4 - 1.3) *((100vw - 37.5rem) / (144 - 37.5)));
	}
}
@media screen and (min-width: 1440px) {
	.fs--3272 {
		font-size: 7.2rem
	}
	.fs--4048 {
		font-size: 4.8rem;
	}
    .fs--logo {
        font-size: 3.2rem;
    }
	.fs--2856 {
		font-size: 5.6rem;
	}
	.fs--2444 {
		font-size: 4.4rem;
	}
    .fs--2032 {
        font-size: 3.2rem;
    }
	.fs--1926 {
		font-size: 2.6rem;
	}
	.fs--1618 {
		font-size: 1.8rem;
	}
	.fs--1824 {
		font-size: 2.4rem;
	}
	.fs--1820 {
		font-size: 2rem;
	}
	.fs--1617 {
		font-size: 1.7rem;
	}
	.fs--1314 {
		font-size: 1.4rem;
	}
}

/* SIZE */

.max--1000 {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}
.max--800 {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}
.max--600 {
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
}
.size--6080 {
	width: 6rem;
	height: 6rem;
    flex-shrink: 0;
}
.size--3248 {
	width: 3.2rem;
	height: 3.2rem;
    flex-shrink: 0;
}
.size--2432 {
	width: 2.4rem;
	height: 2.4rem;
    flex-shrink: 0;
}
.size--1617 {
	width: 1.6rem;
	height: 1.6rem;
    flex-shrink: 0;
}
.size--1618 {
	width: 1.6rem;
	height: 1.6rem;
    flex-shrink: 0;
}
.size--24 {
	width: 2.4rem;
	height: 2.4rem;
    flex-shrink: 0;
}
.size--num {
	width: 3.2rem;
	height: auto;
    flex-shrink: 0;
}
.size--num p {
	padding-bottom: 0;
	padding-top: 0.2rem;
}
@media screen and (min-width: 375px) {
	.size--6080 {
		width: calc(6rem + (8 - 6) *((100vw - 37.5rem) / (144 - 37.5)));
		height: calc(6rem + (8 - 6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.size--3248 {
		width: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
		height: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.size--2432 {
		width: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
		height: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.size--1617 {
		width: calc(1.6rem + (1.7 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
		height: calc(1.6rem + (1.7 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.size--1618 {
		width: calc(1.6rem + (1.8 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
		height: calc(1.6rem + (1.8 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.size--num {
		width: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
}
@media screen and (min-width: 1440px) {
	.size--6080 {
		width: 8rem;
		height: 8rem;
	}
	.size--3248 {
		width: 4.8rem;
		height: 4.8rem;
	}
	.size--2432 {
		width: 3.2rem;
		height: 3.2rem;
	}
	.size--1617 {
		width: 1.7rem;
		height: 1.7rem;
	}
	.size--1618 {
		width:  1.8rem;
		height: 1.8rem;
	}
	.size--num {
		width: 4.8rem
	}
}

/* PADDING */

.section--px {
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: 128rem;
	margin-left: auto;
	margin-right: auto;
}

.px--2432 {
	padding-left: 2.4rem;
	padding-right: 2.4rem;
}
.px--1624 {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}
.px--0816 {
	padding-left: 0.8rem;
	padding-right: 0.8rem;
}
.px--16 {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}

.py--2432 {
	padding-top: 2.4rem;
	padding-bottom: 2.4rem;
}
.py--1624 {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}
.py--0816 {
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
}
.py--16 {
	padding-top: 1.6rem;
	padding-bottom: 1.6rem;
}

.pt--4864 {
	padding-top: 4.8rem;
}
.pt--3248 {
	padding-top: 3.2rem;
}
.pt--2432 {
	padding-top: 2.4rem;
}
.pt--1624 {
	padding-top: 1.6rem;
}
.pt--0816 {
	padding-top: 0.8rem;
}
.pt--0408 {
	padding-top: 0.4rem;
}

.pb--6480 {
	padding-bottom: 6.4rem;
}
.pb--4864 {
	padding-bottom: 4.8rem;
}
.pb--3248 {
	padding-bottom: 3.2rem;
}
.pb--2432 {
	padding-bottom: 2.4rem;
}
.pb--1624 {
	padding-bottom: 1.6rem;
}
.pb--0816 {
	padding-bottom: 0.8rem;
}
.pb--0408 {
	padding-bottom: 0.4rem;
}

.pb--04 {
	padding-bottom: 0.4rem;
}
.pb--16 {
	padding-bottom: 1.6rem;
}
.pb--24 {
    padding-bottom: 2.4rem;
}

.pl--1632 {
	padding-left: 1.6rem;
}
.pl--0032 {
	padding-left: 0;
}

.pr--4864 {
	padding-right: 4.8rem;
}
.pr--3248 {
		padding-right: 3.2rem;
	}
.pr--1632 {
	padding-right: 1.6rem;
}

@media screen and (min-width: 375px) {
	.section--px {
		padding-left: calc(1rem + (1.6 - 1) *((100vw - 37.5rem) / (76.8 - 37.5)));
		padding-right: calc(1rem + (1.6 - 1) *((100vw - 37.5rem) / (76.8 - 37.5)));
	}
	.px--2432 {
		padding-left: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (76.8 - 37.5)));
		padding-right: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (76.8 - 37.5)));
	}
	.px--1624 {
		padding-left: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-right: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.px--0816 {
		padding-left: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-right: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}

	.py--2432 {
		padding-top: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-bottom: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.py--1624 {
		padding-top: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-bottom: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.py--0816 {
		padding-top: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-bottom: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}

	.pt--4864 {
		padding-top: calc(4.8rem + (6.4 - 4.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pt--3248 {
		padding-top: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pt--2432 {
		padding-top: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pt--1624 {
		padding-top: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pt--0816 {
		padding-top: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
    .pt--0408 {
        padding-top: calc(0.4rem + (0.8 - 0.4) *((100vw - 37.5rem) / (144 - 37.5)));
    }

	.pb--6480 {
		padding-bottom: calc(6.4rem + (8 - 6.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--4864 {
		padding-bottom: calc(4.8rem + (6.4 - 4.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--3248 {
		padding-bottom: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--2432 {
		padding-bottom: calc(2.4rem + (3.2 - 2.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--1624 {
		padding-bottom: calc(1.6rem + (2.4 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--0816 {
		padding-bottom: calc(0.8rem + (1.6 - 0.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pb--0408 {
		padding-bottom: calc(0.4rem + (0.8 - 0.4) *((100vw - 37.5rem) / (144 - 37.5)));
	}

	.pl--1632 {
		padding-left: calc(1.6rem + (3.2 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pl--0032 {
		padding-left: calc(0rem + (3.2 - 0) *((100vw - 37.5rem) / (144 - 37.5)));
	}

	.pr--4864 {
		padding-right: calc(4.8rem + (6.4 - 4.8) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pr--3248 {
		padding-right: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
	.pr--1632 {
		padding-right: calc(1.6rem + (3.2 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}

}
@media screen and (min-width: 768px) {
	.section--px {
		padding-left: calc(1.6rem + (8 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
		padding-right: calc(1.6rem + (8 - 1.6) *((100vw - 37.5rem) / (144 - 37.5)));
	}
}
@media screen and (min-width: 1440px) {
	.section--px {
		padding-left: 8rem;
		padding-right: 8rem;
	}
	.px--2432 {
		padding-left: 3.2rem;
		padding-right: 3.2rem;
	}
	.px--1624 {
		padding-left: 2.4rem;
		padding-right: 2.4rem;
	}
	.px--0816 {
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}

	.py--2432 {
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}
	.py--1624 {
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.py--0816 {
		padding-top: 1.6rem;
		padding-bottom: 1.6rem;
	}

	.pt--4864 {
		padding-top: 6.4rem;
	}
	.pt--3248 {
		padding-top: 4.8rem;
	}
	.pt--2432 {
		padding-top: 3.2rem;
	}
	.pt--1624 {
		padding-top: 2.4rem;
	}
	.pt--0816 {
		padding-top: 1.6rem;
	}
    .pt--0408 {
        padding-top: 0.8rem;
    }

	.pb--6480 {
		padding-bottom: 8rem
	}
	.pb--4864 {
		padding-bottom: 6.4rem;
	}
	.pb--3248 {
		padding-bottom: 4.8rem;
	}
	.pb--2432 {
		padding-bottom: 3.2rem;
	}
	.pb--1624 {
		padding-bottom: 2.4rem;
	}
	.pb--0816 {
		padding-bottom: 1.6rem;
	}
	.pb--0408 {
		padding-bottom: 0.8rem;
	}

	.pl--1632 {
		padding-left: 3.2rem;
	}
	.pl--0032 {
		padding-left: 3.2rem;
	}

	.pr--4864 {
		padding-right: 6.4rem;
	}
	.pr--3248 {
		padding-right: 4.8rem;
	}
	.pr--1632 {
		padding-right: 3.2rem;
	}

}

.pl--04 {
	padding-left: 0.4rem;
}

.pr--08 {
  padding-right: 0.8rem;
}

/* MARGIN */

.mb--16 {
	margin-bottom: 1.6rem;
}

.ml--3248 {
	margin-left: 3.2rem;
}
@media screen and (min-width: 375px) {
	.ml--3248 {
		margin-left: calc(3.2rem + (4.8 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
}
@media screen and (min-width: 1440px) {
	.ml--3248 {
		margin-left: 4.8rem;
	}
}

.m--0 {
	margin: 0;
}
.mt--0 {
	margin-top: 0;
}
.mb--0 {
	margin-bottom: 0;
}



/* BUTTON & LINK */

.button--db-fill a {
  text-decoration: none;
  border: none;
  border-radius: 4.8rem;
  box-sizing: border-box;
  background-color: #284a66;
  overflow: hidden;
  height: 4.8rem;
}

.button--db a {
  text-decoration: none;
  border: 0.1rem solid #284a66;
  border-radius: 4.8rem;
  box-sizing: border-box;
  overflow: hidden;
  height: 4.8rem;
}

.button--333-fill a {
  text-decoration: none;
  border: none;
  border-radius: 4.8rem;
  box-sizing: border-box;
  background-color: #333;
  overflow: hidden;
  height: 4.8rem;
}

.button--333 a {
  text-decoration: none;
  border: 0.1rem solid #333;
  border-radius: 4.8rem;
  box-sizing: border-box;
  overflow: hidden;
  height: 4.8rem;
}

.button--blue-fill,
.button--blue-fill a {
  text-decoration: none;
  border: none;
  border-radius: 4.8rem;
  box-sizing: border-box;
  background-color: #4A86E8;
  overflow: hidden;
  height: 4.8rem;
}

.button--blue a {
  text-decoration: none;
  border: 0.1rem solid #4A86E8;
  border-radius: 4.8rem;
  box-sizing: border-box;
  overflow: hidden;
  height: 4.8rem;
}

.button--333-fill.is--header a,
.button--333.is--header a {
  height: 4rem;
  border-radius: 4rem;
}

.btn__bottom--fix {
  bottom: 0;
  left: 0;
  width: 100%;
}



.page__link a {
  text-decoration: none;
}

.page__link:hover {
	cursor: pointer;
}




/* ICON TEXT */

.icon-text__inner {
  gap: 0 0.4rem;
}

.icon-text a {
  color: #333;
  text-decoration: none;
}

/* FONT COLOR */

.fc--red {
  color: red;
}
.fc--888 {
    color: #888;
}
.fc--db {
    color: #284a66;
}
.fc--blue {
  color: #4A86E8;
}
.fc--key {
  color: #A52A2A;
}
.fc--fff {
  color: #fff;
}
.fc--333 {
  color: #333;
}


/* BACKGROUND */

.bc--db {
	background-color: #284a66;
}
.bc--blue {
	background-color: #4A86E8;
}

.bc--bg-001 {
	background-color: #F7F5F2;
}

.bc--333 {
	background-color: #333;
}

.bc--fff {
	background-color: #fff;
}

.bc--gla-black {
	background: linear-gradient(90deg, rgba(0,0,0,.0), rgba(0,0,0,.5) 50%,rgba(0,0,0,.0));
}

/* FILL */

.fill--fff {
	fill: #fff;
}
.fill--333 {
	fill: #333;
}
.fill--888 {
  fill: #888;
}
.fill--db {
  fill: #284a66;
}
.fill--blue {
  fill: #4A86E8;
}

/* BORDER */

.border__r--16 {
	border-radius: 1.6rem;
	overflow: hidden;
}

.border__glay--01 {
	border: 0.1rem solid #c1c7cd;
}

/* == UNIT == */


/* FLEX COLUMN ITEM */

.col__image-wrap,
.col__contents-wrap {
	box-sizing: border-box;
}

.col__image-wrap {
  overflow: hidden;
}

.col__contents-wrap ul {
  margin: 0;
  padding: 0;
}

.float__box {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
	.col__image-wrap img {
		position: absolute;
		height: 100%;
		width: auto;
		left: 50%;
		transform: translate(-50%, 0);
	}
}

/* LIST */

.list__style--none {
	list-style: none;
}

.list__style--num {
  list-style: decimal;
}



/* WAHT'S LEAN CANVAS */

.lean__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* FAQ UNIT */

.faq__item--child {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq__item--parent::before {
  content: "";
  box-sizing: border-box;
  width: 2.1rem;
  height: 2.1rem;
  border-top: 0.1em solid #333;
  position: absolute;
  top: 50%;
  right: 0;
}

.faq__item--parent::after {
  content: "";
  box-sizing: border-box;
  width: 2.1rem;
  height: 2.1rem;
  border-right: 0.1em solid #333;
  position: absolute;
  top: 50%;
  right: 2.1rem;
  transform: translate(50%,-50%);
  transition: .5s;
}

.faq__item--parent.active::after {
    opacity: 0;
    transition: .3s;
}

.faq__item--parent:hover {
  cursor: pointer;
}

/* MAIN ARTICLE */

.main__article-img {
  aspect-ratio: 1;
}

.main__article-img img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  transform: translate(-50%,0);
}
@media screen and (min-width: 768px) {
	.main__article-img {
		aspect-ratio: unset;
	}
	.main__article-img img {
		position: unset;
		width: 100%;
		height: auto;
		transform: unset;
	}
}

/* == SWIPER == */

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #4A86E8;
}

.sw-ex {
  overflow: hidden;
  padding-bottom: 3.2rem;
}
.swiper-pagination-bullet {
  width: 24px;
  height: 24px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -4px;
}
@media screen and (min-width: 375px) {
	.sw-ex {
		padding-bottom: calc(3.2rem + (5.6 - 3.2) *((100vw - 37.5rem) / (144 - 37.5)));
	}
}
@media screen and (min-width: 1440px) {
	.sw-ex {
		padding-bottom: 5.6rem;
	}
}

/* == SMART CANVAS== */

.smart-canvas__difference {
  height: 100%;
}
.smart-canvas__feature {
  aspect-ratio: 1;
}
.smart-canvas__feature img {
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}
.smart-canvas__feature-desc {
	box-sizing: border-box;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.smart-canvas__feature-desc p {
  text-shadow: 0 0 0.5rem #333;
}
@media screen and (min-width: 768px) {
	.smart-canvas__feature-desc {
		top: unset;
		bottom: 0;
		transform: translate(-50%,0);
	}
}
/* == PLAN == */

.plan__image a {
  height: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #DDD;
    font-family: sans-serif;
}

th, td {
    border: 1px solid #DDD;
    padding: 8px 12px;
    text-align: left;
}

thead th {
    background-color: #F7F5F2;
}

/* == FORM == */

.width--100p {
  width: 100%;
}

.width--50p {
  width: 50%;
}

.input__unit {
  box-sizing: border-box;
}

.input__unit input {
	width: 100%;
	box-sizing: border-box;
	font-size: 1.6rem;
	padding: 0.8rem 1.2rem;
	border: 0.1rem solid #aaa;
	outline: none;
	border-radius: 0.4rem;
}

.text__area {
	font-family: 'Noto Sans JP' , 'Roboto', sans-serif;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.6rem;
	outline: none;
	padding: 0.8rem 1.2rem;
	font-weight: 400;
	color: #333;
}

/* == CONTACTFORM7 == */

.wpcf7-radio .wpcf7-list-item {
  width: 100%;
}
.wpcf7-radio label {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}
.wpcf7-radio input {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.6rem;
    margin-top: 0;
    margin-bottom: 0;
}
.wpcf7-list-item-label {
  font-size: 1.6rem;
  padding-bottom: 0.2rem;
}

.wpcf7-acceptance .wpcf7-list-item {
  width: 100%;
}
.wpcf7-acceptance label {
  display: flex;
  align-items: center;
}
.wpcf7-acceptance input {
  width: 2.4rem;
  height: auto;
  margin: 0 0.8rem;
  padding: 0;
}

.button--db-fill input {
  text-decoration: none;
  border: none;
  border-radius: 4.8rem;
  box-sizing: border-box;
  background-color: #284a66;
  overflow: hidden;
  height: 4.8rem;
  color: #fff;
  min-width: 24rem;
  font-size: 1.6rem;
}


/* SELECT */

.my__select-box {
    position: relative;
    display: inline-block;
}

.my__select-box:after {
    content: "";
    position: absolute;
    top: 0.8rem;
    right: 1.6rem;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    height: 1rem;
    width: 1rem;
    transform: rotate(135deg);
    pointer-events: none;
}

.cf7__select-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
    width: 20rem;
    padding: 0.8rem 1.6rem;
    font-size: 1.6rem;
    border: 0.1rem solid #aaa;
    border-radius: 0.4rem;
	background-color: #efefef;
}

.cf7__select-box:focus {
    outline: none;
}

/* CHECK BOX */

.wpcf7-checkbox label {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
	margin-bottom: 0.8rem;
}

span.wpcf7-list-item {
    display: block;
    width: 100%;
}

.wpcf7-checkbox label input {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.6rem;
}