@charset "utf-8";
/* CSS Document */
ul,li,dl,dt,dd,p{margin:0;padding:0;line-height:1.5em}
p{
	float:none!important;
}
.text-center{
	text-align: center;
}
.mb-5{
	margin-bottom: .5rem;
}
.main-content{
	padding: 10px;
}
.main-content h2{
	padding: 15px;
	color: #fff;
	margin-bottom: 15px;
}
.main-content h3{
	background: #eee;
	display: flex;
	margin-bottom: 15px;
}
.main-content h3 span{
	padding: 8px;
}
.main-content h3 .ttl-num{
	background: #666;
	color: #fff;
	padding: 8px 15px;
}
.ttl-line{
	background:#00A65A;
}
.ttl-insta{
	background:#8A3F94;
}
.cont-inner{
	margin-bottom: 20px;
}
.step-img ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.step-img li{
	flex: 0 0 45%;
	position: relative;
	margin-bottom: 10px;
}
.step-img li:nth-child(odd):before{
	content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(45deg);
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (min-width:600px) {
	article{
		width: 800px;
		margin: auto;
	}
	.mb-5 {
	    margin-bottom: 1.5rem;
	}	 
	.step-img li:nth-child(odd):before{
		right: -40px;
	}
}