@charset "UTF-8";

:root {
	--font-def-sans-serif: "Noto Sans JP", sans-serif;
	--font-def-serif: 'Noto Serif JP', serif;
	--font-pri-sans-serif: "Noto Sans JP", sans-serif;
	--font-pri-serif: 'Noto Serif JP', serif;

	--s-btn-radius: 0;
	--s-box-radius: 0;
	--s-label-radius: 0;

	--s-content-width: 1200px;
	--s-gnavi-height-before: 4rem;
	--s-gnavi-height-after: 4rem;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: var(--s-font-family, "Noto Sans JP", sans-serif);
}
a:hover {
	opacity: 1;
}



.p-btn::after {
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: .8;
	margin-left: 1rem;
	margin-right: -0.5rem;
	height: 100%;
	display: flex;
	align-items: center;
}
.p-link::before {
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: .6em;
	line-height: 1;
	margin-right: 0.5rem;
	height: 100%;
	display: flex;
	align-items: center;
}

@media only screen and (max-width:1700px) {
	.l-body-wrapper + .l-body-wrapper {
		margin-top: 6vw;
	}
}
@media only screen and (max-width:830px) {
	#page-top {
		bottom: 4rem;
	}
	footer {
		margin-bottom: 4rem;
	}
}

/* breadcrumb */
@media only screen and (max-width:830px) {
	.block__breadcrumb { display: none; }
}




/* .p-figure */
.p-figure > img {
	width: auto;
	max-width: 100%;
}

a > figure {
	transition: all .3s;
}
a:hover > figure {
	transform: scale(1.02);
}




.l-section-container {
	padding-top: calc(5rem * var(--s-margin,1));
	padding-bottom: calc(5rem * var(--s-margin,1));
}

.l-header-wrapper + .l-content-wrapper {
	margin-top: calc(3.5rem * var(--s-margin,1));
}
@media only screen and (max-width:830px) {
	.l-section-container {
		padding-top: calc(2rem * var(--s-margin,1));
		padding-bottom: calc(2rem * var(--s-margin,1));
	}
}

