.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%;
}

.ecFeatureContents a.entryBtn {
	font-family: ab-kirigirisu, sans-serif;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	position: relative;
	margin: auto;
	font-weight: bold;
	border-radius: 100px;
	background-color: #27acd9;
	color: #fff;
	transition: 0.3s ease-in-out;
	z-index: 999;
}

.ecFeatureContents a.entryBtn:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #fff;
}

.ecFeatureContents a.entryBtn span::after{
	content: url(/material/feature/newcustomer02/cv_arrow.png);
	display: inline-block;
	vertical-align: middle;
}

.ecFeatureContents .serviceDetailText {
	background-color: #fff;
	color: #f15a24;
}

.ecFeatureContents .kodawariDetailText {
	color: #f15a24;
}

.ecFeatureContents .qandaBox {
	background-size: auto auto;
	background-color: rgba(246, 237, 226, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(250, 244, 237, 1) 20px, rgba(250, 244, 237, 1) 40px );
}

.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber01::before {
	background-image: url(/material/feature/newcustomer02/qanda_number_01.png);
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber02::before {
	background-image: url(/material/feature/newcustomer02/qanda_number_02.png);
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber03::before {
	background-image: url(/material/feature/newcustomer02/qanda_number_03.png);
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber04::before {
	background-image: url(/material/feature/newcustomer02/qanda_number_04.png);
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ecFeatureContents .qandaDetailBox .qandaDetailText::before {
	background-image: url(/material/feature/newcustomer02/qanda_answer.png);
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ecFeatureContents .qandaContentsArea {
	background-color: #fff;
	text-align: left;
}

.ecFeatureContents .textStrong {
	font-weight: bold;
}

.ecFeatureContents .moreactiveDetail a {
	font-family: "dnp-shuei-mgothic-std", sans-serif;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	position: relative;
	margin: auto;
	font-weight: bold;
	border-radius: 100px;
	background-color: #f7eee4;
	color: #f15a24;
	box-shadow: 5px 5px #f15a24;
	transition: 0.3s ease-in-out;
	border: #f15a24 1px solid;
}

.ecFeatureContents .moreactiveDetail a:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #f15a24;
}

.ecFeatureContents .kodawariBox {
	background-color: #f7eee4;
}

.ecFeatureContents .qandaContents {
	color: #f15a24;
}

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

	.ecFeatureContents a.entryBtn {
		padding: 30px 0;
		font-size: 48px;
		width: 700px;
		letter-spacing: -0.18em;
		font-weight: 100;
	}

	.ecFeatureContents a.entryBtn span::after{
		transform: scale(0.7);
	}

	.ecFeatureContents a.entryBtn {
		box-shadow: 5px 5px #dedbdb;
	}
	
	.ecFeatureContents .mainImgBoxBtn { 
		margin-top: 50px;
		margin-bottom: 40px;
	}

	.ecFeatureContents .sampleBox {
		background-image: url(/material/feature/newcustomer02/pc_sampleinfo_backimg.png);
		background-size: contain;
		margin: 0 0 80px;
	}

	.ecFeatureContents .sampleinfoBox {
		width: 80%;
		margin: 0 auto 60px;
	}

	.ecFeatureContents .sampleBoxBtn {
		position: relative;
	}

	.ecFeatureContents .productinfoBox {
		width: 57%;
		margin: 0 auto 80px;
	}

	.ecFeatureContents .activeServiceBox {
		padding: 10% 0 0;
		background-color: #f7eee4;
		clip-path: polygon(0 0, 100% 11%, 100% 100%, 0 100%); 
		margin-top: -14%;
	}

	.ecFeatureContents .activeServiceBoxTitle {
		width: 867px;
		margin: 0 38% 0;
	}

	.ecFeatureContents .serviceArea {
		width: 930px;
		margin: 0 auto;
	}

	.ecFeatureContents .serviceBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: -11%;
	}

	.ecFeatureContents .serviceDetaiBox {
		width: 48%;
		margin-bottom: 4%;
	}

	.ecFeatureContents .serviceDetailText {
		padding: 35px;
		border-radius: 0 0 40px 40px;
		font-size: 18px;
		line-height: 1.8;
		font-weight: bold;
		text-align: center;
	}

	.ecFeatureContents .textSmall {
		font-size: 15px;
	}

	.ecFeatureContents .achievementsBox {
		background-image: url(/material/feature/newcustomer02/pc_achievements_backimg.png);
		background-size: cover;
		margin: -7% 0 0;
		background-color: #f7eee4;
		background-repeat: no-repeat;
		width: 100%;
	}

	.ecFeatureContents .waveBttom {
		margin-top: -1%;
	}

	.ecFeatureContents .achievementsArea {
		width: 60%;
		margin: 0 auto;
	}

	.ecFeatureContents .achievementsTitle {
		width: 55%;
		max-width: 600px;
		min-width: 500px;
	    padding: 240px 0 0px 0px;
	}

	.ecFeatureContents .achievementsText {
		width: 100%;
		min-width: 800px;
	    padding: 4vw 0px 230px 0;
	}

	.ecFeatureContents .waveBttom {
		margin-top: -1%;
	}

	.ecFeatureContents .waveTop {
		margin-top: -5.5vw;
	}

	.ecFeatureContents .kodawariTitle { 
		width:  36%;
		margin: 0 auto 4.5vw;
		padding-top: 5vw;
	}
	
	.ecFeatureContents .kodawariContentsArea {
		width: 75%;
		margin: 0 auto;
		padding-bottom: 6vw;
	}

	.ecFeatureContents .kodawariContents {
		display: flex;
		flex-wrap: nowrap;
        justify-content: space-between;
	}

	.ecFeatureContents .kodawariDetailBox {
		width: 30%;
	}

	.ecFeatureContents .kodawariDetailTitle {
		margin-bottom: 1.5vw;
	}

	.ecFeatureContents .kodawariDetailText {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.8;
		letter-spacing: .09em;
	}

	.ecFeatureContents .userVoiceTitile {
		width:  27%;
		margin: 0 auto 60px;
		padding-top: 5vw;
	}

	.ecFeatureContents .userVoiceContentsArea {
		width: 70%;
		margin: 0 auto;
		padding-bottom: 4vw;
	}

	.ecFeatureContents .kodawariContents {
		display: flex;
		flex-wrap: nowrap;
        justify-content: space-between;
	}

	.ecFeatureContents .userVoiceContents {
		display: flex;
		flex-wrap: nowrap;
        justify-content: space-between;
	}

	.ecFeatureContents .userVoiceDetailBox {
		width: 30.8%;
	}

	.ecFeatureContents .qandaBox {
		margin-top: 100px;
		padding: 100px 0;
	}

	.ecFeatureContents .qandaBoxTitle {
		width:  24%;
		margin: 0 auto;
	}

	.ecFeatureContents .qandaContentsArea {
		width: 80%;
		max-width: 1240px ;
		margin: -37px auto 0;
		padding: 105px 125px 90px;
		border-radius: 30px;
	}

	.ecFeatureContents .qandaDetailBox {
		border-bottom: 4px dotted #f15a24;
		margin-bottom: 60px;
		padding-bottom: 65px;
	}

	.ecFeatureContents .qandaDetailBox:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.ecFeatureContents .qandaDetail {
		padding: 0 40px;
	}

	.ecFeatureContents .qandaDetailTitle {
		position: relative;
		padding-left: 100px;
		font-size: 24px;
		letter-spacing: .07em;
		font-weight: bold;
		margin-bottom: 40px;
	} 

	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber01::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber02::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber03::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber04::before {
		width: 2.3em;
		height: 2.3em;
		position: absolute;
		left: 0;
		top: -.7em;
	}
	
	.ecFeatureContents .qandaDetailText {
		position: relative;
		padding-left: 100px;
		font-size: 20px;
		letter-spacing: .07em;
		line-height: 1.7;
	} 

	.ecFeatureContents .qandaDetailBox .qandaDetailText::before {
		width: 2em;
		height: 2em;
		position: absolute;
		left: .5em;
		top: 0;
	}

	.ecFeatureContents .moreactiveBox {
		background-color: #ebf4f7;
		background-image: radial-gradient(#ffffff 16%, transparent 16%), radial-gradient(#ffffff 16%, transparent 16%);
		background-position: 0 0, 12px 12px;
		background-size: 24px 24px
	}

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

	.ecFeatureContents .moreactiveTitle {
		width: 911px;
		margin: 0 auto 20px;
	}

	.ecFeatureContents .moreactiveTitle img {
		margin-top: -25px;
	}

	.ecFeatureContents .moreactiveContets {
		width: 820px;
		margin: 0 auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		text-align: center;
	}

	.ecFeatureContents .moreactiveDetail {
		width: 31%;
	}

	.ecFeatureContents .moreactiveDetail a {
		font-size: 26px;
        padding: 20px 0 16px;
        line-height: 1.45;
	}

	.ecFeatureContents .moreactiveDetail a .smollText {
		font-size: 22px;
	}
	
}

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

	.ecFeatureContents a.entryBtn {
		padding: 1.3vw 0 0.5vw 2vw;
		font-size: max(5.1vw, 12px);
		width: 80%;
		letter-spacing: -0.12em;
		font-weight: 100;
	}

	.ecFeatureContents a.entryBtn span::after{
		transform: scale(0.5);
		margin-left: -1.6vw;
        margin-top: -1vw;
	}

	.ecFeatureContents a.entryBtn {
		box-shadow: .4vw 1.2vw #dedbdb;
	}

	.ecFeatureContents .mainImgBoxBtn {
		margin-top: -7vw;
		margin-bottom: 5vw;
	}

	.ecFeatureContents .sampleinfoBox {
		margin-bottom: 7.5vw;
	}

	.ecFeatureContents .productinfoBox {
		background-image: url(/material/feature/newcustomer02/sp_productinfo_backimg.png);
		background-size: contain;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 5.5vw;
		background-repeat: no-repeat;
	}
	.ecFeatureContents .productinfoBox img {
		width: 88%;
	}

	.ecFeatureContents .activeServiceBox {
		padding: 10% 0 0;
		background-color: #f7eee4;
		clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%); 
		margin-top: -10%;
	}

	.ecFeatureContents .activeServiceBoxTitle {
		margin-top: 4vw;
		text-align: right;
	}

	.ecFeatureContents .activeServiceBoxTitle img {
		width: 92%;
	}

	.ecFeatureContents .serviceArea {
		width: 80%;
		margin: -17vw auto 0;
	}

	.ecFeatureContents .serviceDetaiBox {
		margin-bottom: 4vw;
	}

	.ecFeatureContents .serviceDetaiBox:last-child {
		margin-bottom: 0;
	}

	.ecFeatureContents .serviceDetailText {
		padding: 4vw;
		border-radius: 0 0 10px 10px;
		font-size: max(4.2vw, 12px);
		line-height: 1.8;
		font-weight: bold;
		text-align: center;
	}

	.ecFeatureContents .serviceDetailsubText {
		font-size: max(3.7vw, 12px);
	}

	.ecFeatureContents .textSmall {
		font-size: max(3vw, 11px);
	}

	.ecFeatureContents .achievementsBox {
		background-image: url(/material/feature/newcustomer02/sp_achievements_backimg.png);
		background-size: cover;
		margin: -7% 0 0;
		background-color: #f7eee4;
		background-repeat: no-repeat;
		width: 100%;
	}

	.ecFeatureContents .waveTop {
		margin-top: -6vw;
	}

	.ecFeatureContents .achievementsArea { 
		width: 80%;
		margin: 0 auto;
	}

	.ecFeatureContents .achievementsTitle {
		width: 52%;
	    padding: 16vw 0 0px 0px;
	}

	.ecFeatureContents .achievementsText {
		width: 94%;
	    padding: 3vw 0px 14vw 0;
	}

	.ecFeatureContents .waveBttom {
		margin-top: -1%;
	}

	.ecFeatureContents .kodawariBox {
		padding: 4vw 0 10vw;
	}

	.ecFeatureContents .kodawariTitle {
		width: 87%;
		margin: 0 auto 6vw;
	}

	.ecFeatureContents .kodawariContents {
		width: 87%;
		margin: 0 auto 10vw;
	}

	.ecFeatureContents .kodawariDetailBox {
		margin-bottom: 6vw;
	}

	.ecFeatureContents .kodawariDetailBox:last-child {
		margin-bottom: 0;
	}

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

	.ecFeatureContents .kodawariContents .kodawariDetail:last-of-type {
		margin-bottom: 0;
	}

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

	.ecFeatureContents .kodawariDetailTitle {
		width: 55%;
	}

	.ecFeatureContents .kodawariDetailText {
		width: 40.5%;
		font-size: 3.5vw;
		line-height: 1.75;
        font-weight: bold;
        letter-spacing: .06em;
	}

	.ecFeatureContents .userVoiceBox {
		padding: 10vw 0;
	}

	.ecFeatureContents .userVoiceTitile {
		width: 72%;
		margin: 0 auto 6vw;
	}

	.ecFeatureContents .userVoiceContentsArea {
		width: 84.5%;
		margin: 0 auto;
	}

	.ecFeatureContents .userVoiceDetailBox {
		margin-bottom: 6vw;
	}

	.ecFeatureContents .qandaBox {
		padding: 10vw 0;;
	}

	.ecFeatureContents .qandaBoxTitle {
		width: 58%;
		margin: 0 auto;
	}

	.ecFeatureContents .qandaContentsArea {
		width: 86%;
		padding: 12vw 5vw 8vw;
		border-radius: 15px;
		margin:  -5vw auto 0;
	}

	.ecFeatureContents .qandaDetailBox {
		border-bottom: 2px dotted #f15a24;
		margin-bottom: 6vw;
		padding-bottom: 5vw;
	}

	.ecFeatureContents .qandaDetailBox:last-child {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.ecFeatureContents .qandaDetailTitle {
		position: relative;
		padding-left: 15vw;
		font-size: 4vw;
		letter-spacing: .07em;
		font-weight: bold;
		margin-bottom: 4.5vw;
		line-height: 1.5;
	} 

	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber01::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber02::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber03::before,
	.ecFeatureContents .qandaDetailBox .qandaDetailTitleNumber04::before {
		width: 2.8em;
		height: 2.8em;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.ecFeatureContents .qandaDetailText {
		position: relative;
		padding-left: 14vw;
		font-size: 3.5vw;
		letter-spacing: .07em;
		line-height: 1.65;
	} 

	.ecFeatureContents .qandaDetailBox .qandaDetailText::before {
		width: 1.7em;
        height: 1.7em;
        position: absolute;
        left: 3vw;
        top: 0;
	}

	.ecFeatureContents .moreactiveBox {
		background-color: #ebf4f7;
		background-image: radial-gradient(#ffffff 10%, transparent 10%), radial-gradient(#ffffff 10%, transparent 10%);
		background-position: 0 0, 6px 6px;
		background-size: 12px 12px;
		padding-bottom: 5vw;
	}

	.ecFeatureContents .moreactiveTitle {
		width: 93%;
		margin: 0 auto 3vw;
	}

	.ecFeatureContents .moreactiveTitle img {
		margin-top: -3vw;
	}

	.ecFeatureContents .moreactiveContets {
		width: 80%;
		margin:  0 auto;
	}

	.ecFeatureContents .moreactiveDetail {
		margin-bottom: 5vw;
	}

	.ecFeatureContents .moreactiveDetail a {
		font-size: 4.3vw;
        padding: 2vw 0;
        line-height: 1.5;
	}

	.ecFeatureContents .moreactiveDetail a .smollText {
		font-size: 3.8vw;
	}
}