@charset "UTF-8";
/* =====================================================================================================================
=
= なにわ歯科衛生専門学校
= practice
=
===================================================================================================================== */

/*
- Curriculum 共通
--------------------------------------------------------------------------------------------------------------------- */
#curriculum {}
#curriculum #content-header h1{
	background-image:url('/_assets/img/pc/curriculum/main_image.jpg');
}
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block;}
/*
- practice 教員メッセージ
--------------------------------------------------------------------------------------------------------------------- */
#curriculum.practice {}

#curriculum.practice .practice_head {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#curriculum.practice .practice_head .ttl_logo {
	width: 18.36%;
	max-width: 177px;
}
#curriculum.practice .practice_head .ttl {
	width: 61.6%;
	padding-left: 50px;
	padding-top: 10px;
	box-sizing: border-box;
}
#curriculum.practice .practice_head .ttl h2 {
	width: 100%;
	margin-bottom: 30px;
}
#curriculum.practice .practice_head .ttl p.txt {
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #012264;
	padding-right: 1em;
}
#curriculum.practice .practice_head .head_img {
	width: 19.8%;
}
#curriculum.practice .practice_head .head_img img {
	width: 92.6%;
	height: auto;
	position: relative;
	left: -11px;
}

#curriculum.practice .practice_box {
	width: 100%;
	margin-bottom: 88px;
}
#curriculum.practice .practice_box:last-child {
	margin: 0;
}
#curriculum.practice .practice_box h3 {
	width: 100%;
	font-size: 2rem;
	letter-spacing: 0;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	padding: 15px 30px;
	box-sizing: border-box;
	margin-bottom: 26px;
	border-radius: 8px;
}
#curriculum.practice .practice_box.box01 h3 { background: #7B9FD3;}
#curriculum.practice .practice_box.box02 h3 { background: #7B9FD3;}
#curriculum.practice .practice_box .cont {
	width: 100%;
}
#curriculum.practice .practice_box .cont_txt {
	float: left;
	width: 31.12%;
	max-width: 300px;
	margin-bottom: 32px;
}
#curriculum.practice .practice_box.box04 .cont_txt {
	margin-bottom: 38px;
}
#curriculum.practice .practice_box .cont_txt h4 {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.66em;
	font-weight: bold;
	margin-bottom: 20px;
}
#curriculum.practice .practice_box.box01 .cont_txt h4 { color: #7B9FD3;}
#curriculum.practice .practice_box.box02 .cont_txt h4 { color: #7B9FD3;}
#curriculum.practice .practice_box.box02 .cont_txt p.txt {
	font-size: 1.6rem;
	letter-spacing: 0;
	line-height: 1.5em;
	color: #717171;
}

#curriculum.practice .practice_box .cont_img {
	float: right;
	width: 65.59%;
	max-width: 633px;
	padding-top: 9px;
}
#curriculum.practice .practice_box .cont_smallimg {
	width: 31.12%;
	max-width: 300px;
	float: left;
}
@media screen and (min-width:768px) and (max-width:963px) {
	#curriculum.practice .practice_box.box04 h4 br {
		display: none;
	}
}
@media screen and (min-width:768px) and (max-width:963px) {
	#curriculum.practice .practice_box .cont_txt {
		margin-bottom: 20px;
	}
	#curriculum.practice .practice_box.box04 .cont_txt {
		margin-bottom: 20px;
	}
}
/*
- media query (smart phone)
--------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	#curriculum.practice {}
	#curriculum.practice .practice_head {
		width: 100%;
		margin: 0 auto 50px;
		display: block;
		justify-content: space-between;
	}
	#curriculum.practice .practice_head .ttl_logo {
		width: 27.54%;
		margin: 0 auto 22px;
	}
	#curriculum.practice .practice_head .ttl {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		box-sizing: border-box;
	}
	#curriculum.practice .practice_head .ttl h2 {
		width: 100%;
		margin-bottom: 30px;
	}
	#curriculum.practice .practice_head .ttl p.txt {
		font-size: 1.6rem;
		letter-spacing: 0;
		line-height: 1.5em;
		color: #012264;
		padding-right: 0;
	}
	#curriculum.practice .practice_head .head_img {
		width: 19.8%;
		display: none;
	}
	#curriculum.practice .practice_head .head_img img {
		width: 92.6%;
		height: auto;
		position: relative;
		left: -11px;
	}

	#curriculum.practice .practice_box {
		width: 100%;
		margin-bottom: 70px;
	}
	#curriculum.practice .practice_box:last-child {
		margin: 0;
	}
	#curriculum.practice .practice_box h3 {
		width: 100%;
		font-size: 2rem;
		letter-spacing: 0;
		line-height: 1;
		font-weight: bold;
		color: #fff;
		padding: 15px;
		box-sizing: border-box;
		margin-bottom: 15px;
		border-radius: 8px;
	}
	#curriculum.practice .practice_box.box01 h3 { background: #7B9FD3;}
	#curriculum.practice .practice_box.box02 h3 { background: #7B9FD3;}
	#curriculum.practice .practice_box .cont {
		width: 100%;
	}
	#curriculum.practice .practice_box .cont_txt {
		float: none;
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
	}
	#curriculum.practice .practice_box.box04 .cont_txt {
		margin-bottom: 20px;
	}
	#curriculum.practice .practice_box .cont_txt h4 {
		font-size: 1.8rem;
		letter-spacing: 0.1em;
		line-height: 1.66em;
		font-weight: bold;
		margin-bottom: 17px;
	}
	#curriculum.practice .practice_box.box01 .cont_txt h4 { color: #7B9FD3;}
	#curriculum.practice .practice_box.box02 .cont_txt h4 { color: #7B9FD3;}
	#curriculum.practice .practice_box.box02 .cont_txt p.txt {
		font-size: 1.6rem;
		letter-spacing: 0;
		line-height: 1.5em;
		color: #717171;
		margin-bottom: 0;
	}

	#curriculum.practice .practice_box .cont_img {
		float: none;
		width: 100%;
		max-width: none;
		padding-top: 0;
	}
	#curriculum.practice .practice_box .cont_smallimg {
		width: 100%;
		max-width: none;
		float: none;
		margin-top: 5px;
	}

}