.contents_body {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, sans-serif;
	color: #5D4B39;
	line-height: 1;
}

/* PC・SP共通 */
.clearfx:before,
.clearfx:after {
	content: "";
	display: table;
}

.clearfx:after { clear: both;
}

.contents_body img {
	width: 100%;
}

.mainImgBox,
.otherSalesBox {
	background-color: #b81200;
}

.userVoiceBox {
	background-color: #ebe3d2;
}

.sampleBox {
	background-color: #f2eee5;
}

.lpHederBox ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.entryBtn {
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.ecFeatureContents .entryBtn a {
	background-color: #000000;
}

.ecFeatureContents .annotation {
	color: #fff;
	letter-spacing: .1em;
}

.ecFeatureContents .extensiveassortmentBox {
	background-color: #fff;
}

.ecFeatureContents .sampleContentTextArea p {
	color: #fff;
}

.ecFeatureContents .activeServiceBox,
.ecFeatureContents .kodawariBox { 
	background-color: #f2f2f2;
}

.ecFeatureContents .baseText,
.ecFeatureContents .baseText .annotation,
.ecFeatureContents .numberOfUsersText {
	color: #333333;
}

.ecFeatureContents .numberOfUsersText .storongText,
.ecFeatureContents .userVoiceAreaText {
	color: #b81200;
}

.ecFeatureContents .kodawariHeading,
.ecFeatureContents .userIndustry {
	color: #1c9bc8;
}

.ecFeatureContents .moreactiveBox .linkBtn a {
	color: #7d370d;
	background-color: #ffde00;
}

.ecFeatureContents .lpFooterBox {
	background-color: #ffe2df;
	text-align: center;
	color: #b81200;
}

/* PC */
@media screen and (min-width: 1330px) {	
	.sp_only { display: none !important; }

	.ecFeatureContents .entryBtn a:hover {
		background-color: #ffde00;
		color: #b81200;
	}
	
	.ecFeatureContents .baseText {
		font-size: 15px;
		line-height: 1.5em;
		letter-spacing: .04em;
	}

	.ecFeatureContents .contents_body {
		min-width: 1364px;
	}

	.ecFeatureContents .annotation {
		font-size: 18px;
	}

	.ecFeatureContents .entryBtn a {
		border-radius: .2em;
		padding: 30px 90px;
		font-size: 30px;
		letter-spacing: .1em;
	}

	.ecFeatureContents .logoArea {
		padding: 2vw;
		position: absolute;
		top: 0;
		z-index: 999;
	}

	.ecFeatureContents .activeLogo img {
		width: 9vw;
	}
	
	.ecFeatureContents .activeExplanation img {
		width: 50vw;
	}

	.ecFeatureContents .mainImgBox {
		width: 100%;
		top: 0;
		z-index: 99;
	}

	.ecFeatureContents .lpHederBox .entryBtn a {
		border-radius: .2em;
		padding: 1.8vw 4vw;
		font-size: 2vw;
		letter-spacing: .1em;
	}

	.ecFeatureContents .lpHederBox .entryBtn {
		margin-top: 3vw;
	}

	.ecFeatureContents .otherSalesBox {
		padding: 22px 0 50px;
	}
	
	.ecFeatureContents .otherSalesContent,
	.ecFeatureContents .sampleContentArea,
	.ecFeatureContents .numberOfUsersText {
		width: 1364px;
		margin: 0 auto;
	}

	.ecFeatureContents .otherSalesBox .entryBtn { 
		margin-top: 60px;
    	margin-bottom: -64px;
	}

	.ecFeatureContents .titleOthersalesBox img {
		width: 973px;
		margin: 30px 0 0;
	}

	.ecFeatureContents .otherSalesImgBox {
		display: flex;
		width: 978px;
		margin-left: -7px;
	}

	.ecFeatureContents .otherSalesImgBox img {
		border-radius: 1em;
	}

	.ecFeatureContents .lineInfoBox {
		display: flex;
		width: 370px;
	}

	.ecFeatureContents .lineimgsp {
		margin-right: 10px;
	}

	.ecFeatureContents .lineTextImg {
		margin-bottom: 10px;
	}

	.ecFeatureContents .lineTextImg img {
		width: 128px;
		height: auto;
	}

	.ecFeatureContents .otherSalesContentArea {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-top: -150px;
	}
	
	.ecFeatureContents .lineTextQrBox {
		display: flex;
		flex-direction :column;
		justify-content: flex-end;
		margin-bottom: 15px;
	}

	.ecFeatureContents 	.extensiveassortmentBox {
		padding: 60px 0;
	}

	.ecFeatureContents .titleExtensiveassortment,
	.ecFeatureContents .numberOfItemsBox {
		width: 1340px;
		margin: 0 auto;
	}

	.productBox {
		width: 1100px;
		margin: 0 auto;
	}

	.ecFeatureContents .numberOfItemsBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 35px;
	}
	
	.ecFeatureContents .numberoFitems{
		width: 658px;
	}
	
	.ecFeatureContents .productImage {
		width: 656px;
	}

	.ecFeatureContents .productList01,
	.ecFeatureContents .productList02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ecFeatureContents .productItem {
		width: 255px;
		margin: 0 10px 30px;
	}

	.ecFeatureContents .productImage img,
	.ecFeatureContents .productItem img {
		border-radius: 0.5em;
	}

	.ecFeatureContents .sampleBox {
		margin-top: -71px;
		margin-bottom: -71px;
	}

	.ecFeatureContents .sampleConnection {
		position: absolute;
		top: -40px;
		width: 100%;
	}
	
	.ecFeatureContents .sampleConnection img { 
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 183px;
	}

	.ecFeatureContents .sampleContentArea {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ecFeatureContents .sampleContentImgArea { 
		width: 36vw;
	}

	.ecFeatureContents .sampleContentTextArea {
		width: 34vw;
	}

	.ecFeatureContents .sampleBox .entryBtn {
		width: 30vw;
		margin-left: 2vw;
	}
	
	.ecFeatureContents .sampleBox .entryBtn a {
		border-radius: 0.2em;
		padding: 1.5vw 2vw;
		font-size: 1.5vw;
		letter-spacing: .1em;
		background-color: #bb1a1a;
		box-shadow: 0 5px 0 #000;
		display: inline-block;
	}

	.ecFeatureContents .sampleBox .entryBtn a:hover {
		box-shadow: none;
		transform: translateY(5px);
		color: #fff;
		opacity: .6;
	  }

	.ecFeatureContents .activeServiceBox {
		background-color: #f2f2f2;
	}

	.ecFeatureContents .activeServiceBox h2 {
		margin: 0 auto 50px;
		text-align: center;
		width: 824px;
	}

	.ecFeatureContents .activeServiceBox { 
		padding: 90px 0 20px;
	}

	.ecFeatureContents .serviceList {
		width: 1040px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	
	.ecFeatureContents .serviceitem {
		width: 320px;
		margin: 0 13px 35px;		
	}

	.ecFeatureContents .serviceitem dt {
		background-color: #fff;
		height: 184px;
		text-align: center;
		border-radius: .5em;
		margin-bottom: 10px;
	}

	.ecFeatureContents .serviceitem dt img {
		width: 190px;
		margin-top: 35px;
	}

	.ecFeatureContents .serviceitem:nth-child(1) img  {
		width: 170px;
	}

	.ecFeatureContents .serviceitem:nth-child(2) img  {
		width: 140px;
	}

	.ecFeatureContents .serviceitem:nth-child(3) img  {
		width: 189px;
	}

	.ecFeatureContents .serviceitem:nth-child(4) img  {
		width: 165px;
	}

	.ecFeatureContents .serviceitem:nth-child(5) img  {
		width: 200px;
	}

	.ecFeatureContents .baseText .annotation {
		font-size: 13px;
		letter-spacing: .01em;
	}

	.ecFeatureContents .numberOfUsersBox {
		background-image: url(/material/feature/lp_saleproduct_b/pc_servicebackimg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.ecFeatureContents .numberOfUsersText {
		padding: 70px 0;
		font-size: 35px;
		line-height: 1.7em;
		font-weight: bold;
		letter-spacing: .14em;
	}

	.ecFeatureContents .numberOfUsersText .storongText {
		font-size: 67px;
	}

	.ecFeatureContents .kodawariBox {
		padding: 70px 0 0;
	}

	.ecFeatureContents .kodawariContentArea01,
	.ecFeatureContents .kodawariContentArea02 {
		width: 1163px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .kodawariBox h2 {
		width: 329px;
	}

	.ecFeatureContents .kodawariContentArea01 dl {
		width: 807px;
	}

	.ecFeatureContents .kodawariContentArea01 {
		margin-bottom: 40px;
	}

	.ecFeatureContents .kodawariImg {
		margin-bottom: 20px;
	}

	.ecFeatureContents .kodawariHeading { 
		font-size: 25px;
		margin-bottom: 10px;
		letter-spacing: .1em;
		font-weight: bold;
	}

	.ecFeatureContents .kodawariContentArea02 {
		margin-bottom: 60px;
	}

	.ecFeatureContents .kodawariContentArea02 li {
		width: 562px;
	}

	.ecFeatureContents .kodawariContentArea02 li img,
	.ecFeatureContents .kodawariContentArea01 dl img {
		border-radius: .5em;
	}

	.ecFeatureContents .userVoiceBox {
		padding: 60px 0 90px;
	}

	.ecFeatureContents .userVoiceBox h2 {
		width: 1011px;
		margin: 0 auto 30px;
		text-align: center;
	}

	.ecFeatureContents .userVoiceList { 
		width: 1366px;
		margin: 0 auto 80px;
	}

	.ecFeatureContents .userVoiceItem {
		background-color: #fff;
		border-radius: .5em;
		margin-bottom: 30px;
		padding: 40px 40px 30px;
	}

	.ecFeatureContents .userVoiceItem {
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .activeArea {
		display: flex;
		align-items: center;
	}

	.ecFeatureContents .activeArea img {
		width: 189px;
		margin-right: 15px;
	}

	.ecFeatureContents .VoiceArea {
		width: 1050px;
	}

	.ecFeatureContents .userArea {
		margin-bottom: 20px;
	}

	.ecFeatureContents .Userimg01 {
		width: 182px;
		margin-top: -70px;
	}

	.ecFeatureContents .Userimg02 {
		width: 202px;
		margin-top: -60px;
	}

	.ecFeatureContents .Userimg03 {
		width: 170px;
		margin-top: -60px;
	}

	.ecFeatureContents .userVoiceAreaText {
		font-size: 25px;
		font-weight: bold;
		letter-spacing: .1em;
	}

	.ecFeatureContents .userAreaContent {
		display: flex;
		align-items: flex-end;
		margin-bottom: 15px;
	}

	.ecFeatureContents .userIndustry { 
		font-size: 17px;
	}

	.ecFeatureContents .userVoiceItemB {
		flex-direction: row-reverse;
	}

	.ecFeatureContents .moreactiveBox {
		padding: 60px 0;
	}

	.ecFeatureContents .moreactiveBox h2 {
		width: 590px;
		margin: 0 auto 40px;
	}

	.ecFeatureContents .moreactiveBox ul {
		width: 964px;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
	}


	.ecFeatureContents .moreactiveBox .linkBtn a {
		font-size: 17px;
		font-weight: bold;
		display: inline-block;
		width: 430px;
		color: #7d370d;
		background-color: #ffde00;
		border-radius: .3em;
		padding: 23px 0;
		text-align: center;
		letter-spacing: .1em;
	}

	.ecFeatureContents .lpFooterBox {
		padding: 25px;
		font-size: 14px;
		letter-spacing: .1em;
	}

	.ecFeatureContents .linkBtn a:hover {
		background-color: #b81200;
		color: #fff;
	}

}

/* SP */
@media screen and (max-width: 1329px)  {
	.pc_only { display: none !important; }


	.ecFeatureContents .baseText {
		font-size: 3.5vw;
		line-height: 1.45em;
	}

	.ecFeatureContents .entryBtn a {
		background-color: #b81200;
		box-shadow: 0 1vw 0 #000;
		border-radius: .2em;
		padding: 4vw 7vw;
		font-size: 4vw;
		letter-spacing: .2em;
	}

	.ecFeatureContents .moreactiveBox .linkBtn a {
		box-shadow: 0 1vw 0 #7d370d;
	}

	.ecFeatureContents .otherSalesBox .entryBtn a {
		background-color: #ffde00;
		box-shadow: 0 1vw 0 #7d370d;
		color: #7d370d;
		border-radius: .2em;
		padding: 4vw 7vw;
		font-size: 4vw;
		letter-spacing: .2em;
	}

	.ecFeatureContents .annotation {
		font-size: 3.3vw;
	}

	.ecFeatureContents .logoArea {
		padding: 3.8vw 4vw 1vw;
		position: absolute;
		top: 0;
		z-index: 999;
	}

	.ecFeatureContents .activeLogo {
		margin-right: 2.5vw;
	}

	.ecFeatureContents .activeLogo img {
		width: 14vw;
	}
	
	.ecFeatureContents .activeExplanation img {
		width: 60vw;
	}

	.ecFeatureContents .lpHederBox .entryBtn a {
		border-radius: .2em;
		padding: 4vw 7vw;
		font-size: 4vw;
		letter-spacing: .2em;
	}

	.ecFeatureContents .otherSalesBox {
		padding: 10vw 3.5vw 0;
	}

	.ecFeatureContents .titleOthersalesBox img {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .otherSalesImgBox {
		display: flex;
	}

	.ecFeatureContents .numberOfItemsBox {
		padding: 2vw 9vw 3vw;
	}

	.extensiveassortmentBox {
		padding: 0 0 5vw;
	}

	.ecFeatureContents .otherSalesContent .entryBtn {
		margin-top: 9vw;
	}

	.ecFeatureContents .productBox,
	.ecFeatureContents .serviceList,
	.ecFeatureContents .numberOfUsersText,
	.ecFeatureContents .kodawariBox,
	.ecFeatureContents .userVoiceBox,
	.ecFeatureContents .moreactiveBox ul {
		padding: 0 6vw;
	}

	.ecFeatureContents .sampleContentArea {
		padding: 3vw 6vw 1vw 0;
	}

	.ecFeatureContents .sampleContentImgArea {
		width: 170vw;
	}

	.ecFeatureContents .sampleContentTextArea {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .titleExtensiveassortment { 
		margin: 9vw 3vw 0;
	}

	.ecFeatureContents .productList01,
	.ecFeatureContents .productList02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.ecFeatureContents .productItem {
		width: 43vw;
		margin-bottom: 2vw;
	}

	.ecFeatureContents .productList02 .productItem { 
		width: 28.2vw;
	}

	.ecFeatureContents .productItemText {
		width: 43vw;
		margin-bottom: 2vw;
	}

	.ecFeatureContents .productItem img {
		border-radius: .25em;
	}

	.ecFeatureContents .productItemText {
		text-align: center;
		padding: 2vw 0;
		background-color: #f2eee5;
		border-radius: .25em;
		font-size: 3vw;
		font-weight: bold;
		color: #333333;
		letter-spacing: .1em;
	}

	.ecFeatureContents .sampleBox {
		position: relative;
	}

	.ecFeatureContents .sampleConnection {
		position: absolute;
		top: -4vw;
		width: 100vw;
	}

	.ecFeatureContents .sampleConnection img { 
		display: block;
		text-align: center;
		margin: 0 auto;
		width: 22vw;
	}

	.ecFeatureContents .sampleContentArea {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ecFeatureContents .sampleContentTextArea h2 {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .sampleContentTextArea p {
		font-size: 4vw;
		font-weight: bold;
		letter-spacing: .1em;
		line-height: 1.7em;
		text-align: center;
	}

	.ecFeatureContents .activeServiceBox h2 {
		margin: 0 auto;
		text-align: center;
		width: 85vw;
		padding: 13vw 0 6vw;
	}

	.ecFeatureContents .serviceList { 
		padding-bottom: 5vw;
	}

	.ecFeatureContents .serviceitem dl {
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .serviceitem dt {
		background-color: #fff;
		border-radius: .3em;
		width: 45vw;
		text-align: center;
		padding: 4vw 0;
		margin-bottom: 3vw;
	}

	.ecFeatureContents .serviceitem dt img {
		width: 33vw;
	}

	.ecFeatureContents .serviceitem:nth-child(1) img  {
		width: 30vw;
	}

	.ecFeatureContents .serviceitem:nth-child(2) img  {
		width: 26vw;
	}

	.ecFeatureContents .serviceitem:nth-child(3) img  {
		width: 33vw;
	}

	.ecFeatureContents .serviceitem:nth-child(4) img  {
		width: 32vw;
	}

	.ecFeatureContents .serviceitem:nth-child(5) img  {
		width: 37vw;
	}
    
	.ecFeatureContents .serviceitem dd {
		width: 40vw;
	}

	.ecFeatureContents .numberOfUsersText {
		padding: 5vw 3vw;
		text-align: center;
	}

	.ecFeatureContents .numberOfUsersText p {
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.7em;
		letter-spacing: .3vw;
	}

	.ecFeatureContents .numberOfUsersText .storongText {
		font-size: 6vw;
		padding-right: .4vw;
	}

	.ecFeatureContents .kodawariBox h2 {
		padding: 8vw 0 5vw;
	}

	.ecFeatureContents .kodawariImg {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .kodawariImg img {
		border-radius: .3em;
	}
	
	.ecFeatureContents .kodawariHeading {
		font-size: 4vw;
		font-weight: bold;
		margin-bottom: 2vw;
	}

	.ecFeatureContents .kodawariContentArea01 dl,
	.ecFeatureContents .kodawariContentArea02 li { 
		margin-bottom: 5vw;
	}

	.ecFeatureContents .kodawariContentArea02 {
		margin-bottom: 9vw;
	}

	.ecFeatureContents .userVoiceBox h2 {
		padding-top: 9vw;
		padding-bottom: 5vw;
	}

	.ecFeatureContents .userVoiceItem {
		background-color: #fff;
		margin-bottom: 6vw;
		border-radius: .5em;
		align-items: center;
		padding: 5vw;
		justify-content: space-between;
	}

	.ecFeatureContents .userVoiceList { 
		padding-bottom: 3vw;
	}

	.ecFeatureContents .Userimg {
		text-align: center;
		margin: 0 auto 3vw;
	}

	.ecFeatureContents .Userimg01 {
		width: 25vw;
	}

	.ecFeatureContents .Userimg02 {
		width: 28vw;
	}

	.ecFeatureContents .Userimg03 {
		width: 22vw;
	}

	.ecFeatureContents .userAreaContent {
		text-align: center;
	}

	.ecFeatureContents .userVoiceAreaText {
		font-size: 5vw;
		font-weight: bold;
		letter-spacing: .06em;
		line-height: 1.3em;
		margin-bottom: 1vw;
	}

	.ecFeatureContents .userIndustry {
		font-size: 3vw;
		margin-bottom: 3vw;
	}

	.ecFeatureContents .userArea {
		margin-bottom: 3vw;
	}

	.ecFeatureContents .activeArea { 
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.ecFeatureContents .activeArea img {
		width: 25vw;
	}

	.ecFeatureContents .activeArea .baseText {
		width: 50vw;
	}

	.ecFeatureContents .moreactiveBox h2 {
		width: 90vw;
		margin: 10vw auto 4.5vw;
		text-align: center;
	}

	.ecFeatureContents 	.moreactiveBox ul {
		display: flex;
		justify-content: space-between;
	}

	.ecFeatureContents .linkBtn a{
		display: inline-block;
		width: 42vw;
		text-align: center;
		padding: 4vw 0;
		font-size: 3.2vw;
		font-weight: bold;
		border-radius: .2em;
	}

	.ecFeatureContents .lpFooterBox {
		padding: 3vw;
		font-size: 3vw;
		letter-spacing: .1em;
	}

}