@charset "UTF-8";


/*---------------------------------
コンテンツ内フォント指定
----------------------------------*/
.font-style h1{
	background-image:url("../images/class/title_main.jpg");
}

/*---　段落  ---*/
.font-style dl{
	width: 100%;
	padding:0 0 6px 2em;
	margin: 30px auto;
}
.font-style dt{
	color: #81511c;
	font-size: 1.7rem;
}
.font-style dt:before{
	content:"●";
	display: inline-block;
	padding: 0 4px 0 0;
}
.font-style dd{
	margin: 0 0 30px 0;
}
.font-style dd p{
	margin: 0;
}
.font-style dd p a{
	text-decoration: underline;
}

/*---　プロフィール  ---*/
.profile{
	border: solid 4px #f3c7c8;
	padding: 10px;
	margin: 10px auto;
}
.profile h2{
	font-size: 1.5rem;
	font-weight: normal;
	background-color: #f3c7c8;
	padding: 10px;
	margin: 0 0 10px 0;
}
.profile h3{
	font-size: 1.6rem;
	vertical-align: bottom;
	margin: 10px 0 20px 0;
}
.profile p{
	font-size: 1.4rem;
}
.profile p.par-bottom{
	margin: 0 0 6px 0;
}
.profile ol{
	counter-reset: item;
	width: 90%;
	margin: 0 auto;
}
.profile ol li{
	font-size: 1.5rem;
	line-height: 1.4;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin: 0 0 10px 0;
}
.profile ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	margin-right: 4px;
}
/*----------------------------
ミディアムサイズ
----------------------------*/
@media only screen and (min-width: 40em){	/* 640px */
	

} /* end 640px*/

/*----------------------------
マイナーブレイクポイント 
----------------------------*/
@media only screen and (min-width: 50em){	/* 800px */

/*---　段落  ---*/
.font-style dl{
	width: 86%;
}
/*---　プロフィール  ---*/
.profile{
	padding: 16px;
}
	
} /* end 800px*/

/*----------------------------
ラージサイズ
----------------------------*/

 @media only screen and (min-width: 60em) {	/*960px*/

	 
} /* end 960px*/