@charset "UTF-8";


#membershipLP {
	font-family: 'BIZ UDGothic', sans-serif;
	color: #3e3938;
}
#membershipLP .txt,
#membershipLP .pointBlock .pointTxt .pointTtl {
	font-family: "BIZ UDPGothic", sans-serif;
}
.fred{
	color: #bc0000;
}
.ttlBlock{
	position: relative;
}

.pointBlock{
	display: grid;
}
.pointBlock .pointBox{
	border: solid 2px #252628;
	list-style: none;
	margin: 0;
	background-color: #ffffff;
	position: relative;
}
.pointBlock .pointBox .pointTtl{
	font-weight: bold;
}
.pointBlock .pointTxt p{
	margin: 0;
}

.memberBlock{
	position: relative;
	text-align: center;
}
.memberBlock .memberTxt{
	margin: 0;
	font-weight: bold;
}
.memberBlock .memberFree{
	position: absolute;
}

section.pane_topic_path{
	margin-bottom: 0;
}


/* ******************** campaign ********************* */

#campaign {
	background: #fff;

}
#campaign .ttl_area {
	background: #121b2e;
}
#campaign .ttl_area p,
#campaign .campaign_present {
	margin: 0 auto;
}
#campaign .campaign_desc {
	font-weight: bold;
}
#campaign .campaign_ttl {
	margin: 0;
}
#campaign ul li {
	list-style: none;
}
#campaign .campaign_notice p {
	font-weight: bold;
}
#campaign .campaign_notice p {
	margin: 0;
}
#campaign .campaign_notice ul {
	margin: 0;
}
#campaign .campaign_notice ul li {
	list-style: none;
	margin: 0;
}
#campaign .campaign_notice ul li a {
	color: #3e3938;
	text-decoration: underline;
}


/* 736px以下用（SP用）の記述------------------------------------------- */
@media screen and (max-width: 736px) {

#membershipLP{
	background-image: url(../../../img/lp/membershipLP_2025/bg.jpg);
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

.ttlBlock{
	position: relative;
}
.ttlBlock .circle{
	position: absolute;
	margin-top: -1.866666667%;
	top: 0;
	left: 2.66%;
	width: 29.2%;
}
.ttlBlock .enTxt{
	position: relative;
	margin: 0;
	padding-top: 20.53333333%;
	text-align: center;
	z-index: 10;
}
.ttlBlock .enTxt img{
	width: 37.2%;
}
.ttlBlock .jaTxt{
	margin: 0;
	padding-top: 1.6%;
	text-align: center;
}
.ttlBlock .jaTxt img{
	width: 82.66666667%;
}
.txt{
	margin: 18.13333333% auto 0;
	width: 85%;
}
.pointBlock{
	grid-template-columns: 1fr;
	row-gap: 3%;
	width: 89.33%;
	margin: 12% auto 0;
}
.pointBox{
	position: relative;
}
.pointBlock .pointTxt{
	margin: 0;
	box-sizing: border-box;
}
#membershipLP .pointBlock .pointTxt .pointEx {
	font-family: "BIZ UDPGothic", sans-serif;
}
.pointBlock .pointTxt01{
	width: 65.8%;
	margin-left: 27.3%;
	padding-top: 9%;
	padding-bottom: 7.5%;
}
.pointBlock .pointTxt02{
	margin-left: 5.5%;
	padding-top: 8.84%;
	padding-bottom: 8%
}
.pointBlock .pointTxt02 .pointTtl{
	width: 70.6%;
}
.pointBlock .pointTxt02 .pointEx{
	width: 72.6%;
}
.pointBlock .pointTxt03{
	width: 70%;
	margin-left: 28%;
	padding-top: 8%;
	padding-bottom: 8.5%;
}
.pointBlock .pointTxt03 .pointTtl{
	width: 93.6%;
}
.pointBlock .pointTxt03 .pointEx{
	width: 94.6%;
}
.pointBlock .pointTxt04{
	margin-left: 5.5%;
	padding-top: 8.84%;
	padding-bottom: 8%
}
.pointBlock .pointTxt05{
	margin-left: 28.3%;
	padding-top: 8.78%;
	padding-bottom: 9.5%;
}
.pointBlock .pointTxt05 .pointTtl{
	width: 98.6%;
}
.pointBlock .pointTxt05 .pointEx{
	width: 94%;
}
.pointBlock .pointTxt06{
	margin-left: 5.5%;
	padding-top: 9.34%;
	padding-bottom: 8.78%
}
.pointBlock .pointTxt .pointTtl .smallTxt{
	letter-spacing: -1px;
}
.pointBlock .pointTxt .pointTtl{
	line-height: 1.3;
}
.pointBlock .pointTxt .pointEx{
	margin-top: 4.2%;
	line-height: 1.2;
}
.pointBlock .pointTxt .noticeTxt{
	margin-top: 1em;
	line-height: 1.3;
}
.pointBlock .pointBox::before {
	position: absolute;
	content: '';
	display: inline-block;
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
}
.pointBlock .point01::before {
	margin-top: -2%;
	left: 0;
	width: 29.57957958%;
	background-image: url(../../../img/lp/membershipLP_2025/point01.png);
}
.pointBlock .point02::before {
	margin-top: 2.55%;
	right: 0;
	width: 35.58558559%;
	background-image: url(../../../img/lp/membershipLP_2025/point02.png);
	background-position: top right;
}
.pointBlock .point03::before {
	margin-top: -1.5%;
	left: 0;
	width: 28.97897898%;
	background-image: url(../../../img/lp/membershipLP_2025/point03.png);
}
.pointBlock .point04::before {
	margin-top: -1.5%;
	right: 0;
	width: 29.87987988%;
	background-image: url(../../../img/lp/membershipLP_2025/point04.png);
	background-position: top right;
}
.pointBlock .point05::before {
	margin-top: -1.8%;
	left: 0;
	width: 28.97897898%;
	background-image: url(../../../img/lp/membershipLP_2025/point05.png);
}
.pointBlock .point06::before {
	margin-top: -3.5%;
	right: 0;
	width: 28.67867868%;
	background-image: url(../../../img/lp/membershipLP_2025/point06.png);
	background-position: top right;
}
.memberBlock {
	margin-top: 75%;
	margin-bottom: 5.42%;
	position: relative;
}
.memberBlock .memberBtn{
	display: block;
	width: 89.33333333%;
	margin: 1% auto 11.2% auto;
}
.memberBlock::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 36%;
	height: 200px;
	margin-top: -18%;
	left: 2.9%;
	background-image: url(../../../img/lp/membershipLP_2025/campaign_memberfree.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}

