@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#D778B4
#19BE40
#19BEFF
-----------------------------------------------*/


/*-----------------------------------------------
  fee
-----------------------------------------------*/
#fee {
min-height: 450px;
padding: 110px 4% 60px 4%;
}
#fee .inner {
max-width: 1200px;
margin: auto;
}
#fee .title {
padding-bottom: 10px;
font-size: 1.75em;
text-align: center;
border-bottom: 1px solid #CCC;
}
#fee .head-1 {
position: relative;
font-size: 1.75em;
line-height: 1.25;
}
#fee .head-1 span {
margin-right: 0.5em;
padding: 0 0.5em;
font-size: 0.8em;
color: #FFF;
}
#fee .head-1 small {
font-size: 0.75em;
}
#fee .head-1::after {
content: "＋";
display: inline-block;
margin-left: 1em;
padding: 0.25em;
font-size: 0.875em;
line-height: 1;
color: #FFF;
border: 1px solid;
transition: 0.2s;
}
#fee .head-1.open::after {
content: "－";
}
#fee .head-1:hover {
cursor: pointer;
}
#fee .head-2 {
margin: 40px 0 0.5em 0;
padding-top: 0.5em;
font-size: 1.125em;
font-weight: 700;
border-top: 4px double #333;
}
#fee .fee {
display: none;
font-family: "Noto Sans JP", sans-serif;
}
#fee .scroll {
margin-top: 20px;
overflow-x: auto;
}
#fee table {
white-space: nowrap;
}
#fee caption {
margin-bottom: 0.5em;;
}
#fee caption strong {
font-size: 1.125em;
font-weight: 700;
}
#fee caption.ex {
font-weight: 700;
}
#fee caption.ex::before {
content: "例";
display: block;
width: 4em;
height: 2em;
font-size: 1.2em;
font-weight: 700;
text-align: center;
color: #FFF;
background: #666;
clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
}
#fee th,
#fee td {
padding: 0.25em 0.5em;
font-size: 0.875em;
line-height: 1.25;
font-weight: 400;
text-align: center;
vertical-align: middle;
background: #FFF;
border: 1px solid #666;
}
#fee td {
padding: 0.5em;
}
#fee th.total {
color: #FFF;
}
#fee .note {
margin-top: 20px;
padding-left: 1em;
text-indent: -1em;
font-size: 0.875em;
}
@media screen and (max-width: 799px) {
	#fee {
	padding: 8% 4%;
	}
	#fee .title {
	font-size: 1.5em;
	}
	#fee .head-1 {
	position: relative;
	font-size: 1.3em;
	}
	#fee .head-1 span {
	display: block;
	width: 9em;
	margin: 0 0 0.5em 0;
	line-height: 1.5;
	text-align: center;
	}
	#fee .head-1::after {
	position: absolute;
	top: calc(50% - 0.75em);
	right: 0;
	}
	#fee .head-2 {
	margin-top: 8%;
	font-size: 1em;
	}
	#fee .scroll::before {
	content: "横にスクロールできます ▶▶▶";
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 0 0.5em;
	font-size: 0.8em;
	color: #666;
	background: #F1F1F1;
	}
	#fee caption strong {
	font-size: 1em;
	}
	#fee caption.ex::before {
	font-size: 1em;
	}
	#fee .note {
	margin-top: 4%;
	}
}


/* nursing_home */
#fee .nursing_home {
margin-top: 40px;
}
#fee .nursing_home .head-1 {
color: #D778B4;
}
#fee .nursing_home .head-1 span {
background: #D778B4;
}
#fee .nursing_home .head-1::after {
background: #D778B4;
border-color: #D778B4;
}
#fee .nursing_home .head-1.open::after {
color: #D778B4;
background: #FFF;
}
#fee .nursing_home table {
width: 100%;
border: 3px solid #666;
}
#fee .nursing_home th {
background: #F0C8E1;
}
#fee .nursing_home th.period {
background: #FFF;
}
#fee .nursing_home th.total {
background: #D778B4;
}
#fee .nursing_home table .total,
#fee .nursing_home table .border {
border-left-width: 3px;
}
@media screen and (max-width: 799px) {
	#fee .nursing_home {
	margin-top: 6%;
	}
}

/* day_service */
#fee .day_service {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #CCC;
}
#fee .day_service .head-1 {
color: #19BE40;
}
#fee .day_service .head-1 span {
background: #19BE40;
}
#fee .day_service .head-1::after {
background: #19BE40;
border-color: #19BE40;
}
#fee .day_service .head-1.open::after {
color: #19BE40;
background: #FFF;
}
#fee .day_service caption {
color: #19BE40;
}
#fee .day_service caption.ex::before {
background: #19BE40;
}
#fee .day_service th {
min-width: 8em;
background: #BEEBC8;
}
#fee .day_service th.total {
background: #19BE40;
}
@media screen and (max-width: 880px) {
	#fee .day_service {
	margin-top: 6%;
	padding-top: 6%;
	}
	#fee .day_service table {
	width: 100%;
	}
	#fee .day_service th {
	min-width: 0;
	}
}

/* short_stay */
#fee .short_stay {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #CCC;
}
#fee .short_stay .head-1 {
color: #19BEFF;
}
#fee .short_stay .head-1 span {
background: #19BEFF;
}
#fee .short_stay .head-1::after {
background: #19BEFF;
border-color: #19BEFF;
}
#fee .short_stay .head-1.open::after {
color: #19BEFF;
background: #FFF;
}
#fee .short_stay caption {
color: #19BEFF;
}
#fee .short_stay caption.ex::before {
background: #19BEFF;
}
#fee .short_stay th {
min-width: 8em;
background: #BEEBFF;
}
#fee .short_stay th.total {
background: #19BEFF;
}
@media screen and (max-width: 880px) {
	#fee .short_stay {
	margin-top: 6%;
	padding-top: 6%;
	}
	#fee .short_stay table {
	width: 100%;
	}
	#fee .short_stay th {
	min-width: 0;
	}
}