@charset "utf-8";

/*====================================================================================================

通所リハビリセンター

====================================================================================================*/
.intro > p{
	margin-bottom: 20px;
}
.intro .col2_gr div{
	border:6px solid var(--color-green03);
}

@media print, screen and (min-width:801px) {
	.intro .col2_gr{
			margin-top: 40px;
	grid-column-gap: 40px;
}
}

@media print, screen and (max-width:800px) {
	.intro .col2_gr{
				margin-top: 40px;
	grid-row-gap: 40px;
}
}
/*--------------------------------------*/
.service{
	margin-bottom: 40px;
}

.user{
	margin-bottom: 40px;
}
.user p{
	margin-bottom: 20px;
}

.user .col2_gr{
	grid-column-gap: 40px;
}

@media screen and (max-width:800px){
.user .col2_gr{
	grid-row-gap: 40px;
}	
}

.price{
	margin-bottom: 40px;
}

/*.price-box {
    background-color: var(--color-gray02);
}

.price-box{
	padding:30px 40px 40px;
	margin-bottom: 40px;
}*/

.price-box > p{
	margin-bottom: 10px;
}

.price-box > ul{
  padding-left: 1em;	
}

.ex-table {
	width: 100%;
	overflow-x: scroll;
}

.ex-table.td-center{
	text-align: center;
}

.ex-table th{
	font-weight: 500;

	vertical-align: middle;
	text-align: center;
}

.ex-table[b-color="green"] th{
		background-color: var(--color-green04);
}

.ex-table[b-color="orange"] th{
		background-color: var(--color-orange03);
}
.ex-table tbody th{
	padding:5px 0;
}

.ex-table tbody th span.tate{
	width: 1em;
	height: 90px;
}

.ex-table tbody td{
	padding:5px;
}
/*.ex-table tbody tr:first-child td:nth-child(odd){
	text-align: center;
}

.ex-table tbody tr:not(:first-child) td:nth-child(even){
	text-align: center;
}*/

.ex-table td{
	background-color: var(--color-gray02);
	vertical-align: middle;
}

.price-box .col2_gr{
	grid-column-gap: 60px;
}

@media screen and (max-width:800px){
.price-box .col2_gr{
	grid-template-columns: repeat(2,1fr);
}
	.ex-table {

	min-width: 400px;

}
}

.price-box .col2_gr > div:nth-child(odd) table tbody tr:last-of-type th{
	border-top:4px solid var(--color-gray);
}

.price-box .col2_gr > div:nth-child(odd) table tbody tr:last-of-type td{
	border-top:4px solid var(--color-gray);
}

.price-box .col2_gr > div table{
	position: relative;
}
.price-box .col2_gr > div:nth-child(even) table::before{
	position: absolute;
	content: "+";
		display:block;
	font-size: 3.0rem;
		font-weight: 700;
	top: 50%;
	left: -40px;
	transform: translateY(-50%);
	color: var(--color-green01);
}

.price-list{
	margin-bottom: 40px;
}

/*デイケア用設備--------------------------------------*/
#day_care{
margin-bottom: 80px;	
}
#day_care h2{
	margin-bottom: 40px;
}

#day_care .col3_gr{
	list-style: none;
	text-align: center;
}

#day_care .col3_gr{
grid-column-gap: 40px;
grid-row-gap: 60px;
}


#day_care .col3_gr li{
	font-weight: 500;
	background-color: #fff;
    background-image: radial-gradient(var(--color-gray02) 30%, rgba(255, 255, 255, 0) 30%);
    background-size: 10px 10px;
	border-bottom: 4px solid var(--color-yellow);
}

#day_care .col3_gr li p{
	padding: 1rem;
}