@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width:481px), print {








/* about index */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.human .section{
	margin-bottom:90px !important;
	}
	
	
	

#compass{
	
	}
#compass h3{
	margin-bottom:40px;
	}
#compass dl{
	text-align:center;
	}
#compass dl dt{
	margin-bottom:30px;
	}


#policy01{
	
	}
#policy01 h3{
	margin-bottom:40px;
	}
#policy01 ul{
	text-align:center;
	}
#policy01 ul li{
	float:left;
	margin-right:9px;
	}
#policy01 ul li.last{
	float:left;
	margin-right:0px;
	}




#purpose{
	}
#purpose h3{
	margin-bottom:40px;
	}
#purpose .clover {
	background-image:url(../img/test_clover.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 33px 0;
	}
	#purpose .clover p{
		font-size: 18px;
		line-height: 2;
		}
		#purpose .clover p span{
			font-weight: bold;
			color: #e78585;
			}





#policy02{
	
	}
#policy02 h3{
	margin-bottom:40px;
	}
#policy02 ul{
	text-align:center;
	margin-bottom:35px;
	}
#policy02 ul li{
	display: inline-block;
	margin-right:10px;
	width: 
	}
#policy02 ul li:nth-child(3n){
	margin-right:0px;
	}
#policy02 dl{
	width:100%;
	text-align:center;
	background:url(../img/human_dot01.png) repeat-x left bottom;
	padding-bottom:50px;
	margin-bottom:50px;
	}
#policy02 dl dt{
	font-size:18px;
	line-height:33px;
	font-weight:bold;
	margin-bottom:30px;
	}
#policy02 dl dd{
	font-size:18px;
	line-height:33px;
	font-weight:bold;
	text-decoration: underline;	
	cursor:pointer;
	}
#policy02 dl dd a{
	color: #e78585;
	}
#policy02 dl dd img{
	margin:10px 0 0 5px;
	}
#policy02 p{
	text-align:center;
	font-size:16px;
	line-height:43px;
	margin-bottom:60px;
	}
#policy02 p.btn{
	margin-bottom:0px;
	}












/* about summary */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#wrapper{
	overflow:hidden;
}
#wrapper #maintitle {
	width: 100%;
	background: #cce1f6;
	margin-bottom:0;
}



#wrapper #tab {
	width: 100%;
	height:54px;
	background: #fff;
	border-bottom:1px solid #dad2ce;
	margin-bottom:80px;
}
	#wrapper #tab ul{
		width:1200px;
		height:26px;
	}
	#wrapper #tab ul li{
		float:left;
		cursor:pointer;
	}
	
	

.introduce #feature {
}
	.introduce #feature li{
		float:left;
		width:320px;
		height:179px;
		background: url(../img/about_bg01.gif) repeat;
		margin-right:20px;
	}
	.introduce #feature li.last{
		margin-right:0px;
	}
	.introduce #feature li dl dt{
		width:290px;
		text-align:center;
		margin:0 15px;
		padding:20px 0 10px 0;
		border-bottom:1px solid #dcdbd9;
		font-size:22px;
		font-weight:bold;
		color: #e78585;
	}
	.introduce #feature li dl dd{
		width:290px;
		text-align:center;
		margin:35px 15px 0 15px;
		font-size:16px;
		font-weight:bold;
		ling-height:24px;
	}
	.introduce #feature li.last dl dd{
		margin:10px 15px 0 15px;
	}




.introduce #facility {
}
	.introduce #facility h3{
		margin-bottom:40px;
	}




.introduce #medical_course {
}
	.introduce #medical_course h3{
		margin-bottom:40px;
	}
	.introduce #medical_course ul{
		float:left;
		margin-right:15px;
	}
	.introduce #medical_course ul li{
		border-bottom: solid 1px #dad2ce;
		margin-bottom:10px;
		padding-bottom:10px;
		background:url(../img/about_dot01.png) no-repeat left 8px;
		padding-left:15px;
		font-weight:bold;
		font-size:14px;
	}
	.introduce #medical_course ul li.last{
		border-bottom:none;
	}
	.introduce #medical_course ul li span{
		font-weight:bold;
		font-size:12px;
	}
	.introduce #medical_course ul.line01{
		width:363px;
	}
	.introduce #medical_course ul.line02{
		width:187px;
	}
	.introduce #medical_course ul.line03{
		width:217px;
	}
	.introduce #medical_course ul.line04{
		width:187px;
		margin-right:0px;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}
	table th {
		width:149px;
		border-right: solid 1px #dad2ce;
		border-top: solid 1px #dad2ce;
		border-bottom: solid 1px #dad2ce;
		padding: 20px;
		font-weight: bold;
		font-size: 14px;
		background: url(../img/table_bg.gif) ;
	}
	table td {
		border-top: solid 1px #dad2ce;
		border-bottom: solid 1px #dad2ce;
		padding: 20px;
		font-size: 14px;
		background:#fff;
	}











