@charset "utf-8";

@import "../../../common/files/css/layout.css";

/*===========================
    company
===========================*/

#company{
    padding: 200px 0 100px 0;
}

#company ul{
	display:flex;
	justify-content:space-between;
    flex-wrap: wrap;
}

#company ul li{
    width:48%;
    margin:2% 0 0 0;
}

/*tablet用（481px〜1000pxまで）*/
@media screen and (min-width:481px) and (max-width:1000px){

}

/*sp用（480pxまで）*/
@media screen and (max-width:480px){

#company{
    padding: 30% 0 5% 0;
}

#company ul li{
    width:100%;
    margin:5% 0;
}

}


/*===========================
    profile
===========================*/

#profile{
    padding: 50px 0 100px 0;
}

table{
	width:100%;
}

th{
	color:#3b4a5c;
	font-weight:bold;
	letter-spacing: 0.3rem;
	line-height:1.5;
	text-align:center;
	width:25%;
	background-color:#f1f5f9;
	padding:10px 0;
}

td.table_border{
	height:1px;
	background-color:#b4bbc3;
	padding:0;
}

td.table_border_white{
	height:3px;
	background-color:#fff;
	padding:0;
}

td{
	padding:10px;
	line-height:1.5;
}
td span{
	font-weight: bold;
}
td span:not(:first-child){
    padding-top: 0.5rem;
    display: inline-block;
}


/*tablet用（481px〜1000pxまで）*/
@media screen and (min-width:481px) and (max-width:1000px){

}

/*sp用（480pxまで）*/
@media screen and (max-width:480px){

#profile{
    padding: 30% 0 20% 0;
}

th{
	padding:10px 10px;
}

}