/* ==================================================
   common
================================================== */


/* ==================================================
   home
================================================== */

#home #prize_structure ul li h2.sttl{
	letter-spacing: 0;
}
#home #why_dentistry ul.no {
	max-width: 40em;
	margin: 0 auto;
}


/* ==================================================
   inquiry
================================================== */
#form_page.form_input   p.outline:after{background-image: url(../img/flow1.png);}
#form_page.form_confirm p.outline:after{background-image:url(../img/flow2.png);}
#form_page.form_thanks  p.outline:after{background-image:url(../img/flow3.png);}

@media screen and (max-width:768px){
	#form_page.form_input   p.outline:after{background-image:url(../img/flow_sp1.png);}
	#form_page.form_confirm p.outline:after{background-image:url(../img/flow_sp2.png);}
	#form_page.form_thanks  p.outline:after{background-image:url(../img/flow_sp3.png);}
}



/* ==================================================
   foundation
================================================== */
#foundation div#contents #section_foundation{
	& h1.sttl + p{
		max-width:780px;
		margin:0 auto 90px;
	}
	& h2.sttl{
		margin-bottom:30px;
		& + p{
			text-align:center;
		}
	}
	& p{
		margin-bottom:90px;
		padding-bottom:60px;
		line-height:1.8;
		border-bottom:2px #dcdcdc solid;
		&.position{
			margin:30px 0 10px 0;
			padding-bottom:5px;
			font-weight:bold;
			border-bottom:1px #ccc solid;
		}
	}
	& dl{
		margin-bottom:90px;
		&#history{
			margin-bottom:90px;
			padding-bottom:90px;
			border-bottom:2px #dcdcdc solid;
		}
		& dt{
			width:12em;
			margin-bottom:15px;
		}
		& dd{
			width:calc(100% - 12em);
			margin-bottom:15px;
		}
	}
}
@media screen and (max-width:680px){
	#foundation div#contents #section_foundation{
		& dl{
			&#history{
				margin-bottom:90px;
				padding-bottom:90px;
				border-bottom:2px #dcdcdc solid;
			}
			& dt{
				width:100%;
				margin-bottom:5px;
			}
			& dd{
				width:100%;
				margin-bottom:30px;
			}
		}
	}
}
#foundation div#contents #section_foundation{
	& dl#officer + h2.sttl{
		margin-bottom:60px;
	}
	ul#achievements{
		max-width:1054px;
		position: relative;
		margin:0 auto;
		& li{
			position: relative;
			margin: 0 0 90px 200px;
			padding: 0 0 0 60px;
			border-left: 2px #dcdcdc solid;
			&::before {
				position: absolute;
				top: 50%;
				margin-top: -0.5em;
				margin-left: -260px;
				line-height: 1;
			}
			& p{
				margin-bottom: 0;
    			padding-bottom: 0;
				text-align:left;
    			border-bottom: none;
    		}
    		& h2.sttl{
    			margin-bottom:15px;
    			color:#0d295d;
    			font-size: 20px;
    			text-align:left;
    		}
    		& h3.ttl{
    			margin-top:30px;
    			margin-bottom:5px;
    			color:#0d295d;
    			font-size: 18px;
    		}
    		& p strong span{
    			display:block;
    			margin-bottom:5px;
    			color:#0d295d;
    			font-size:40px;
    			line-height:1.2;
    		}
    	}
	}
}
@media screen and (max-width:960px){
	#foundation div#contents {
		& #section_foundation {
			& ul#achievements li {
				margin: 0 0 60px 130px;
				padding-left:40px;
				&::before {
					margin-left: -190px;
				}
			}
		}
	}
}
@media screen and (max-width:820px){
	#foundation div#contents {
		& #section_foundation {
			& ul#achievements.no li {
				& h2.sttl{
					font-size:22px;
				}
			}
		}
	}
}
@media screen and (max-width:680px){
	#foundation div#contents {
		& #section_foundation {
			& ul#achievements.no li {
				margin: 0 0 30px;
				padding-left:0;
				padding-bottom: 60px;
				border-left: none;
				border-bottom: 1px #ccc solid;
				&::before {
					position:static;
					margin: 0;
					line-height: 1.4;
				}
				& h2.sttl{
					font-size:22px;
				}
			}
		}
	}
}