@charset "utf-8";

/* 汎用 */
.day-text-red {
	color: #ff3d58 !important;
}

.day-text-blue {
	color: #0144a9 !important;
}

.day-text-yellow {
	color: #febd03 !important;
}

.day-text-green {
	color: #49d43e !important;
}


/* あなたの「もう一度やりたい」を、私たちと一緒に叶えます */
.come_true {
	margin-bottom: 90px;
}
@media screen and (max-width: 767px) {
	.come_true {
		margin-bottom: 50px;
	}
}

.come_true h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.come_true h2 {
		font-size: 5.6vw;
		line-height: 1.5;
	}
}

.come_true ul {
	list-style-type: disc;
}


/* 集団プログラムの紹介 */
.group_program {
	margin-bottom: 80px;
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.group_program {
		margin-bottom: 50px;
	}
}

.group_program h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.group_program h2 {
		font-size: 5.6vw;
		line-height: 1.5;
	}
}

.group_program .flexbox_1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}


/* 選べる個別リハビリテーションプログラムの紹介 */
.select_program {
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.select_program {
		margin-bottom: 50px;
	}
}

.select_program h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.select_program h2 {
		font-size: 5.6vw;
		line-height: 1.5;
	}
}

.select_program_type {
	margin-bottom: 60px;
}

.select_program_type h4 {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.select_program_type h4 {
		font-size: 1.5rem;
	}
}

.select_program_type h4.day-text-blue {
	border-bottom: #0144a9 3px solid;
}

.select_program_type h4.day-text-red {
	border-bottom: #ff3d58 3px solid;
}

.select_program_type h4.day-text-yellow {
	border-bottom: #febd03 3px solid;
}

.select_program_type h4.day-text-green {
	border-bottom: #49d43e 3px solid;
}

.select_program_type h5 {
	margin-bottom: 10px;
	font-size: 1.7rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.select_program_type h5 {
		font-size: 1.5rem;
	}
}

.select_program_type h6 {
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.select_program_type h6 {
		font-size: 1.5rem;
	}
}

.select_program_type .text_indent {
	padding-left: 2em;
}
@media screen and (max-width: 767px) {
	.select_program_type .text_indent {
		padding-left: 1em;
	}
}

.select_program .flexbox_1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}


/* 通所リハビリテーションご利用者様インタビュー */
.interview_box {
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.interview_box {
		margin-bottom: 50px;
	}
}

.interview_box h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.interview_box h2 {
		font-size: 5.6vw;
		line-height: 1.5;
	}
}

.interview_box .interview_item .qa_box dt {
	position: relative;
	margin-bottom: 20px;
	padding-left: 60px;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.interview_box .interview_item .qa_box dt {
		padding-left: 50px;
	}
}

.interview_box .interview_item .qa_box dt::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 50px;
	height: 1px;
	background-color: #363636;
}
@media screen and (max-width: 767px) {
	.interview_box .interview_item .qa_box dt::before {
		width: 40px;
	}
}

.interview_box .interview_item .qa_box dd {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 20px 10px;
	background-color: #faf1ef;
	border-radius: 10px;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
	font-weight: 700;
}

.interview_box .interview_item .qa_box dd::before {
	content: '';
	position: absolute;
	top: -15px;
	left: 55px;
	display: block;
	width: 20px;
	height: calc(tan(60deg) * 20px / 2);
	background-color: #faf1ef;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 767px) {
	.interview_box .interview_item .qa_box dd::before {
		left: 45px;
	}
}


/* よくあるご質問 */
.qa_item {
	margin-bottom: 30px;
}

.qa_item .question,
.qa_item .answer {
	position: relative;
	padding-left: 1.5em;
}

.qa_item .question::before {
	content: 'Q.';
	position: absolute;
	top: 0;
	left: 0;
}

.qa_item .answer::before {
	content: 'A.';
	position: absolute;
	top: 0;
	left: 0;
}


/* お問い合わせ・お申込み */
.day_contact_entry a[href^="tel:"] {
	pointer-events: none;
	color: #363636;
}
@media screen and (max-width: 767px) {
	.day_contact_entry a[href^="tel:"] {
		pointer-events: auto;
		text-decoration: underline;
	}
}


/* 一日の流れ */
@media screen and (max-width: 767px) {
	#section04 > table:nth-of-type(1) td,
	#section04 > table:nth-of-type(2) td {
		width: 40%;
	}
}