@charset "UTF-8";

/* ========== membership ========== */
.membership .style2_mv {
	background-image: url("../images/membership/mv-bg_sp.jpg");
}
@media (min-width:768px){
	.membership .style2_mv {
		background-image: url("../images/membership/mv-bg_pc.jpg");
	}	
}

.mmbr_tokuten4 {
	padding-bottom: 4.8vw;
}
.mmbr_tokuten4_num {
	padding: 5.33vw;
	background: #f6f2ef;
}
.mmbr_tokuten4_num img {
	width: auto;
	height: 3.2vw;
}
.mmbr_tokuten4_ttl {
	margin-top: 3.2vw;
	font-size: 4.8vw;
	line-height: 155%;
	text-align: center;
	text-decoration: underline;
}
.mmbr_tokuten4 p {
	margin-top: 3.46vw;
	font-size: 2.9333333333vw;
}
@media (min-width:768px){
	.mmbr_tokuten4 {
		padding-bottom: 25px;
	}
	.mmbr_tokuten4_num {
		padding: 20px;
	}
	.mmbr_tokuten4_num img {
		height: 12px;
	}
	.mmbr_tokuten4_ttl {
		margin-top: 17px;
		font-size: 21px;
	}
	.mmbr_tokuten4 p {
		margin-top: 17px;
		font-size: 12px;
	}
}
.membership .style2_tokuten {
	z-index: 2;
}
@media (min-width:768px){
	.membership .style2_tokuten_lists {
		width: 475px;
	}
}
@media (min-width:1200px){
	.membership .style2_tokuten_lists {
		width: 1010px;
		gap: 30px;
	}
}

