@charset "UTF-8";
/*--------------------------------------------------------------
#categorie-top-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#categorie-top-area .bg-area {
		background: url("img/mainimage.jpg") top left no-repeat;
		background-size: cover;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	
	
}

/*--------------------------------------------------------------
.box-left
.box-right
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.box-left,
	.box-right {
		width: auto;
		margin: 0 8% 70px 8%;
	}
	
	.box-left div:first-child,
	.box-right div:first-child {
		width: auto;
		margin-bottom: 40px;
	}
	
	.box-left div:first-child h4,
	.box-right div:first-child h4 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 30px;
	}
	
	.box-left div:first-child h4 span,
	.box-right div:first-child h4 span {
		font-family: "Rubik", sans-serif;
		font-size: 28px;
		font-weight: 600;
		display: block;
		margin-bottom: 5px;
	}
	
	.box-left div:first-child h6,
	.box-right div:first-child h6 {
		font-family: "Rubik", sans-serif;
		font-size: 16px;
		font-weight: 600;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	.box-left div:first-child ul,
	.box-right div:first-child ul {
		display: -webkit-flex;
		display: flex;
	}
	
	.box-left div:first-child ul p,
	.box-right div:first-child ul p {
		font-size: 14px;
	}
	
	.box-left div:first-child ul li:first-child,
	.box-right div:first-child ul li:first-child {
		margin-right: 30px;
	}

	.box-left div:last-child,
	.box-right div:last-child {
		width: auto;
	}
	
	.box-left div:last-child li,
	.box-right div:last-child li {
		width: 100%;
		position: relative;
	}
	
	.box-left div:last-child li span,
	.box-right div:last-child li span {
		position: absolute;
		bottom: 10px;
		right: 5px;
		color: #FFF;
		font-family: "Rubik", sans-serif;
		font-size: 11px;
		font-weight: 500;
		z-index: 2;
	}
	
	.box-left div:last-child li:first-child {
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	.box-right div:last-child li:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.box-left div:last-child li:last-child {
		margin-right: 0;
	}
	
	.box-right div:last-child li:last-child {
		margin-left: 0;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.box-left,
	.box-right {
		width: 75vw;
		margin: 0 auto 4.427vw auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	
	.box-left {
		flex-direction: row-reverse;
	}
	
	.box-left div:first-child,
	.box-right div:first-child {
		width: 28.12vw;
		margin-bottom: 0;
	}
	
	.box-left div:first-child h4,
	.box-right div:first-child h4 {
		font-size: 1.042vw;
		font-weight: 600;
		margin-bottom: 1.562vw;
	}
	
	.box-left div:first-child h4 span,
	.box-right div:first-child h4 span {
		font-family: "Rubik", sans-serif;
		font-size: 2.083vw;
		font-weight: 600;
		display: block;
		margin-bottom: 0.26vw;
	}
	
	.box-left div:first-child h6,
	.box-right div:first-child h6 {
		font-family: "Rubik", sans-serif;
		font-size: 1.042vw;
		font-weight: 600;
		margin-top: 2.083vw;
		margin-bottom: 0.521vw;
	}
	
	.box-left div:first-child ul,
	.box-right div:first-child ul {
		display: -webkit-flex;
		display: flex;
	}
	
	.box-left div:first-child ul p,
	.box-right div:first-child ul p {
		font-size: 1.042vw;
	}
	
	.box-left div:first-child ul li:first-child,
	.box-right div:first-child ul li:first-child {
		margin-right: 3.646vw;
	}

	.box-left div:last-child,
	.box-right div:last-child {
		width: 39.84vw;
	}
	
	.box-left div:last-child li,
	.box-right div:last-child li {
		width: auto;
		position: relative;
	}
	
	.box-left div:last-child li span,
	.box-right div:last-child li span {
		position: absolute;
		bottom: 0.521vw;
		right: 0.26vw;
		color: #FFF;
		font-family: "Rubik", sans-serif;
		font-size: 0.573vw;
		font-weight: 500;
		z-index: 2;
	}
	
	.box-left div:last-child li:first-child {
		margin-left: 5.208vw;
		margin-bottom: 1.562vw;
	}
	
	.box-right div:last-child li:first-child {
		margin-right: 5.208vw;
		margin-bottom: 1.562vw;
	}
	
	.box-left div:last-child li:last-child {
		margin-right: 15.62vw;
	}
	
	.box-right div:last-child li:last-child {
		margin-left: 15.62vw;
	}
	
}

/*--------------------------------------------------------------
#support-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#support-area {
		background: #A19E96;
		color: #FFF;
		padding: 50px 0;
	}
	
	#support-area ul {
		width: auto;
		margin: 0 8%;
	}
	
	#support-area ul li:first-child {
		width: auto;
		margin-bottom: 40px;
	}
	
	#support-area ul li:last-child {
		width: auto;
	}
	
	#support-area ul li:first-child dt {
		margin-bottom: 25px;
		font-size: 25px;
		font-weight: 800;
	}
	
	#support-area ul li:first-child dt span {
		margin-bottom: 5px;
		font-size: 13px;
		font-weight: 600;
		font-family: "Rubik", sans-serif;
		display: block;
	}
	
	#support-area ul li:first-child p {
		margin-bottom: 30px;
		text-align: justify;
	}
	
	#support-area ul li:first-child dd {
		text-align: center;
	}
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#support-area {
		background: #A19E96;
		color: #FFF;
		padding: 1.823vw 0;
	}
	
	#support-area ul {
		width: 57.29vw;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
	}
	
	#support-area ul li:first-child {
		width: 20.83vw;
	}
	
	#support-area ul li:last-child {
		width: 31.25vw;
	}
	
	#support-area ul li:first-child dt {
		margin-bottom: 1.302vw;
		font-size: 1.562vw;
		font-weight: 800;
	}
	
	#support-area ul li:first-child dt span {
		margin-bottom: 0.26vw;
		font-size: 0.781vw;
		font-weight: 600;
		font-family: "Rubik", sans-serif;
		display: block;
	}
	
	#support-area ul li:first-child p {
		margin-bottom: 2.344vw;
	}
	
	#support-area ul li:first-child dd {
		text-align: left;
	}
	
}


/*--------------------------------------------------------------
#price-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#price-area {
		border: solid 10px #DEDEDC;
		margin: 10px 10px 0 10px;
		padding: 50px 0;
	}
	
	#price-area h3 {
		text-align: center;
		margin-bottom: 40px;
	}
	
	#price-area h3 span {
		display: block;
		margin-top: 10px;
	}
	
	.scroll-info {
		font-size: 14px;
		font-weight: 500;
		color: rgba(175,175,175,1.00);
		text-align: center;
		margin-bottom: 20px;
	}
	
	#price-area .table-scroll{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 8%
	}
	
	#price-area table {
		width: 1000px;
		margin: 0 auto;
		font-size: 16px;
		font-weight: 600;
		border-collapse: collapse;
	}
	
	#price-area table span {
		font-size: 20px;
		font-weight: 500;
		font-family: "Rubik", sans-serif;
	}
	
	#price-area table tr {
		border-bottom: 1px solid #AFAFAF;
	}
	
	#price-area table td {
		padding: 10px;
	}
	
	#price-area table td:nth-child(1) {
		width: 300px;
	}
	
	#price-area table td:nth-child(2) {
		width: 200px;
	}
	
	#price-area table td:nth-child(3) {
		width: 90px;
		text-align: right;
	}
	
	#price-area table td:nth-child(4) {
		width: 200px;
	}
	
	#price-area p {
		width: auto;
		margin: 50px 8% 0 8%;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	#price-area {
		border: solid 0.781vw #DEDEDC;
		margin: 1.562vw 1.562vw 0 1.562vw;
		padding: 6.25vw 0;
	}
	
	#price-area h3 {
		text-align: center;
		margin-bottom: 2.865vw;
	}
	
	#price-area h3 span {
		display: block;
		margin-top: 0.521vw;
	}
	
	.scroll-info {
		display: none;
	}
	
	#price-area table {
		width: 61.71vw;
		margin: 0 auto;
		font-size: 1.042vw;
		font-weight: 600;
		border-collapse: collapse;
	}
	
	#price-area table span {
		font-size: 1.302vw;
		font-weight: 500;
		font-family: "Rubik", sans-serif;
	}
	
	#price-area table tr {
		border-bottom: 1px solid #AFAFAF;
	}
	
	#price-area table td {
		padding: 0.521vw;
	}
	
	#price-area table td:nth-child(1) {
		width: 22.39vw;
	}
	
	#price-area table td:nth-child(2) {
		width: 18.22vw;
	}
	
	#price-area table td:nth-child(3) {
		width: 4.688vw;
		text-align: right;
	}
	
	#price-area table td:nth-child(4) {
		width: 15.10vw;
	}
	
	#price-area p {
		width: 61.78vw;
		margin: 4.167vw auto 0 auto;
	}
	
}