@charset "UTF-8";

.maintitle {
	width:800px;
}

.text01 {
	font-family:"EB Garamond", serif;
	font-size:1.4em;
	font-weight:bold;
}

.text02 {
	font-family:"EB Garamond", serif;
	line-height:1.8;
}

.bg01 {
	background:#fff url(../images/about/bg01.png) bottom right no-repeat;
	background-size:35%;
}

.bg02 {
	background:#fff url(../images/about/bg02.jpg) bottom center no-repeat;
	background-size:100%;
	height:auto;
	aspect-ratio: 20 / 13;
}

.companydiv {
	width:800px;
}

.companytable {
	font-family:"EB Garamond", serif;
	width:800px;
	font-size:1.3em;
}

.companytable th {
	padding:0.5em 3em;
	text-align:center;
	border-bottom:1px solid #000;
}

.companytable td {
	padding:0.5em 1em;
	border-bottom:1px solid #000;
}


/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.top-cmt {
		display:block;
		left:0;
		width:100%;
		padding:0 5px;
		
	}
	
	.top-cmt .text1 {
		position:absolute;
		top:100px;
		width:100%;
		font-size:2em;
		font-weight:bold;
		text-align:left;
		margin-bottom:1em;
	}
	
	.top-cmt .text2 {
		position:absolute;
		left:0;
		top:180px;
		margin:0 auto;
		width: 100%;
		padding:10px;
		font-size:1.1em;
	}
	
	.maintitle {
		width:100%;
	}

	.bg01 {
		background-size:90%;
	}

	.companydiv {
		width:100%;
	}

	.companytable {
		font-family:"EB Garamond", serif;
		width:100%;
		font-size:1.3em;
	}

	.companydiv {
		width:100%;
		padding-bottom:2em;
	}

	.companytable {
		font-family:"EB Garamond", serif;
		width:100%;
		font-size:0.9em;
	}

	.companytable th {
		padding:0.5em 2em;
		white-space:nowrap;
	}

}