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


/*ご挨拶*/
#aisatu_wrap{
	background-image: url("../img/company/aisatu_back.png");
	padding: 200px 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}

.aisatu_cont ul{
	width: 700px;
	margin: 0 auto;

}

.aisatu_cont li{

}

.aisatu_cont li:nth-of-type(1){
	text-align: center;

}

.aisatu_cont li:nth-of-type(3){
	text-align: right;

}


/*TSIライン*/
#tsi_line{
	background-color: #e6ecf8;

}

.tsi_line_logo{
	width: 100px;
	margin: 0 auto;
	padding: 40px 0;
}

/*会社概要*/

#gaiyou_wrap{
margin: 0 auto;
	padding: 40px 0;
}

.gaiyou_cont ul{
	width: 1100px;
	margin: 0 auto;
	
}


.gaiyou_cont li:nth-of-type(1){
	text-align: center;

}


.gaiyou_cont li table{
	width: 600px;
	margin: 0 auto;
	border: none;
	display: flex;

}


.gaiyou_cont li table th,.gaiyou_cont li table td{
	border: none;
	padding: 20px 0;

}

.gaiyou_cont li table th{
	width: 100px;
	vertical-align:top;
	
}

.gaiyou_cont li table td{
	width: 450px;
	
}

.gaiyou_media ul{

	display: flex;
	width: 100%;
	margin: 0 auto;
	    flex-direction: row;
    flex-wrap: wrap;
	
	justify-content: space-around;
}



.gaiyou_media li{
	background-color: #B9B9B9;
	width: 470px;
	height: 400px;
	margin: 20px ;
}




/************SP用**************/
@media screen and (max-width:500px)  {


/*ご挨拶*/
#aisatu_wrap{
	
	padding:60vw 0;
}

.aisatu_cont ul{
	width: 90%;
	padding: 0;
	margin: 0 auto;
}

.aisatu_cont li{
width: 100%;
	margin: 0 auto;
}

.aisatu_cont li:nth-of-type(1){
	text-align: center;

}

.aisatu_cont li:nth-of-type(3){
	text-align: right;

}
	

/*TSIライン*/
#tsi_line{
	background-color: #e6ecf8;

}

.tsi_line_logo{
	width: 100px;
	margin: 0 auto;
	padding: 10vw 0;
}

	
/*会社概要*/

#gaiyou_wrap{
margin: 0 auto;
	padding: 40px 0;
}

.gaiyou_cont ul{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	
}


.gaiyou_cont li:nth-of-type(1){
	text-align: center;

}


.gaiyou_cont li table{
	width: 100%;

}

.gaiyou_cont li tr{
	width: 100%;
	display: flex;
flex-direction: column;
}


.gaiyou_cont li table th,.gaiyou_cont li table td{
	border: none;
	padding: 20px 0;
	width: 100%;

}

.gaiyou_cont li table th{
	vertical-align:top;
	
}

.gaiyou_cont li table td{
}

.gaiyou_media ul{

	display: flex;
	width: 100%;
	margin: 0 auto;
	    flex-direction: row;
    flex-wrap: wrap;
	
	justify-content: space-around;
}



.gaiyou_media li{
	background-color: #B9B9B9;
	width: 470px;
	height: 400px;
	margin: 20px ;
}


	
	
	
}/************SPここまで**************/