/* history */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.history{
	background:#000;
}

.history #tab{
	margin-bottom:0 !important;
}



.history  #maintitle_history {
	width: 100%;
	margin-bottom:0;
	height:280px;
	background:url(../img/history_main_bg.png) no-repeat center center;
	background-size:105%;
	
}
.history  #maintitle_history h2{
	text-align:center;
	padding-top:120px;
}





.history #anchor{
	width:100%;
	}
.history #anchor ul{
	margin-bottom:10px;
	}
.history #anchor ul li{
	width:25%;
	float:left;
	}
.history #anchor ul li img{
	width:100%;
	height:auto;
	}




.history .transition{
	width:100%;
	background-size:cover;
	position:relative;
	}
.history .transition dl{
	position:absolute;
	width:100%;
	
	}
.history .transition dl dt{
	margin-bottom:20px;
	text-align:center;
	}
.history .transition dl dd{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	line-height:27px;
	text-align:center;
	}

.history .transition ul{
	width:50%;
	margin:0 auto;
	}
.history .transition ul li{
	float:left;
	margin-right:2%;
	width:32%;
	background:#fff;
	
	}
.history .transition ul li img{
	width:100%;
	height:auto;
	
	}
.history .transition ul li.last{
	float:left;
	margin-right:0;
	
	}



.history #transition01{
	background:url(../img/history_pht0101.jpg) no-repeat center 10%;
	}
.history #transition02{
	background:url(../img/history_pht0201.jpg) no-repeat center top;
	}
.history #transition03{
	background:url(../img/history_pht0301.jpg) no-repeat center center;
	}
.history #transition04{
	background:url(../img/history_pht0401.jpg) no-repeat center center;
	}
.history #transition04 dd{
	font-size:18px;
	line-height:34px;
	}
.history #transition04 p{
	text-align:center;
	}





/* lightbox */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

	div.mfp-close{
		width:39px;
		height:37px;
		background:url(../img/btn_close.png) no-repeat right top;	
		background-size:39px;
		padding:0;
		right:0px !important;
		top:-10px !important;
		cursor:pointer;
		}


















}






/* スマホ */
@media only screen and (max-width: 480px) {





/* index */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.human .section{
	margin-bottom:12% !important;
	}
.human .section h3{
	margin-bottom:4%;
	}
.human .section h3 img{
	width:100%;
	}
	
	
	

#compass{
	
	}
#compass dl{
	text-align:center;
	}
#compass dl dt{
	margin-bottom:5%;
	}
#compass dl dd img{
	width:90%;
	margin:0 auto;
	}




#policy01{
	
	}
#policy01 ul{
	text-align:center;
	}
#policy01 ul li{
	float:left;
	width:49%;
	margin-bottom:2%;
	}
#policy01 ul li img{
	width:100%;
	}
#policy01 ul li.leftside{
	float:left;
	}
#policy01 ul li.rightside{
	float:right;
	}




#purpose{
	}
#purpose .clover {
	}
#purpose .clover > div {
	width: calc(100% - 10px);
	margin:auto;
	margin-top: 30px;
	}
#purpose .clover > div img {
	width: 100%;
	}
#purpose .clover > div img:first-child {
	margin-bottom: 20px;
	}





#policy02{
	margin-bottom:0 !important;
	padding-bottom:12%;
	}
#policy02 ul{
	margin-bottom:3%;
	}
#policy02 ul li{
	float:left;
	width:49%;
	margin-bottom:2%;
	}
#policy02 ul li img{
	width:100%;
	}
#policy02 ul li.leftside{
	float:left;
	}
#policy02 ul li.rightside{
	float:right;
	}

#policy02 dl{
	width:100%;
	text-align:center;
	background:url(../img/human_dot01.png) repeat-x left bottom;
	padding-bottom:9%;
	margin-bottom:9%;
	}
#policy02 dl dt{
	font-size:16px;
	line-height:33px;
	font-weight:bold;
	margin-bottom:30px;
	}
#policy02 dl dd{
	font-size:18px;
	line-height:33px;
	font-weight:bold;
	text-decoration: underline;	
	cursor:pointer;
	}
#policy02 dl dd a{
	color: #e78585;
	}
#policy02 dl dd img{
	margin:10px 0 0 5px;
	}
#policy02 p{
	text-align:center;
	font-size:16px;
	line-height:43px;
	margin-bottom:60px;
	}
#policy02 p.btn{
	margin-bottom:0px;
	}
#policy02 p.btn img{
	width:100%;
	}



/* summary */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



#wrapper #maintitle {
	width: 100%;
	margin-bottom:0 !important;
}
	.introduce #maintitle h2 {
		
	}



#wrapper #tab {
	width: 100%;
	background: #fff;
	border-bottom:1px solid #dad2ce;
	margin-bottom:9%;
}
#wrapper #tab #contents{
	width:100%;
	margin:0;
}
	#wrapper #tab ul{
		width:100%;
	}
	#wrapper #tab ul li{
		float:left;
		width:33.3%;
	}
	#wrapper #tab ul li img{
		width:100%;
	}
	

