@charset "utf-8";


.contents {
	overflow: clip;
}


/*  l-beactive
--------------------------------------------------*/
.l-beactive {
	position: relative;
	padding-block: 8.0rem 23.0rem;
}
.l-beactive::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin-left: calc(-450 / 1920 * 100%);
	margin-top: calc(-410 / 1920 * 100%);
	width: calc(900 / 1920 * 100%);
	padding-bottom: calc(937 / 1920 * 100%);
	background: url('../img/deco_beactive1-pc.svg') no-repeat top left/100% 100%;
	z-index: -2;
}
.l-beactive::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: calc(-460 / 1920 * 100%);
	margin-bottom: calc(120 / 1920 * 100%);
	width: calc(860 / 1920 * 100%);
	padding-bottom: calc(880 / 1920 * 100%);
	background: url('../img/deco_beactive2-pc.svg') no-repeat top left/100% 100%;
	z-index: -2;
}
.beactive-ttl {
	width: min(100%,464px);
	margin: 0 auto 4.5rem;
}
.beactive-detail__txt {
	font-size: 1.8rem;
	line-height: 2.333333333333333;
	letter-spacing: .05em;
	text-align: center;
}
.beactive-detail__txt + .beactive-detail__txt {
	margin-top: 1.2em;
}
@media screen and (max-width: 768px){
	.l-beactive {
		padding-block: 4.5rem 9.0rem;
	}
	.l-beactive::before {
		margin-left: calc(-60 / 380 * 100%);
		margin-top: calc(77 / 380 * 100%);
		width: calc(180 / 380 * 100%);
		padding-bottom: calc(360 / 380 * 100%);
		background: url('../img/deco_beactive1-sp.svg') no-repeat top left/100% 100%;
	}
	.l-beactive::after {
		margin-right: calc(-70 / 380 * 100%);
		margin-bottom: calc(40 / 380 * 100%);
		width: calc(170 / 380 * 100%);
		padding-bottom: calc(340 / 380 * 100%);
		background: url('../img/deco_beactive2-sp.svg') no-repeat top left/100% 100%;
	}
	.beactive-ttl {
		width: calc(232 / 320 * 100%);
		margin: 0 auto 3.7rem;
	}
	.beactive-detail__txt {
		font-size: 1.6rem;
		line-height: 2.25;
		text-align: justify;
	}
	.beactive-detail__txt + .beactive-detail__txt {
		margin-top: 1.3125em;
	}
}




