@charset "utf-8";
/* CSS Document */

h2{
	font-size:60px;
	font-weight:100;
	margin:100px auto 30px;
}

h2 span{
	font-size:17px;
	display:block;
	margin-top:15px;
}

h3{
	font-size:40px;
	font-weight:100;
	margin-bottom:40px;
	border-bottom:1px solid #000;
	padding-bottom:30px;
}

h3 span{
	font-size:17px;
	margin-top:20px;
	display:block;
}

#about{
	width:90%;
	max-width:850px;
	margin:60px auto 120px;
	line-height:1.6;
	counter-reset: number;
}

#about #intro{
	font-size:20px;
	line-height:1.8;
}

#about .content{
	margin:100px auto 0;
	
}

#about .content h4{
	font-size:38px;
	font-weight:bold;
	margin:30px auto;
}

#about .content h4 span{
	font-size:28px;
	display:block;
	margin-top:8px;
}

#about .content ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#about .content ul li{
	width:48%;
	margin:0 1% 30px;
}

#about .content ul li img{
	max-height:247px;
}

#about .content dl{
	display:flex;
	flex-wrap:wrap;
	text-align:left;
	font-size:17px;
}

#about .content dt{
	width:20%;
}

#about .content dd{
	width:70%;
	margin-bottom:40px;
}

#about .content ol{
	text-align:left;
	font-size:16px;
}

#about .content ol li{
	counter-increment: number;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #000;
	text-indent:-53px;
	padding-left:57px;
}

#about .content ol li:before{
	content: counter(number, decimal-leading-zero) ".";
	font-size:23px;
	font-style:italic;
	margin-right:20px;
}





@media only screen and (max-width: 767px) { 
h2{
	font-size:50px;
	margin:50px auto 30px;
}

h2 span{
	font-size:15px;
}

h3{
	font-size:40px;
	font-weight:100;
	border-bottom:1px solid #000;
	padding-bottom:30px;
}

h3 span{
	font-size:17px;
	margin-top:20px;
	display:block;
}

#about{
	margin:35px auto 80px;
}

#about #intro{
	font-size:18px;
	text-align:left;
}

#about .content{
	margin:80px auto 0;
	
}

#about .content h4{
	font-size:28px;
}

#about .content h4 span{
	font-size:20px;
}

#about .content ul{
	display:block;
}

#about .content ul li{
	width:70%;
	max-width:350px;
	margin:0 auto 30px;
	font-size:13px;
}

#about .content ul li img{
	max-height:none;
}

}



@media only screen and (max-width: 680px){
	#about .content dl{
	display:block;
	font-size:16px;
}

#about .content dt{
	width:100%;
	font-weight:bold;
}

#about .content dd{
	width:100%;
	font-size:14px;
}

}