@CHARSET "UTF-8";
/* Purpureって何？*/
#retail_body{

}
#retail_header h3{
	margin-left:5px;
	padding-left:5px;
}
#retail_header p{
	width:800px;
	margin:0 auto;
}
#retail_header ul{
	--margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}

#retail_header li{
	list-style-type:none;
	display:inline-block;
}
#retail_header li a{
	width:300px;
	height:80px;
	margin:0 auto;
	text-decoration:none;
	vertical-align:middle;
}
#retail_header h3{
	border-left:solid 20px black;
	padding-left:5px;
}

.retail_button{
	font-size:23px;

}

.retail_text{
	font-size:12px;

}

/* Purpureを使うメリット */
#merit{
	margin:0 auto;
	background-color:black;
	color:white;
	padding-top:5px;
}
#merit h3{
	border-left:solid 20px white;
	padding-left:5px;
	margin-left:5px;
}
.merit-box_frame{
	margin:0 auto;
	text-align:center;
	width:950px;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
}

.merit-box{
	width:300px;
	--height:210px;
	margin-bottom:5px;
	--padding:0 auto;
	padding-left:10px;
	margin:0 auto;
}
.merit-box_frame2{
	width:950px;
	display:flex;
	display:-webkit-flex;
	display:-ms-flex;
}
.merit-box h4{
	--border-left:solid 15px white;
	text-align:left;
	--padding-left:5px;
	--margin-left:5px;
	margin-bottom:40px;
}
.merit-box p{
	width:90%;
	text-align:left;
	word-wrap:break-word;
	-ms-word-wrap:break-word;
	-moz-word-wrap:break-word;
	-webkit-word-wrap:break-word;
	-o-word-wrap:break-word;
	color:black;
}
.merit-bg{
		background-color:white;
		height:120px;
}

/* お申込の流れ */
#enter-flow{
	width:950px;
	background-color:black;
	color:white;
	padding-top:5px;
}
#enter-flow p{
	word-wrap:break-word;
	-ms-word-wrap:break-word;
	-moz-word-wrap:break-word;
	-webkit-word-wrap:break-word;
	-o-word-wrap:break-word;
	--padding-top:30px;
}
#enter-block-area{
	display:flex;
	width:950px;
	margin-bottom:30px;
	margin-top:30px;
}
.enter-block{
	width:160px;
	height:100%;
	line-height:100%;
	margin:0 auto;
}
.enter-block h2{
	font-size:16px;
	font-weight:normal;
	width:150px;
	height:150px;
	line-height:150px;
	text-align:center;
	border:solid 5px wihte;
	border-radius:50%;
	word-wrap:break-word;
	-ms-word-wrap:break-word;
	-moz-word-wrap:break-word;
	-webkit-word-wrap:break-word;
	-o-word-wrap:break-word;
	--margin-bottom:30px;
	box-shadow:4px -2px 3px 6px;
	display:table-cell;
	vertical-align:middle;
}
.enter-block p{
	font-size:12px;
}
.flowtx-down {
	padding-top:30px;
}
.indent{
	text-indent:-1em;
    padding-left:1em;
}
.icon-area{
	height:150px;
	--position:relative;
	display:table;

}
.icon{
	position:absolute;
	height:150px;
	top:59%;
	left:-5px;
}
/* 出展モールの比較 */
#wholesale-site{
	margin:0 auto;
	margin-top:40px;
	background-color:white;
	color:black;
    font-size: 13px;
	height:100%;
}

#wholesale-site h3{
	border-left:solid white 20px;
	margin-left:5px;
	padding-left:5px;
	margin-bottom:50px;
	margin-top:50px;
}
#wholesale-site table{
	width:750px;
	height:100%;
	margin:0 auto;
	margin-bottom:50px;
}
#wholesale-site th,#wholesale-site td{
	border:solid 1px black;
	height:60px;

}
#wholesale-site th{
	width:50px;
	text-align:center;
}
#wholesale-site td{
	width:350px;
}
#wholesale-site ul li{
	padding-left:5px;
	padding-right:0px;
	list-style-position:inside;
	text-align:left;
}


/* アイコン */
.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	display:table-cell;
	vertical-align:middle;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.sample4-1::before{
	left:0px;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	border: 12px solid transparent;
	border-left: 12px solid #85B2DF;
}