@charset "utf-8";
/* CSS Document */


/*MEMBERS*/
	.members .mobile:not(.navigation) {display: none;}

	/*TITLE*/
	.members .content_members {padding-top: 170px; background-color: var(--white);}
		.members .content_members .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.members .content_members .section_title hr {width: 55%; border-color: var(--white); border-width: 2px;}
			.members .content_members .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.members .content_members {transition: background 0.5s ease-in-out;}
			.members .content_members.show {background-color: var(--pink);}

		.members .content_members .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.members .content_members.show .section_title hr {transform: scale(1);}

		.members .content_members .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.members .content_members.show .section_title h1 {opacity: 1;}

	/*INTERNATIONAL*/
	.members .content_info {margin-top: 70px;}
	/*Pearl Ornaments*/
	.members .content_info .ornament_pearl{position:absolute; z-index:3;}

	.members .content_info .pearl01{width:76px; right:-2px; bottom: 5px;}

	.members .content_info .pearl02{width:38px; right:90px; bottom: 22px;}

	/*Headings*/
	.members .content_info h3{font-size:3.750rem; margin:60px 0 100px; position:relative; margin:0 0 40px; color:var(--black); display: flex; align-items: center; padding-bottom: 20px;}

		.members .content_info h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--pink); position:relative; z-index:2; margin-left: 20px;}

		/*Line*/
		.members .content_info h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:40px; content:'';}

		/*Animations*/
		.members .content_info h3 .animation_text01,
		.members .content_info h3 .animation_text02,
		.members .content_info h3::before{transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}

		.members .content_info .ornament_pearl{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			/*Heading*/
			.members .content_info h3 .animation_text01{opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); display:inline-block;}
			.members .content_info.show h3 .animation_text01{opacity:1; transform:translateX(0);}

			.members .content_info h3 .animation_text02{opacity:0;}
			.members .content_info.show h3 .animation_text02{opacity:1;}

			.members .content_info h3::before{transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; -webkit-transform-origin:left;}
			.members .content_info.show h3::before{transform:scaleX(1); -webkit-transform:scaleX(1);}

				/*Delays*/
				.members .content_info h3 .animation_text01{transition-delay:0.1s; -webkit-transition-delay:0.1s;}

				.members .content_info h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.members .content_info h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.members .content_info .ornament_pearl{opacity:0;}
			.members .content_info.show .ornament_pearl{opacity:1;}

		.members .content_info .content_container {display: flex; align-items: flex-start; justify-content: center; gap: 68px;}
			.members .content_info .content_half {width: 50%;}
				.members .content_info .content_half img {width: 100%;} 
				.members .content_info .content_half p {font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px; max-width: 522px;}

		.members .content_info .block {margin-top: 70px;}
			.members .content_info .block .content_container {gap: 120px;}
				.members .content_info .block h4 {font-size: 1.25rem; line-height: 1.4; margin-bottom: 65px; font-weight: 700;}
				.members .content_info .block ul {list-style-type: disc; padding-left: 15px;}
					.members .content_info .block ul li {padding-left: 35px; font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px;}

		/*Animations*/
		.members .content_info .content_half figure,
		.members .content_info h4 {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.members .content_info.show .content_half figure,
			.members .content_info.show h4 {opacity: 1;}
		.members .content_info .content_half p,
		.members .content_info .block ul li {transition: all 0.5s 0.3s ease-in-out; opacity: 0; transform: translateY(20px);}
			.members .content_info.show .content_half p,
			.members .content_info.show .block ul li {opacity: 1; transform: translateY(0px);}

	/*REQUIREMENTS*/
	.members .content_info h3.green .animation_text02 {color: var(--green);}
	.members .content_info h3.green::before {background: var(--green);}

	.members .content_requirements .pearl01{width:38px; right:-2px; bottom: 23px;}
	.members .content_requirements .pearl02{width:38px; right:102px; bottom: 23px;}
	.members .content_requirements .pearl03{width:38px; right:140px; bottom: 23px;}

		.members .content_info .block .title {font-size: 2.25rem; font-weight: 900; margin-bottom: 50px;}
			.members .content_info .content_half span {text-indent: 40px; display: block;}
			.members .content_info .content_half b {font-weight: 700;}
			.members .content_info .content_half a {text-decoration: underline;}

	/*Animations*/
	.members .content_requirements figure {transition: all 1s 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); clip-path: inset(0 0 100% 0);}
		.members .content_requirements.show figure {clip-path: inset(0 0 0 0);}

	/*GRADUATE*/
	.members .content_graduate .pearl01{width:76px; right:-2px; bottom: 5px;}
	.members .content_graduate .pearl02{width:38px; right:90px; bottom: 23px;}
	.members .content_graduate .pearl03{width:38px; right:128px; bottom: 23px;}
	.members .content_graduate .pearl04{width:38px; right:198px; bottom: 23px;}

	/*Animations*/
	.members .content_graduate figure {transition: all 1s 0.5s cubic-bezier(0.25, 0.1, 0.1, 1); clip-path: inset(0 0 100% 0);}
		.members .content_graduate.show figure {clip-path: inset(0 0 0 0);}

	/*LEGACY*/
	.members .content_legacy .pearl01{width:76px; right:-2px; bottom: 5px;}
	.members .content_legacy .pearl02{width:38px; right:90px; bottom: 23px;}
	.members .content_legacy .pearl03{width:54px; right:159px; bottom: 24px;}

		.members .content_legacy .links {margin-top: 74px;}
			.members .content_legacy .links a {display: block; text-decoration: underline; font-size: 1.25rem; font-weight: 400; margin-bottom: 30px;}

	/*FAQ*/
	.members .content_faq {margin-bottom: 260px;}
		.members .content_faq h3::before {bottom: 70px;}
		.members .content_faq .pearl01{width:44px; right:-2px; bottom: 50px;}
		.members .content_faq .pearl02{width:38px; right:64px; bottom: 53px;}
		.members .content_faq .pearl03{width:38px; right:234px; bottom: 53px;}

		.members .content_faq .block .faq_list {list-style-type: none; padding-left: 0; margin: 0; padding:0;}
			.members .content_faq .block .faq_list li {padding-left: 0; margin:0; padding:0;}
				.members .content_faq .block .faq_list li .question_container,
				.members .content_faq .block .faq_list li .answer_container {display: flex; align-items: center; margin-top: 23px; cursor: pointer;}
				.members .content_faq .block .faq_list li .slide_container {display: none;}
				.members .content_faq .block .faq_list li .answer_container {margin-top: 0px; cursor: default;}
				.members .content_faq .block .faq_list li:nth-child(odd) .question_container {border-bottom: 2px solid var(--pink);}
				.members .content_faq .block .faq_list li:nth-child(even) .question_container {border-bottom: 2px solid var(--green);}
					.members .content_faq .block .faq_list li .question_container h5,
					.members .content_faq .block .faq_list li .answer_container h5 {width: 67px; font-size: 3.75rem; padding-right: 53px;}
					.members .content_faq .block .faq_list li:nth-child(odd) .question_container h5,
					.members .content_faq .block .faq_list li:nth-child(odd) .answer_container h5 {color: var(--pink);}
					.members .content_faq .block .faq_list li:nth-child(even) .question_container h5,
					.members .content_faq .block .faq_list li:nth-child(even) .answer_container h5 {color: var(--green);}
						.members .content_faq .block .faq_list li .question_container .question,
						.members .content_faq .block .faq_list li .answer_container .answer {padding: 33px 22px 24px; display: flex; align-items: center; justify-content: space-between; min-height: 137px; width: 100%; transition: 0.3s ease-in-out;}
						.members .content_faq .block .faq_list li:nth-child(odd) .question_container .question,
						.members .content_faq .block .faq_list li:nth-child(odd) .answer_container .answer {background: rgba(239, 147, 158, .15);}
						.members .content_faq .block .faq_list li:nth-child(even) .question_container .question,
						.members .content_faq .block .faq_list li:nth-child(even) .answer_container .answer {background: rgba(71, 152, 56, .15);}
						.members .content_faq .block .faq_list li:nth-child(odd) .question_container:hover .question {background: rgba(239, 147, 158, .5);}
						.members .content_faq .block .faq_list li:nth-child(even) .question_container:hover .question {background: rgba(71, 152, 56, .5);}
							.members .content_faq .block .faq_list li .question_container .question p,
							.members .content_faq .block .faq_list li .answer_container .answer p {font-size: 1.25rem; font-weight: 900; width: calc(100% - 95px);}
							.members .content_faq .block .faq_list li .answer_container .answer p {font-weight: 400;}
							.members .content_faq .block .faq_list li .question_container .question i {position: relative; width: 58px; height: 58px;}
								.members .content_faq .block .faq_list li .question_container .question i:before {content: ''; position: absolute; width: 5px; height: 58px; background: var(--black); left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease-in-out;}
								.members .content_faq .block .faq_list li .question_container.open .question i:before {opacity: 0;}
								.members .content_faq .block .faq_list li .question_container .question i:after {content: ''; position: absolute; width: 58px; height: 5px; background: var(--black); top: 50%; transform: translateY(-50%);}

		/*Animations*/
		.members .content_faq .block .faq_list li .question_container h5 {transition: all 0.6s 0.5s ease-in-out; opacity: 0; transform: translateX(20px);}
			.members .content_faq.show .block .faq_list li .question_container h5 {opacity: 1; transform: translateX(0px);}

