@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

#sub_topicpath_area ul span.font{
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-style: normal;
}

#medical{
	max-width:1200px;
	margin:0 auto;
	padding:40px;
	font-family: 'Noto Sans JP', sans-serif;
}

#medical h1{
	margin:0 0 50px;
	text-align:center;
	position:relative;
}

#medical h1 img{
	width:100%;
	vertical-align:bottom;
}

#medical h1 a img{
	width:37%;
	position:absolute;
	bottom:-8%;
	left:2%;
	z-index:0;
}

@media screen and (max-width:660px){
	#medical h1 a img{
		width:90%;
		margin:-10px 0 0;
		position:static;
	}
}

#medical p.lead{
	margin:70px 0 100px;
	text-align:center;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;
}

#medical.ax-alpha p.lead{
	max-width:600px;
	margin:20px auto;
	padding:0 20px;
	text-align:justify;
	font-size:16px;
	font-weight:400;
	line-height:1.8em;
}

#medical.ax-alpha p.lead:last-of-type{
	margin:0 auto 100px;
}

#medical section{
	margin:0 0 90px;
	overflow:hidden;
}

#medical section:last-of-type{
	margin:0 0 180px;
}

#medical section h2{
	margin:0 0 40px;
	font-size:28px;
	font-weight:200;
	font-feature-settings:"palt";
}

#medical section h3{
	margin:0 0 40px;
	font-size:24px;
	font-weight:200;
	font-feature-settings:"palt";
}

#medical section p{
	max-width:950px;
	margin:0 0 70px;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:2em;
}

#medical section p.note{
	font-size:13px;
}

#medical section p.margin{
	margin:0 0 15px;
}

#medical section figure{
	margin:0;
}

#medical section figure.large{
	width:60%;
	margin:0;
}

#medical section figure.medium{
	width:50%;
	margin:0;
}

#medical section figure.small{
	width:30%;
	margin:0;
}

#medical section figure img{
	width:100%;
	vertical-align:bottom;
}

#medical section figure figcaption{
	margin:15px 0 0;
	text-align:center;
	font-size:14px;
	font-weight:400;
}

#medical section .flex{
	display:flex;
	width:calc(100% + 60px);
	margin:0 0 40px;
	text-align:center;
	position:relative;
	left:-30px;
}

#medical section .flex.end{
	align-items:flex-end;
}

#medical section .flex.two{
	flex-wrap:wrap;
}

#medical section .flex.two>div{
	width:50%;
	margin:0 0 30px;
	box-sizing:border-box;
}

#medical section .flex>div{
	margin:0 0 30px;
	padding:0 30px;
}

#medical section .flex img{
	width:100%;
	margin:0 0 10px;
}

#medical section .flex h3{
	margin:0 0;
}

#medical section .flex h3.font{
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-style: normal;
}

#medical section .flex p{
	margin:0;
	text-align:center;
	line-height:1.4;
}

#medical section table.basic{
	width:100%;
	margin:40px 0 60px;
	border-collapse:collapse;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}

#medical section table.basic th{
	padding:20px;
	font-size:13px;
	font-weight:400;
	color:#555;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

#medical section table.basic td{
	padding:20px;
	font-size:15px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

#medical section table.basic thead th{
	background-color:#0a2ca4;
	color:#fff;
	font-size:15px;
	font-weight:500;
}

#medical.ax-alpha section table.basic thead th{
	font-family: "BIZ UDPGothic", serif;
	font-weight: 400;
	font-style: normal;
}

#medical section figure.float{
	width:25%;
	margin:0 0 0 20px;
	float:right;
}

#medical section figure.float img{
	width:100%;
}

#medical section ul.basic{
	margin:0;
	padding:0 0 0 2em;
	font-size:15px;
	font-weight:300;
}

#medical section ul.basic li{
	margin:0 0 10px;
}


@media screen and (max-width:767px){
#medical.ax-alpha p.lead{
	font-size:15px;
	line-height:1.7em;
}
#medical.ax-alpha p.lead:last-of-type{
	margin:0 auto 50px;
}

#medical section .flex{
	display:block;
	width:100%;
	left:0;
}
#medical section .flex.two>div{
	width:100%;
}

#medical section .flex>div{
	padding:0;
}

#medical section .table{
	overflow-x:scroll;
}
#medical section table.basic{
	width: 100%;
	min-width: 600px;
}
#medical section table.basic th{
	padding:15px;
}

#medical section table.basic td{
	padding:15px;
	font-size:14px;
}
#medical section table.basic thead th{
	font-size:14px;
}

#medical section figure.float{
	width:45%;
}




	
}






#medical .float_70 p{
	width:60%;
	float:left;
}

#medical .float_70 figure{
	width:35%;
	margin:0;
	float:right;
}

#medical .float_50 p{
	width:45%;
	float:left;
}

#medical .float_50 figure{
	width:50%;
	margin:0;
	float:right;
}

#medical div.margin{
	margin:80px 0 0;
}

#flow{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 40px);
	position:relative;
	left:-20px;
}

#flow h4{
	margin:0 0 30px;
	padding:5px 10px 7px;
	font-size:20px;
	font-weight:400;
	font-feature-settings:"palt";
	color:#fff;
	background-color:#005087;
}

