@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500;700&display=swap');
/**入会のご案内共通**/

.btn{
	background: #EC8C82;
	padding: 7px 5px;
}

.btn_inner{
	display: block;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: noto-sans-cjk-jp, sans-serif;
	padding: 15px 0;
}

/* .btn:hover{
	opacity: 0.8;
} */

.pc-only{
	display: block;
}

.sp-only{
	display: none;
}

@media only screen and (max-width: 767px) {
	.main{
		width: 100vw;
    	padding: 0 10px;
	}

	.pc-only{
		display: none;
	}
	
	.sp-only{
		display: block;
	}
}

/**入会のご案内***/
.guide{
	width: 900px;
	margin: 115px auto 0;

}

.guide .guide-contents{
	display: flex;
	flex-wrap: wrap;
	_justify-content: space-between;
	justify-content: center;
}

.guide .guide-contents .guide-box{
	_width: 440px;
	width: 900px;
}
.guide .guide-contents .guide-box_flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 75px;
}
.guide .guide-contents .guide-box h3{
	border: 1px solid #BEBEBE;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	padding: 20px 0;
	/* margin-bottom: 75px; */
	width: 440px;
}

.guide .guide-contents .guide-box_flex a{
	text-decoration: none;
	color: #000;
}

.guide .guide-contents .guide-box p{
	text-align: center;
	font-size: 16px;
	line-height: 2.0;
	max-width: 800px;
	margin:30px auto 0;
}

.guide .guide-contents .guide-box p.midashi{
	text-align: center;
	font-size: 22px;
}

.guide .guide-contents .guide-box dl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}

.guide .guide-contents .guide-box dl dt{
	width: 27%;
}

.guide .guide-contents .guide-box dl dd{
	width: 73%;
}

.guide .guide-contents .guide-box dl dd li{
	border-bottom: 1px solid #707070;
	text-align: left;
	padding: 15px 0;
}

.guide .guide-contents .guide-box dl dd li.last{
	border-bottom: none;
}

.guide .guide-contents .guide-box dl dd li span{
	padding: 0 25px;
}

.guide .btn{
	width: 286px;
	margin: 65px auto 0;
}

@media only screen and (max-width: 767px) {
	.guide{
		width: 100%;
	}

	.guide .guide-contents .guide-box{
		width: 100%;
		margin-bottom: 20px;
	}
	.guide .guide-contents .guide-box p{
		text-align: left;
	}
	.guide .guide-contents .guide-box_flex {
		justify-content: space-between;
    flex-direction: column;
    align-items: center;
		margin-bottom: 0px;
}
.guide .guide-contents .guide-box h3{
	width: 100%;
	margin: 0 auto;
}
.guide .guide-contents .guide-box a{
	width: 100%;
	margin-bottom: 10px;
}
	.guide .guide-contents .guide-box h3+h3{
		/* margin-bottom: 40px; */
	}

	.guide .btn{
		margin-top: 25px;
	}
}


/**入会方法**/
.membership{
	width: 980px;
	/*width: calc(100% - 30px);*/
	margin: 115px auto 0;
}
.membership .copy{
	font-size: 23px;
	margin-bottom: 75px;
	line-height: 1.65;
}

.membership .membership-contents{
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-around;
}

.membership .membership-contents .membership-box{
	width: 300px;
	margin-bottom: 65px;
	position: relative;
}
.membership .membership-contents .membership-box:nth-of-type(3){
	/* width: 90%; */
}
.membership .membership-contents .membership-box .number img{

}

.membership .membership-contents .membership-box .number{
	border-bottom: 1px solid #707070;
	padding-bottom: 30px;
}
      
.membership .membership-contents .membership-box .txt-area{
	margin-top: 35px;
	padding: 0 15px;
}
.membership .membership-contents .membership-box .box_sub{
	position: absolute;
	bottom: 70px;
	width: 600px;
	left: -313px;
	border-top: dashed 1px #838383;
	padding-top: 10px;
	margin-top: 40px;
}
.membership .membership-contents .membership-box .txt-area .catch{
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 30px;
}

.membership .membership-contents .membership-box .txt-area p{
	margin-top: 40px;
	font-size: 14px;
	text-align: left;
}

