@charset "utf-8";
@import url("base.css");




/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
h1{
	width: 96%;
	padding: 1em 2%;
	font-size: 187.5%;
	text-align: center;
	background-color: #ffd800;
}
h2{
	width: 100%;
	font-size: 187%;
	border-top: 3px solid #FFD800;
	border-bottom: 3px solid #FFD800;
	padding: 0.25em 0;
}
h3{
	width: 96%;
	font-size: 112%;
	font-weight: normal;
	background-color: #FFD800;
	padding: 0.5em 2%;
	margin: 3em 0 0;
}
#profile{
	margin: 3em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
#m_left{
	width: 30%;
	margin: 0;
}
#m_left img{
	width:100%;
	
}
#m_right{
	width: 65%;
	margin: 0;
}
#m_right ul{
	width: 100%;
}
#m_right ul li{
	width: 96%;
	padding: 0.75em 2%;
}	
#m_right ul li:nth-child(even){
	background-color: #f2f2f2;
}
#m_right ul li figure{
	width: 15%;
	margin: 0.25em 0 0;
}

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/

/* pc */
@media screen and (min-width: 1300px)  {
	
/*メイン*/
#profile{
	width: 1280px;
}
}

/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px)  {
	
/*メイン*/
#profile{
	width: 96%;
}
}
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/

/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1299px)  {
	
/*メイン*/

}


/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

/*メイン*/

}

/* tablet3  */
@media only screen and (max-width: 767px) {

/*メイン*/
#profile{
	margin: 2em auto 3em;
	flex-direction: column;
}
#m_left{
	width: 50%;
	margin: 0 25% 1em;
}
#m_right{
	width: 100%;
	margin: 0;
}

	}

/* smartPhone1 */
@media only screen and (max-width: 499px) {

/*メイン*/
h1{
	font-size: 160%;
}
h2{
	font-size: 160%;
}
h3{
	margin: 2em 0 0;
}
}