﻿@charset "utf-8";  
/*------------------------------------------------------------ 
    selling-guide css
------------------------------------------------------------*/  

#seller-hd{
	width:100%;
	padding:160px 0;
	background:url(../img/bg-headline.jpg) repeat-x 50% top;
	position:relative;
}

#seller-hd-inner{
	width:996px; /* 960px + 左右18px */
	height:217px;
	padding-top:25px;
	text-align:center;
	margin:0 auto;
	color:#fff;
	background:#FF9EB9;
	position:relative;
	z-index:10;
}

.hd-txt1{
	font-weight:bold;
	font-size:167%;
	letter-spacing:0.5px;
	margin:12px 0 25px;
}

.hd-txt2{
	display:inline-block;
	padding:12px 12px 12px 17px;
	border:3px solid #fff;
	font-size:226%;
	font-weight:bold;
	border-radius:7px;
}

/* campaign */

#campaign{
	width:100%;
	color:#666;
	padding:30px 0 40px;
	text-align:center;
}

#campaign h3{
	width:100%;
	height:168px;
	padding-top:34px;
	text-align:center;
	max-width:1060px;
	margin:0 auto;
	background:url(../img/bg-campaignhd.png) no-repeat 50% 0;
}

.campaign-lead{
	line-height:1.8;
	font-size:226%;
	margin-top:-60px;
}

.campaign-lead span,
.campaign-txt2 span{
	color:#FF9EB9;
	font-weight:bold;
}

.campaign-txt{
	font-size:150%;
	line-height:1.7;
	margin-bottom:30px;
}

.campaign-txt2{
	font-size:226%;
	line-height:1.7;
	margin:15px 0;
	font-weight:bold;
}

.button{
	width:400px;
	height:60px;
	margin:0 auto;
}

.button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.3px;
	font-size:150%;
	background:#FF9EBA;
	border-radius:5px;
}

.button a span{
	font-size:125%;
	font-weight:bold;
}

.button a small{ font-size:84%;}

.project{ padding:40px 0;}

.project h4{
	font-size:150%;
	font-weight:bold;
}

.project p{
	font-size:134%;
	line-height:1.7;
	margin-top:15px;
}

.project p span{ font-size:84%}



/* メリット */

#merit{
	width:auto;
	padding:20px 0 50px;
	background:#FAFAFA;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
}

.secHd{
	width:100%;
	padding:40px 0 20px;
	text-align:center;
	font-size:38px;
	color:#333;
}

.txt{
	color:#333;
	line-height:1.7;
	text-align:center;
	font-size:134%;
	margin-top:25px;
}


.columnBox{
	width:auto;
	max-width:1022px;
	padding :70px 0 20px;
	border:1px solid #E5E5E5;
	margin:52px auto 0;
	position:relative;
	z-index:10;
}

.columnHd{
	width:114px;
	height:94px;
	padding-top:20px;
	text-align:center;
	background:#fff;
	border-radius:50%;
	position:absolute;
	left:50%;
	top:-52px;
	margin-left:-57px;
}

.columnHd h4{
	color:#FF9EB9;
	font-size:175%;
	font-weight:bold;
	margin-top:10px;
}

.listWrap{
	width:100%;
	text-align:center;	
}

.listWrap ul{
	display:inline-block;
	vertical-align:top;
	padding:0 36px;
}

.listWrap li{
	line-height:1.7;
	color:#333;
	font-size:134%;
	text-align:left;
}

.listWrap li:before{
	content:"・";
	color:#FF9EB9;
}

.txt2{
	color:#333;
	font-size:134%;
	line-height:1.7;
	text-align:center;
}

.txt3{
	color:#333;
	font-size:134%;
	text-align:center;
	line-height:1.7;
	padding:45px 0;
}

.txt3:last-child{ padding-bottom:100px;}

.txt3 a{ color:#FF9EB9;}



