@charset "utf-8";

:root{
}

#sibucho{/*ご挨拶*/
	p{
		text-align: left;
		strong{
			display:block;
			font-size: 1.2em;
			font-weight: 400;
			color:red;
			margin:0 0 .3em 0;
		}
	}
}

#moku_slo{
	display:grid;
	grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
	gap:2rem;
}

#mokuhyo{/*同友会がめざす３つの目的*/
	text-align:left;
	ol{
		> * + *{
			margin-top:1em;
		}
		li{
			text-align: left;
			h3{
				font-size: 1.2em;
				font-weight: 400;
			}
			p{
				margin:.5em auto 0 auto;
			}
		}
	}
}

#slogan{/*長崎同友会スローガン*/
	ul{
		> * + *{
			margin-top:.5rem;
		}
		li{
			text-align:left;
			font-size: 1.2em;
			font-weight: 400;
			font-family: var(--font-family-minchou);
			color:rgb(var(--mainColor));
		}
	}
}

	
#housin{/*活動方針*/
	h4{
		font-size: 1.2em;
		font-weight: 400;
		color:rgb(var(--mainColor));
		span{
			font-size: .8em;
			font-weight: 300;
			display:block;
		}
	}
	> p{
		margin:1rem auto 0 auto;
		text-align: left;
		color:rgb(var(--baceFontColor));
	}
}

	#gutai{/*具体的な活動*/
		> * + *{
			margin-top:1.2em;
		}
		> div{
			h4{
				text-align: left;
				font-weight: 400;
				font-size: 1.1em;
			}
			ul{
				li{
					margin:.3em 0 0 3em;
					list-style:disc;
					text-align: left;
				}
			}
		}
	}

	#katudou{
		> dl{
			display:grid;
			grid-template-columns: repeat(auto-fill,minmax(min(400px,100%),1fr));
			gap:20px;
			> div{
				border:1px solid #00296D;
				border-radius: .5rem;
				overflow: hidden;
				dt{
					background:#00296D;
					color:white;
					padding:.5em .7em .3em .7em;
					text-align: left;
					font-size: 1.2em;
					font-weight: 400;
					line-height: 1.5em;
				}
				dd{
					margin:10px 15px 15px 15px;
					> * + *{
						margin-top:.5em;
					}
					> p{
						text-align: left;
					}
					> ul{
						li{
							margin:0 0 0 2em;
							list-style:decimal;
							text-align: left;
						}
					}
					> ol{
						li{
							margin:0 0 0 2em;
							list-style:disc;
							text-align: left;
						}
					}
				}
			}
		}
	}