.daycare .page-toppic {
	background:url(../images/daycare-toppic.jpg) center center no-repeat;
	background-size:cover
}

.daycare h3 {
    background: var(--blue-color);
    color: #ffffff;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.daycare .mb {
	margin-bottom: 48px;
}

.daycare #sec01 .imgarea {
	width: 172px;
}

.daycare .imgarea img {
	max-width: 100%;
}

.daycare #sec01 .txtarea {
	width: calc(100% - 230px);
}

.daycare #sec02 .imgarea {
	width: 400px;
}

.daycare #sec02 .imgarea img {
	max-width: 100%;
}

.daycare #sec02 .txtarea {
	width: calc(100% - 430px);
}

.daycare #sec04 .txtarea {
	margin-bottom:20px;
}



.daycare #sec05 .flex {
	justify-content: flex-start;
	column-gap: 32px;
}

.daycare #sec05 .box {
	text-align: center;
}

.daycare #sec05 .box span {
	font-weight: bold;
}

.daycare #sec07 .flex:last-child {
	justify-content: flex-start;
	column-gap: 32px;
}

.daycare #sec07 .flex .txtarea {
	width: 80%;
}

.daycare #sec07 .box {
	text-align: center;
}

.daycare #sec07 .box a {
	color: var(--blue-color);
	text-decoration: underline;
}

.daycare #sec08 .basic a{
	text-decoration: none;
	color:#333333;
}


@media print,screen and (max-width: 767px){
	.daycare .page-toppic{
		background:url(../images/daycare-toppic-sp.jpg) center center no-repeat;
		background-size:cover
	}

	.daycare #sec01 .flex {
		justify-content: center;
		flex-direction: column;
		row-gap: 16px;
	}
	.daycare #sec01 .txtarea {
		width: 100%;
	}
	.daycare #sec01 .imgarea {
		width: 100%;
		text-align: center;
	}

	.daycare #sec02 .txtarea {
		width: 100%;
		margin-bottom:20px;
	}
	.daycare #sec02 .imgarea {
		width: 100%;
		text-align: center;
	}

	.daycare #sec04 .sec04-04{
		display:block;
		width:100%;
		margin-bottom:10px;
	}


	.daycare #sec05 .flex {
		justify-content: center;
		row-gap: 32px;
	}

	.daycare #sec06 .flex {
		justify-content: center;
		flex-direction: column;
		row-gap: 16px;
	}

	.daycare #sec06 .imgarea {
		text-align: center;
	}
	.daycare #sec07 .flex {
		justify-content: center;
		flex-direction: column;
		row-gap: 16px;
	}
	.daycare #sec07 .flex .txtarea {
		width: 100%;
	}
	.daycare #sec07 .imgarea {
		text-align: center;
	}

	.daycare #sec08 .basic th{
		width:100%;
		display:block;
		box-sizing: border-box;
	}

	.daycare #sec08 .basic td{
		width:100%;
		display:block;
		box-sizing: border-box;
	}


}