@charset "utf-8";


.membership {}

.membership .membership-tit {padding:100px; background:#f7f7f7; border-radius:20px; text-align:center; background:url(/images/membership/img_membership.WEBP); position:relative; overflow:hidden;}
.membership .membership-tit:before {width:100%; height:100%; background:rgba(0,0,0,.7); left:0; top:0; position:absolute; display:block; content:'';}
.membership .membership-tit h3 {padding:0 60px 60px; margin:0 0 60px; color: #fff;font-size:var(--fs36);font-weight: 900;line-height: normal; position:relative; display:inline-block;}
.membership .membership-tit h3 sup {font-size:var(--fs90);font-family:var(--f_Tmon), sans-serif; line-height:1; position:absolute; top:12px;}
.membership .membership-tit h3 sup:nth-child(1) {left:0;}
.membership .membership-tit h3 sup:nth-child(2) {right:0;}
.membership .membership-tit h3:after {width:70px; height:5px; background:var(--base1); left:50%; bottom:0; position:absolute;display:block; content:''; transform:translateX(-50%);}
.membership .membership-tit p {color: #fff;font-size:var(--fs18);font-weight: 500; line-height:180%; position:relative;}

.membership .membership-list {}
.membership .membership-item {display:flex; flex-direction:column;}
.membership .membership-item+.membership-item {padding:80px 0 0; margin:80px 0 0; border-top:1px solid #ccc;}
.membership .membership-item h4 {padding:0 0 40px; font-size:var(--fs36); font-weight:700; color:#000;}
.membership .membership-item h4+p {padding:20px 0 0;}
.membership .membership-item p {font-size:var(--fs18); font-weight:500;}
.membership .membership-item ul {}
.membership .membership-item ul li {}
.membership .membership-item p.ps {padding:10px 0 0; color:var(--red);}


@media (max-width: 1199px) {
	
	.membership .membership-tit {padding:80px}
	.membership .membership-tit h3 {padding:0 40px 40px; margin:0 0 40px;}
	
	.membership .membership-item+.membership-item {padding:60px 0 0; margin:60px 0 0;}
	.membership .membership-item h4 {padding:0 0 30px;}
	
	.membership .membership-item p.ps {}
	
	
	
	
	
}

@media (max-width: 767px) {
	
	.membership .membership-tit {padding:40px}
	.membership .membership-tit h3 {padding:0 40px 30px; margin:0 0 30px;}
	.membership .membership-tit p {line-height:1.4;}
	
	.membership .membership-item+.membership-item {padding:40px 0 0; margin:40px 0 0;}
	.membership .membership-item h4 {padding:0 0 20px;}
	
	
	
	
	
	
	
}


@media (max-width: 500px) {
	
	
	
	
	
	
	
	
	
}