/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 27 2025 | 04:25:40 */
/* トップページ */

/* メインビジュアル */
.p-mainVisual__imgLayer {
	position: relative;
}
.p-mainVisual__imgLayer::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%);
}
.p-mainVisual__textLayer {
	justify-content: flex-start;
}
#main_visual .p-mainVisual__slideTitle {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	gap: 20px;
	margin-top: min(150px, 20vh)!important;
}
@media (max-width: 959px) {
	#main_visual .p-mainVisual__slideTitle {
		gap: 10px;
		margin-left: 10px;
		margin-top: min(120px, 12vh)!important;
	}
}
.p-mainVisual__slideTitle  > span {
	display: block;
	background: rgba(255, 255, 255, .9);
	padding: .4em .4em 0 .4em;
	letter-spacing: .3em;
	writing-mode: vertical-rl;
	font-size: 1.2em;
	line-height: 1;
	color: var(--color_main);
	font-weight: bold;
	text-shadow: none;
}
@media (max-width: 959px) {
	.p-mainVisual__slideTitle  > span {
		font-size: 1em;
	}
}
#main_visual .p-blogParts {
	position: static;
}
#main_visual [class*="illust"] {
	position: absolute;
	width: 80px;
}
#main_visual .illust-katatsumuri-fukidashi {
	width: 200px;
}
#main_visual .illust-ball { top: 15%; left: -4%; transform: rotate(10deg); }
#main_visual .illust-bee { top: 80%; left: 5%; transform: rotate(-15deg); }
#main_visual .illust-bird { top: 30%; right: 0; transform: rotate(8deg); }
#main_visual .illust-butterfly { top: 60%; left: -3%; transform: rotate(-5deg); }
#main_visual .illust-flower-red { top: 50%; right: 10%; transform: rotate(-10deg); }
#main_visual .illust-katatsumuri-fukidashi { bottom: 5%; right: 10%; transform: rotate(5deg); }
#main_visual .illust-music { top: 10%; right: 15%; transform: rotate(18deg); }
@media (max-width: 959px) {
	#main_visual [class*="illust"] {
		width: 60px;
	}
	#main_visual .illust-katatsumuri-fukidashi {
		width: 150px;
	}
	#main_visual .illust-ball,
	#main_visual .illust-bee,
	#main_visual .illust-bird { 
		display: none;
	}
	#main_visual .illust-butterfly { top: 80%; left: 5%; transform: rotate(-15deg); }
	#main_visual .illust-music { top: 10%; right: 15%; transform: rotate(18deg); }
	#main_visual .illust-flower-red { top: 30%; right: 5%; transform: rotate(-10deg); }
	#main_visual .illust-katatsumuri-fukidashi { bottom: 5%; right: 0; transform: rotate(5deg); }
}
#main_visual .swiper-pagination-bullet {
    height: 20px;
    width: 20px;
	margin: 0 6px;
	background: #fff;
	opacity: .5;
}
@media (max-width: 959px) {
	#main_visual .swiper-pagination-bullet {
		height: 14px;
		width: 14px;
		margin: 0 4px;
	}
}
#main_visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color_main);
	opacity: 1;
}

/* いろは受付開始 */
.top-iroha-uketsuke .text-download a {
	border-bottom: 2px solid var(--color_deep01);
	color: var(--color_deep01);
	font-weight: bold;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}


/* ファミリアグループ4つの施設 */
.top-4-our-groups * {
	color: var(--color_text);
}
.top-4-our-groups .title-wrap h3 {
	margin-right: auto;
}
@media (max-width: 959px) {
	.top-4-our-groups .title-wrap h3 {
		font-size: 1.2em;
		margin-left: auto;
		margin-bottom: 20px;
	}
	.top-4-our-groups .img-area img {
		width: 100px;
		margin-left: auto;
		margin-right: auto;
	}
}
.top-4-our-groups .title-wrap code {
	background: #ebca33;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 8px 10px;
}
@media (max-width: 959px) {
	.top-4-our-groups .title-wrap {
		flex-direction: column;
		align-items: start;
		gap: 5px;
	}
	.top-4-our-groups .title-wrap p {
		align-self: flex-end;
	}
}
.top-4-our-groups .category-wrap code {
	background: #ff9a80;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 8px 10px;
}
@media (max-width: 959px) {
	.top-4-our-groups .category-wrap {
		flex-wrap: wrap;
		gap: 5px;
	}
}

/* 私たちの支援姿勢 */
.top-about-us .top-message {
	font-size: 2em;
}
@media (max-width: 959px) {
	.top-about-us .top-message {
		font-size: 1.6em;
	}
}
.top-about-us .top-message * {
	letter-spacing: .1em;
}
.top-about-us .box {
	width: fit-content;
	margin: 0 auto;
}
@media (max-width: 959px) {
	.top-about-us .box {
		width: 100%;
	}
}
.top-about-us .box .wp-block-group {
	gap: 30px;
}

/* お知らせ・活動報告 */
.top-instagram .top-message {
	font-size: 2em;
}
@media (max-width: 959px) {
	.top-instagram .top-message {
		font-size: 1.6em;
	}
}
.top-instagram .top-message * {
	letter-spacing: .1em;
}