@charset "utf-8";
/* CSS Document */

/*===============================================
●共通
===============================================*/
.companyTable {width: 100%;}
.companyTable th,
.companyTable td {line-height: 1.63em;}

/* svg */
#outlineWrap #logoIcon {
	display: block;
	margin-bottom: 0.2em;
}
.logoSt01 {fill: #474645;}
.logoSt02 {fill: #2a8a2a;}
.logoSt03 {fill: #fff;}
.logoSt04 {fill: #eadc00;}

/* outlineWrap
---------------------------------------- */
#outlineWrap #outlineBg {background-color: #F9F9F9;}
#outlineWrap table th {
	font-weight: bold;
	border-bottom: 1px solid #387FD2;
	vertical-align: top;
}
#outlineWrap table td {border-bottom: 1px solid rgba(140,161,188,0.5);}

/* clientWrap
---------------------------------------- */
#clientWrap table th {
	background-color: #EAF6FD;
	text-align: center;
}

/*===============================================
●画面の横幅が729px以下
===============================================*/
@media screen and (max-width: 729px){
	
	#companyWrap .tit03 {margin-bottom: 1em;}
	
	/* outlineWrap
	---------------------------------------- */
	#outlineWrap {margin-bottom: 4em;}
	#outlineWrap #outlineBg {
		border-radius: 15px;
		padding: 1em 1em 3em;
	}
	#outlineWrap table th {
		min-width: 80px;
		padding: 1.5em 0;
	}
	#outlineWrap table td {padding: 1.5em 0 1.5em 1em;}
	#outlineWrap #logoIcon svg {
		width: 11.4em;
		height: 2.14em;
	}
	
	/* clientWrap
	---------------------------------------- */
	#clientWrap {margin-bottom: 0;}
	#clientWrap table tr {
		display: block;
		margin-bottom: 1em;
		border: 1px solid #EAF6FD;
	}
	#clientWrap table th,
	#clientWrap table td {
		display: block;
		width: 100%;
		padding: 0.8em 1em;
	}
}
/*===============================================
●画面の横幅が730px以上
===============================================*/
@media screen and (min-width: 730px) {
	
	#companyWrap .tit03 {margin-bottom: 1.5em;}
	#outlineWrap,
	#clientWrap {margin-bottom: 0;}
	.companyTable th,
	.companyTable td {font-size: 1.14em;}
	
	/* outlineWrap
	---------------------------------------- */
	#outlineWrap #outlineBg {
		border-radius: 30px;
		padding: 1.5em 20px 3.4em;
	}
	#outlineWrap table {
		max-width: 766px;
		margin: 0 auto;
	}
	#outlineWrap table th {
		width: 170px;
		padding: 2em 0;
	}
	#outlineWrap table td {padding: 2em 1em 2em 3em;}
	#outlineWrap table td .telLink {pointer-events: none;}
	#outlineWrap #logoIcon svg {
		width: 16.4em;
		height: 2.75em;
	}
	
	/* clientWrap
	---------------------------------------- */
	#clientWrap table tr {
		display: flex;
		margin-bottom: 4px;
	}
	#clientWrap table th {
		max-width: 192px;
		width: 36%;
		padding: 1em 0;
	}
	#clientWrap table td {
		display: block;
		border: 1px solid #EAF6FD;
		box-sizing: border-box;
		margin-left: 4px;
		padding: 1em 1em 1em 2em;
		width: 100%;
	}
}