@media (max-width: 1000px) {
	.members .p_left_1 {padding-left: 0;}
	.members .center_content.c_10 {width: 676px;}

	/*Title*/
	.members .content_members {padding-top: 115px;}
		.members .content_members .section_title {width: 100%;}
			.members .content_members .section_title h1 {font-size: 3rem;}

	/*International*/
	.members .content_international {margin-top: 60px; margin-bottom: 160px;}
		.members .content_info .center_content.c_12 {width: 676px;}
			.members .content_info h3{font-size:2.375rem;}
				.members .content_info h3::before{bottom:30px;}
				.members .content_info h3 .animation_text02{font-size:3.875rem; bottom: 0;}
			.members .content_info .pearl01{width:28px; right:50px; top: 118px;}
			.members .content_info .pearl02{width:45px; right:-2px; top: 108px;}
			.members .content_info .pearl03,
			.members .content_info .pearl04{display: none;}

			.members .content_info .content_container {flex-direction: column;}
			.members .content_info .content_half {width: 100%;}
				.members .content_international .content_half:nth-child(1) {order: 2;}
				.members .content_international .content_half:nth-child(2) {order: 1;}
				.members .content_info .content_half figure {width: 332px; margin: auto;}
				.members .content_info .content_half p {max-width: 100%; font-size: 1.125rem;}

			.members .content_info .block {margin-top: 50px;}
				.members .content_info .block h4 {font-size: 1.125rem;}
				.members .content_info .block ul li {font-size: 1.125rem;}
				.members .content_info .block .content_container {gap: 0px;}

	/*Requirements*/
	.members .content_info .block .title {font-size: 1.75rem;}

	/*FAQ*/
	.members .content_faq {margin-bottom: 120px;}
		.members .content_faq .block .faq_list li .question_container h5,
		.members .content_faq .block .faq_list li .answer_container h5 {font-size: 4.0625rem;}
		.members .content_faq .block .faq_list li .question_container .question p,
		.members .content_faq .block .faq_list li .answer_container .answer p {font-size: 1.125rem;}
}