#flow>div{
	width:25%;
	box-sizing:border-box;
	margin:0 0 40px;
	padding:0 20px;
	border-right:1px solid #005087;
}

#flow>div ul{
	margin:0;
	padding:0 0 0 25px;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}

#flow>div ul li{
	margin:0 0 10px;
}

#flow>div p{
	margin:20px 0;
	font-size:16px;
	font-weight:400;
	line-height:1.6em;
}

#number{
	max-width:600px;
	margin:0 0 150px;
}

#number h2{
	margin:0 0 35px;
	font-size:20px;
	font-weight:200;
	font-feature-settings:"palt";
}

#number table{
	width:100%;
	padding:30px 0;
	font-size:16px;
	font-weight:300;
	color:#333;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#number table th{
	padding:0 10px 0 0;
	text-align:left;
}

#contact{
	margin:0 0 150px;
	padding:40px 60px;
	border:5px solid #4ba1e7;
	overflow:hidden;
}

#contact h2{
	width:20%;
	padding:6% 0;
	font-size:20px;
	font-weight:200;
	font-feature-settings:"palt";
	float:left;
}

#contact>div{
	width:80%;
	box-sizing:border-box;
	padding:30px 0 30px 40px;
	border-left:1px solid #ddd;
	float:right;
}

#contact>div p{
	margin:0 0 45px;
	text-align:justify;
	font-size:18px;
	font-weight:300;
}

#contact>div ul{
	width:calc(100% + 50px);
	margin:0;
	padding:0;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	left:-25px;
}

#contact>div ul li{
	width:50%;
	box-sizing:border-box;
	padding:0 25px;
}

#contact>div ul li a img{
	width:100%;
}

#contact>div ul li a:hover{
	opacity:0.8;
}

@media screen and (max-width:900px){
	br.pc{
		display:none;
	}
	#medical{
		padding:30px;
	}
	#medical p.lead{
		text-align:justify;
	}
	#medical section figure.large{
		width:80%;
		margin:0 auto;
	}

	#medical section p{
		margin:0 0 50px;
	}
	#contact{
		padding:30px 30px;
	}
	#contact h2{
		width:18%;
		box-sizing:border-box;
		padding:10% 10px 0 0;
		font-size:16px;
	}
	#contact>div{
		width:82%;
		box-sizing:border-box;
		padding:20px 0 20px 30px;
	}
	#contact>div p{
		font-size:16px;
	}
	#contact>div ul{
		width:calc(100% + 20px);
		left:-10px;
	}
	
	#contact>div ul li{
		padding:0 10px;
	}
}

@media screen and (max-width:500px){
	#medical{
			padding:0;
		}
	#medical h1{
		text-align:center;
	}
	#medical h1 img{
		width:95%;
	}
	
	#medical p.lead{
		margin:25px 20px 50px;
		text-align:justify;
		font-size:15px;
	}
	
	#medical section{
		margin:0 20px 70px;
	}
	
	#medical section:last-of-type{
		margin:0 20px 90px;
	}

	#medical section h2{
		margin:0 0 30px;
		font-size:24px;
	}
	#medical section h3{
		font-size:22px;
	}
	
	#medical section p{
		margin:0 0 30px;
		font-size:14px;
		line-height:1.8em;
	}
	
	#medical section figure.large{
		width:100%;
	}
	
	#medical section figure.medium{
		width:100%;
	}
	#medical section figure.small{
		width:100%;
	}
	
	#medical section figure figcaption{
		font-size:13px;
	}
	
	#medical .float_70 p{
		width:100%;
		float:none;
	}
	
	#medical .float_70 figure{
			width:80%;
			margin:0 auto;
		float:none;
	}
	
	#medical .float_50 p{
		width:100%;
		float:none;
	}
	
	#medical .float_50 figure{
		width:100%;
		float:none;
	}
	
	#medical div.margin{
		margin:60px 0 0;
	}

	#flow{
		display:block;
		width:100%;
		position:relative;
		left:0;
	}
	#flow>div{
		width:100%;
		margin:0 0 40px;
		padding:0;
		border-right:none;
	}
	#flow>div ul{
		font-size:14px;
	}
	#flow>div p{
		font-size:15px;
	}

	#number{
		margin:0 20px 80px;
	}
	
	#number h2{
		margin:0 0 30px;
		font-size:18px;
	}
	
	#number table{
		padding:25px 0;
		font-size:15px;
	}
	
	#contact{
		margin:0 20px 100px;
		padding:20px 25px;
		border:5px solid #4ba1e7;
		overflow:hidden;
	}
	
	#contact h2{
		width:100%;
		padding:0;
		font-size:20px;
		float:none;
	}
	
	#contact>div{
		width:100%;
		box-sizing:border-box;
		padding:30px 0 0;
		border-left:none;
		border-top:1px solid #ddd;
		float:none;
	}
	
	#contact>div p{
		margin:0 0 35px;
		text-align:justify;
		font-size:16px;
		font-weight:300;
	}
	
	#contact>div ul{
		width:100%;
		display:block;
		position:static;
	}
	
	#contact>div ul li{
		width:100%;
		margin:0 0 20px;
		padding:0;
	}
	
	#contact>div ul li a img{
		width:100%;
	}
}