/* flexbox 親要素
-------------------------------------------- */
.flexbox01 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.col3-flame{
	width: 1140px;
	margin: 0 auto;
}
.box-col3{
	width: 30%;
	padding: 20px 0 0 30px; 
 	border-left: 1px solid #999;
	text-align: center;
}
.box-col3:last-child {
     border-right:1px solid #999;
}

.logo-com{
	padding-top: 50px;
	
}
/* スマートフォン横向き(667px以下のディスプレイで見た場合のスタイル) */
@media screen and (max-width: 667px) {
/* 基本
-------------------------------------------- */
.col3-flame{
	width: 100%;
	margin: 0 auto;
}
.box-col3{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 10px 20px; 
 	border-top: 1px solid #999;
	border-left: none;

}
.box-col3:last-child {
     border-right:none;
}	
}
/* スマートフォン(480px以下のディスプレイで見た場合のスタイル) */
@media screen and (max-width: 480px) {
/* flexbox 子要素
-------------------------------------------- */
.col3-flame{
	width: 100%;
	margin: 0 auto;
}
.box-col3{
	width: 98%;
	margin: 0 auto;
	padding: 10px 0 10px 20px; 
 	border-top: 1px solid #999;
	border-left: none;
}
.box-col3:last-child {
     border-right:none;
}	
}
@media screen and (min-width: 700px) {
.box-col3{
	text-align: left;
	}
.logo-com{
	padding-top: 0px;
	
}

}