/**********************************/
/* タイトル部分 */
/**********************************/
/* 文字の部分は各ページごとにサイズが異なるので */
.ttl_bg{
	background-image: url("../images/research/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%;
	}

}


.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{
	padding: 0 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%;
}
.photo_box figure{
	width: 100%;
	padding: 1em ;
}
@media only screen and (min-width: 769px){
	.photo_box figure{
		width: 50%;
		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 0.5em 0 0.5em;
}

.img_fig {
	float: right;
	width: 60%;
	margin: 0 1em 1em 2em;
}

p.prelude_msg {
	padding: 2em 0 0 1em;
}

.page_nav li a {
	width: 12em;
	padding: 0.2em 1.2em 0.2em 0.5em;
	background-position: 96% center;
}

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

.gpbox{
	border-top: 5px solid #2E3B51;
}

.paragraph{
	margin: 0 1em;
}

.marklist li{
	margin: 0 0 0 1em;
	position: relative;
	display: block;
	line-height: 1.5em;
}
.marklist li:before{
	content: '';
	width: 0.4em;
	height: 0.4em;
	display: inline-block;
	border-radius: 100%;
	background: #93ABAB;
	position: absolute;
	top: calc( 50% - 0.2em );
	left: calc( ( 1em - 0.4em ) * -1 );
}

/* */
.gp_text{
	margin: 1em 0 0;
}

.gp_bgcred{
	background: rgb(255, 224, 224 );
}

.gp_bgcblue{
	background: rgb(224, 238, 247 );
}

.gp_bgcgreen{
	background: rgb(214, 235, 224 );
}

.pg_img{
	border-radius: 0.5em;
	padding: 1.5em 1em;
	margin: 1em 0 0;
}

h3.page_sub_ttl {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
}

.gpbox{
	padding-top: 2em;
	padding-bottom: 2em;
}