@charset "UTF-8";
/*----------------------------------------
 card.css
 ----------------------------------------*/

.sec-card-point {
	border: 2px #cab79b solid;
	padding: 30px;
	margin-top: 40px;
	margin-bottom: 60px;
}
.txt-card-01 {
	font-size: 1.8rem;
	line-height: 180%;
}
.txt-card-discount-01 {
	color: #b02f8e;
	font-weight: 700;
}
.ttl-card-01 {
	color: #e3047b;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 30px;
}
.box-card-point {
	margin-left: 10px;
	font-size: 1.8rem;
	line-height: 180%;
}
.ttl-card-02 {
	font-weight: 700;
	font-size: 2rem;
}
.txt-card-02 {
	color: #966f38;
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px;
}
.btn-card {
	border-radius: 10px;
	padding: 10px 0;
	font-size: 2rem;
	font-weight: 700;
}
a .btn-card {
	color: #424242;
}
a:hover .btn-card {
	opacity: 0.7;
}
.btn-card.type01 {
	background-color: rgba(150, 111, 56, 0.2);
	margin-bottom: 20px;
}
.btn-card.type02 {
	border: 2px #966f38 solid;
	margin-bottom: 40px;
}

@media screen and (max-width:767px) {
.sec-card-point {
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.txt-card-01 {
	font-size: 1.6rem;
}
.ttl-card-01 {
	font-size: 2rem;
}
.ttl-card-02 {
	font-size: 1.8rem;
}
.box-card-point {
	margin-left: 0px;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.txt-card-02 {
	font-size: 2rem;
}
.btn-card {
	font-size: 1.6rem;
}
}