@charset "utf-8";
/* CSS Document */
h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
h4 span{
	font-size: 14px;
	display: block;
}
h4 span::before,h4 span::after{
	content: "◆";
	display: inline-block;
	font-size: 10px;
	vertical-align: text-bottom;
}
h4 span::before{margin-right: 2px;}
h4 span::after{margin-left: 2px;}
.flow li{
	display: flex;
	gap:50px;
	align-items: flex-start;
}
.flow li div{width: calc(60% - 25px);}
.flow li img{width: calc(40% - 25px);}
.flow li:nth-child(even){flex-direction: row-reverse;}
.flow li:not(:last-child){
	margin-bottom: 40px;
}
.btn{margin: 100px auto 0;}

.tab-item>div{margin-bottom: 100px;}
.tab-item>div p{margin-bottom: 30px;}

@media (max-width: 850px) {
	.tab-item>div{margin-bottom: 40px;}
	.tab-item>div p{margin-bottom: 20px;}
	.flow li,.flow li:nth-child(even){flex-direction: column;gap:20px;}
	.flow li div,.flow li img{width: 100%;}
	.flow li:not(:last-child) {margin-bottom: 40px;}
	h4{margin-bottom: 10px;}
	.btn {margin: 30px auto 0;}
}