/*------------------------------------------ font-size */
.bigTxt{
	font-size: 4.6vw;   /* 18px */
}
.txt{
	font-size: 3.2vw;  /* 12.8px */
}
.pointBlock .pointTxt .pointTtl{
	font-size: 3.7vw;  /* 15px */
}
.pointBlock .pointTxt .pointEx{
	font-size: 3.1vw;  /* 12px */
}
.pointBlock .pointTxt .noticeTxt{
	font-size: 2.6vw;
}
.pointBlock .pointTxt .smallTxt{
	font-size: 3.2vw;
}
.pointBlock .pointTxt05 .pointTtl{
	font-size: 3.5vw;  /* 14px */
}
.memberBlock .memberTxt{
	font-size: 5.6vw;
}


/* ******************** campaign ********************* */

#campaign {
	width: 86%;
	margin: 7% auto 0;
	padding-bottom: 8%;
	border: #ed5f49 solid 5px;
}
#campaign .ttl_area{
	padding: 10% 0 6%;
	position: relative;
}
#campaign .ttl_area {
	text-align: center;
}
#campaign .ttl_area::after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 44.61538462%;
	height: 200px;
	margin-top: 18.46153846%;
	top: 0;
	right: 0;
	background-image: url(../../../img/lp/membershipLP_2025/campaign.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
#campaign .ttl_area .campaign_ttl img {
	width: 78.769%;
}
#campaign .ttl_area .campaign_period {
	margin-top: 7%;
}
#campaign .ttl_area .campaign_period img {
	width: 78%;
}
#campaign .campaign_present {
	text-align: center;
	margin-top: 7%;
}
#campaign .campaign_present img {
	width: 87%;
}
#campaign .campaign_desc {
	font-size: 3.1vw;  /* 12px */
	margin: 4% 0 0;
	padding-left: 12%;
}
#campaign .memberBlock {
	margin: 0;
	position: relative;
}
#campaign .memberBlock .memberBtn {
	margin: 10.76923077% auto 9%;
	width: 76.30769231%;
	position: relative;
	z-index: 1;
}
#campaign .memberBlock::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 41.69%;
	height: 200px;
	margin-top: -7.692%;
	left: -10.769%;
	background-image: url(../../../img/lp/membershipLP_2025/campaign_memberfree.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
#campaign .campaign_notice {
	width: 83%;
	margin: 0 auto;
	font-size: 2.9vw;  /* 11px */
}
#campaign .campaign_notice p {
	font-size: 3.1vw;  /* 12px */
}
#campaign .campaign_notice li {
	font-size: 2.9vw;  /* 11px */
}