@media (max-width: 750px) {
	.members .center_content.c_10 {width: 100%;}

	/*Title*/
	.members .content_members {padding-top: 165px;}
		.members .content_members .section_title {padding: 43px 0;}
			.members .content_members .section_title h1 {font-size: 2.25rem;}

	/*International*/
	.members .content_international {margin-bottom: 100px;}
	.members .content_info {padding: 0 36px;}
		.members .content_info .center_content.c_12 {width: 100%;}
			.members .content_info h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
				.members .content_info h3 .animation_text01 {position: relative; bottom: -20px;}
				.members .content_info h3 .animation_text02 {font-size: 3.125rem; bottom: -5px; margin-left: 0;}
				.members .content_info h3::before {bottom: 90px;}
				.members .content_info .pearl01 {width: 30px; right: -2px; bottom: 77px; top: initial;}
				.members .content_info .pearl02 {width: 18px; right: 36px; bottom: 82px; top: initial;}

			.members .content_info .content_half figure {width: 100%;}
			.members .content_info .block ul li {padding-left: 15px;}

	/*Requirements*/
	.members .content_requirements h3::before {bottom: 105px;}
	.members .content_requirements .pearl01 {bottom: 92px;}
	.members .content_requirements .pearl02 {bottom: 98px;}

	/*FAQ*/
	.members .content_faq .block .faq_list li .question_container, 
	.members .content_faq .block .faq_list li .answer_container {align-items: flex-start;}
		.members .content_faq .block .faq_list li .question_container .question,
		.members .content_faq .block .faq_list li .answer_container .answer {padding: 33px 16px 21px;}
			.members .content_faq .block .faq_list li .question_container h5,
			.members .content_faq .block .faq_list li .answer_container h5 {width: 80px; padding-right: 30px;}
			.members .content_faq .block .faq_list li .question_container .question p,
			.members .content_faq .block .faq_list li .answer_container .answer p {font-size: 0.875rem; width: 100%;}
			.members .content_faq .block .faq_list li .question_container .question i {position: absolute; left: -85px; bottom: 30px;}
}