@charset "UTF-8";

p.name,
p.job,
p.prof{
	font-family: 'Noto Sans JP', sans-serif;
}

/*=====================================================
	ウィンドウ幅が1280px以上の場合に適用
=====================================================*/
@media screen and (min-width: 1280px) {
#content-wrapper{
	height:700px;
	padding:200px 0;		
}
p.name{
	font-size: 24px;	
}
p.job{
	font-size: 18px;	
}
p.prof{
	font-size: 13px;	
}
}
/*=====================================================
	ウィンドウ幅が1279pxまでの場合に適用
=====================================================*/
@media screen and (max-width: 1279px) {
	
#content-wrapper{
	padding:200px 0;		
}

p.name{
	font-size: 2vw;	
}
p.job{
	font-size: 1.6vw;	
}
p.prof{
	font-size: 1vw;	
}

}


/*=====================================================
	ウィンドウ幅が最大767pxまでの場合に適用
=====================================================*/
@media screen and (max-width: 767px) {

	
#content-wrapper{
	padding:100px 0 250px;		
}

p.name{
	font-size: 3.5vw;	
}
p.job{
	font-size: 2vw;	
}
p.prof{
	font-size: 1.6vw;	
}	
}

/*=====================================================
	ウィンドウ幅が最大550pxまでの場合に適用
=====================================================*/
@media screen and (max-width: 550px) {

	
#content-wrapper{
	padding:100px 0 250px;		
}

p.name{
	font-size: 5vw;	
}
p.job{
	font-size: 3.5vw;	
}
p.prof{
	font-size: 2.6vw;	
}	
}