.introduce #feature {
	margin-bottom:9%;
}
	.introduce #feature li{
		float:left;
		width:100%;
		height:20%;
		background: url(../img/about_bg01.gif) repeat-x;
		margin-bottom:3%;
	}
	.introduce #feature li.last{
		margin-right:0px;
	}
	.introduce #feature li dl dt{
		width:90%;
		text-align:center;
		margin:0 5%;
		padding:3% 0 3% 0;
		border-bottom:1px solid #dcdbd9;
		font-size:129%;
		font-weight:bold;
		color: #e78585;
	}
	.introduce #feature li dl dd{
		width:90%;
		text-align:center;
		margin:0 3%;
		padding:3% 0 3% 0;
		font-size:100%;
		font-weight:bold;
		ling-height:24px;
	}
	.introduce #feature li.last dl dd{
		margin:0px 15px 0 15px;
	}




.introduce #facility {
	margin-bottom:9%;
}
	.introduce #facility h3{
		margin-bottom:3%;
	}
	.introduce #facility h3 img{
		width:100%;
	}




.introduce #medical_course {
	padding-bottom:9%;
}
	.introduce #medical_course h3{
		margin-bottom:3%;
	}
	.introduce #medical_course h3 img{
		width:100%;
	}
	.introduce #medical_course ul{
		margin-right:15px;
	}
	.introduce #medical_course ul li{
		border-bottom: solid 1px #dad2ce;
		margin-bottom:10px;
		padding-bottom:10px;
		background:url(../img/about_dot01.png) no-repeat left 8px;
		padding-left:15px;
		font-weight:bold;
		font-size:100%;
		width:100%;
	}
	.introduce #medical_course ul li span{
		font-weight:bold;
		font-size:86%;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}
	table th {
		width:30% !important;
		border-right: solid 1px #dad2ce;
		border-top: solid 1px #dad2ce;
		border-bottom: solid 1px #dad2ce;
		padding: 20px;
		font-weight: bold;
		font-size: 100%;
		background: url(../img/table_bg.gif) repeat;
	}
	table td {
		border-top: solid 1px #dad2ce;
		border-bottom: solid 1px #dad2ce;
		padding: 20px;
		font-size: 100%;
		background:#fff;
	}









/* history */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


.history{
	background:#000;
}

.history #tab{
	margin-bottom:0 !important;
}



.history  #maintitle_history {
	width: 100%;
	margin-bottom:0;
	height:10%;
	background:url(../img/history_main_bg.png) no-repeat center center;
	background-size:105%;
	
}
.history  #maintitle_history h2{
	text-align:center;
	padding:7% 0 6% 0;
}
.history  #maintitle_history h2 img{
	width:90%;
	margin:0 auto;
}





.history #anchor{
	width:100%;
	}
.history #anchor ul{
	margin-bottom:2%;
	}
.history #anchor ul li{
	width:25%;
	float:left;
	}
.history #anchor ul li img{
	width:100%;
	height:auto;
	}




.history .transition{
	width:100%;
	position:relative;
	}
.history .transition dl{
	width:100%;
	}
.history .transition dl dt{
	margin-bottom:6% !important;
	text-align:center;
	background-size:cover !important;
	}
.history .transition dl dt img{
	width:60%;
	margin:0 auto;
	}
.history .transition dl dd{
	font-size:100%;
	font-weight:bold;
	line-height:26px;
	text-align:center;
	width:88%;
	margin:0 6%;
	}

.history .transition ul{
	width:90%;
	margin:0 auto;
	padding-bottom:12%;
	}
.history .transition ul li{
	float:left;
	margin-right:2%;
	width:32%;
	
	}
.history .transition ul li img{
	width:100%;
	height:auto;
	
	}
.history .transition ul li.last{
	float:left;
	margin-right:0;
	
	}



.history #transition01 dt{
	background:url(../img/history_pht0101.jpg) no-repeat center center;
	padding:15% 0;
	}
.history #transition02 dt{
	background:url(../img/history_pht0201.jpg) no-repeat center center;
	padding:15% 0;
	}
.history #transition03 dt{
	background:url(../img/history_pht0301.jpg) no-repeat center center;
	padding:15% 0;
	}
.history #transition04 dt{
	background:url(../img/history_pht0401.jpg) no-repeat center center;
	padding:15% 0;
	}


.history #transition04 p{
	width:84%;
	margin:0 auto;
	margin-bottom:9%;
	}
.history #transition04 p img{
	width:100%;
	}




/* lightbox */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

	div.mfp-close{
		width:39px;
		height:37px;
		background:url(../img/btn_close.png) no-repeat right top;	
		background-size:25px;
		padding:0;
		right:0px !important;
		top:0px !important;
		cursor:pointer;
		}



















}