/*------------------------------------------ visible hidden */

.visible-sp {
	display: block !important;
}

.visible-pc {
	display: none !important;
}

}
/* 736px以下用（SP用）の記述 end--------------------------------------- */

/* 415px以下用（SP用）の記述------------------------------------------- */
@media screen and (min-width: 415px) and ( max-width:737px){
	.pointBlock .pointTxt02 .pointTtl{
		width: 68.6%;
		font-size: 3.6vw;
	}
	.pointBlock .pointTxt .pointTtl .smallTxt {
		font-size: min(2.9vw,20px);
	}
	.bigTxt{
		font-size: 4.4vw;   /* 18px */
	}

}


/* 737px以上用（PC用）の記述------------------------------------------- */
@media screen and (min-width: 737px) {

#membershipLP{
	background-image: url(../../../img/lp/membershipLP_2025/bg_pc.jpg);
	max-width: 1400px;
	margin: 0 auto;
	background-size: 100%;
}
#membershipLP a{
	transition: all .3s;
}
#membershipLP a:hover{
	opacity: .8;
}
.bigTxt{
	font-size: 23.5px;
}
.ttlBlock{
	position: relative;
}
.ttlBlock .circle{
	position: absolute;
	margin-top: -1.785714286%;
	top: 0%;
	left: 10.71428571%;
	width: 15.35714286%;
}
.ttlBlock .enTxt{
	margin: 0;
	padding-top: 2.285714286%;
	padding-left: 41.42857143%;
	width: 17.14285714%;
}
.ttlBlock .enTxt img{
	width: 100%;
}
.ttlBlock .jaTxt{
	margin: 0;
	padding-top: 1.7%;
	padding-left: 24.71428571% ;
	width: 51.14285714%;
	position: relative;
	z-index: 10;
}
.ttlBlock .jaTxt img{
	width: 100%;
}
.txt{
	margin: 9% 0 0;
	font-size: 16px;
	text-align: center;
}
.pointBlock{
	grid-template-columns: 1fr 1fr;
	row-gap: 3.5%;
	column-gap: 3%;
	width: 85.71%;
	max-width: 1200px;
	margin: 5% auto 0;
}
.pointBlock .pointBox{
	display: flex;
}
.pointBlock .pointTxt{
	margin: 0  0 0 auto;
	box-sizing: border-box;
	width: 71.5%;
}
.pointBlock .pointTxt01{
	padding: 6.94% 0 5% 0;
}
.pointBlock .pointTxt01 .pointEx{
	letter-spacing: -0.2px;
}
.pointBlock .pointTxt02{
	padding: 6.94% 0 5% 0;
}
.pointBlock .pointTxt03{
	padding: 5% 0 3.9% 0;
}
.pointBlock .pointTxt04{
	padding: 5% 0 3.9% 0;
}
.pointBlock .pointTxt05{
	padding: 6.94% 0 6.94% 0;
}
.pointBlock .pointTxt06{
	padding: 6.94% 0 6.94% 0;
}
.pointBlock .pointTxt .pointTtl{
	font-size: 20px;
	line-height: 1.3;
}
.pointBlock .pointTxt .btwnLines03{
	letter-spacing: -1.1px;
}
.pointBlock .pointTxt .pointEx{
	margin-top: 3.47%;
	font-size: 14px;
	line-height: 1.5;
}
.pointBlock .pointTxt .noticeTxt{
	padding-top: 1.63%;
	font-size: 13px;
	line-height: 1.2;
}
.pointBlock .pointBox::before {
	position: absolute;
	content: '';
	display: inline-block;
	height: 200px;
	margin-top: 4%;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.pointBlock .point01::before {
	width: 20.17%;
	background-image: url(../../../img/lp/membershipLP_2025/point01_pc.png);
}
.pointBlock .point02::before {
	width: 24.31%;
	background-image: url(../../../img/lp/membershipLP_2025/point02_pc.png);
}
.pointBlock .point03::before {
	width: 25%;
	background-image: url(../../../img/lp/membershipLP_2025/point03_pc.png);
}
.pointBlock .point04::before {
	width: 25.17%;
	background-image: url(../../../img/lp/membershipLP_2025/point04_pc.png);
}
.pointBlock .point05::before {
	width: 20.51%;
	background-image: url(../../../img/lp/membershipLP_2025/point05_pc.png);
}
.pointBlock .point06::before {
	width: 22.24%;
	background-image: url(../../../img/lp/membershipLP_2025/point06_pc.png);
}
.memberBlock {
	margin-top: 14%;
	margin-bottom: 5.42%;
	position: relative;
}
.memberBlock .memberBtn{
	display: block;
	width: 36%;
	margin: 1% auto 0;
	position: relative;
	z-index: 1;
}
.memberBlock::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 16.28571429%;
	height: 200px;
	margin-top: -5.285714286%;
	left: 23.57142857%;
	background-image: url(../../../img/lp/membershipLP_2025/memberfree_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	z-index: 2;
}

/* ******************** campaign ********************* */

#campaign {
	width: 71.57142857%;
	margin: 4% auto 0;
	padding-bottom: 3%;
	border: #ed5f49 solid 10px;
}
#campaign .ttl_area{
	padding: 2.694610778% 0 2.295409182%;
	position: relative;
}
#campaign .ttl_area::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 20.25948104%;
	height: 200px;
	margin-top: -3.764478764%;
	top: 0;
	left: -4.72972973%;
	background-image: url(../../../img/lp/membershipLP_2025/campaign_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 2;
}
#campaign .ttl_area .campaign_ttl {
	width: 58.28343313%;
}
#campaign .ttl_area .campaign_period {
	margin-top: 1%;
	width: 38.1237525%;
}
#campaign .campaign_present {
	margin-top: 2.57%;
	width: 50.1996008%;
}
#campaign .campaign_desc {
	font-size: 15px;
	margin: 1.497005988% 0 0;
	text-align: center;
}
#campaign .memberBlock {
	margin: 0;
	position: relative;
}
#campaign .memberBlock .memberBtn {
	margin: 2.4% auto 2.994%;
	width: 46.20758483%;
	position: relative;
	z-index: 1;
}
#campaign .memberBlock::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 16.26%;
	height: 200px;
	margin-top: -2.5%;
	left: 16.966%;
	background-image: url(../../../img/lp/membershipLP_2025/campaign_memberfree_pc.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	z-index: 2;
}
#campaign .campaign_notice {
	width: 75%;
	margin: 0 auto;
	font-size: 14px;
}



