@charset "UTF-8";
/* font family */
/* fon weight */
/*----------
	WCC 入会のご案内
----------*/

/* c-headline */
.c-headline .wrap figure {
	width: calc((890 / 1400) * 100%);
	max-width: 890px;
}

@media (max-width: 750px) {
	.c-headline .wrap figure {
		position: static;
		width: auto;
		max-width: 100%;
		margin: 32px 0 -20px;
		text-align: right;
	}

	.c-headline .wrap figure img {
		width: 300px;
	}
}

.l-section h2 {
	font-size: 3.6rem;
	font-weight: 700;
	line-height: calc(44 / 36);
	letter-spacing: 0.05em;
}

@media (max-width: 750px) {
	.l-section h2 {
		font-size: 2.8rem;
		line-height: calc(32 / 28);
	}
}

/* sec_01 */
.sec_01 .wrap {
	display: flex;
	gap: 24px;
	margin: 52px 0 0;
}

.sec_01 .wrap div {
	flex: 1;
	position: relative;
	padding: 38px 40px 36px;
	background: #ECEFF0;
	border-radius: 40px 2px 2px 2px;
}

.sec_01 .wrap div dl {
	position: relative;
	z-index: 2;
}

.sec_01 .wrap div dt {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: calc(28 / 24);
	letter-spacing: 0.05em;
}

.sec_01 .wrap div dd {
	margin: 20px 0 0;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

.sec_01 .wrap div p {
	position: absolute;
	top: 8px;
	right: 8px;
	color: #ffffff;
	font-size: 4.8rem;
	font-weight: 500;
	line-height: calc(42 / 48);
	letter-spacing: 0.03em;
	text-align: right;
	white-space: nowrap;
	opacity: 0.7;
}

@media (max-width: 970px) {
	.sec_01 .wrap {
		display: block;
	}

	.sec_01 .wrap div + div {
		margin: 24px 0 0;
	}
}

@media (max-width: 750px) {
	.sec_01 {
		margin: -8px 0 0;
	}

	.sec_01 .wrap {
		margin: 38px 0 0;
	}

	.sec_01 .wrap div {
		padding: 28px 32px;
		border-radius: 40px 2px 2px 2px;
	}

	.sec_01 .wrap div + div {
		margin: 16px 0 0;
	}

	.sec_01 .wrap div dt {
		font-size: 2.2rem;
		line-height: calc(28 / 22);
	}

	.sec_01 .wrap div dd {
		margin: 12px 0 0;
	}
}

/* sec_02 */
.sec_02 {
	margin: 120px 0 0;
}

.sec_02 p {
	margin: 48px 0 52px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: calc(32 / 18);
	letter-spacing: 0.08em;
}

@media (max-width: 750px) {
	.sec_02 {
		margin: 118px 0 0;
	}

	.sec_02 p {
		margin: 34px 0 56px;
		font-size: 1.6rem;
		line-height: calc(24 / 16);
	}
}

/* sec_03 */
.sec_03 {
	margin: 120px 0 0;
}

.sec_03 h3 {
	margin: 56px 0 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: calc(24 / 24);
	letter-spacing: 0.05em;
}

.sec_03 h4 {
	margin: 38px 0 0 12px;
	font-size: 2rem;
	font-weight: 700;
	line-height: calc(24 / 20);
	letter-spacing: 0.05em;
}

.sec_03 .wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 0 40px;
	margin: 18px 0 0 12px;
}

.sec_03 h3 + .wrap {
	margin-top: 40px;
}

.sec_03 .wrap div {
	width: calc((100% - 40px) / 2);
}

