
#concept .s_title{	margin-bottom: 40px;}

.toptxt{
	font-family: "FontBold";
	font-size: 20px;
	line-height: 36px;
	margin: 0 0 40px 0;
}
.toptxt em{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 30px;
	color: #ff007a;
}


/** conbox **/

.conbox{
	position: relative;
	padding: 50px 20px 70px 20px;
	border-top: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.conbox:before{
	content: '';
	height: 34px;
	border-right: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: calc(50% - 1px);
}
.conbox:after{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-family: "FontBold";
	font-size: 26px;
	line-height: 30px;
	color: #fff;
	background: #ccc;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	top: -25px;
	left: calc(50% - 25px);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#con1:after{	content: '01';}
#con2:after{	content: '02';}
#con3:after{	content: '03';}
#con4:after{	content: '04';}

.conbox h4{
	font-family: "FontBold";
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 15px 0;
}

.conbox .img{
	font-size: 0;
	line-height: 0;
	margin: 0 0 15px 0;
}
.conbox img{
	width: 100%;
	max-width: 500px;
	height: auto;
}

.conbox p{
	font-size: 16px;
	line-height: 30px;
}
.conbox p span{	color: #ff007a;}
#con3 .bt{	margin-top: 40px;}
#con3+.bt{	margin-bottom: 60px;}

.pc_none{	display: none;}


/*=================================================
 * CSS for SP
 * ================================================= */

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

	.pc_none{	display: inline;}
	.sp_none{	display: none;}
}

@media screen and (max-width: 414px) {
	.conbox p {    font-size: 15px;}
}
