@charset "utf-8";

/* ==================================================================
	resulst.css
	
=================================================================== */

.contents .accent {
    background:url("../../images/about/accent.jpg") 50% 50% no-repeat;
    margin-bottom: 0;
}


section p.intro{
	margin-bottom: 50px;
}

.contents section section{
	margin-top:1.5em;
	margin-bottom:2em;
}
.main .shadowBox  section h4.title{
	margin-bottom:0.5em;
}



.result-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.result-box li{
	position:relative;
	margin-bottom:2%;
	padding:0.5em;
	padding-top:2.5em;
	width:32%;
	text-align:center;
	background:#f1f1f1;
	box-sizing:border-box;
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.4;
	color:rgb(101,182,172);
}

.result-box li:first-line{
	color: initial;
	font-size:0.9rem;
	letter-spacing:0.1em;
}
.result-box li small{
	font-size:1.5rem;
}

.result-box li::after{
	content:"";
	position:absolute;
	top:10%;
	left:calc(50% - 15%);
	display:block;
	width:30%;
	height:30%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.result-box li.bed::after{background-image:url(../../images/about/result/bed.png);}
.result-box li.spend::after{background-image:url(../../images/about/result/spend.png);}
.result-box li.patient::after{background-image:url(../../images/about/result/patient.png);}
.result-box li.surgery::after{background-image:url(../../images/about/result/surgery.png);}
.result-box li.emergency::after{background-image:url(../../images/about/result/emergency.png);}
.result-box li.return::after{background-image:url(../../images/about/result/return.png);}

/* --------------------------------
-------------------------------- */ 

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 


.result-box li{
	margin-bottom:1%;
	padding:0.5em 0.2em;
	padding-top:1.5em;
	width:49.5%;
}

.result-box li:first-line{
	letter-spacing:initial;
}

}