/*------------------------------------------ visible hidden */

.visible-sp, .visible-pc {
	display: none !important;
}
.visible-pc {
	display: block !important;
}
.hidden-pc{
	display:none !important;
}

/* 737px以上用（PC用）の記述 end--------------------------------------- */
}



/* 1399px以下用（PC用）の記述のフォント　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1399px) {

.bigTxt{
	font-size: 1.7vw;
}
.txt{
	font-size: 1.14285714vw;
}
.pointBlock .pointTxt .pointTtl{
	font-size: 1.4vw;
}
.pointBlock .pointTxt .pointEx{
	font-size: 1vw;
}
.pointBlock .pointTxt .noticeTxt{
	font-size: 0.92857vw;
}
.memberBlock .memberTxt{
	font-size: 2vw;
}

/* ******************** campaign ********************* */
#campaign .campaign_desc {
	font-size: 1.07142857vw;
}
#campaign .campaign_notice {
	font-size: 1vw;
}



	/* 1399px以下用（PC用）の記述 end--------------------------------------- */
}

/* 1399px以下用（PC用）のフォント最小値　記述------------------------------------------- */
@media screen and (min-width:738px) and ( max-width:1199px) {

.bigTxt{
	font-size: 20.52px;
}
.txt{
	font-size: 13.7142857px;
}
.pointBlock .pointTxt .pointTtl{
	font-size: 16.8px;
}
.pointBlock .pointTxt .pointEx{
	font-size: 12px;
}
.pointBlock .pointTxt .noticeTxt{
	font-size: 11.1428571px;
}
.memberBlock .memberTxt{
	font-size: 24px;
}

/* ******************** campaign ********************* */
#campaign .campaign_desc {
	font-size: 12.8571429px;
}
#campaign .campaign_notice {
	font-size: 12px;
}

	/* 1399px以下用（PC用）の記述 end--------------------------------------- */
	}