.sec_03 .wrap dl {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sec_03 .wrap dl + dl {
	margin: 16px 0 0;
}

.sec_03 .wrap dt {
	width: 60px;
}

.sec_03 .wrap dd {
	flex: 1;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

.sec_03 h3 + p {
	margin: 36px 0 0 12px;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

@media (max-width: 750px) {
	.sec_03 {
		margin: 118px 0 0;
	}

	.sec_03 h3 {
		margin: 35px 0 0;
		font-size: 2.2rem;
		line-height: calc(28 / 22);
	}

	.sec_03 h4 {
		margin: 40px 0 0 12px;
		font-size: 1.8rem;
		line-height: calc(22 / 18);
	}

	.sec_03 h3 + h4 {
		margin-top: 27px;
	}

	.sec_03 .wrap {
		display: block;
		margin: 18px 0 0 12px;
	}

	.sec_03 h3 + .wrap {
		margin-top: 20px;
	}

	.sec_03 .wrap div {
		width: 100%;
	}

	.sec_03 .wrap div + div {
		margin: 12px 0 0;
	}

	.sec_03 .wrap dl {
		gap: 16px;
		width: 100%;
	}

	.sec_03 .wrap dl + dl {
		margin: 12px 0 0;
	}

	.sec_03 .wrap dt {
		width: 100px;
	}

	.sec_03 .wrap dd {
		font-size: 1.4rem;
		line-height: calc(20 / 14);
	}

	.sec_03 h3 + p {
		margin: 20px 0 0 12px;
		font-size: 1.4rem;
		line-height: calc(20 / 14);
	}
}

/* sec_04 */
.sec_04 {
	margin: 116px 0 0;
}

.sec_04 h2 + p {
	margin: 48px 0 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: calc(32 / 18);
	letter-spacing: 0.08em;
}

.sec_04 h3 {
	margin: 52px 0 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: calc(24 / 24);
	letter-spacing: 0.05em;
}

.sec_04 figure + h3 {
	margin-top: 60px;
}

.sec_04 h3 + p {
	margin: 32px 0 40px;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

@media (max-width: 750px) {
	.sec_04 {
		margin: 115px 0 0;
	}

	.sec_04 h2 + p {
		margin: 32px 0 0;
		font-size: 1.6rem;
		line-height: calc(24 / 16);
	}

	.sec_04 h3 {
		margin: 54px 0 0;
		font-size: 1.8rem;
		line-height: calc(22 / 18);
	}

	.sec_04 figure + h3 {
		margin-top: 58px;
	}

	.sec_04 h3 + p {
		margin: 15px 0 17px;
		font-size: 1.4rem;
		line-height: calc(20 / 14);
	}
}

/* sec_05 */
.sec_05 {
	margin: 120px 0 0;
}

.sec_05 h2 + p {
	margin: 48px 0 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: calc(32 / 18);
	letter-spacing: 0.08em;
}

.sec_05 h3 {
	margin: 52px 0 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: calc(24 / 24);
	letter-spacing: 0.05em;
}

.sec_05 h3 + p {
	margin: 32px 0 0;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

.sec_05 .wrap {
	display: flex;
	margin: 40px 0 0;
	padding: 0 8px;
	background: #ECEFF0;
	border-radius: 20px;
}

.sec_05 .wrap dl {
	flex: 1;
	padding: 38px 32px 36px;
}

.sec_05 .wrap dl + dl {
	border-left: 1px solid #D3D3D3;
}

.sec_05 .wrap dt {
	font-size: 2rem;
	font-weight: 700;
	line-height: calc(24 / 20);
	letter-spacing: 0.05em;
}

.sec_05 .wrap dd {
	margin: 10px 0 0;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.02em;
}

.sec_05 nav {
	margin: 57px 0 0 !important;
}

@media (max-width: 750px) {
	.sec_05 {
		margin: 118px 0 0;
	}

	.sec_05 h2 + p {
		margin: 32px 0 0;
		font-size: 1.6rem;
		line-height: calc(24 / 16);
	}

	.sec_05 h3 {
		margin: 53px 0 0;
		font-size: 2.2rem;
		line-height: calc(28 / 22);
	}

	.sec_05 h3 + p {
		margin: 24px 0 0;
	}

	.sec_05 .wrap {
		display: block;
		margin: 29px 0 0;
		padding: 0;
		border-radius: 12px;
	}

	.sec_05 .wrap dl {
		padding: 26px 28px 20px;
	}

	.sec_05 .wrap dl + dl {
		padding: 22px 28px 24px;
		border-top: 1px solid #D3D3D3;
		border-left: none;
	}

	.sec_05 .wrap dt {
		font-size: 1.8rem;
		line-height: calc(22 / 18);
	}

	.sec_05 .wrap dd {
		margin: 10px 0 0;
	}

	.sec_05 nav {
		margin: 37px 0 0 !important;
	}
}

/* sec_06 */
.sec_06 {
	position: relative;
	margin: 120px 0 0;
	padding: 116px 0 120px;
	background: #ECEFF0;
	border-radius: 80px 80px 0 0;
}

.sec_06 .bg {
	position: absolute;
	top: -115px;
	right: 60px;
	width: 160px;
}

.sec_06 .qa {
	margin: 56px 0 0;
	padding: 40px 40px 40px;
	background: #ffffff;
	border-radius: 20px;
	cursor: pointer;
}

.sec_06 .qa + .qa {
	margin: 12px 0 0;
}

.sec_06 .qa dl {
	display: flex;
	gap: 16px;
}

.sec_06 .qa dl.q {
	background: url(/jrewcc/assets/img/common/arrow_5_b.svg) no-repeat 100% 50%;
	background-size: 15px 15px;
}

.sec_06 .qa.is-open dl.q {
	background: url(/jrewcc/assets/img/common/arrow_6_b.svg) no-repeat 100% 50%;
	background-size: 15px 15px;
}

.sec_06 .qa dt {
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
}

.sec_06 .qa .q dd {
	padding: 8px 0 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

.sec_06 .qa .a {
  height: 0;
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.sec_06 .qa .a dt {
	padding: 28px 0 0;
}

.sec_06 .qa .a dd {
	padding: 28px 0 0;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	letter-spacing: 0.05em;
}

.sec_06 .qa .a dd nav {
	margin: 20px 0 0 !important;
}

.sec_06 .qa .a dd a:hover {
	color: #2D2D2E;
}

@media (max-width: 750px) {
	.sec_06 {
		margin: 117px 0 0;
		padding: 58px 0 60px;
		border-radius: 40px 40px 0 0;
	}

	.sec_06 .bg {
		position: absolute;
		top: -100px;
		right: 24px;
		width: 100px;
	}

	.sec_06 .qa {
		margin: 40px 0 0;
		padding: 28px 28px 28px;
		border-radius: 12px;
	}

	.sec_06 .qa + .qa {
		margin: 16px 0 0;
	}

	.sec_06 .qa dl.q {
		background: url(/jrewcc/assets/img/common/arrow_5_b.svg) no-repeat 100% 50%;
		background-size: 10px 10px;
		cursor: pointer;
	}

	.sec_06 .qa.is-open dl.q {
		background: url(/jrewcc/assets/img/common/arrow_6_b.svg) no-repeat 100% 50%;
		background-size: 10px 10px;
	}

	.sec_06 .qa dt {
		font-size: 26px;
	}

	.sec_06 .qa .q dd {
		margin: -2px 0 0;
		padding: 0 20px 0 0;
	}

	.sec_06 .qa .a dt {
		padding: 16px 0 0;
	}

	.sec_06 .qa .a dd {
		margin: -2px 0 0;
		padding: 16px 20px 0 0;
	}

	.sec_06 .qa .a dd nav {
		margin: 14px 0 0 !important;
	}
}