@charset "utf-8";


h1{
	display: inline-flex;
	align-items: center;
	gap:15px;
}

h1 img{
	height: 1.3em;
	width:auto;
}


main{
	width:min(100%,1000px);
	margin:0 auto;
	padding:80px 0;
}

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

	レスポンシブ

------------------------------*/
@media screen and (max-width: 980px){
	#contant main{
		padding:80px 40px;
	}
}


@media screen and (max-width: 430px){
	#contant main{
		padding:50px 20px;
	}
}

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



	ごあさいつ


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

#coment{
	display: flex;
	justify-content: center;
}

#coment dt{
	font-family:var(--manchou);
	font-size:2rem;
	font-weight: 800;
	color:var(--glay);
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

#coment dd{
	flex:1;
	margin-left:50px;
	padding-left:50px;
	border-left:1px dotted rgba(140,135,135,1.00);

}

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

	レスポンシブ

------------------------------*/
@media screen and (max-width: 980px){
	#coment{
		display: block;
		border-bottom:1px solid #ddd;
	}
	
	#coment dt{
		display: block;
		border-bottom:1px solid #ddd;
		font-size:1.8rem;
		padding-bottom:3px;
	}
	
	#coment dd{
		padding-left: 0;
		padding:30px 20px;
 		border-left:none;
		margin-left:0;
	}
}

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



	概要



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

#about{
	margin:0 auto;
	margin-top:80px;
	width:100%;
	border-collapse:separate;
	border-spacing:0 5px;
}
#about th,
#about td{
	padding:10px 15px;
}

#about th{
	background-color: #5AB684;
	border-radius: 6px 0 0 6px;
	width:200px;
	color:#fff;
	font-weight: 600;
	letter-spacing: 3px;
}

#about td{
	background-color: rgba(231,229,229,0.3);
	border-radius: 0 6px 6px 0;
}
#about ul.syouyo{
	margin-left:1em;
}
#about li{
	margin-bottom:5px;
}

#about li::before{
	content:"・";
}

#about strong{
	font-size:18px;
}

#about td p{
	font-size:0.85rem;
	padding-left:1em;
	text-indent: -1em;
}

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

	レスポンシブ

------------------------------*/
@media screen and (max-width: 430px){
	#about{
		border-spacing:0 10px;
	}
	#about th,
	#about td{
		display: block;
		width:100%;
		border-left:2px solid  #5AB684;
		border-right:2px solid  #5AB684;
	}
	
	#about th{
		background-color: rgba(231,229,229,0.3);
		padding:0;
		border-top:2px solid  #5AB684;
		border-radius: 5px 5px 0 0;
	}
	
	#about th p{
		width:80%;
		background-color: #5AB684;
		border-top-left-radius: 5px;
		padding:3px 20px 3px 10px;
		line-height: normal;
		clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 0% 100%);
	}
	
	#about td{
		padding:20px 10px;
		border-bottom:2px solid  #5AB684;
		border-radius:0 0 5px 5px;
	}
}