@charset "UTF-8";

.wf-hannari {
	font-family: "Hannari";
}
main{
	margin:0 auto;
	width:90%;
}
main h2 {
	font-size: 1.8rem;
	line-height: 1.6;
}
main h3 {
	font-size: 1.4rem;
	line-height: 2;
}
main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	list-style: disc;
}
main li {
	margin-bottom: 20px;
	width: 30%;
	font-size: 1.6rem;
	line-height: 1.5;
	list-style-position: inside;
}
main li p {
	margin-bottom: 10px;
	font-size: 1rem;
	line-height: 1.3;
}

main table p{
	margin:0 0 4%;
	font-size:1rem;
	line-height:1.6;
}
main p span{
	color:red;
}
main section{
	margin:0 auto 20px;;
	width:94%;
}
main section h2{
	font-size:2rem;
	line-height:1.8;
	text-align:center;
}
main section h3{
	font-size:1.2rem;
	line-height:1.6;
}
main section p {
	margin-left: 20px;
	font-size: 0.95rem;
	line-height: 1.5;
	letter-spacing: 1px;
}
#profile table{
	width:86%;
}
#profile tr{
	display: flex;
}
#profile td{
	padding:2px;
	width: 76%;
	font-size:1rem;
	line-height:1.6;
}
#profile th {
	width:24%;
	font-weight: normal;
	font-size:1rem;
	line-height:1.6;
	text-align: left;
}
#profile ul{
	padding-left:20px;
	list-style:disc;
}
#profile li{
	font-size:1rem;
	line-height:1.6;
}


@media screen and (max-width:1026px){
	main section{
		width:96%;
	}
	main section p{
		margin-left:6%;
	}
	#profile table{
		width:100%;
	}
}


@media screen and (max-width:920px){
	main section h2 {
		font-size: 1.6rem;
	}
	main section p {
		font-size: 1rem;
	}
}


@media screen and (max-width:770px){
	main{
		width:98%;
	}
	main section {
		width:94%;
	}
	#profile table {
		width:94%;
	}
	#profile tr {
		flex-direction: column;
		border-bottom: 1px dotted #666;
	}
	#profile th,#profile td {
		width: 98%;
	}
	main ul {
		margin: 0 auto;
		width: 90%;
	}
	main li {
		width: 46%;
	}
}