/* CSS Document */

@charset "UTF-8";

@import url('style.css');

/*----------------------------------------------------------------------
代表挨拶
-----------------------------------------------------------------------*/
#Greeting div.flex {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 20px 70px;
}

#Greeting div.flex p {
	text-align: right;
}
#Greeting div.flex p+p {
	margin-top: 0.125rem;
}

#Greeting div.flex p > span {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 1.875em;
	font-weight: 900;
}

@media screen and (max-width: 736px) {
	#Greeting div.flex {
		flex-direction: column-reverse;
		align-items: flex-start;
		margin-top: 3rem;
	}

	#Greeting div.flex p {
		text-align: left;
	}
}

/*----------------------------------------------------------------------
会社概要
-----------------------------------------------------------------------*/
#about {
	width: 100%;
	padding: 0;
	border-top: 1px solid #555;
}

fieldset {
	display: flex;
	justify-content: space-between; 
	border: none;
	border-bottom: solid 1px #555;
}

fieldset div {
	width: 200px;
	padding: 13px 10px;
	font-size: 1.0625rem;
	font-weight: 500;
}

fieldset p, fieldset ul, fieldset ol {
	width: calc(100% - 220px);
	padding: 13px 7px 13px 10px;
	font-size: 1.0625rem !important;
}

fieldset ul, fieldset ol {
	line-height: 1.6em;
}

fieldset ol {
	list-style-position: inside;
}

main h1+h2, main div+h3 {
	margin-top: 4rem;
}

@media screen and (min-width: 736px) {
	p.train {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 736px) {
	fieldset {
		flex-direction: column;
	}

	fieldset div {
		width: 100%;
		padding-bottom: 0;
		box-sizing: border-box;
	}

	fieldset p, fieldset ul {
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}

	ul#office li:nth-child(odd) {
		margin-bottom: 0.66em;
	}
}