@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
section{
	width:min(90%,1200px);
	margin:0 auto;
}

/*------------------------


	ごあいさつ


------------------------*/

section#greeding{
	padding-top:50px;
	display: flex;
	align-items: center;
	gap:50px;
}

#greeding .photo{
	width:min(100%,600px);
	list-style: 0;
}

#greeding .photo img{
	width:100%;
	height: auto;
	border-radius: 10px;
	display: none;
	object-fit: cover;
}

#greeding .text{
	flex:1;
}

#greeding .text p{
	margin-top:10px;
}

#greeding .text ul{
	margin:10px 0;
	font-weight: 700;
}

#greeding .text li{
	padding-left:1.5em;
	text-indent: -1.5em;
}

#greeding_name{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	line-height: 1.4;
	margin-top:40px;
}

#greeding_name strong{
	font-size:2rem;
	display: inline-block;
	margin-left:0.5em;
	line-height: 1;
	font-weight: 700;
}

/*--------------------------------------

	レスポンシブ

--------------------------------------*/
@media screen and (min-width: 0) and (max-width: 980px){
	section#greeding{
		flex-direction: column;
		padding-top:30px;
		gap:30px;
	}
	
	#greeding .photo{
		margin:0 auto;
		order:1;
	}
	
	#greeding .text{
		flex: none;
			order:2;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	#greeding_name strong{
		font-size:2rem;
	}		
	
	#greeding .photo{
		width:100%;
	}
	
	#greeding .photo img{
		width:100%;
	}
}
/*------------------------


	経歴など


------------------------*/


section#profile{
	padding-top:100px;	
}

section#profile .inner{
	display: flex;
	align-items: center;
	gap:40px;
}

#profile .photo{
	width:300px;
	line-height: 0;
	text-align: left;
}

#profile .photo img{
	width:300px;
	height: 100%;
	display: none;
	object-fit: cover;
	border-radius: 10px;
}

#profile .text{
	flex:1;
	/*display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;*/
}

#profile .text_inner{
	/*display: inline-block;*/
}

#profile .text_inner h3{
	font-size:1.5rem;
	font-weight: 700;
	color:#459A30;
	line-height: 1.6;
	margin-bottom:30px;
}

#profile .text_inner ul{
	min-width:100%;
	/*display: inline-block;*/
	border-top:1px solid #DADADA;
}
#profile .text_inner li{
	display: flex;
	padding:5px 0;
	border-bottom:1px solid #DADADA;
}

#profile .text_inner li .th{
	width:140px;
	font-weight: 700;
	display: flex;
	/*flex-direction: column;*/
	/*justify-content: center;*/
	align-items: center;
	text-align: left;
}

#profile .text_inner li .th::before{
	content:'●';
		font-size:8px;
		color:#BCE4CE;
	margin-right:10px;
}

#profile .text_inner li .td{
	flex:1;
	padding:10px 20px;
	border-left:1px dotted #C4C4C4;
	text-align: left;
}

#profile .text_inner li .td th{
	width:8em;
	vertical-align: top;
	font-weight: 500;
}

#profile .text_inner li .td td{
	/*padding-left:1em*/
}

#about_senmon{
	width:min(95%,1300px);
	font-size:1.8rem;
	margin:80px auto 100px auto;
	color:#459930;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
}

#book{
	width:min(90%,1200px);
	margin:15px auto 0 auto;
	border:1px solid #DADADA;
	border-radius: 5px;
	padding:10px;
	display: flex;
	align-items: center;
}

#book .ico{
	width:110px;
	line-height: 0;
}

#book .ico img{
	width:100%;
	height: auto;
}

#book .introduction{
	flex:1;
	margin-left:20px;
	line-height: normal;
	font-weight: 500;
	text-align: left;
	font-size:0.9rem
}

#book dl{
	font-weight: 700;
	margin-bottom:10px;
}

#book dt{
	

	font-size:1.15rem;
	font-weight: 700;
}


/*--------------------------------------

	レスポンシブ

--------------------------------------*/
@media screen and (min-width: 0) and (max-width: 980px){
	section#profile{
		width:95%;
	}
	/*section#profile .inner{
		width:95%;
		display: flex;
		gap:40px;
	}*/
	
	#profile .photo,
	#profile .photo img{
		width:20vw;
	}
	
	#profile .text_inner li .th{
		width:14vw;
	}
	
	#about_senmon{
		font-size:1.5rem;
	}
}

@media screen and (min-width: 0) and (max-width: 430px){
	section#profile{
		width:90%;
		padding-top:50px;	
	}
	
	#about_senmon{
		margin:30px auto 50px auto;
	}

	
	section#profile .inner{
		flex-direction: column;
	}
	
	#profile .photo{
		width:min(100%,250px);
		order:1;
	}
	
	#profile .photo img{
		width: 100%;
	}
	
	#profile .text{
		order:2;
	}
	
	#profile .text_inner li{
		flex-direction: column;
		text-align: left;
	}
	
	#profile .text_inner li .th{
		width:100%;
	}
	
	#profile .text_inner li .th::before{
		margin-right:5px;
	}
	
	#profile .text_inner li .td{
		border-left:none;
		padding:10px 5px 10px 1em;
	}
	#book .introduction{
		margin-left:0;
	}
	
	#book{
		display: block;
		padding:10px 5px;
	}
	
	#book .ico{
		margin:0 auto 10px auto;
	}
	
	#book dl{
		text-align: center;
	}
	
	#book dt{
		font: 1rem
	}
}