@charset "utf-8";

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

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


/* --------------------------------
   □ nav
-------------------------------- */ 
	#general .contents .sub ul.list li.general a,
	#specialty .contents .sub ul.list li.specialty a,
	#facility .contents .sub ul.list li.facility a,
	#calendar .contents .sub ul.list li.calendar a,
	#department .contents .sub ul.list li.department a{
		background: url("../../images/common/icon/arrow/arrow.png") 95% 50% no-repeat #F5F5F5;
	}

/* --------------------------------
   □ general
-------------------------------- */ 

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

#general .main section ul.circle {
	padding: 0 15px;
}

#calendar section table{
    margin-bottom: 5%;
}


#calendar section table th,
#calendar section table td{
	padding: 5px;
    vertical-align: middle;
    text-align: center;
}

#calendar section table th.week{
    width: 13%;
}

#calendar section table td span{
    font-size: 85%;
}

#calendar section table .am{
	background: #eefdfb;
}

#calendar section table .pm{
	background: #c3f1eb;
}

#calendar section table .color{
	background: #fff2f2;
    color: #dc2424;
    font-size: 90%;
}


/* --------------------------------
   □ specialty
-------------------------------- */ 

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


#specialty section section{
	margin-bottom: 40px;
}

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

#specialty section table th,
#specialty section table td{
	padding: 5px;
    vertical-align: middle;
    text-align: center;
}

#specialty section table th{
}

#specialty section table td.first{
	width: 22%;
}

#specialty section table td.am{
	background: #eefdfb;
	width: 10%;
}

#specialty section table td.pm{
	background: #c3f1eb;
}

#specialty section table td.color{
	background: #F5F5F5;
}




/* --------------------------------
   □ calendar
-------------------------------- */ 
#calendar .contents .accent {
    background:url("../../images/medical/calendar/accent.jpg") 50% 50% no-repeat;
    margin-bottom: 0;
}
#calendar ul.column2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#calendar ul.column2 li{
	width: 48%;

}

#calendar ul.column2 li dl{
	border: 1px solid #D5D5D5;
}

#calendar ul.column2 li dl dt{
	background: #F5F6F9;
	border-bottom: 1px solid #D5D5D5;
	font-size: 133%;
	line-height: 1.5;
	padding: 15px 20px;
}

#calendar ul.column2 li dl dt span{
	display: block;
	font-size:65%;
	color: #5D737E;
}

#calendar ul.column2 li dl dd{
	padding: 20px;
}

#calendar ul.column2 li dl dd p.buttonStyle{
	margin-bottom: 0;
	text-align: center;
}

#calendar ul.column2 li dl dd p.buttonStyle a{
	padding-left: 75px;
    background: url(../../images/medical/calendar/pdf.svg) 10% 50% no-repeat #64B6AC;
}

/* --------------------------------
   □ facility
-------------------------------- */ 

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

#facility .shadowBox > p.txt{
	margin-bottom: 40px;
}

#facility section section{
	margin-bottom: 40px;
}

#facility section section.none{
	margin-bottom: 0;
}

#facility p.image{
	display: inline-block;
	float: left;
    width: 46%;
}

#facility p.image img{
    width: 100%;
}

#facility .textarea{
	width: 50%;
    float: right;
}

/* --------------------------------
   □ department
-------------------------------- */ 

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

#department p.txt{
	margin-bottom: 40px;
}

#department .contents section section{
	margin-bottom: 50px;
}

#department .contents section section.none{
	margin-bottom: 0;
}

#department .contents dl dt{
	display: inline-block;
	float: left;
	margin-right: 7%;
    width: 40%;
}
#department .contents dl dt img{
    width: 100%;
}

#department .contents dl dd{
	width: 53%;
    float: right;
    text-align: left;
}

@media only screen and
(max-width : 767px) {
	
/* --------------------------------
   □ 
-------------------------------- */ 
.shadowBox .gray {
    margin-bottom: 30px;
}

/* --------------------------------
   □ specialty
-------------------------------- */ 

	#specialty .shadowBox p.text {
		margin-bottom: 20px;
	}
	
/* --------------------------------
   □ calendar
-------------------------------- */ 
#calendar ul.column2{
	display: block;
}
#calendar ul.column2 li{
	width:auto;
	margin-bottom: 20px;
}

#calendar ul.column2 li:last-child{
	float: none;
}

#calendar ul.column2 li dl dt{
}

#calendar ul.column2 li dl dd{
	padding: 20px;
}

#calendar ul.column2 li dl dd p.buttonStyle a{
	padding-left: 75px;
}

	
/* --------------------------------
   □ facility
-------------------------------- */ 

	#facility p.image {
		display: block;
		float: none;
		margin: auto auto 20px;
		text-align: center;
        width: 85%;
	}

	#facility .textarea {
		width: auto;
		float: none;
	}

/* --------------------------------
   □ department
-------------------------------- */ 

#department .contents dl dt{
	display: block;
	float: none;
    margin: 0 auto 20px;
    width: 85%;
}

#department .contents dl dd{
	width: auto;
    float: none;
}


}