@charset "utf-8";

/* CSS Document */

/* ======================================================
	[original small]
	@import"../css/test_line.css";
====================================================== */


:root
{
	--logo_h				: 2em;
	--bg_angle				: 10vw;
	--drawer_toggle_size	: 2em;
}




/* ------------------------------------------------------------------------------------------------------------
	<文字>
*/
.pagetitle
{
}

.pagetitle::before
{
}

.pagetitle>.Wrap,
.pagetitle :where(a, .a)
{
	padding-top: 0.5em;
}

.pagetitle .WrapM
{
	padding-left: 0;
	padding-right: 0;
}

.pagetitle .Img
{
	width: 100svw;
	opacity: 0.4;
}

.pagetitle .title .name
{
	font-size: 1.5em;
}


h2
{
	text-shadow: 0.1em 0.1em 0 rgb(var(--r));
}

h2>b
{
	font-size: 2em;
}
/*
.h_square::before,
.Aboutus .jigyo .detail .Item h3::before
{
	width: 5em;
}
.Index .aboutus .main .Item .Img::before
{
	width: 8em;
}
*/

h5>b
{
	font-size: 1.2em;
}


.h_square
{
}
.h_square::before
{
	width: 8em;
}

/* ------------------------------------------------------------------------------------------------------------
	<block>
*/
.lead
{
	font-size: inherit;
}


.Drawer
{
	--border_color			: var(--bk);

	color: rgb(var(--bk));
}

.Drawer .toggle
{
}

#nav-content,
#nav-input:checked ~ #nav-close
{
	background-color: rgb(var(--w));
}

#nav-input:checked ~ .toggle .Btn
{
	filter: none;
}

.Drawer .Change .details .summary
{
	background-color: transparent;
}

.Drawer .List a:before
{
	background-color: rgb(var(--border_color));
}


