/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 16 2026 | 06:26:47 */
/* トップページ */

/* メニューホバー時の色 */
.l-header .c-gnav > li > a::after {
    background: var(--color_main);
}

/* メインビジュアル */
.p-mainVisual__imgLayer {
	position: relative;
}
@media (max-width: 959px) {
	.p-mainVisual__textLayer {
		justify-content: flex-start;
		margin-top: 14vh;
	}
}
#main_visual h2 {
	text-shadow: none;
	font-size: 2.5em;
	line-height: 1.8;
}
@media (max-width: 959px) {
	#main_visual h2 {
		font-size: 1.8em;
		line-height: 1.6;
		text-align: center;
		margin-top: 30px!important;
	}
}
#main_visual .img {
	width: 90%;
}
@media (max-width: 959px) {
	#main_visual .img {
		width: min(70%, 400px);
		margin: 0 auto;
	}
}
#main_visual [class*="bg"] {
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#main_visual .bg1 {
	top: 80px;
	left: 5%;
	width: min(300px, 20%);
	aspect-ratio: 627/531;
}
@media (max-width: 599px) {
	#main_visual .bg1 {
		top: 60px;
		width: 120px;
	}
}
#main_visual .bg2 {
	top: 80px;
	right: 5%;
	width: min(460px, 35%);
	aspect-ratio: 1105/618;
}
@media (max-width: 599px) {
	#main_visual .bg2 {
		top: 40px;
		width: 150px;
		transform: rotate(10deg);
	}
}
#main_visual .bg3 {
	bottom: 10%;
	left: 5%;
	width: min(180px, 15%);
	aspect-ratio: 500/436;
}
@media (max-width: 599px) {
	#main_visual .bg3 {
		width: 80px;
	}
}
#main_visual .bg4 {
	bottom: 10%;
	right: 5%;
	width: min(230px, 15%);
	aspect-ratio: 578/527;
}
@media (max-width: 599px) {
	#main_visual .bg4 {
		width: 100px;
		bottom: 5%;
	}
}
#main_visual .btn {
	position: absolute;
	bottom: -15vh;
	left: 50%;
	transform: translatex(-50%);
}
@media (max-width: 599px) {
	#main_visual .btn {
		bottom: -18vh;
	}
}
#main_visual .btn a {
	width: max-content;
}

/* 1分でわかる心理的安全性 */
@media (min-width: 960px) {
	.top-about .top-img {
		width: 80%;
		margin: 0 auto;
	}
	.top-about .text-lead {
		font-size: 1.2em;
	}
	.top-about .text-lead {
		margin-bottom: 4em;
	}
	.top-about .item .text {
		font-size: 1.2em;
	}
}
.top-about .item {
	border-radius: 20px;
	padding: 2em 1.4em;
	border-width: 4px;
}
@media (min-width: 960px) {
	.top-about .item.first {
		transform: translatex(-80px);
	}
	.top-about .item.last {
		transform: translatex(80px);
	}
}
.top-about .sub-title {
	font-weight: 300;
}

/* あなたの心理的安全性レベルは？ */
@media (min-width: 960px) {
	.top-check .text-lead {
		font-size: 1.2em;
		margin-bottom: 2em;
	}
	.top-check .is-style-icon_announce {
		font-size: 1.2em;
	}
}
.top-check .is-style-icon_announce {
	background: #fff;
	border-color: var(--color_main);
	border-radius: 20px;
	width: min(500px, 100%);
	margin: 0 auto;
}
.top-check .is-style-icon_announce::before {
	color: var(--color_main);
}
.top-check .is-style-icon_announce::after {
	border-color: var(--color_main);
}
.top-check .is-style-icon_announce span::after {
	color: var(--color_main);
}
.top-check .content {
	position: relative;
	z-index: 2;
}
.top-check [class*="illust"] {
	position: absolute;
	z-index: 1;
	margin: 0;
}
.top-check .swell-block-fullWide__inner {
	position: initial;
}
.top-check .illust1 {
	top: 10%;
	right: 8%;
	width: 200px;
}
@media (max-width: 959px) {
	.top-check .illust1 {
		width: 80px;
		top: 10%;
		right: 5%;
	}
}
.top-check .illust2 {
	bottom: 8%;
	left: 10%;
	width: 200px;
}
@media (max-width: 959px) {
	.top-check .illust2 {
		width: 80px;
		bottom: 5%;
		left: 5%;
	}
}
.top-check .illust3 {
	top: 0;
	right: 0;
	width: 300px;
	opacity: .4;
}
@media (max-width: 959px) {
	.top-check .illust3 {
		width: 150px;
	}
}
.top-check .illust4 {
	bottom: 0;
	left: 0;
	width: 300px;
	opacity: .4;
}
@media (max-width: 959px) {
	.top-check .illust4 {
		width: 150px;
	}
}

/* 利用者の声 */
@media (max-width: 959px) {
	.top-voice .midashi {
		margin-bottom: 30px!important;
	}
}