@charset "utf-8";
@import url("base.css");



/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/

/*リンク*/
table span a{
	background-color: #202c5c;
	color: #fff;
	padding: 0.1em 2%;
	text-decoration: none;
	transition: all 0.2s linear;
}
table span a:hover,table span a:active{
	background-color: #293977;
	text-decoration: none;
}

/*メイン*/
#company{
	margin: 3em auto 0;
}
#company dl{
	width: 100%;
	margin: 1em 0 0;
	display: flex;
	justify-content:space-between;
}
#company dl dt{
	width: 23%;
}
#company dl dd{
	width: 75%;
	font-size: 98%;
}
#company dl dd a{
display: block;
    width: 200px;
    margin: 2em 0;
    background-color: #202c5c;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 0.5em 0;
	transition: all 0.2s linear;
}
#company dl dd a:hover,#company dl dd a:active{
	background-color: #293977;
	text-decoration: none;
}
#company table{
	width: 100%;
	border-top: 1px solid #AAAAAA;
}
#company table th{
	width: 20%;
	padding: 0.75em 2%;
	background-image: url(../img/company/back.png);
	background-size: 200% auto;
	background-repeat:no-repeat;
	background-position: left top;
	text-align: left;
	font-weight: normal;
}
#company table td{
	width: 74%;
	padding: 0.75em 2%;
}
#company table tr{
	border-bottom: 1px solid #AAAAAA;
}

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/

/* pc */
@media screen and (min-width: 1300px)  {
	
/*メイン*/
#company{
	width: 1280px;
}
table .tel{
	display: none;
	}
}

/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1299px)  {
	
/*メイン*/
#company{
	width: 96%;
}
}
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/

/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1279px)  {

/*メイン*/
table .tel{
	display: none;
	}
}


/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

/*メイン*/

}

/* tablet3  */
@media only screen and (max-width: 767px) {
	
/*メイン*/
#company{
	margin: 2em auto 0;
}
#company dl img{
	width: 90%;
	margin: 0 5% 0;
}
#company dl{
	margin: 1em 0 0;
	flex-direction:column;
}
#company dl dt,#company dl dd{
	width: 100%;
}
#company dl dd a{
display: block;
    margin: 2em auto;
}
#company table th,#company table td{
	display: block;
	width: 96%;
}
}