.Drawer .List .MenuOn
{
	--bg_color				: var(--y);
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
*/
tbody th
{
	background-color: rgb(var(--y) / 0.1);
}


/* ------------------------------------------------------------------------------------------------------------
	<SNS>
*/
/* [250326-1110/250328-1610]校正　インスタはQRコード */
.Footer .ClassInstagram
{
	width: 12em;
}


/* ------------------------------------------------------------------------------------------------------------
	<logo>
*/
.Logo
{
}

.Header .Logo
{
	width: 8em;
	border-left-width: 0;

	border-bottom-left-radius: 0;
}


/* ============================================================================================================
	<header>
------------------------------------------------------------------------------------------------------------ */
#Header
{
	position: fixed;
}
/*
	width: 100%;
	overflow-x: hidden;
*/

.scroll_header .Header
{
}

#Header>.Wrap
{
	margin-right: calc(var(--drawer_toggle_size) + (0.5em * 4));
}


.Header .Navi>*
{
	flex-direction: row;
}

.Header .Navi .ColorBtn
{
	width: 8em;
	font-size: 0.8em;
	letter-spacing: normal;
}
.Header .Navi .ColorBtn *
{
	font-weight: 700;
}



/* ------------------------------------------------------------------------------------------------------------
	<main>
*/

.PageNavi
{
	display: none;
}


/* ------------------------------------------------------------------------------------------------------------
	お問い合わせ
*/
.footer_contact
{
	--round_size				: 7em;
}

.footer_contact::before
{
	width: 92.5%;
	left: 52.5%;
	right: initial;
	translate: -50% -0%;
}

.footer_contact :is(a, .a)
{
	grid-template-areas:
		"icon"
		"lead"
		"text"
		"Free"
		"image"
	;
	grid-template-columns: 1fr;
	gap: var(--gap);
}

.footer_contact :is(a, .a) .icon img
{
	scale: 0.6;
}

.footer_contact :is(a, .a) .lead
{
	font-size: 1.5em;
	margin-bottom: 0;
}

.footer_contact :is(a, .a) .text
{
	font-size: inherit;
}

.footer_contact :is(a, .a) .ColorBtn
{
	font-size: inherit;
}


/* ------------------------------------------------------------------------------------------------------------
	[お問い合わせ]
	contact.php
------------------------------------------------------------------------------------------------------------ */
.Contact
{
}

.Contact .form .main
{
	background-color: transparent;
	padding: 0;
}


/* ------------------------------------------------------------------------------------------------------------
	<footer>
*/
.Footer .Info
{
	grid-template-areas:
		"footer_address1"
		"footer_map"
		"sns"
	;
	grid-template-columns: 1fr;

	text-align: left;
}

.Footer .Info>.footer_address1
{
	display: grid;
}
.Footer .Info>.sns
{
	justify-self: center;
}

.Footer .Info>.menu
{
	display: none;
	grid-area: initial;
}

.Footer .footer_map
{
}
.Footer .footer_map .Map
{
	aspect-ratio: 1;
}
/*
[250328-1608]　インスタQRコードが縦長の為、レイアウトやり直し
.Footer>.Wrap>.Wrap
{
	grid-template-areas:
		"Info"
		"footer_map"
	;
	grid-template-columns: 1fr;
}

.Footer .Info
{
	text-align: left;
}


.Footer .footer_map
{
}
.Footer .footer_map .Map
{
	aspect-ratio: 1;
}
*/


/* ============================================================================================================
	上へ戻る
------------------------------------------------------------------------------------------------------------ */
.scroll_btn
{
}


/* ------------------------------------------------------------------------------------------------------------
	index
*/
#Index
{
}

.Index .Top .body .Img
{
	width: 3em;
}

.Index .Top .body h2
{
	font-size: 1.2em;
}


/* ------------------------------------------------------
	[index]　Ct
------------------------------------------------------ */
.Index .spray
{
	font-size: 0.4em;
}

.Index .aboutus .spray .Item2
{
	right: 1em;
}
.Index .facility .spray .Item1
{
	top: 2%;
	right: 5%;
}


/* ------------------------------------------------------
	news
------------------------------------------------------ */
.News .List :is(a, .a)
{
	grid-template-columns: 1fr;
}

.Index .News
{
	grid-template-areas:
		"h2"
		"body"
		"footer"
	;
}

.Index .News>h2>b
{
	font-size: 2em;
}


/* ------------------------------------------------------
	[index]　フレンズについて「放課後デイサービスフレンズとは」、フレンズについて「サービス内容」
------------------------------------------------------ */
.Index .aboutus
{

}

.Index :is(.aboutus, .facility) .head :is(a, .a)
{
	grid-template-areas:
		"tilte"
		"lead"
		"Img"
		"Free"
	;
	grid-template-columns: 1fr;
}

.Index :is(.aboutus, .facility) .head :is(a, .a)>.lead
{
	font-size: 1.1em;
}

.Index :is(.aboutus, .facility) .head .Img
{
	aspect-ratio: 16 / 9;
}

/* ------------------------------------------------------
	[index]　フレンズについて「放課後デイサービスフレンズとは」
------------------------------------------------------ */
.Index .aboutus
{
}

.Index .aboutus .main
{
	grid-template-columns: 1fr;
}

.Index .aboutus .main h3
{
	aspect-ratio: initial;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.Index .aboutus .main h3>b
{
	font-size: 1.2em;
}

.Index .aboutus .main .detail
{
	gap: var(--gap);
}

.Index .aboutus .main .Item .Img
{
	width: 8em;
}

.Index .aboutus .main .Item .title
{
	font-size: inherit;
}


/* ------------------------------------------------------
	[index]　フレンズについて「サービス内容」
------------------------------------------------------ */
.Index .facility
{
}

.Index .facility .main
{
	grid-template-columns: 1fr;
}

.Index .facility .main .Item h3>b
{
	font-size: 1.2em;
}

.Index .facility .main .Item .txt
{
	font-size: inherit;
}

.Index .facility .main .Item .child ul
{
	font-size: inherit;
}


/* ------------------------------------------------------
	[index]　サポート体制
------------------------------------------------------ */
.Index .support
{
}

.Index .support>.WrapM
{
	padding: 0;
}


/* ============================================================================================================
	ごあいさつ
	aisatsu.php
------------------------------------------------------------------------------------------------------------ */
.Aisatsu
{
}


.Aisatsu .aisatsu_box .txt
{
	font-size: 1.1em;

	grid-template-areas: none;
	grid-template-columns: 1fr;
}
.Aisatsu .aisatsu_box .txt>*[class*="Wrap"]
{
	grid-area: initial;
	margin: 0;
}

.Aboutus .pdf_list
{
	grid-template-columns: 1fr;
	justify-content: center;
	justify-items: center;
}



/* ============================================================================================================
	フレンズについて
	aboutus.php
------------------------------------------------------------------------------------------------------------ */
.Aboutus
{
}

.Aboutus .jigyo
{
}

.Aboutus .jigyo .main
{
	grid-template-columns: 1fr;
	gap: 0;
}

.Aboutus .jigyo .main p
{
	font-size: inherit;
}

.Aboutus .jigyo .detail
{
	grid-template-areas:
		"ID_target"
		"ID_service"
		"ID_guide"
	;
	grid-template-columns: 1fr;
	justify-items: initial;
}
.Aboutus .jigyo .detail>*
{
}


/* ============================================================================================================
	事業紹介
	facility.php
------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------
	[事業紹介]			facility.php　サービス紹介 / 基本サービス
------------------------------------------------------ */
.kihon_service
{
	gap: 1em 0.5em;
}

.kihon_service>*
{
	width: calc((100% - (0.5em * 2)) / 2);
}

.kihon_service .Item>.Wrap
{
	gap: 0.5em;
}

.kihon_service .Item .Img
{
	width: 7em;
}

.kihon_service .Item .txt
{
	font-size: 0.9em;
}

.kihon_service .Item .title>b
{
	font-size: 1.2em;
}

.kihon_service>*.ID_5
{
	width: 100%;
}


.Facility .service .kihon_service .Item .title>b
{
	font-size: 1.2em;
}


.Index .kihon_service
{
	margin-top: 0;
}


/* ------------------------------------------------------
	[事業紹介]			facility.php　サービス紹介 / 1日の流れ
------------------------------------------------------ */
.Facility .service .schedule
{
	--c_item_w					: calc(1.2em * 5);
}


.Facility .service .schedule .body
{
}


/* button */
.Facility .service .schedule .summary
{
}
.Facility .service .schedule .summary .title
{
}


/* 本体 */
.Facility .service .schedule .main
{
	grid-template-columns: 1fr;
}

.Facility .service .schedule .main .Item .detail .c_Item .c_time
{
	font-size: 1.2em;
}
.Facility .service .schedule .main .Item .detail .c_Item .c_title
{
	font-size: 1.2em;
}


.Facility .service .schedule .main .Item[class*="weekday"] .detail .c_Item
{
	grid-template-areas:
		"c_time icon c_data"
	;
	grid-template-columns: var(--c_item_w) var(--icon_w) 1fr;
}

.Facility .service .schedule .main .Item[class*="weekday"] .detail .c_Item .c_data
{
	text-align: left;
	padding-left: calc(var(--gap) + var(--arrow_size));
	padding-right: var(--gap);

	clip-path: polygon(var(--c_data_mask));

}


/* ------------------------------------------------------
	[事業紹介]			facility.php　サービス紹介 / フレンズの特徴
------------------------------------------------------ */
.Facility .tokucyou
{
}

.Facility .tokucyou :is(h3, h4, h5)
{
}

.Facility .tokucyou :is(h3, .c_txt)
{
}

.Facility .tokucyou .body
{
}


.Facility .tokucyou .body .Item
{
}


.Facility .tokucyou .body .Item .main
{
	grid-template-columns: repeat(1, 1fr);
}

.Facility .tokucyou .body .Item:is([class*="program"], [class*="support"]) .main
{
	grid-template-columns: repeat(1, 1fr);
}

.Facility .tokucyou .body .Item[class*="program"] .c_ID_1
{
	grid-column: initial;

	grid-template-areas:
		"c_title"
		"Img"
		"c_data"
	;
	grid-template-columns: repeat(1, 1fr);
}

.Facility .tokucyou .body .Item[class*="support"] .main .c_Item[class*="sougei"]
{
	grid-column: initial;

	grid-template-areas:
		"c_title"
		"Img"
		"c_data"
	;
}
/*
	grid-template-areas:
		"c_title"
		"lead"
		"c_txt"
		"memo"
	;
*/
.Facility .tokucyou .body .Item[class*="support"] .main .c_Item[class*="sougei"] .c_txt
{
	display: grid;
	gap: 0;

	padding: 0.5em;
}
.Facility .tokucyou .body .Item[class*="support"] .main .c_Item[class*="sougei"] .c_txt>*
{
	padding: 0;
}
.Facility .tokucyou .body .Item[class*="support"] .main .c_Item[class*="sougei"] .c_txt b
{
	width: 100%;
	text-align: center;
	margin-bottom: 0.5em;
}

/* ------------------------------------------------------
	[事業紹介]			facility.php　サービス紹介 / フレンズの特徴 / 集団療育
*/
.Facility .tokucyou .body .Item[class*="group"] .main h4
{
	grid-column: initial;
}

.Facility .tokucyou .body .Item[class*="group"] .main h5>b
{
	min-height: initial;
}

.Facility .tokucyou .body .Item[class*="group"] .main .c_Item
{
	display: grid;
	grid-template-areas:
		"c_title"
		"Img"
		"c_data"
	;
	grid-template-columns: 1fr;
	gap: var(--gap);
}

.Facility .tokucyou .body .Item[class*="group"] .main .detail
{
	display: grid;
	gap: var(--gap);
}

.Facility .tokucyou .body .Item[class*="group"] .main .detail ul
{
	gap: 0;
}

.Facility .tokucyou .body .Item[class*="group"] .main .c_ID_1 .c_data
{
	grid-template-columns: 1fr;
}

/* ------------------------------------------------------
	[事業紹介]			facility.php　ご利用料金のご案内
*/
.Facility .fee .body
{
	grid-template-columns: 1fr;
}

.Facility .fee .body table
{
	width: 100%;
}

/* ============================================================================================================
	求人情報
	recruit.php
------------------------------------------------------------------------------------------------------------ */
.Recruit
{
}


.Recruit>.Wrap>.lead
{
	margin-top: 0;
}


.Recruit .ct
{
}

.Recruit .ct>.Wrap
{
	grid-template-columns: 1fr;
}

.Recruit .ct h2
{
	grid-column: initial;
	margin-bottom: 0;
}

.Recruit .ct div.list
{
	grid-template-columns: 1fr;
}

.Recruit .ct .list .Item .title>b
{
}

.Recruit .ct .list .Item .title .c_before
{
	height: auto;

	text-align: left;
}


/* ------------------------------------------------------
	[求人情報]　募集職種
*/
.Recruit .category div.list .Item .title .c_before
{
	top: 50%;
	translate: -0% -50%;
}


/* ------------------------------------------------------
	[求人情報]　応募資格
*/


/* ============================================================================================================
	プライバシーポリシー
	privacy.php
------------------------------------------------------------------------------------------------------------ */
.Privacy .lead
{
	margin-top: 0;
}