/*  l-introduce
--------------------------------------------------*/
.l-introduce {
	position: relative;
	padding-bottom: 20.0rem;
}
.introduce-item {
	position: relative;
	width: min(95%,1200px);
}
.introduce-item + .introduce-item {
	margin-top: 12.0rem;
}
.introduce-item:nth-of-type(odd) {
	margin-right: auto;
}
.introduce-item:nth-of-type(even) {
	margin-left: auto;
}
.introduce-item__icon {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(220 / 1200 * 100%);
	z-index: 2;
}
.introduce-box {
	position: relative;
	background: var(--white);
	border-radius: 6.0rem;
	filter: drop-shadow(0 0 20px rgba(0 0 0 / .05));
	overflow: hidden;
	z-index: 1;
}
.introduce-box__inner {
	position: relative;
	width: 100%;
	padding: calc(100 / 1200 * 100%);
	z-index: 1;
}
.introduce-box__inner::before {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(-1427 / 1200 * 100%);
	transform: translate(0,-50%);
	width: calc(1866 / 1200 * 100%);
	padding-bottom: calc(1866 / 1200 * 100%);
	border-radius: 50%;
	z-index: -1;
}
.introduce-item-tax .introduce-box__inner::before {
	background: #edf7fa;
}
.introduce-item-labor .introduce-box__inner::before {
	background: #fefaec;
}
.introduce-box__detail {
	width: calc(500 / 1000 * 100%);
}
.introduce-box__detail__heading {
	display: block;
    position: relative;
    padding-left: 3.4rem;
	font-size: 2.0rem;
	letter-spacing: .05em;
    line-height: 1.45;
    margin-bottom: 1.7rem;
}
.introduce-item-tax .introduce-box__detail__heading {
	color: #47b3d1;
}
.introduce-item-labor .introduce-box__detail__heading {
	color: #ebbe00;
}
.introduce-box__detail__heading i {
	display: block;
    position: absolute;
    left: 0;
    top: 1.0rem;
    width: 2.2rem;
    font-size: 0;
    line-height: 1;
}
.introduce-box__detail__name {
	font-size: 3.6rem;
	line-height: 1;
	letter-spacing: .05em;
	margin-bottom: 3.0rem;
}
.introduce-box__detail__desc {
	font-size: 1.8rem;
	line-height: 2.222222222222222;
	letter-spacing: .05em;
	text-align: justify;
}
.introduce-box__figure {
	position: relative;
	width: calc(420 / 1000 * 100%);
}
@media screen and (max-width: 768px){
	.l-introduce {
		padding-bottom: 10.0rem;
	}
	.introduce-item {
		width: 100%;
		background: var(--white);
		border-radius: 3.0rem;
		filter: drop-shadow(0 0 10px rgba(0 0 0 / .05));
		overflow: hidden;
	}
	.introduce-item + .introduce-item {
		margin-top: 6.0rem;
	}
	.introduce-item__icon {
		width: calc(116 / 320 * 100%);
	}
	.introduce-box {
		border-radius: 0;
		filter: none;
	}
	.introduce-box__inner {
		padding: calc(55 / 320 * 100%) calc(30 / 320 * 100%) calc(40 / 320 * 100%);
	}
	.introduce-box__inner::before {
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		margin: 0 auto calc(-506 / 320 * 100%);
		width: calc(800 / 320 * 100%);
		padding-bottom: calc(800 / 320 * 100%);
	}
	.introduce-box__detail {
		width: 100%;
		margin-bottom: 3.0rem;
	}
	.introduce-box__detail__heading {
	    padding-left: 2.6rem;
		font-size: 1.6rem;
	    margin-bottom: 1.5rem;
	}
	.introduce-box__detail__heading i {
	    top: 1.0rem;
	    width: 1.6rem;
	}
	.introduce-box__detail__name {
		font-size: 2.4rem;
		margin-bottom: 2.0rem;
	}
	.introduce-box__detail__desc {
		font-size: 1.6rem;
		line-height: 2.125;
	}
	.introduce-box__figure {
		width: 100%;
	}
}



