@charset "utf-8";



/*  l-mv
--------------------------------------------------*/
.l-mv {
	position: relative;
	overflow: hidden;
}
.l-mv img {
	object-position: bottom center;
	width: 100%;
	height: auto;
}
.mv-deco {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: calc(2720 / 1920 * 100%);
	pointer-events: none;
	z-index: 0;
}
.mv-photo {
	position: relative;
	width: 100%;
	z-index: 10;
}
.mv-txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}
.mv-deco__item {
	position: absolute;
	bottom: 0;
	width: 50%;
}
.mv-deco__item-blue {
	left: 0;
}
.mv-deco__item-yellow {
	right: 0;
}
.mv-deco__item-blue::before {
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(60 / 1360 * 100%);
    padding-bottom: calc(60 / 1360 * 100%);
    margin-bottom: calc(766 / 1360 * 100%);
    margin-right: calc(410 / 1360 * 100%);
    border-radius: 50% 50% 50% 50%;
    background: #47b3d1;
    animation: radius 5.0s linear .2s infinite,translate1 5.0s linear .2s infinite;
    z-index: 2;
}
.mv-deco__item-blue::after {
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(330 / 1360 * 100%);
    padding-bottom: calc(330 / 1360 * 100%);
    margin-bottom: calc(880 / 1360 * 100%);
    margin-right: calc(120 / 1360 * 100%);
    border-radius: 50%;
    background: #edf7fa;
    animation: translate1 5.0s linear .2s infinite;
    z-index: 1;
}
.mv-deco__item-yellow::before {
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(60 / 1360 * 100%);
    padding-bottom: calc(60 / 1360 * 100%);
    margin-bottom: calc(220 / 1360 * 100%);
    margin-right: calc(630 / 1360 * 100%);
    border-radius: 50% 50% 50% 50%;
    background: #f2cf44;
    animation: radius 5.0s linear .2s infinite,translate2 5.0s linear .2s infinite;
    z-index: 1;
}
.mv-deco__item-yellow::after {
	content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(330 / 1360 * 100%);
    padding-bottom: calc(330 / 1360 * 100%);
    margin-bottom: calc(-125 / 1360 * 100%);
    margin-right: calc(685 / 1360 * 100%);
    border-radius: 50%;
    background: #fefaec;
    animation: translate2 5.0s linear .2s infinite;
    z-index: 1;
}
.mv-deco__item-blue .mv-deco__item__double {
	position: absolute;
    left: 0;
    bottom: 0;
    width: calc(520 / 1360 * 100%);
    margin-left: calc(-2 / 1360 * 100%);
    margin-bottom: calc(98 / 1360 * 100%);
    animation: translate2 5.0s linear .2s infinite;
    z-index: 1;
}
.mv-deco__item-yellow .mv-deco__item__double {
	position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    width: calc(520 / 1360 * 100%);
    margin-right: calc(-2 / 1360 * 100%);
    margin-bottom: calc(148 / 1360 * 100%);
    animation: translate1 5.0s linear .2s infinite;
    z-index: 1;
}
.mv-deco__item-blue .mv-deco__item__single {
	position: absolute;
	left: 0;
	bottom: 0;
	width: calc(1104 / 1360 * 100%);
    margin-left: calc(126 / 1360 * 100%);
    margin-bottom: calc(126 / 1360 * 100%);
    animation: rotate 6s linear .2s infinite;
	z-index: -1;
}
.mv-deco__item-yellow .mv-deco__item__single {
	position: absolute;
    right: 0;
    bottom: 0;
    width: calc(1104 / 1360 * 100%);
    margin-right: calc(131 / 1360 * 100%);
    margin-bottom: calc(-214 / 1360 * 100%);
    animation: rotate 6s linear .2s infinite;
    z-index: -1;
}
@keyframes radius {
  0% {
    border-radius: 50% 50% 50% 50%;
  }
  25% {
    border-radius: 50% 40% 50% 40%;
  }
  50% {
    border-radius: 40% 50% 40% 50%;
  }
  75% {
    border-radius: 45% 45% 45% 40%;
  }
  100% {
    border-radius: 50% 50% 50% 50%;
  }
}
@keyframes translate1 {
  0% {
    transform: translate(0%,0%);
  }
  25% {
    transform: translate(2%,2%);
  }
  50% {
    transform: translate(0%,4%);
  }
  75% {
    transform: translate(-2%,2%);
  }
  100% {
    transform: translate(0%,0%);
  }
}
@keyframes translate2 {
  0% {
    transform: translate(0%,0%);
  }
  25% {
  	transform: translate(-2%,2%);
  }
  50% {
    transform: translate(0%,4%);
  }
  75% {
    transform: translate(2%,2%);
  }
  100% {
    transform: translate(0%,0%);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 1100px){
	.l-mv {
		padding-top: 10%;
	}
	.mv-txt {
		margin-top: 10%;
	}
}
@media screen and (max-width: 768px){
	.l-mv {
		padding-top: 0;
	}
	.mv-deco {
		width: 100%;
	}
	.mv-txt {
		margin-top: 0;
	}
	.mv-deco__item-blue::before {
	    display: none;
	}
	.mv-deco__item-blue::after {
	    width: calc(115 / 190 * 100%);
        padding-bottom: calc(115 / 190 * 100%);
        margin-bottom: calc(405 / 190 * 100%);
        margin-right: calc(111 / 190 * 100%);
        z-index: -1;
	}
	.mv-deco__item-yellow::before {
	    display: none;
	}
	.mv-deco__item-yellow::after {
	    width: calc(115 / 190 * 100%);
        padding-bottom: calc(115 / 190 * 100%);
        margin-bottom: calc(374 / 190 * 100%);
        margin-right: calc(-20 / 190 * 100%);
	    z-index: -1;
	}
	.mv-deco__item-blue .mv-deco__item__double {
	    width: calc(132 / 190 * 100%);
        margin-left: calc(-102 / 190 * 100%);
        margin-bottom: calc(201 / 190 * 100%);
	}
	.mv-deco__item-yellow .mv-deco__item__double {
	    width: calc(132 / 190 * 100%);
        margin-right: calc(-103 / 190 * 100%);
        margin-bottom: calc(204 / 190 * 100%);
	}
	.mv-deco__item-blue .mv-deco__item__single,
	.mv-deco__item-yellow .mv-deco__item__single {
	    display: none;
	}
}


/*  common-enttl
--------------------------------------------------*/
.common-enttl {
	font-size: 16.0rem;
	line-height: 1;
	letter-spacing: -.02em;
}
.common-enttl span {
	display: inline-block;
	line-height: 1.2;
 	background : -webkit-linear-gradient(0deg, rgba(255 213 0 / 1) 0%, rgba(249 213 1 / 1) 7.26%, rgba(233 211 4 / 1) 16.75%, rgba(206 210 8 / 1) 27.49%, rgba(168 207 15 / 1) 39.06%, rgba(126 204 22 / 1) 50%, rgba(124 203 30 / 1) 51.23%, rgba(107 198 88 / 1) 60.96%, rgba(94, 194, 137, 1) 70.35%, rgba(83 190 175 / 1) 79.18%, rgba(75 188 202 / 1) 87.32%, rgba(71 187 218 / 1) 94.51%, rgba(69 186 224 / 1) 100%);
	background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(255 213 0 / 1) ),color-stop(0.0726,rgba(249 213 1 / 1) ),color-stop(0.1675,rgba(233 211 4 / 1) ),color-stop(0.2749,rgba(206 210 8 / 1) ),color-stop(0.3906,rgba(168 207 15 / 1) ),color-stop(0.5,rgba(126 204 22 / 1) ),color-stop(0.5123,rgba(124 203 30 / 1) ),color-stop(0.6096,rgba(107 198 88 / 1) ),color-stop(0.7035,rgba(94, 194, 137, 1) ),color-stop(0.7918,rgba(83 190 175 / 1) ),color-stop(0.8732,rgba(75 188 202 / 1) ),color-stop(0.9451,rgba(71 187 218 / 1) ),color-stop(1,rgba(69 186 224 / 1) ));
	background : -o-linear-gradient(0deg, rgba(255 213 0 / 1) 0%, rgba(249 213 1 / 1) 7.26%, rgba(233 211 4 / 1) 16.75%, rgba(206 210 8 / 1) 27.49%, rgba(168 207 15 / 1) 39.06%, rgba(126 204 22 / 1) 50%, rgba(124 203 30 / 1) 51.23%, rgba(107 198 88 / 1) 60.96%, rgba(94, 194, 137, 1) 70.35%, rgba(83 190 175 / 1) 79.18%, rgba(75 188 202 / 1) 87.32%, rgba(71 187 218 / 1) 94.51%, rgba(69 186 224 / 1) 100%);
	background : -ms-linear-gradient(0deg, rgba(255 213 0 / 1) 0%, rgba(249 213 1 / 1) 7.26%, rgba(233 211 4 / 1) 16.75%, rgba(206 210 8 / 1) 27.49%, rgba(168 207 15 / 1) 39.06%, rgba(126 204 22 / 1) 50%, rgba(124 203 30 / 1) 51.23%, rgba(107 198 88 / 1) 60.96%, rgba(94, 194, 137, 1) 70.35%, rgba(83 190 175 / 1) 79.18%, rgba(75 188 202 / 1) 87.32%, rgba(71 187 218 / 1) 94.51%, rgba(69 186 224 / 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD500', endColorstr='#45BAE0' ,GradientType=0)";
	background : linear-gradient(90deg, rgba(255 213 0 / 1) 0%, rgba(249 213 1 / 1) 7.26%, rgba(233 211 4 / 1) 16.75%, rgba(206 210 8 / 1) 27.49%, rgba(168 207 15 / 1) 39.06%, rgba(126 204 22 / 1) 50%, rgba(124 203 30 / 1) 51.23%, rgba(107 198 88 / 1) 60.96%, rgba(94, 194, 137, 1) 70.35%, rgba(83 190 175 / 1) 79.18%, rgba(75 188 202 / 1) 87.32%, rgba(71 187 218 / 1) 94.51%, rgba(69 186 224 / 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD500',endColorstr='#45BAE0' , GradientType=1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 768px){
	.common-enttl {
		font-size: 6.0rem;
	}
}

	


/*  l-relation
--------------------------------------------------*/
.l-relation {
	position: relative;
	padding-bottom: 22.5rem;
	margin-top: -11.0rem;
	z-index: 20;
}
@media screen and (min-width: 1920px){
	.l-relation {
		margin-top: calc(-110 / 1920 * 100%);
	}
}
.relation-intro {
	position: relative;
	padding-block: 15.5rem 36.0rem;
	background: url('../img/home/bg_relation_intro-pc.svg') no-repeat center top /cover;
}
.relation-intro::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 55.0rem;
	background : linear-gradient(0deg, rgba(255 255 255 / 1) 0%, rgba(255 255 255 / 0) 100%);
}
.relation-intro__inner {
	max-width: 1480px;
	z-index: 1;
}
.relation-intro__detail {
	width: calc(660 / 1480 * 100%);
	margin-top: calc(230 / 1480 * 100%);
	margin-left: calc(30 / 1480 * 100%);
	color: var(--white);
}
.relation-intro__detail__heading {
	font-size: 6.0rem;
	line-height: 1.533333333333333;
	letter-spacing: .03em;
	margin-bottom: 5.2rem;
	filter: drop-shadow(0 0 10px rgba(0 0 0 / .2));
}
.relation-intro__detail__desc {
	font-size: 2.0rem;
	line-height: 2.3;
	letter-spacing: .05em;
	filter: drop-shadow(0 0 10px rgba(0 0 0 / .2));
}
.relation-intro__photo {
	width: calc(730 / 1480 * 100%);
}
.relation-contents {
	position: relative;
	margin-top: -24.0rem;
	max-width: 1380px;
}
.relation-contents__head {
	margin-bottom: 11.0rem;
}
.relation-contents__head__enttl {
	text-align: right;
}
.relation-contents__head__ttl {
	font-size: 3.6rem;
	line-height: 1.45;
	letter-spacing: .05em;
	color: #595757;
	text-align: right;
}
.relation-contents__list {
	width: 100%;
	gap: 0 6.0rem;
}
.relation-contents__list__item {
	width: calc((100% - 12.0rem) / 3);
	border-radius: 4.0rem;
	background: #f5f5f5;
	filter: drop-shadow(0 0 20px rgba(76 76 76 / .05));
}
.relation-contents__list__item__catch {
	width: 100%;
	border-radius: 4.0rem 4.0rem 0 0;
	overflow: hidden;
}
.relation-contents__list__item__desc {
	width: calc(300 / 420 * 100%);
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .05em;
	color: #7d7d7d;
	text-align: justify;
	padding-block: 3.0rem 5.5rem;
	margin-inline: auto;
}
@media screen and (max-width: 768px){
	.l-relation {
		padding-bottom: 11.5rem;
		margin-top: -4.0rem;
	}
	.relation-intro {
		padding-block: 9.5rem 15.0rem;
		background: url('../img/home/bg_relation_intro-sp.svg') no-repeat center top /100% 100%;
		overflow: hidden;
	}
	.relation-intro::after {
		height: 19.0rem;
	}
	.relation-intro__inner {
		display: block;
		width: calc(310 / 380 * 100%);
	}
	.relation-intro__detail {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 3.0rem;
	}
	.relation-intro__detail__heading {
		font-size: 3.2rem;
		line-height: 1.5625;
		margin-bottom: 2.2rem;
	}
	.relation-intro__detail__desc {
		font-size: 1.55rem;
		line-height: 2.25;
		letter-spacing: 0;
	}
	.relation-intro__photo {
		width: calc(364 / 310 * 100%);
	}
	.relation-contents {
		margin-top: -4.5rem;
	}
	.relation-contents__head {
		margin-bottom: 5.5rem;
	}
	.relation-contents__head__ttl {
		font-size: 2.4rem;
		letter-spacing: 0;
	}
	.relation-contents__list {
		gap: 4.0rem 0;
	}
	.relation-contents__list__item {
		width: 100%;
		border-radius: 3.0rem;
	}
	.relation-contents__list__item__catch {
		border-radius: 3.0rem 3.0rem 0 0;
	}
	.relation-contents__list__item__desc {
		width: calc(260 / 320 * 100%);
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0;
		padding-block: 2.2rem 3.1rem;
	}
}



/*  l-problems
--------------------------------------------------*/
.l-problems {
	position: relative;
	padding-bottom: 50.0rem;
}
.l-problems::before {
	content: '';
	position: absolute;
	left: 0;
	top: 26.0rem;
	width: 100%;
	height: 104.0rem;
	background : linear-gradient(180deg, rgba(255 255 255 / 1) 0%, rgba(255 255 255 / 0) 100%);
	z-index: -1;
}
.l-problems::after {
	content: '';
	position: absolute;
	left: 0;
	top: 26.0rem;
	width: 100%;
	height: calc(100% - 26.0rem);
	background : linear-gradient(90deg, rgba(246, 221, 124, 1) 0%, rgba(240, 220, 125, 1) 9.54%, rgba(224, 219, 127, 1) 22.03%, rgba(197, 216, 131, 1) 36.08%, rgba(163, 212, 136, 1) 50%, rgba(163, 212, 136, 1) 50.12%, rgba(147, 208, 174, 1) 64.9%, rgba(135, 205, 201, 1) 78.61%, rgba(128, 203, 217, 1) 90.74%, rgba(126, 202, 223, 1) 100%);
	z-index: -2;
}
.problems-head {
	margin-bottom: 11.0rem;
}
.problems-head__enttl {
	text-align: center;
}
.problems-head__ttl {
	font-size: 3.8rem;
	line-height: 1.45;
	letter-spacing: .03em;
	text-align: center;
	margin-block: 6.0rem 4.0rem;
}
.problems-head__ttl span {
	display: block;
}
.problems-head__ttl em {
	font-size: 1.684210526315789em;
	letter-spacing: 0;
}
.problems-head__ttl i {
	display: inline-block;
    font-size: 1.2em;
    transform: rotate(25deg) translate(0, .1em);
    transform-origin: right bottom;
}
.problems-head__desc {
	font-size: 1.8rem;
	line-height: 2.222222222222222;
	letter-spacing: .05em;
	text-align: center;
}
.problems-list {
	width: 100%;
	gap: 6.0rem;
}
.problems-list__item {
	width: calc((100% - 12.0rem) / 3);
}
.problems-list__item__heading {
	position: relative;
	font-size: 2.8rem;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
	font-weight: 500;
	color: var(--white);
	width: min(90%,180px);
	height: 7.0rem;
	padding-bottom: .1em;
	margin: 0 auto -3.5rem;
	border-radius: 3.5rem;
	z-index: 1;
}
.problems-list__item-tax .problems-list__item__heading {
	background: #47b3d1;
}
.problems-list__item-labor .problems-list__item__heading {
	background: #f2cf44;
}
.problems-list__item-set .problems-list__item__heading {
	background: #7bc255;
}
.problems-list__item__box {
	position: relative;
	height: 100%;
	border-radius: 4.0rem;
	background: #fff;
	overflow: hidden;
}
.problems-list__item__sentence {
	width: min(80%,340px);
	margin-inline: auto;
	flex: 1 auto;
	padding-top: 7.5rem;
}
.problems-list__item__sentence__txt {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.666666666666667;
	letter-spacing: .05em;
	padding-left: 2.0rem;
}
.problems-list__item__sentence__txt + .problems-list__item__sentence__txt {
	margin-top: .75em;
}
.problems-list__item__sentence__txt::before {
	content: '';
	position: absolute;
	left: 0;
	top: .65em;
	width: .9rem;
	height: .9rem;
	border-radius: 50%;
}
.problems-list__item-tax .problems-list__item__sentence__txt::before {
	background: #47b3d1;
}
.problems-list__item-labor .problems-list__item__sentence__txt::before {
	background: #f2cf44;
}
.problems-list__item-set .problems-list__item__sentence__txt::before {
	background: #7bc255;
}
.problems-list__item__photo {
	width: 100%;
	transform: translateY(1px);
}
.problems-list__item__link {
	position: absolute;
	right: 4.0rem;
	bottom: 4.0rem;
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: .15em;
	font-weight: 500;
	color: #6c6c6c;
	padding-right: 5.3rem;
	z-index: 1;
}
.problems-list__item__link i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4.0rem;
	padding-inline: 1.2rem;
	height: 4.0rem;
	border-radius: 50%;
	background-color: #6c6c6c;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (any-hover: hover){
	.problems-list__item__box {
		transform: scale(1.0);
		transition: transform .2s linear;
	}
	.problems-list__item__box:hover {
		transform: scale(1.02);
	}
	.problems-list__item__box:hover .problems-list__item__link i img {
		animation: arrow .6s .2s;
	}
}
@media screen and (max-width: 768px){
	.l-problems {
		padding-bottom: 20.0rem;
	}
	.l-problems::before {
		top: 9.5rem;
		height: 93.0rem;
	}
	.l-problems::after {
		top: 9.5rem;
		height: calc(100% - 9.5rem);
	}
	.problems-head {
		margin-bottom: 5.0rem;
	}
	.problems-head__ttl {
		font-size: 2.2rem;
        line-height: 1.35;
		margin-block: 2.6rem 2.6rem;
	}
	.problems-head__ttl span + span {
		margin-top: 0.6em;
	}
	.problems-head__ttl em {
		font-size: 1.727272727272727em;
	}
	.problems-head__desc {
		font-size: 1.6rem;
		line-height: 2.125;
		text-align: justify;
	}
	.problems-list {
		gap: 4.0rem;
	}
	.problems-list__item {
		width: 100%;
	}
	.problems-list__item__heading {
		font-size: 2.0rem;
		width: calc(126 / 320 * 100%);
		height: 5.0rem;
		margin: 0 auto -2.5rem;
		border-radius: 2.4rem;
	}
	.problems-list__item__box {
		display: block;
		height: auto;
		border-radius: 3.0rem;
	}
	.problems-list__item__sentence {
		width: calc(240 / 320 * 100%);
		padding-top: 5.5rem;
		padding-bottom: 1.5rem;
	}
	.problems-list__item__sentence__txt {
		font-size: 1.6rem;
		line-height: 1.625;
		padding-left: 1.8rem;
	}
	.problems-list__item__sentence__txt + .problems-list__item__sentence__txt {
	    margin-top: .85em;
	}
	.problems-list__item__sentence__txt::before {
		top: .65em;
		width: .6rem;
		height: .6rem;
	}
	.problems-list__item__link {
		right: 2.5rem;
		bottom: 3.0rem;
		font-size: 1.6rem;
		padding-right: 4.0rem;
	}
	.problems-list__item__link i {
		width: 3.0rem;
		padding-inline: .9rem;
		height: 3.0rem;
	}
}




/*  l-consult
--------------------------------------------------*/
.l-consult {
	position: relative;
	margin-top: -26.0rem;
	padding-block: 20.0rem 30.0rem;
}
.l-consult::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 38.0rem;
	background: url('../img/home/bg_consult-pc.svg') no-repeat center top/cover;
	z-index: 1;
}
.consult-inner {
	z-index: 2;
}
.consult-head {
	text-align: center;
	padding-bottom: 7.5rem;
}
.consult-head__box {
	position: relative;
	display: inline-block;
	padding-inline: 21.0rem;
}
.consult-head__ttl {
	font-size: 4.0rem;
	line-height: 1;
	letter-spacing: .05em;
	margin-bottom: 3.0rem;
}
.consult-head__desc {
	font-size: 1.8rem;
	line-height: 2.125;
	letter-spacing: .05em;
}
.consult-head__icon {
	position: absolute;
	top: -3.0rem;
}
.consult-head__icon1 {
	width: 12.4rem;
	left: 2.4rem;
}
.consult-head__icon2 {
	width: 15.0rem;
	right: 0;
}
.consult-main {
	background: #fff;
	border-radius: 6.0rem;
	padding-block: 7.5rem 8.0rem;
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, .05));
	z-index: 1;
}
.consult-contents {
	width: calc(1340 / 1500 * 100%);
	margin-inline: auto;
}
.consult-box {
	position: relative;
}
.consult-box + .consult-box {
	margin-top: 7.0rem;
}
.consult-heading {
	display: block;
    position: relative;
    padding-left: 4.2rem;
	font-size: 2.8rem;
	letter-spacing: .05em;
    line-height: 1.45;
    margin-bottom: 3.0rem;
}
.consult-heading i {
	display: block;
    position: absolute;
    left: 0;
    top: 1.7rem;
    width: 2.2rem;
    font-size: 0;
    line-height: 1;
}
.consult-list {
	gap: 4.0rem;
}
.consult-list__item {
	position: relative;
	width: calc((100% - 4.0rem) / 2);
	border-radius: 3.0rem;
}
.consult-box-money .consult-list__item {
	background: #edf7fa;
}
.consult-box-hrm .consult-list__item {
	background: #fefaec;
}
.consult-box-independent .consult-list__item {
	background: #f2f9ee;
}
.consult-list__item__btn {
	position: relative;
	border: none;
	outline: none;
	font: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	width: 100%;
	padding: 3.5rem 10.0rem 3.3rem 4.0rem;
}
.consult-list__item__btn:focus-visible {
    outline: auto;
}
.consult-list__item__btn i {
	display: block;
	width: 6.0rem;
}
.consult-list__item__btn em {
	display: block;
	width: calc(100% - 8.4rem);
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: .05em;
	text-align: justify;
}
.consult-list__item__btn span {
	position: absolute;
	right: 4.0rem;
	top: 50%;
	transform: translateY(-50%);
	width: 4.0rem;
	height: 4.0rem;
	border-radius: 50%;
}
.consult-box-money .consult-list__item__btn span {
	background: #47b3d1;
}
.consult-box-hrm .consult-list__item__btn span {
	background: #f2cf44;
}
.consult-box-independent .consult-list__item__btn span {
	background: #7bc255;
}
.consult-list__item__btn span::before ,
.consult-list__item__btn span::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(90deg);
	width: .2rem;
	height: 1.6rem;
	border-radius: .1rem;
	background: var(--white);
	transform-origin: center center;
	transition: transform .3s linear;
}
.consult-list__item__btn span::after {
	transform: rotate(0deg);
}
.consult-list__item__btn.active span::after {
	transform: rotate(90deg);
}
.consult-list__item__detail {
 	position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    transition: height .3s linear, padding .3s linear;
    will-change: height;
}
.consult-list__item__detail::before {
	content: '';
	position: absolute;	
	left: 0;
	right: 0;
	top: 0;
	margin-inline: auto;
	width: calc(100% - 8.0rem);
	height: 1px;
	background: var(--white);
}
.consult-list__item__detail__head {
	width: 100%;
	padding: 3.5rem 4.0rem 0;
}
.consult-list__item__detail__head__icon {
	display: block;
	width: 6.0rem;
}
.consult-list__item__detail__head__txt {
	display: block;
	width: calc(100% - 8.4rem);
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: .05em;
}
.consult-box-money .consult-list__item__detail__head__txt {
	color: #47b3d1;
}
.consult-box-hrm .consult-list__item__detail__head__txt {
	color: #f2cf44;
}
.consult-box-independent .consult-list__item__detail__head__txt {
	color: #7bc255;
}
.consult-list__item__detail__cnt {
	width: calc(100% - 16.4rem);
	padding-bottom: 4.0rem;
	margin: 2.3rem 4.0rem 0 auto;
}
.consult-list__item__detail__cnt__heading {
	position: relative;
	font-size: 1.8rem;
	border-radius: 1.6rem;
	letter-spacing: .05em;
	color: var(--white);
	width: 14.0rem;
	height: 3.2rem;
	margin-left: 3.0rem;
	margin-bottom: -1.6rem;
	padding-bottom: .15em;
	z-index: 1;
}
.consult-box-money .consult-list__item__detail__cnt__heading {
	background: #47b3d1;
}
.consult-box-hrm .consult-list__item__detail__cnt__heading {
	background: #f2cf44;
}
.consult-box-independent .consult-list__item__detail__cnt__heading {
	background: #7bc255;
}
.consult-list__item__detail__cnt__list {
	background: var(--white);
	border-radius: 2.0rem;
	padding: 2.7rem 3.0rem 2.4rem;
	gap: 0 1.5rem;
}
.consult-list__item__detail__cnt__list__item {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .05em;
}
.consult-box-money .consult-list__item__detail__cnt__list__item em {
	color: #47b3d1;
}
.consult-box-hrm .consult-list__item__detail__cnt__list__item em {
	color: #f2cf44;
}
.consult-box-independent .consult-list__item__detail__cnt__list__item em {
	color: #7bc255;
}
@media (any-hover: hover){
	.consult-list__item__btn span {
		transform: translateY(-50%) scale(1.0);
		transition: transform .2s linear;
	}
	.consult-list__item__btn:hover span {
		transform: translateY(-50%) scale(1.2);
	}
}
@media screen and (max-width: 768px){
	.l-consult {
		margin-top: -5.0rem;
		padding-block: 5.5rem 10.0rem;
	}
	.l-consult::before {
		height: 29.0rem;
		background: url('../img/home/bg_consult-sp.svg') no-repeat center top/cover;
	}
	.consult-head {
		padding-bottom: 3.2rem;
	}
	.consult-head__box {
		display: block;
		padding-inline: 0;
	}
	.consult-head__ttl {
		font-size: 2.8rem;
		margin-bottom: 2.0rem;
	}
	.consult-head__desc {
		font-size: 1.6rem;
	}
	.consult-head__icon {
		top: auto;
		bottom: -4.5rem;
	}
	.consult-head__icon1 {
		width: 5.3rem;
		left: 1.0rem;
	}
	.consult-head__icon2 {
		width: 6.4rem;
		right: 1.0rem;
	}
	.consult-main {
		border-radius: 3.0rem;
		padding-block: 4.7rem 5.0rem;
		filter: drop-shadow(0 0 10px rgba(0, 0, 0, .05));
	}
	.consult-contents {
		width: calc(280 / 320 * 100%);
	}
	.consult-box + .consult-box {
		margin-top: 4.5rem;
	}
	.consult-heading {
	    padding-left: 2.6rem;
		font-size: 2.0rem;
	    margin-bottom: 2.5rem;
	}
	.consult-heading i {
	    width: 1.6rem;
	    top: 1.1rem;
	}
	.consult-list {
		gap: 2.0rem;
	}
	.consult-list__item {
		width: 100%;
		border-radius: 2.0rem;
	}
	.consult-list__item__btn {
		display: block;
		padding: 2.0rem 6.0rem 2.3rem 2.0rem;
	}
	.consult-list__item__btn i {
		float: left;
		width: 4.0rem;
        margin-right: 1.5rem;
	}
	.consult-list__item__btn em {
		width: 100%;
		font-size: 1.4rem;
	}
	.consult-list__item__btn span {
		right: 2.0rem;
		width: 2.4rem;
		height: 2.4rem;
		top: 2.8rem;
        transform: translateY(0);
	}
	.consult-list__item__btn span::before ,
	.consult-list__item__btn span::after {
		width: .1rem;
		height: .9rem;
	}
	.consult-list__item__detail::before {
		width: calc(100% - 4.0rem);
	}
	.consult-list__item__detail__head {
		display: block;
		width: 100%;
		padding: 2.0rem 2.0rem 0;
	}
	.consult-list__item__detail__head__icon {
		float: left;
		width: 4.0rem;
		margin-right: 1.5rem;
	}
	.consult-list__item__detail__head__txt {
		width: 100%;
		font-size: 1.4rem;
	}
	.consult-list__item__detail__cnt {
		width: calc(100% - 4.0rem);
		padding-bottom: 3.0rem;
		margin: 2.0rem auto 0;
	}
	.consult-list__item__detail__cnt__heading {
		font-size: 1.4rem;
		border-radius: 1.2rem;
		width: 11.0rem;
		height: 2.4rem;
		margin-left: 2.0rem;
		margin-bottom: -1.2rem;
		padding-bottom: .1em;
	}
	.consult-list__item__detail__cnt__list {
		border-radius: 1.6rem;
		padding: 2.2rem 2.4rem 1.4rem;
		gap: 0 1.5rem;
	}
	.consult-list__item__detail__cnt__list__item {
		font-size: 1.2rem;
		text-indent: -.8em;
        margin-left: .8em;
	}
}



