.tab{
	display: flex;
	flex-wrap: wrap;
	border: none!important;
	margin: 1em -5px 0!important;
	padding: 0;
}
.tab li {
	width: 100%!important;
	margin: 5px!important;
}
.tab li span{
	display: block;
}
.tab li {
	display: inline-block;
	background: #EDF7FC!important;
	padding: 10px 20px;
	color: #2E6A9A;
	border: 1px solid #d0d7db!important;
	/*border: 1px solid transparent;*/
	border-left: 0;
	margin: 5px!important;
	border-radius: 10px;
	line-height: 1.5;
	text-align: center;
}
.tab li:first-child{
	border-left: 1px solid #d0d7db;
}
.tab li.active {
	background: #fff!important;
	position: relative;
	border: 1px solid #2E6A9A!important;
}
/*--タブのコンテンツ部分--*/
.tab_cont {
	display: none;
	padding: 0 10px 10px !important;
	box-sizing: border-box;
}
.tab_cont.active{
	display: block;
}
@media (min-width: 768px) {
	.tab {
		border-bottom: 1px solid #2E6A9A!important;
		padding: 0 1em!important;
		margin: 2em 2em 0!important;
	}
	.tab li {
		text-align: center;
		width: auto!important;
		border-radius: 10px 10px 0 0;
		margin: 0 5px!important;
		border-bottom: none!important;
	}
	.tab li span{
		display: inline-block;
	}
	.tab li.active {
		border-bottom: none!important;
		bottom: -1px;
	}
	.tab_cont {
		padding: 30px !important;
	}
}