@charset "UTF-8";

section {
    padding-bottom: 0;
}
.devices ul {
	list-style: none;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.devices ul li {
	width: 48%;
    max-width: 458px;
	margin-bottom: 20px;
}
.devices ul .device_name {
	font-size: 1.8rem;
	font-weight: bold;
    line-height: 1.3;
    height: 3em;
	padding: 0 1em;
	margin-bottom: 15px;
	background: #F5F0EB;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.devices ul .device_name:before {
  content: '';
  display: block;
  width: 4px;
  height: 1.4em;
  background: #875C44;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.devices ul .device_img {
	text-align: center;
    width: 80%;
    max-width: 350px;
    margin: auto;
    background: url("../images/medical/back_yellow.png") no-repeat center center;
    background-size: contain;
    position: relative;
}
.devices ul .device_img:before {
  content: '';
  display: block;
  width: 47%;
  height: 40%;
    background: url("../images/medical/back_dot.png") no-repeat left center;
    background-size: contain;
    position: absolute;
    bottom: -10px;
    left: -25px;
}
.devices ul .device_img img {
    position: relative;
    z-index: 5;
}

@media (min-width: 375px) {
}

@media (min-width: 415px) {
}

@media (min-width: 540px) {
}

@media (min-width: 768px) {
.devices ul li {
	margin-bottom: 40px;
}
.devices ul .facility_name {
	font-size: 2rem;
	padding: 0.5em 1em;
	margin-bottom: 20px;
}
.devices ul .device_name {
	font-size: 2rem;
    height: 3em;
	padding: 0 1em;
	margin-bottom: 20px;
}
.devices ul .device_img:before {
    bottom: -20px;
    left: -55px;
}
}

@media (min-width: 1200px) {
section {　
    padding-bottom: 130px;
}
.devices ul li {
	margin-bottom: 50px;
}
.facility ul .facility_name {
	font-size: 2.4rem;
	padding: 0.5em 1em;
	margin-bottom: 40px;
}
.devices ul .device_name {
	font-size: 2.2rem;
    height: 3.4em;
	padding: 0 1.5em;
	margin-bottom: 20px;
}
.devices ul .device_img:before {
  width: 166px;
  height: 142px;
    bottom: -22px;
    left: -62px;
}
}

@media (min-width: 1850px) {
}