/*  l-aboutus
--------------------------------------------------*/
.l-aboutus {
	position: relative;
	padding-bottom: 29.0rem;
}
.l-aboutus::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 32.5rem);
	background: var(--white);
	z-index: -1;
}
.l-aboutus::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50.0rem;
	background: url('../img/home/bg_aboutus-pc.png') no-repeat center bottom/100% 100%;
	z-index: -2;
}
.aboutus-head {
	position: relative;
	margin-bottom: 15.0rem;
}
.aboutus-head__ttl {
	font-size: 3.6rem;
    line-height: 1.45;
    letter-spacing: .05em;
}
.aboutus-head__photo {
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(384 / 1500 * 100%);
}
.aboutus-main {
	width: 100%;
}
.aboutus-contents {
	width: max(calc(1710 / 1920 * 100%));
}
@media screen and (max-width: 1920px){
	.aboutus-contents {
		width: min(95%,1710px);
	}
}
.aboutus-photo {
	width: calc(960 / 1710 * 100%);
}
.aboutus-photo__item {
	width: 100%;
}
.aboutus-photo__icon {
	position: relative;
	margin-top: calc(78 / 960 * 100%);
	margin-left: calc(294 / 960 * 100%);
	width: calc(292 / 960 * 100%);
	z-index: 1;
}
.aboutus-detail {
	width: calc(630 / 1710 * 100%);
}
.aboutus-detail__list {
	margin-top: 4.7rem;
}
.aboutus-detail__list__item {
	width: calc(510 / 630 * 100%);
}
.aboutus-detail__list__item:nth-of-type(even) {
	margin-left: calc(120 / 630 * 100%);
}
.aboutus-detail__list__item + .aboutus-detail__list__item {
	margin-top: 8.5rem;
}
.aboutus-detail__list__item__heading {
	display: block;
    position: relative;
    padding-left: 4.2rem;
	font-size: 2.8rem;
	letter-spacing: .05em;
    line-height: 1.45;
    margin-bottom: 1.5rem;
}
.aboutus-detail__list__item1 .aboutus-detail__list__item__heading {
	color: #47b3d1;
}
.aboutus-detail__list__item2 .aboutus-detail__list__item__heading {
	color: #7bc255;
}
.aboutus-detail__list__item3 .aboutus-detail__list__item__heading {
	color: #ebbe00;
}
.aboutus-detail__list__item__heading i {
	display: block;
    position: absolute;
    left: 0;
    top: 1.7rem;
    width: 2.2rem;
    font-size: 0;
    line-height: 1;
}
.aboutus-detail__list__item__desc {
	font-size: 1.8rem;
	line-height: 2.222222222222222;
	letter-spacing: .05em;
	color: #7d7d7d;
}
.aboutus-detail__btn {
	margin: 10.0rem 0 0 auto;
}
@media screen and (max-width: 768px){
	.l-aboutus {
		padding-bottom: 16.0rem;
	}
	.l-aboutus::before {
		height: calc(100% - 24.0rem);
	}
	.l-aboutus::after {
		height: 22.0rem;
		background: url('../img/home/bg_aboutus-sp.png') no-repeat center bottom/100% 100%;
	}
	.aboutus-head {
		margin-bottom: 5.0rem;
	}
	.aboutus-head__ttl {
		font-size: 2.4rem;
	}
	.aboutus-head__photo {
		bottom: auto;
		top: 0;
		margin-top: calc(-40 / 320 * 100%);
		width: calc(66 / 320 * 100%);
	}
	.aboutus-contents {
		width: 100%;
	}
	.aboutus-photo {
		width: calc(350 / 380 * 100%);
		margin-bottom: 4.5rem;
	}
	.aboutus-photo__icon {
		margin-top: calc(-46 / 350 * 100%);
		margin-left: auto;
		width: calc(110 / 350 * 100%);
	}
	.aboutus-detail {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
	}
	.aboutus-detail__list {
		margin-top: 0;
	}
	.aboutus-detail__list__item {
		width: 100%;
	}
	.aboutus-detail__list__item:nth-of-type(even) {
		margin-left: 0;
	}
	.aboutus-detail__list__item + .aboutus-detail__list__item {
		margin-top: 5.0rem;
	}
	.aboutus-detail__list__item__heading {
		padding-left: 2.6rem;
        font-size: 2.0rem;
        margin-bottom: 1.5rem;
	}
	.aboutus-detail__list__item__heading i {
        width: 1.6rem;
        top: 1.1rem;
	}
	.aboutus-detail__list__item__desc {
		font-size: 1.6rem;
		line-height: 2.125;
		text-align: justify;
	}
	.aboutus-detail__btn {
		margin: 4.5rem auto 0;
	}
}