.membership .membership-contents .membership-box .txt-area.n01 p {
	padding-bottom: 10px;
}

.membership .membership-contents .membership-box .txt-area.n02 p{
	text-align: center;
}
.membership .membership-contents .membership-box .txt-area.n02 p:last-of-type{
	text-align: left;
}
.membership .membership-contents .membership-box .txt-area.extra{
	margin-top: 0;
}
.membership .membership-contents .membership-box .txt-area.extra p{
	margin-top: 0;
}
.membership .membership-contents .membership-box .txt-area ul{
	text-align: left;
	margin-top: 20px;
}

.membership .membership-contents .membership-box .txt-area li{
	font-size: 12px;
	text-indent: -1.0rem;
	padding-left: 1.0rem;
	line-height: 1.67;
}
.membership .membership-contents .membership-box .box_sub ul{
	text-align: left;
}
.membership .membership-contents .membership-box .box_sub ul li{
	margin-top: 10px;
}
.membership .membership-contents .membership-box .btn{
	/* width: 316px; */
	width: 100%;
}

.membership .membership-contents .membership-box .btn.n01{
	background: #B8D06E;
	margin-left: auto;
  margin-right: auto;
}

.membership .membership-contents .membership-box .btn.n03{
	background: #EAC969;
	margin-left: auto;
	margin-right: auto;
}

.membership .contact{
	border: 1px solid #C4C4C4;
	width: 100%;
	padding: 35px 20px 55px;
	font-size: 14px;
}

.membership .contact .midashi{
	font-size: 23px;
	margin-bottom: 20px;
}

.membership .contact a{
	text-decoration: underline;
}

.membership .member-rank{
	width: 670px;
	margin: 110px auto 0;
}

.membership .member-rank h3,
.membership .member-about h3{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 1.5;
}

.membership .member-rank ul{
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	padding: 0 20px;
}

.membership .member-rank ul li{
	width: 49%;
	border-bottom: 1px dotted #707070;
	padding: 15px 20px;
	font-size: 16px;
}

.membership .member-rank ul li.last{
	border-bottom: none;
}

.membership .member-rank ul.attention{
	display: block;
	border: none;
	padding: 10px 20px;
}

.membership .member-rank ul.attention li{
	padding: 0;
	font-size: 12px;
	text-indent: -1.0rem;
	padding-left: 1.0rem;
	line-height: 1.67;
	border: none;
}

.membership .member-about{
	width: 670px;
	margin: 35px auto 0;
}

.membership .member-about table{
	width: 100%;
	font-family: noto-sans-cjk-jp, sans-serif;
	text-align: center;
	font-size: 14px;
	border-spacing: 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #DEDEDE;
}

.membership .member-about table thead{
	background: #E6E6E6;
}

.membership .member-about table thead th{
	width: 115px;
	font-weight: normal;
	padding: 12px 0;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
}

.membership .member-about table tbody td{
	padding: 10px 0;
	border-bottom: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	line-height: 1.5;
}

.membership .member-about table tbody td.n01{
	background: #F7D1E7;
}

.membership .member-about table tbody td.n02{
	background: #CCE09E;
}

.membership .member-about table tbody td.n03{
	background: #C5DFF2;
}

.membership .member-about table tbody td.n04{
	background: #F8E2B7;
}

.membership .member-about table tbody td.n05{
	background: #FAF8DD;
}

@media only screen and (max-width: 767px) {
	.membership{
		width: 100%;
	}

	.membership .membership-contents {
   	display: contents;
  }

	.membership .membership-contents .membership-box{
		width: 100%;
	}
	.membership .membership-contents .membership-box .btn {
    width: 80%;
  }
	.membership .membership-contents .membership-box .box_sub{
		position: static;
    width: 100%;
    margin-top: 40px;
	}

	.membership .membership-contents .membership-box .box_sub ul{
		padding: 0 15px;
	}
	.membership .member-rank ul li{
		width: 100%;
	}
	.membership .membership-contents .membership-box .txt-area .catch.tel_image{
		width: 80%;
		margin: 0 auto;
	}
}

/**会員特典**/

.benefits{
	width:calc(100% - 20px);
	margin: 115px auto 0;
}

