@charset "UTF-8";


/*-----------------------------
Twitter
-----------------------------*/
#hometwitter{
	background: url(../images/img6.png);
	background-size: cover;
	padding: 120px 0;
}
.twitter{
	display: flex;
	justify-content: space-between;
}
.twitter .title01{
	flex-basis: 50%;
  margin-right: 5%;
}
.twitter .twitter-content{
	flex-basis: 65.4%;
}
.twitter-content #sbi_images{
	display: flex;
	margin-bottom: 40px;
}
.twitter-content .sbi_item {
	width: calc(100%/4);
}
.twitter-content .sbi_item span,
.twitter-content .sbi_item svg {
	display: none;
}
.twitter-content .sbi_item img{
	flex-grow: 1;
}
.twitter-content .sbi_item + .sbi_item{
	margin-left: 40px;
}

/*-----------------------------
Facebook
-----------------------------*/
#homefacebook{
	background: #395694;
	background-size: cover;
	color: #FFFFFF !important;
	padding: 120px 0;
}
.facebook{
	display: flex;
	justify-content: space-between;
}
.facebook .title01{
	flex-basis: 50%;
  margin-right: 5%;
}
.facebook .facebook-content{
	flex-basis: 65.4%;
}
.facebook-content #sbi_images{
	display: flex;
	margin-bottom: 40px;
}
.facebook-content .sbi_item {
	width: calc(100%/4);
}
.facebook-content .sbi_item span,
.facebook-content .sbi_item svg {
	display: none;
}
.facebook-content .sbi_item img{
	flex-grow: 1;
}
.facebook-content .sbi_item + .sbi_item{
	margin-left: 40px;
}
#homefacebook p,
#homefacebook h3 {
	color: #ffffff !important;
}

@media screen and (max-width: 1680px){

}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1000px){
	
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 768px){
	
	.facebook{
		display: block;
	}
	.facebook .title01{
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 680px){
	
	/*-----------------------------
	Twitter
	-----------------------------*/
	#hometwitter {
		padding: 60px 0;
	}
	
	.twitter-content #sbi_images{
		flex-wrap: wrap;
	}
	.twitter-content #sbi_images {
		margin-bottom: 25px;
	}
	#hometwitter .twitter-content .sbi_item {
		width: 49%;
		height: auto;
		margin: 0 0 2% 2%;
	}
	#hometwitter .twitter-content .sbi_item:nth-child(2n+1){
		margin-left: 0;
	}
	
	/*-----------------------------
	Facebook
	-----------------------------*/
	#homefacebook {
		padding: 60px 0;
	}
	
	.facebook-content #sbi_images{
		flex-wrap: wrap;
	}
	.facebook-content #sbi_images {
		margin-bottom: 25px;
	}
	#homefacebook .facebook-content .sbi_item {
		width: 49%;
		height: auto;
		margin: 0 0 2% 2%;
	}
	#homefacebook .facebook-content .sbi_item:nth-child(2n+1){
		margin-left: 0;
	}
	#homefacebook p {
		color: #ffffff !important;
	}
}