/* INDEX */   
#about-index .successive_pro-list li .gener{
	font-family: 'A-OTF A1明朝 Std Bold', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: bold;
	color: #be272d;
}
#about-index .successive_pro-list li .s-pf01{
	font-family: 'A-OTF A1明朝 Std Bold', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#about-index .successive_pro-list li .sub_head{
	font-weight: bold;
}
@media print, all and (min-width: 751px) {
    
	body.about #title{
		background-image: url(../images/about/title-bg.jpg);
	}
	
	/* INDEX */    

	#about-index .successive_pro-list{
		display: flex;
		flex-wrap: wrap;
		width: 850px;
		margin: 0 auto 70px;
	}
	#about-index .successive_pro-list li{
		width: 400px;
		margin-bottom: 30px;
	}
	#about-index .successive_pro-list li:nth-child(odd){
		margin-right: 50px;
	}
	#about-index .successive_pro-list li .gener{
		font-size: 20px;
		margin-bottom: 5px;
	}
	#about-index .successive_pro-list li .s-pf01{
		line-height: 34px;
	}
	#about-index .successive_pro-list li .s-pf01 .s-name{
		font-size: 34px;
		font-weight: bold;
		margin-right: 10px;
	}
	#about-index .successive_pro-list li .s-pf02{
		margin-bottom: 5px;
	}
	#about-index .successive_pro-list li .s-pf02, #about-index .successive_pro-list li .s-pf03{
		display: flex;
	}
	#about-index .successive_pro-list li .sub_head{
		display: inline-block;
		width: 135px;
		margin-right: 10px;
	}
	#about-index .successive_pro-list li .s-text{
		flex: 1;
	}
	#about-index .successive_pro-list li .s-pf03 .specialty{
		letter-spacing: 16px;
	}
                       
}

@media only screen and (max-width: 750px) {
    
	body.about #title{
		background-image: url(../images/about/title-bg.jpg);
	}
	
	/* INDEX */
	#about-index .successive_pro-list li{
		margin-bottom: 40px;
		text-align: center;
	}
	#about-index .successive_pro-list li .gener{
		font-size: 18px;
		margin-bottom: 5px;
	}
	#about-index .successive_pro-list li .s-pf01{
		line-height: 24px;
	}
	#about-index .successive_pro-list li .s-pf01 .s-name{
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 10px;
		display: block;
	}
	#about-index .successive_pro-list li .s-pf01 .s-period{
		display: block;
		margin-bottom: 20px
	}
	#about-index .successive_pro-list li .s-pf02, #about-index .successive_pro-list li .s-pf03{
		text-align: left;
		width: 280px;
		margin: 0 auto;
		display: flex;
	}
	#about-index .successive_pro-list li .sub_head{
		display: inline-block;
		width: 120px;
		margin-right: 10px;
	}
	#about-index .successive_pro-list li .s-text{
		flex: 1;
	}
}