/*  l-strengths
--------------------------------------------------*/
.l-strengths {
	position: relative;
	padding-top: 7.0rem;
}
.strengths-head {
	margin-bottom: 9.5rem;
}
.strengths-head__enttl {
	text-align: right;
}
.strengths-head__box {
	margin-top: 7.0rem;
}
.strengths-head__box__heading {
	font-size: 3.6rem;
	line-height: 1.45;
	letter-spacing: .05em;
	margin-bottom: 2.0rem;
}
.strengths-head__box__desc {
	font-size: 1.8rem;
	line-height: 2.222222222222222;
	letter-spacing: .05em;
}
.strengths-contents {
	position: relative;
	padding-bottom: 15.0rem;
}
.strengths-contents::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 104.0rem;
	background : linear-gradient(180deg, rgba(255 255 255 / 1) 0%, rgba(255 255 255 / 0) 100%);
	z-index: -1;
}
.strengths-contents::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	background : linear-gradient(90deg, rgba(246 221 124 / 1) 0%, rgba(240 220 125 / 1) 9.54%, rgba(224 219 127 / 1) 22.03%, rgba(197 216 131 / 1) 36.08%, rgba(163 212 136 / 1) 50%, rgba(163 212 136 / 1) 50.12%, rgba(147 208 174 / 1) 64.9%, rgba(135 205 201 / 1) 78.61%, rgba(128 203 217 / 1) 90.74%, rgba(126 202 223 / 1) 100%);
	z-index: -2;
}
.strengths-figure {
	width: min(90%, 1180px);
	margin: 0 auto 11.0rem;
}
.strengths-list__box {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	gap: 6.0rem;
}
.strengths-list__box__item {
	width: 100%;
	padding: 5.0rem 6.0rem 5.0rem;
	border-radius: 4.0rem;
	background: var(--white);
}
.strengths-list__box__item__heading {
	position: relative;
	font-size: 2.4rem;
	line-height: 1.666666666666667;
	letter-spacing: .05rem;
	padding-left: 7.0rem;
	margin-bottom: 2.5rem;
}
.strengths-list__box__item__heading i {
	position: absolute;
	left: 0;
	top: -.1em;
	width: 5.0rem;
	line-height: 1;
}
.strengths-list__box__item__desc {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .05em;
	color: #7d7d7d;
	text-align: justify;
}
.strengths-btn {
	margin: 11.0rem auto 0;
}
@media screen and (max-width: 768px){
	.l-strengths {
		padding-top: 2.0rem;
	}
	.strengths-head {
		margin-bottom: 3.2rem;
	}
	.strengths-head__box {
		margin-top: 5.0rem;
	}
	.strengths-head__box__heading {
		font-size: 2.4rem;
		margin-bottom: 1.5rem;
	}
	.strengths-head__box__desc {
		font-size: 1.6rem;
		line-height: 2.125;
		text-align: justify;
	}
	.strengths-contents {
		padding-bottom: 8.0rem;
	}
	.strengths-contents::before {
		height: 100.0rem;
	}
	.strengths-figure {
		width: 100%;
		margin: 0 auto 3.5rem;
	}
	.strengths-list__box {
		grid-auto-flow: row;
		gap: 3.0rem;
	}
	.strengths-list__box__item {
		padding: 3.2rem 3.0rem 3.2rem;
		border-radius: 3.0rem;
	}
	.strengths-list__box__item__heading {
		font-size: 1.8rem;
		padding-left: 5.2rem;
		margin-bottom: 1.5rem;
	}
	.strengths-list__box__item__heading i {
		top: -.1em;
		width: 3.6rem;
	}
	.strengths-list__box__item__desc {
		font-size: 1.4rem;
	}
	.strengths-btn {
		margin: 6.0rem auto 0;
	}
}