@charset "UTF-8";

#page_tit figure:nth-of-type(1){position: absolute;top: 0.8em;right: -8.85em;width: 4.15em;animation-name: fadeIn;}
#page_tit figure:nth-of-type(2){position: absolute;bottom: -2.25em;left: -10em;width: 4.35em;animation-name: fadeIn;}
#page_tit figure img{animation: fuwafuwa 6s ease-in-out infinite;}
.contents_item{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2em 0;}
.contents_item .item{width: 24.5em;}
.ranking_list{font-size: 0.8em;align-self: flex-start;}
.ranking_list th,.ranking_list td{border: 1px solid #333;padding: 0.3em 0.7em;text-align: center;}
.ranking_list td:nth-child(2){text-align: left;}
.ranking_list th{font-size: 0.9em;background: #ddd;font-weight: 500;}
.ranking_list tr:nth-child(2) td{background: #fff2c6;}
.contents_item > figure{width: 34em;}
.contents_item .frame{padding: 1em;background: #f4f2ec;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contents_item .frame h5{display: flex;align-items: center; font-size: 0.9em;margin-bottom: 0.5em;}
.contents_item .frame h5 span{background: #908f8c;color: #fff;text-align: center;font-size: 0.7em;padding: 0.5em 0.6em 0.4em;margin-right: 0.7em;}
.contents_item .frame h5 small{font-size: 0.7em;}
.contents_item .frame h5 big{/* font-size: 1.2em; */}
.contents_item .frame h5 + p{font-size: 0.7em;}
.contents_item .frame.payment{width: 26.7em;}
.contents_item .frame.payment h5 + p{width: 13rem;}
.contents_item .frame.payment .list{width: 11rem;font-size: 0.75em;}
.contents_item .frame.payment .list p{border-bottom: 1px solid #333;padding-left: 0.5em;line-height: 1.2;}
.contents_item .frame.payment .list p span{padding-left: 0.5em;display: inline-block;border-left: 0.2em solid #908f8c;}
.contents_item .frame.payment .list p + p{margin-top: 0.4em;}
.contents_item .frame.facility{width: 23.5em;}
.contents_item .frame.facility h5 + p{width: 18.5rem;letter-spacing: -0.9px;}
.contents_item .frame.facility figure{width: 10.6em;}
#child_rearing_list{background: #f7f7f7;padding: 2.5em 0;margin-top: 3.5em;}
#child_rearing_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1.5em 0;}
#child_rearing_list ul li{width: 15em;border: 1px solid #bcbcbc;background: #f7f5f4;box-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,0.5);padding-bottom: 0.7em;}
#child_rearing_list ul li h5{margin-top: 0.2em;padding: 0 2.5rem 0 1rem;display: inline-block;}
#child_rearing_list ul li h5 i{height: 0.15em;width: 100%;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;display: block;animation-name: scale_x_l;}
#child_rearing_list ul li h5 span{font-size: 1.4em;letter-spacing: 0.5em;}
#child_rearing_list ul li h6{font-size: 0.75em;margin-top: 0.4em;padding: 0 1rem;}
#child_rearing_list ul li h6 + p{font-size: 0.65em;margin-top: 0.3em;padding: 0 1rem;}
#child_rearing_list ul li:nth-of-type(1) h5 i{background: linear-gradient(to right,#d5e595 70%,transparent);}
#child_rearing_list ul li:nth-of-type(2) h5 i{background: linear-gradient(to right,#d3de2e 70%,transparent);}
#child_rearing_list ul li:nth-of-type(3) h5 i{background: linear-gradient(to right,#ffd864 70%,transparent);}
#child_rearing_list ul li:nth-of-type(4) h5 i{background: linear-gradient(to right,#f18f74 70%,transparent);}
#child_rearing_list ul li:nth-of-type(5) h5 i{background: linear-gradient(to right,#e288a7 70%,transparent);}
#child_rearing_list ul li:nth-of-type(6) h5 i{background: linear-gradient(to right,#ab8cc1 70%,transparent);}
#child_rearing_list ul li:nth-of-type(5) h5 span{letter-spacing: 0;}
#child_rearing_list ul li:nth-of-type(6) h5 span{letter-spacing: 0;}

@media screen and (min-width: 769px){
.contents_item .item:nth-child(2),
.contents_item > figure,
.contents_item .frame.facility{animation-delay: 0.2s;}
#child_rearing_list ul li:nth-of-type(3n-2) h5 i{animation-delay: 0.5s;}
#child_rearing_list ul li:nth-of-type(3n-1) h5 i{animation-delay: 0.7s;}
#child_rearing_list ul li:nth-of-type(3n) h5 i{animation-delay: 0.9s;}
#child_rearing_list ul li:nth-of-type(3n-1){animation-delay: 0.2s;}
#child_rearing_list ul li:nth-of-type(3n){animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
#page_tit figure:nth-of-type(1){right: 0.5em;width: 3.5em;}
#page_tit figure:nth-of-type(2){left: 0.5em;width: 3.5em;}
.contents_item .item{width: 100%;}
.ranking_list{width: 100%}
.contents_item > figure{width: 100%;}
.contents_item .frame.payment{width: 100%;}
.contents_item .frame.payment h5 + p{width: 9.5rem;}
.contents_item .frame.facility{width: 100%;}
#child_rearing_list ul li{width: 49%;}
}

.list_container h5{
	color: #a40000;
	font-size: 0.75em;
	font-weight: 500;
	margin-bottom: 10px;
}
.facility{}
.facility h6{
	color: #a40000;
	font-size: 0.65em;
	font-weight: 500;
	margin-top: 5px;
}
.contents_item .frame.facility h6 + p{
	font-size: 0.7em;
	width: 78%;
}
.contents_item .frame.facility{
	position: relative;
}
.contents_item .frame.facility figure{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45%;
	mix-blend-mode: multiply;
}
.contents_item .frame.facility figure figcaption{
	font-size: 0.7em;
	position: absolute;
	right: 10px;
	bottom: 10px;
	-webkit-text-stroke: 2px #FFF;
	paint-order: stroke;
}
.contents_item .frame.facility table{
	position: relative;
	z-index: 1000;
	margin-top: 10px;
}
.contents_item .frame.facility th, .contents_item .frame.facility td {
	background: #FFF;
  border: 1px solid #333;
	font-size: 0.7em;
  padding: 0.2em 0.5em;
  text-align: center;
}

@media screen and (max-width: 768px) {
	.list_container{
		width: 100%;
	}
	.list_container h5{
		font-size: 1em;
	}
}