/**********************************/
/* タイトル部分 */
/**********************************/
/* 文字の部分は各ページごとにサイズが異なるので */
.ttl_bg{
	background-image: url("../images/education/main_bg.jpg");
}
.ttl_mojipos{
	width:82.9%;
	margin: 0 0 0 8.83%;
	
}

@media only screen and (min-width: 769px) {

	.ttl_mojipos{
		width: 79.25%;
		margin: 0 0 0 10%;
	}

}

.ilb{
	display: inline-block;
}

.ttl_area_irud{
	background: #FFF;
}

a.text_link{
	color: rgb( 0, 112, 192 );
	text-decoration: underline;
}
i{
	padding: 0 0.3em;
}


.greeting_box .greeting_img {
	margin: 52px 0 0;
	text-align: center;
}
.greeting_img p {
	margin: 10px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #2E3B51;
}
.list_ttl_01 {
	font-weight: bold;
	margin: 10px 0 0;
}
/* 不正咬合の種類 */
.malocclusion{
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20px 30px 30px;
	background: #fff;
}
.malocclusion dt{
	width: 100%;
	font-weight: bold;
}
.malocclusion dd{
	width: 100%;
	height: 100%;/* ieで高さが確定しないらしい */
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 10px;
}
.malocclusion dd figure{
	width: 45%;
	display: block;
}
.malocclusion dd figure img{
	max-height: 100%;
}
.malocclusion dd figcaption{
	width: 50%;
}

@media only screen and (min-width: 769px) {
	.greeting_box {
		display: flex;
	}
	.greeting_box .greeting_txt {
		width: 65%;
	}
	.greeting_box .greeting_img {
		width: 35%;
		margin: 0;
		padding: 0 0 0 25px;
	}
}
.fig_area {
display: block;
align-items: center;
}
.fig_arrow {
	margin: 10px 0;
	text-align: center;
}
.fig_arrow img {
	width: 40px;
}
.fig_area figure{
	display: block;
	width: 100%;
	padding: 10px 20px 20px;
	background: #fff;
}
.fig_area figcaption {
	padding: 0 0 10px;
	font-weight: bold;
}
@media only screen and (min-width: 769px){
	.fig_arrow {
		margin: 20px 0;
	}
	.fig_arrow img {
		width: 60px;
	}
	.fig_area figure{
		padding: 20px 30px 30px;
	}
}
/* 190628追記 顎変形症に対する矯正歯科治療 */
.ja_photo{
	display: flex;
	flex-flow: column;
	margin: 1em 0 0;
}

.ja_photo li{
	background: #fff;
	margin : 0 0 2em;
	padding: 20px 30px 30px;
}

.ja_photo p{
	margin: 0 0 1em;
}

.ja_photo figcaption{
	font-weight: bold;
	color: #2E3B51;
}


.ja_fig{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.ja_fig figure{
	padding: 20px 30px 30px;
	background: #F6F6F6;
}


/*口唇口蓋裂の矯正治療のdtとddあたり*/
.treatment_area_li {
   display: flex;
   margin: 20px 0 ;
}
.treatment_area_li dt {
	width: 25%;
}
.treatment_area_li dd {
	width: 75%;
}
.fig_area_01 {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin: 20px 0;
}
.fig_area_01 figure{
	width: 100%;
}
@media only screen and (min-width: 769px){
	.fig_area_01 figure{
		width: 50%;
	}
}


/**/
.introduction_list_01 {
	display: flex;
	margin: 20px 0 0;
}
.intro_list_col_01 {
	width: 35%;
}
.intro_list_col_02 {
	width: 65%;
}
.intro_ttl_01 {
	margin: 20px 0 0;
	font-weight: bold;
	font-size: 16px;
	color: #616161;
}
.intro_ttl_02 {
	color: #616161;
	font-size: 16px;
}
.intro_img {
	margin: 20px 0;
	text-align: center;
}
.introduction_list_02 {
	margin: 22px;
}
.introduction_list_02 ol li {
	color: #616161;
}
@media only screen and (min-width: 641px) {
	.introduction_list_02 {
		display: flex;
		margin: 30px;
	}
	.introduction_list_02 ol {
		width: 50%;
		padding: 0 30px 0 0;
		list-style-type: decimal;
	}
	.introduction_list_02 ol:nth-child(2) {
		padding: 0 0 0 30px;
	}
}
/*教育について*/
.photo_box {
	display: block;
}
@media only screen and (min-width: 769px){
	.photo_box {
		display: flex;
	}
}


.edu h4.edu_ttl{
	padding: 0.5em 0;
	font-weight: bold;
}
.edu h4{
	color: #616161;
	font-weight: normal;
	padding: 0.5em 0 0;
}
.edu ul{
	color: #616161;
}
.subject_name{
	padding: 1em 0 0 1em;
	font-weight: bold;
}
.subject{
	list-style-type: decimal;
	padding: 1em 0 0 2em;
}
.subject dl{
	padding: 0 0 0 1em;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.subject dt{
	width: 15%;
	padding: 0.5em 0 0;
}
.subject dd{
	width: 85%;
	padding: 0.5em 0 0;
}
.photo_box{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	margin: 1em 0 0;
}
.photo_box figure{
	width: 100%;
	padding: 1em ;
}
@media only screen and (min-width: 769px){
	.photo_box figure{
		width: 100%;
		padding: 1em;
	}
}

#page03 ul{
	color: #616161;
}


/********************************/
/* 190905 追記 */

.prelude_page{
	padding: 0;
	margin: 0 0 2em 0;
}

.prelude_ttl{
	margin: 0 0 0.8em 0;
}

.page_nav li {
	padding: 0 1em 0 0;
}


.page_nav li a {
	width: 11em;
	padding: 0.2em 0.5em 0.2em 0;
}

.page_sub_ttl{
	font-size: 20px;
	color: #2E3B51;
	line-height: 2em;
}


.page_sec_ttl {
	font-size: 18px;
}
.page_sec_subttl {
	font-size: 14px;
}

@media only screen and (min-width: 769px){

	.page_sec_ttl {
		font-size: 25px;
	}
	.page_sec_subttl {
		font-size: 18px;
	}

}

.paragraph{
	padding: 0em 0 0 1em;
}