.benefits .benefits-list{
	width: 100%;
	background: #F2F5E7;
	padding: 60px 0;
}

.benefits .benefits-list ul li{
	font-size: 16px;
	margin-bottom: 25px;
}

/*list--dot*/
.benefits .benefits-list .dot a{
	text-decoration: none;
	color: #000;
}

/* .benefits .benefits-list .dot a::before{
	content: '●';
	width: 15px;
	height: 15px;
	display: inline-block;
	color: #000;
	_text-indent: -1rem;
	_padding-left: 1rem;
} */



.benefits .benefits-contents{
	margin: 100px auto 0px;
	width: 1000px;
	/* background: #0f0; */
}

.benefits .benefits-contents.two{
	margin-bottom: 0px;
}

.benefits .benefits-contents .benefits-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	margin-left: 25px;
	/* margin-bottom: 50px; */
	/* background: #f0f; */
	width: 100%;
}
.benefits .benefits-contents .benefits-details {
 /* width: 50%; */
	/* background: #ff0; */
	margin-bottom: 100px;
}
.benefits .benefits-contents .benefits-details dl{
	width: 465px;
	position: relative;
}

.benefits .benefits-contents .benefits-details.n01,
.benefits .benefits-contents .benefits-details.n02,
.benefits .benefits-contents .benefits-details.n03,
.benefits .benefits-contents .benefits-details.n05,
.benefits .benefits-contents .benefits-details.n06,
.benefits .benefits-contents .benefits-details.n07 {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.benefits .benefits-contents .benefits-details.n05,
.benefits .benefits-contents .benefits-details.n07{
	flex-direction: row-reverse;
}
.benefits .benefits-contents .benefits-details.n05{
	margin-bottom: 35px;

}
.benefits .benefits-contents .benefits-details.n06 {
	align-items: center;
}
/* .benefits .benefits-contents .benefits-details.n03 dl:before{
	content: '';
	background: #C9E8D7;
	width: 195px;
	height: 300px;
	position: absolute;
	left: -20px;
	top: -80px;
	z-index: -3;
} */

.benefits .benefits-contents.two .benefits-details.n03 dl:before{
	height: 205px;
	top: -60px
}

.benefits .benefits-contents .benefits-details dl dt{
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 50px;
	position: relative;
}

.benefits .benefits-contents .benefits-details dl dt span{
	font-size: 18px;
}

.benefits .benefits-contents .benefits-details dl dt:after{
	content: '';
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: -20px;
	left: 0;
}

.benefits .benefits-contents .benefits-details dd{
	margin-left: 0;
	font-size: 14px;
}

.benefits .benefits-contents .benefits-details dd .btn02{
	margin-top: 40px;
}

.benefits .benefits-contents .benefits-details dd .btn02 a{
	display: block;
	width: 65%;
	border: 1px solid #DDDDDD;
	padding: 5px;
	text-align: center;
	color: #000;
	margin: 5px 0 80px;
	font-family: noto-sans-cjk-jp, sans-serif;
}

.benefits .benefits-contents .benefits-details dd .btn02 a:hover{
	background: #DDDDDD;
}

.benefits .benefits-contents .benefits-details .photo{
	width: 370px;
	position: relative;
}

.benefits .benefits-contents .benefits-details .photo img{
	width: 100%;
}

/* .benefits .benefits-contents.two .benefits-details.n02{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: end;
} */
.benefits .benefits-contents .benefits-details.n02 .photo{
	width: 470px;
}
.benefits .benefits-contents .benefits-details.n02 .photo_after{
	position: absolute;
	top: -220px;
}
.benefits .benefits-contents .benefits-details.n02 .photo_after::after{
	content: '';
	background: #C9E8D7;
	width: 214px;
	min-height: 204px;
	position: absolute;
	right: -33px;
	bottom: -50px;
	z-index: -5;
}

.benefits .benefits-contents .benefits-details.n03 .photo{
	width: 370px;
	position: relative;
}
.benefits .benefits-contents .benefits-details.n05 .photo{
	width: auto;
	position: relative;
}
.benefits .benefits-contents .benefits-details.n06 .photo,
.benefits .benefits-contents .benefits-details.n07 .photo{
	width: 470px;
	position: relative;
}

/* .benefits .benefits-contents .benefits-details.n02 .photo:before{
	content: '';
	background: #FFF8E5;
	width: 290px;
	min-height: 217px;
	position: absolute;
	left: -85px;
	top: -20px;
	z-index: -5;
} */

/* .benefits .benefits-contents .benefits-details.n03 .photo:before{
	content: '';
	background: #C9E8D7;
	width: 290px;
	min-height: 217px;
	position: absolute;
	left: 156px;
	top: -40px;
	z-index: -5;
} */
.benefits .benefits-contents .benefits-details.n03 .photo_before{
	  width: 355px;
    margin-left: 70px;
		margin-top: 20px;
}
.benefits .benefits-contents .benefits-details.n03 .photo_before:before{
	content: '';
	background: #F2F5E7;
	width: 290px;
	min-height: 217px;
	position: absolute;
	left: 205px;
	top: -15px;
	z-index: -5;
}
.benefits .benefits-contents .benefits-details.n03 .text dl:nth-of-type(2){
margin-top: 80px;
}

.benefits .benefits-contents .benefits-details.n05 .photo .photo_before{
	width: 355px;
	margin-right: 50px;
	margin-top: 20px;
}


.benefits .benefits-contents .benefits-details.n05 .photo .photo_before:before{
	content: '';
	background: #FFF8E5;
	width: 290px;
	min-height: 217px;
	position: absolute;
	left: -80px;
	top: -40px;
	z-index: -5;
}

.benefits .benefits-contents.two .benefits-details.n05 .photo:before{
	min-height: 331px;
	bottom: 0;
	top: 70px;
}

/* .benefits .benefits-contents .benefits-details.n06 .photo_after{
	top: -240px;
} */
.benefits .benefits-contents .benefits-details.n06 .photo_after::after{
	content: '';
	background: #EAC969;
	width: 262px;
	min-height: 208px;
	position: absolute;
	right: -33px;
	bottom: -35px;
	z-index: -5;
}

.benefits .plan{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	/* align-items:flex-start; */
	margin-bottom: 160px;
	/* max-width: 980px; */
	margin: 0 auto;
	flex-direction: row-reverse;
}

.benefits .plan .plan-about{
	width: 50%;
	background: #EAC969;
	padding: 65px;
	text-align: left;
	position: relative;
	/* top: 70px */
}

.benefits .plan .plan-about h3{
	font-size: 22px;
	text-align: center;
	font-weight: normal;
	position: relative;
	margin-bottom: 60px;
}

.benefits .plan .plan-about h3:after{
	content: '';
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #000;
	position: absolute;
	bottom: -20px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.benefits .plan .plan-about p{
	margin-top: 30px;
}

.benefits .plan .plan-time{
	width: 50%;
	background-image:url(../images/contact/plan_image.jpg); /*背景画像を指定*/
	background-repeat:no-repeat; /*背景画像の繰り返しを解除*/
	background-size:cover; /*背景画像のサイズ指定*/
	background-position:center bottom; /*背景画像の表示位置指定*/
	min-height: 400px;
}

/* .benefits .plan .plan-time h3{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}

.benefits .plan .plan-time h3 span{
	font-size: 16px;
}

.benefits .plan .plan-time table{
	width: 100%;
	font-size: 16px;
	border-spacing: 0;
	border-top: 1px solid #000;
	margin: 15px 0;
}

.benefits .plan .plan-time table th{
	font-weight: normal;
	padding: 15px 0;
}

.benefits .plan .plan-time table th,
.benefits .plan .plan-time table td{
	border-bottom: 1px solid #000;
}

.benefits .plan .plan-time table td{
	padding: 15px 0;
}

.benefits .plan .plan-time table td.month{
	/*padding: 15px 0 15px 40px;*/
	/* padding: 15px 0;
	width: 150px;
	text-align: center;
} */

/* .benefits .plan .plan-time table td.start{
	padding: 15px 0;
	width: 70px;
} */





@media only screen and (max-width: 767px) {
	.benefits{
		width: 100%;
	}
	.benefits .benefits-list{
		padding: 60px 20px;
	}
	.benefits .benefits-list ul{
		padding-left: 10px;
		padding-right: 10px;
	}

	.benefits .benefits-list ul li{
		margin-bottom: 15px;
		text-align: left;
	}

	
/*list--dot*/
.benefits .benefits-list .dot {
	text-indent: -1rem;
	padding-left: 1rem;
}
.benefits .benefits-list .dot a{
	text-decoration: none;
	color: #000;
}

.benefits .benefits-list .dot a::before{
	content: '●';
	width: 10px;
	height: 10px;
	display: inline-block;
	color: #000;
	_text-indent: -1rem;
	_padding-left: 1rem;
}

	.benefits .benefits-contents,
	.benefits .benefits-contents .benefits-flex,
	.benefits .benefits-contents.two{
		width: 100%;
	}
	.benefits .benefits-contents .benefits-details.n02,
	.benefits .benefits-contents .benefits-details.n03,
	.benefits .benefits-contents .benefits-details.n05,
	.benefits .benefits-contents .benefits-details.n06,
	.benefits .benefits-contents .benefits-details.n07 {
		display: block;
		width: 100%;
	}
	.benefits .benefits-contents .benefits-details.n02 .photo,
	.benefits .benefits-contents .benefits-details.n03 .photo,
	.benefits .benefits-contents .benefits-details.n05 .photo,
	.benefits .benefits-contents .benefits-details.n06 .photo,
	.benefits .benefits-contents .benefits-details.n07 .photo{
		width: 100%;
	}
	.benefits .benefits-contents .benefits-details.n02 .photo_after,
	.benefits .benefits-contents .benefits-details.n03 .photo_before,
	.benefits .benefits-contents .benefits-details.n05 .photo .photo_before,
	.benefits .benefits-contents .benefits-details.n06 .photo,
	.benefits .benefits-contents .benefits-details.n07 .photo,
	.benefits .benefits-contents .benefits-details.two_n01 .photo .photo_after {
		margin-bottom:20px;
		margin-top: 0px;
		width: 100%;
		position: static;
	}
	.benefits .benefits-contents .benefits-details.n02 .photo .photo_after::after,
	.benefits .benefits-contents .benefits-details.n03 .photo .photo_before::before,
	.benefits .benefits-contents .benefits-details.n05 .photo .photo_before::before,
	.benefits .benefits-contents .benefits-details.n06 .photo .photo_after::after{
		display: none;
	}


	.benefits .benefits-contents .benefits-flex {
    margin-left: 0;
		margin-bottom: 50px;
}

	.benefits .benefits-contents .benefits-details{
		margin-left: 0;
		margin-bottom: 50px;
	}
	.benefits .benefits-contents .benefits-details {
    width: 100%; 
    /* margin-bottom: 0; */
}

.benefits .benefits-contents .benefits-details.n05 {
	flex-direction: row-reverse;
	margin-bottom: 50px;
}

	.benefits .benefits-contents .benefits-details dl{
		width: 100%;
	}
	.benefits .benefits-contents .benefits-details.n03 .text dl:nth-of-type(2) {
		margin-top: 50px;
	}
	.benefits .benefits-contents .benefits-details dl dt br{
		display: none;
	}

	.benefits .benefits-contents .benefits-details .photo{
		width: 100%;
		margin-top: 0px;
	}
	.benefits .benefits-contents .benefits-details .photo .photo_before {
    width: 100%;
    margin-left: 0px;
}
	.benefits .benefits-contents .benefits-details.two_n01 .photo {
    width: 100%;
}

	.benefits .benefits-contents.two .benefits-details.two_n01 {
		width: 100%;
		display: block;
	}
	.benefits .benefits-contents .benefits-details.two_n01 .photo_after::after{
		display: none;
	}
	.benefits .plan {
		margin-bottom: 0px;
	}


	.benefits .plan .plan-about{
		width: 100%;
		padding: 45px 20px;
		top: 0;
	}

	.benefits .plan .plan-time{
		width: 100%;
		/* padding: 45px 20px; */
	}

	.benefits .plan .plan-time h3 span{
		display: block;
	}

	.benefits .plan .plan-time table td span{
		display: block;
		font-size: 14px;
	}



}

/*responsive---------------------------------------------------------------------------------------*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {

	


} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/




} /* /@media */