@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

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

.shadowBox {
	position: relative;
}

.shadowBox p.text {
	padding: 0 15px 15px;
}

/* --------------------------------
   □ nav
-------------------------------- */ 
	.contents .sub ul.list li a{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat;
	}

	#greeting .contents .sub ul.list li.greeting a,
	#philosophy .contents .sub ul.list li.philosophy a,
	#history .contents .sub ul.list li.history a,
	#standard .contents .sub ul.list li.standard a,
	#facility .contents .sub ul.list li.facility a,
	#department .contents .sub ul.list li.department a,
	#privacy .contents .sub ul.list li.privacy a{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat #F5F5F5;
	}



section.none{
	margin-bottom: 0;
}


section p.date{
	text-align: right;
}

section ul{
	text-align: left;
}

section ul.list > li{
	padding-left: 40px;
	margin-bottom: 15px;
}

section ul.list li.no1{
	background: url("../../images/hospitalization/no1.png") 0 1% no-repeat;
}

section ul.list li.no2{
	background: url("../../images/hospitalization/no2.png") 0 1% no-repeat;
}

section ul.list li.no3{
	background: url("../../images/hospitalization/no3.png") 0 1% no-repeat;

}
section ul.list li.no4{
	background: url("../../images/hospitalization/no4.png") 0 1% no-repeat;
}

section ul.list li.no5{
	background: url("../../images/hospitalization/no5.png") 0 1% no-repeat;
}

section ul.list li.no6{
	background: url("../../images/hospitalization/no6.png") 0 1% no-repeat;

}

ul.circle {
    margin-bottom: 15px;
}

section ul.list > li dl dt{
	color: #64B6AC;
	font-size: 106%;
	font-weight: 700;
}

section ul.list > li dl dd{
	margin-bottom: 15px;
}

section ul.list > li dl dd span.red{
	display: block;
	color: #f50004;
}

ul.phase{
	width: 70%;
    margin: auto;
}

ul.phase li{
	margin-bottom: 7px;
}

ul.phase li dl{
	display: table;
	width: 100%;
}

ul.phase li dl dt,
ul.phase li dl dd{
	padding: 5px 15px;
}

ul.phase li dl dt{
	display: table-cell;
	width: 20%;
	text-align: center;
}

ul.phase li dl dd{
	display: table-cell;
	text-align: left;
	color: #000;
}

ul.phase li dl dd span.small{
	font-size: 80%;
}

ul.phase li.blue dl dt{
	background:#73B6F3;
}

ul.phase li.blue dl dd{
	background: #E2F1FF;
}

ul.phase li.green dl dt{
	background: #84EB80;
}

ul.phase li.green dl dd{
	background: #DFF5DF;
}

ul.phase li.yellow dl dt{
	background:#FFF45A;
}

ul.phase li.yellow dl dd{
	background: #FFFCE1;
	line-height: 1.5;
}

ul.phase li.yellow dl dd span.block{
	display: block;
	font-size: 80%;
}

ul.phase li.yellow dl dd span.red{
	color: #fe0000;
}

ul.phase li.red dl dt{
	background: #F52860;
}

ul.phase li.red dl dd{
	background: #F6D9E1;
}

ul.phase li.purple dl dt{
	background: #E890FE;
}

ul.phase li.purple dl dd{
	background: #E6D9F6;
}

p.text-center{
	text-align: center;
}

p.caution span.red{
	color: #fe0000;
}

p.image{
	position: absolute;
    right: 40px;
    top: 110px;
}
/* --------------------------------
   □ 
-------------------------------- */ 

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 
section {
    margin-bottom: 0;
}

p.image {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
}	

ul.phase {
    width:auto;
}
	
ul.phase li dl dt,
ul.phase li dl dd{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
	
}