/*  l-office
--------------------------------------------------*/
.l-office {
	position: relative;
}
.office-heading {
	position: relative;
	font-size: 4.0rem;
	line-height: 1.45;
	letter-spacing: .05em;
	text-align: center;
	padding-top: 4.1rem;
	margin-bottom: 9.0rem;
}
.office-heading i {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-inline: auto;
    display: block;
    width: 2.9rem;
    font-size: 0;
    line-height: 1;
}
.office-summary {
	position: relative;
}
.office-summary__detail {
	width: calc(600 / 1500 * 100%);
}
.office-summary__detail__heading {
	display: block;
    position: relative;
    padding-left: 3.4rem;
	font-size: 3.2rem;
	letter-spacing: .05em;
    line-height: 1.45;
    margin-bottom: 4.5rem;
}
.office-summary__detail__heading i {
	display: block;
    position: absolute;
    left: 0;
    top: 2.0rem;
    width: 2.2rem;
    font-size: 0;
    line-height: 1;
}
.office-summary__detail__list {
	width: 100%;
}
.office-summary__detail__list__item {
	position: relative;
	padding-left: 1.0rem;
}
.office-summary__detail__list__item + .office-summary__detail__list__item {
	padding-top: 2.4rem;
    margin-top: 2.5rem;
	border-top: solid 1px #efefef;
}
.office-summary__detail__list__item__ttl {
	width: 8.6rem;
	font-size: 2.0rem;
	line-height: 2;
	letter-spacing: .5em;
	font-weight: 500;
	color: #7bc255;
}
.office-summary__detail__list__item__explain {
	width: calc(100% - 8.6rem);
	font-size: 2.0rem;
	line-height: 2;
	letter-spacing: .05em;
}
.office-summary__photo {
	width: calc(800 / 1500 * 100%);
}
.office-access {
	position: relative;
	padding-block: 12.0rem 15.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%);
}
.office-access::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 66.0rem;
	background : linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 1;
}
.office-access__box {
	position: relative;
	padding-block: 10.0rem;
	border-radius: 6.0rem;
	background: var(--white);
	z-index: 2;
}
.office-access__detail {
	width: calc(410 / 1500 * 100%);
}
.office-access__detail__heading {
	display: block;
    position: relative;
    padding-left: 3.4rem;
	font-size: 3.2rem;
	letter-spacing: .05em;
    line-height: 1.45;
    margin-bottom: 5.5rem;
}
.office-access__detail__heading i {
	display: block;
    position: absolute;
    left: 0;
    top: 2.0rem;
    width: 2.2rem;
    font-size: 0;
    line-height: 1;
}
.office-access__detail__btn {
	width: calc(300 / 410 * 100%);
	height: 6.0rem;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: .05em;
	color: var(--white);
	font-weight: 400;
	text-align: center;
	letter-spacing: .05em;
	background: #6c6c6c;
	border-radius: 3.0rem;
	margin-top: 4.0rem;
}
.office-access__detail__btn span {
	display: block;
}
.office-access__detail__btn i {
	display: inline-block;
	width: 2.1rem;
	vertical-align: -.3em;
	margin-right: 1.6rem;
}
.office-access__map {
	width: calc(870 / 1500 * 100%);
}
@media (any-hover: hover){
	.office-access__detail__btn {
		transition: transform .2s linear,filter .2s linear;
	}
	.office-access__detail__btn:hover {
		transform: scale(1.01);
        filter: drop-shadow(4px 4px 1px rgba(0 0 0 / .2));
	}
}
@media screen and (max-width: 768px){
	.office-heading {
		font-size: 2.8rem;
        padding-top: 2.3rem;
        margin-bottom: 4.0rem;
	}
	.office-heading i {
		width: 2.0rem;
	}
	.office-summary__detail {
		width: 100%;
		margin-bottom: 4.0rem;
	}
	.office-summary__detail__heading {
	    padding-left: 2.6rem;
        font-size: 2.0rem;
        margin-bottom: 2.5rem;
	}
	.office-summary__detail__heading i {
		width: 1.6rem;
        top: 1.1rem;
	}
	.office-summary__detail__list__item + .office-summary__detail__list__item {
		padding-top: 2.2rem;
	    margin-top: 2.3rem;
	}
	.office-summary__detail__list__item__ttl {
		width: 7.5rem;
		font-size: 1.6rem;
	}
	.office-summary__detail__list__item__explain {
		width: calc(100% - 7.5rem);
		font-size: 1.6rem;
	}
	.office-summary__photo {
		width: 100%;
	}
	.office-access {
		padding-block: 6.0rem 8.0rem;
	}
	.office-access::before {
		height: 20.0rem;
	}
	.office-access__box {
		padding-block: 4.0rem;
		border-radius: 3.0rem;
	}
	.office-access__detail {
		width: 100%;
		margin-bottom: 5.0rem;
	}
	.office-access__detail__heading {
		font-size: 2.0rem;
		text-align: center;
        padding-top: 2.0rem;
        padding-left: 0;
        margin-bottom: 2.5rem;
	}
	.office-access__detail__heading i {
		top: 0;
    	right: 0;
    	margin-inline: auto;
	    width: 1.6rem;
	}
	.office-access__detail__btn {
		width: calc(240 / 320 * 100%);
        height: 5.0rem;
        font-size: 1.8rem;
        border-radius: 2.4rem;
        margin: 0 auto;
	}
	.office-access__detail__btn i {
		width: 1.6rem;
        vertical-align: -.25em;
        margin-right: 1.2rem;
	}
	.office-access__map {
		width: calc(240 / 320 * 100%);
		margin-inline: auto;
	}
}