/* p-contatiner */
.l-section-container > .l-content-wrapper > .p-contatiner {
	margin-bottom: 5rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-2 > .p-contatiner-items > * {
	flex: 0 0 calc(50% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-3 > .p-contatiner-items > * {
	flex: 0 0 calc(33.3% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-4 > .p-contatiner-items > * {
	flex: 0 0 calc(25% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-5 > .p-contatiner-items > * {
	flex: 0 0 calc(20% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid-6 > .p-contatiner-items > * {
	flex: 0 0 calc(16.6% - 2rem);
	margin: 0 1rem 1rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 { flex: 0 0 calc(100%); }
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
	padding: 0 3rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text .p-buttons {
	text-align: center;
	margin-top: 1rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container {
	padding: 0.1rem 0 0.1rem 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
	border-left: 4px solid var(--base-primaryColor);
	margin-bottom: 1.5rem;
}
.p-contatiner > .p-contatiner-header .p-headline-container .p-text-inner.color-default {
	font-weight: 600;
}
@media only screen and (max-width:830px) {
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items {
		flex-direction: column;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
		margin-bottom: 1rem;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > * {
		flex: 0 0 100%;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-1,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-2,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-3,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-4,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-5,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-6,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-7,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-8,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-9,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-10,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-11,
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-12 {
		flex: 0 0 calc(100%);
	}
	/* .p-contatiner > .p-contatiner-header .p-headline-container {
		font-size: 1.6rem;
	} */
	.l-section-container > .l-content-wrapper > .p-contatiner.grid > .p-contatiner-items > *.col-text {
		padding: 0;
		margin-bottom: 2rem;
	}
}

.subtext-bg-red .p-subtext {
	overflow: hidden;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default {
	background-color: var(--base-baseColor-light2);
	color: var(--base-baseColor-opp);
	padding: 6px 10px;
	display: inline-block;
	position: relative;
}
.subtext-bg-red .p-subtext > .p-text-inner.color-default::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 0;
	border-color: var(--base-baseColor-light2) transparent transparent transparent;
	position: absolute;
	top: 0;
    right: -50px;
}

/* p-buttons */
.l-section-wrapper > .l-section-container > .l-footer-wrapper > .p-buttons {
	text-align: var(--s-align-opp, left);
}



.p-group.grid > .p-group-container > .p-group-items {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-1 { flex: 0 0 calc(100% / 12 * 1); }
.p-group.grid > .p-group-container > .p-group-items > *.col-2 { flex: 0 0 calc(100% / 12 * 2); }
.p-group.grid > .p-group-container > .p-group-items > *.col-3 { flex: 0 0 calc(100% / 12 * 3); }
.p-group.grid > .p-group-container > .p-group-items > *.col-4 { flex: 0 0 calc(100% / 12 * 4); }
.p-group.grid > .p-group-container > .p-group-items > *.col-5 { flex: 0 0 calc(100% / 12 * 5); }
.p-group.grid > .p-group-container > .p-group-items > *.col-6 { flex: 0 0 calc(100% / 12 * 6); }
.p-group.grid > .p-group-container > .p-group-items > *.col-7 { flex: 0 0 calc(100% / 12 * 7); }
.p-group.grid > .p-group-container > .p-group-items > *.col-8 { flex: 0 0 calc(100% / 12 * 8); }
.p-group.grid > .p-group-container > .p-group-items > *.col-9 { flex: 0 0 calc(100% / 12 * 9); }
.p-group.grid > .p-group-container > .p-group-items > *.col-10 { flex: 0 0 calc(100% / 12 * 10); }
.p-group.grid > .p-group-container > .p-group-items > *.col-11 { flex: 0 0 calc(100% / 12 * 11); }
.p-group.grid > .p-group-container > .p-group-items > *.col-12 { flex: 0 0 calc(100%); }
.p-group.grid > .p-group-container > .p-group-items > *.col-text {
	padding: 0 3rem;
}
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-child(1) { padding-left: 0; }
.p-group.grid > .p-group-container > .p-group-items > *.col-text:nth-last-child(1) { padding-right: 0; }
.p-group.col-text .p-buttons {
	text-align: center;
	margin-top: 1rem;
}
.p-group.col-text .p-label {
	padding: 0 3rem;
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container {
	font-size: 1.4rem;
	color: var(--base-primaryColor);
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline > .p-headline-container .p-subtext {
	font-size: 80%;
}

.p-group.col-text .p-group-items > .p-textarea {
	margin-bottom: 1rem;
}
.p-group.col-text .p-group-items > .p-headline-container em {
	font-style: normal;
	font-size: 250%;
	color: var(--base-primaryColor);
	font-weight: 700;
}
@media only screen and (max-width:830px) {
	.p-group.grid > .p-group-container > .p-group-items {
		flex-direction: column;
	}
	.p-group.grid > .p-group-container > .p-group-items > * {
		margin-bottom: 2rem;
	}
	.p-group.grid > .p-group-container > .p-group-items > *.col-1,
	.p-group.grid > .p-group-container > .p-group-items > *.col-2,
	.p-group.grid > .p-group-container > .p-group-items > *.col-3,
	.p-group.grid > .p-group-container > .p-group-items > *.col-4,
	.p-group.grid > .p-group-container > .p-group-items > *.col-5,
	.p-group.grid > .p-group-container > .p-group-items > *.col-6,
	.p-group.grid > .p-group-container > .p-group-items > *.col-7,
	.p-group.grid > .p-group-container > .p-group-items > *.col-8,
	.p-group.grid > .p-group-container > .p-group-items > *.col-9,
	.p-group.grid > .p-group-container > .p-group-items > *.col-10,
	.p-group.grid > .p-group-container > .p-group-items > *.col-11,
	.p-group.grid > .p-group-container > .p-group-items > *.col-12 {
		flex: 0 0 calc(100%);
	}
	.p-group.col-text .p-group-items > .p-textarea {
		margin-bottom: 1rem;
	}
	.p-group.grid > .p-group-container > .p-group-items > *.col-text {
		padding: 0;
	}
}


.block__blog_list .l-col-three__item {
	background-color: var(--base-defColor);
	text-decoration: none;
}
.block__blog_list .l-col-three__item:hover {
	box-shadow: 0 0 0.5rem var(--base-primaryColor);
}
.block__blog_list .l-col-container {
	position: relative;
	height: 100%;
}
.block__blog_list .l-col-container figure {
	height: 150px;
	display: flex;
	overflow: hidden;
	position: relative;
	background-image: url(/_build_/template/pages/svltd/assets/blog_sample.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.block__blog_list .l-col-container figure::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
}
.block__blog_list .l-col-container figure img {
	object-fit: cover;
	height: 100%;
}
.block__blog_list .l-col-container .l-body-container {
	padding-bottom: 3rem;
}
.block__blog_list .l-col-container .l-body-container .category {
	padding: 1rem 1rem 0;
}
.block__blog_list .l-col-container .l-body-container .category .label {
	background: var(--base-defColor-dark1);
	color: var(--base-defColor);
	font-size: .9rem;
	padding: 0.5rem 1rem;
}
.block__blog_list .l-col-container .l-body-container .date {
	position: absolute;
	bottom: 1rem;
	/* color: var(--base-defColor-light1); */
	right: 1rem;
}
.block__blog_list .l-col-container .l-body-container .title {
	position: absolute;
	display: flex;
	align-items: center;
	top: 0;
	width: 80%;
	height: 150px;
	left: 10%;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: 400;
}
.block__blog_list .l-col-container .l-body-container .summary {
	padding: 1rem 1rem 0;
}
@media only screen and (max-width:830px) {
	.p-group.grid > .p-group-container > .p-group-items {
		flex-direction: column;
	}
}


/* service-3point */
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
	margin: 5rem 3rem 7rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
	text-align: center;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
	display: inline-block;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	padding: 3rem;
	background: var(--base-defColor);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container .p-textarea {
	line-height: 1.5;
	font-size: 1.2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container em {
	font-style: normal;
	font-size: 250%;
	color: var(--base-primaryColor);
	font-weight: 700;
}
@media only screen and (max-width:830px) {
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point {
		margin: 2rem;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * > .p-headline-container{
		width: 100%;
	}
	.l-section-container > .l-content-wrapper > .p-contatiner.service-3point .p-contatiner-items > * {
		margin-bottom: 2rem;
	}
}


.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *{
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	text-align: center;
	font-size: 1rem;
	font-weight: 400;
	min-height: 4rem;
	margin-bottom: 2rem;
	padding: 1rem;
	background: var(--base-defColor);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > * a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 9;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > *::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive {
	padding-left: 2rem;
	padding-right: 2rem;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover {
	cursor: pointer;
	background-color: var(--base-primaryColor);
	color: var(--base-primaryColor-opp);
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive::after {
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 0;
	right: 1rem;
	height: 100%;
	display: flex;
	align-items: center;
}
.l-section-container > .l-content-wrapper > .p-contatiner.service-list > .p-contatiner-items > .p-group-linkActive:hover::before {
	top: 0;
	left: 0;
}


/* case-list */
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *{
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	border: 1px solid var(--base-defColor-opp);
	font-size: 1rem;
	font-weight: 400;
	min-height: 4rem;
	margin-bottom: 2rem;
	padding: 2rem;
	background: var(--base-defColor);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items > *::before {
	content: "";
	position: absolute;
	display: block;
	top: .5rem;
	left: .5rem;
	width: 100%;
	height: 100%;
	border-right: 1px solid var(--base-defColor-opp);
	border-bottom: 1px solid var(--base-defColor-opp);
	transition: all .3s;
}
.l-section-container > .l-content-wrapper > .p-contatiner.case-list > .p-contatiner-items .p-group-footer {
	text-align: center;
}



/* profile */
.profile {
	margin-bottom: 5rem;
	padding: 4rem;
	background-color: #FFF;
}
.profile .profile-container {
	padding: 0 3rem;
}
.profile .profile-container .profile-name {

}
.profile .profile-container .profile-name .p-subtext {
	font-size: 1rem;
}
.profile .profile-container .profile-name .p-text {
	font-size: 1.2rem;
	font-style: normal;
}
.profile .profile-container .profile-name .p-text em {
	font-style: normal;
	font-size: 150%;
}
@media only screen and (max-width:830px) {
	.profile {
		padding: 1rem;
	}
	.profile .p-image {
		padding: 3rem;
	}
	.profile .profile-container {
		padding: 0;
	}
	.p-group.grid > .p-group-container > .p-group-items {
		display: flex;
	}
}


#country.l-section-wrapper.grid-3 .l-content-wrapper > * {
    margin: 0 1rem 1rem 0;
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-image {
	flex: 0 0 calc(29.3% - 1rem);
}
#country.l-section-wrapper.grid-3 .l-content-wrapper > .p-group {
	margin-left: 1rem;
	flex: 0 0 calc(39.3% - 2rem);
}