.mmbr_rank_wrapper {
	margin-top: -20.66vw;
	padding-top: 31.32vw;
}
.mmbr_rank {
	width: 93.0666666666%;
	padding: 10.66vw 5.3333333333vw 16vw;
}
.mmbr_rank_main {
	width: 100%;
}
.mmbr_rank_main * {
	letter-spacing: 0.025em;
}
.mmbr_rank_head *,
.mmbr_rank_detail * {
	color: #333;
}
.mmbr_rank_head {
	width: 29.3333333333vw;
	margin-left: 4vw;
	font-size: 3.4666666666vw;
	border-bottom: 1px solid #e8e8e8;
}
.mmbr_rank_head dd,
.mmbr_rank_detail dd {
	display: grid;
	place-items: center;
	width: 100%;
}
.mmbr_rank_head dt {
	height: 39.46vw;
	padding-top: 11.73vw;
}
.mmbr_rank_head dd {
	height: 21.33vw;
	border-top: 1px solid #e8e8e8;
}
.mmbr_rank_head dd span {
	display: block;
	margin-bottom: 2.66vw;
	color: #af8c87;
	font-size: 2.6666666666vw;
}
.mmbr_rank_head dd:nth-child(4) span {
	margin-bottom: 0.8vw;
}
.mmbr_rank_list {
	width: 42.6666666666vw;
	margin-right: 2vw;
	border-bottom: 1px solid #ffffff;
}
.mmbr_rank_list .slick-slide {
	margin: 0 4vw 0 0;
}
.mmbr_rank_list .slick-arrow {
	position: absolute;
	top: 50%;
	width: 12px;
	margin: 0;
	z-index: 5;
}
.mmbr_rank_list .slick-arrow.prev {
	display: none !important;
}
.mmbr_rank_list .slick-arrow.next {
	right: -3.5vw;
}
.mmbr_rank_list .slick-dots {
	bottom: -40px;
	padding: 0 3vw 0 0;
}
.mmbr_rank_list .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 7px;
}
.mmbr_rank_list .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	background: #bab0a6;
	transform: none;
}
.mmbr_rank_list .slick-dots li.slick-active button {
	background: #51402e;
}
.mmbr_rank_list .slick-dots li button::before {
	content: none;
}
.mmbr_rank_detail dt {
	height: 39.46vw;
	font-family: dnp-shuei-mincho-pr6, sans-serif;
	font-size: 4.8vw;
}
.mmbr_rank_detail dt img {
	margin-bottom: 2.933vw;
}
.mmbr_rank_detail dd {
	height: 21.33vw;
	line-height: 150%;
	background: #e4ded2;
	border-top: 1px solid #ffffff;
}
.mmbr_rank_detail dd.first {
	border-radius: 5px 5px 0 0;
}
.mmbr_rank_detail dd:last-child {
	border-radius: 0 0 5px 5px;
}
.mmbr_rank_about {
	margin-top: 18.66vw;
	padding-top: 14.66vw;
	border-top: 1px solid #e4ddd2;
}
.mmbr_rank_ttl {
	margin-bottom: 6.13vw;
	font-size: 6.4vw;
}
.mmbr_rank_about p {
	font-size: 3.7333333333vw;
	line-height: 200%;
}
.mmbr_rank_about p + p {
	margin-top: 0.75em;
}
@media (min-width:768px){
	.mmbr_rank_wrapper {
		margin-top: -100px;
		padding-top: 150px;
	}
	.mmbr_rank {
		width: 674px;
		padding: 25px 15px 55px;
	}
	.mmbr_rank_main {
		width: 100%;
	}
	.mmbr_rank_head {
		width: 100px;
		margin-left: 0;
		font-size: 13px;
	}
	.mmbr_rank_head dt {
		height: 116px;
		padding-top: 27px;
		font-size: 13px;
	}
	.mmbr_rank_head dd {
		height: 75px;
	}
	.mmbr_rank_head dd span {
		margin-bottom: 8px;
		font-size: 11px;
	}
	.mmbr_rank_head dd:nth-child(4) span {
		margin-bottom: 1px;
	}
	.mmbr_rank_list {
		width: 536px;
		margin-right: 0;
	}
	.mmbr_rank_list .slick-slide {
		margin-right: 0;
		padding: 0 5px;
	}
	.mmbr_rank_detail dt {
		height: 116px;
		font-size: 17px;
	}
	.mmbr_rank_detail dt img {
		margin-bottom: 12px;
	}
	.mmbr_rank_detail dd {
		height: 75px;
		font-size: 12px;
	}
	.mmbr_rank_about {
		margin-top: 45px;
		padding-top: 40px;
	}
	.mmbr_rank_ttl {
		margin-bottom: 25px;
		font-size: 26px;
	}
	.mmbr_rank_about p {
		font-size: 14px;
		line-height: 242%;
	}
	.mmbr_rank_about p + p {
		margin-top: 0;	
	}
}
@media (min-width:1200px){
	.mmbr_rank {
		width: 1010px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.mmbr_rank_head {
		width: 115px;
		font-size: 14px;
	}
	.mmbr_rank_head dt {
		height: 157px;
		padding-top: 45px;
		font-size: 14px;
	}
	.mmbr_rank_head dd {
		height: 85px;
	}
	.mmbr_rank_head dd span {
		margin-bottom: 10px;
	}
	.mmbr_rank_head dd:nth-child(4) span {
		margin-bottom: 2px;
	}
	.mmbr_rank_list {
		width: 845px;
		margin-right: -9.5px;
	}
	.mmbr_rank_list .slick-slide {
		padding: 0 9.5px;
	}
	.mmbr_rank_detail {
		width: 150px;
	}
	.mmbr_rank_detail dt {
		height: 157px;
		font-size: 19px;
	}
	.mmbr_rank_detail dt img {
		margin-bottom: 12px;
	}
	.mmbr_rank_detail dd {
		height: 85px;
		font-size: 13px;
	}
}

.mmbr_signup {
	width: 93.0666666666%;
	margin-top: 10.66vw;
	padding: 10.6666666666vw 6.6666666666vw;
	background: #e9e0d9;
}
.mmbr_signup_ttl {
	font-size: 6.4vw;
}
.mmbr_signup p {
	margin-top: 6.13vw;
	font-size: 3.7333333333vw;
	line-height: 200%;
}
.mmbr_signup_btns {
	margin-top: 8vw;
	gap: 5.33vw;
}
.mmbr_signup_btns li {
	width: 100%;
}
.mmbr_signup_btns li a {
	display: block;
	padding: 5.8666666666vw 0 6.9333333333vw;
	background: url("../images/arrow03-brown.svg") 60vw center / 1.6vw auto no-repeat #fff;
	text-align: center;
	border-radius: 8vw;
	font-size: 3.7333333333vw;
	text-indent: -1em;
}
@media (min-width:768px){
	.mmbr_signup {
		width: 720px;
		margin-top: 50px;
		padding: 55px 65px 50px;
	}
	.mmbr_signup_ttl {
		font-size: 26px;
	}
	.mmbr_signup p {
		margin-top: 30px;
		font-size: 14px;
		line-height: 100%;
	}
	.mmbr_signup_btns {
		margin-top: 35px;
		gap: 30px;
	}
	.mmbr_signup_btns li {
		width: 280px;
	}
	.mmbr_signup_btns li a {
		padding: 20px 0 24px;
		background: url("../images/arrow03-brown.svg") 225px center / 6px auto no-repeat #fff;
		border-radius: 30px;
		font-size: 16px;
	}
}