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


/*ANTI HAZING*/

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

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

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

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

	/*POLICY*/
	.antihazing .content_info {margin-top: 70px;}
	.antihazing .content_policy {margin-top: 0px;}
	/*Pearl Ornaments*/
	.antihazing .content_info .ornament_pearl{position:absolute; z-index:3;}

	.antihazing .content_info .pearl01{width:76px; right:0px; bottom: 35px;}

	.antihazing .content_info .pearl02{width:38px; right:90px; bottom: 52px;}

	/*Headings*/
	.antihazing .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;}

		.antihazing .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*/
		.antihazing .content_info h3::before{width:100%; height:2px; background:var(--pink); position:absolute; left:0; bottom:70px; content:'';}

		/*Animations*/
		.antihazing .content_info h3 .animation_text01,
		.antihazing .content_info h3 .animation_text02,
		.antihazing .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);}

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

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

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

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

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

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

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

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

		/*Animations*/
		.antihazing .content_container .content_half p,
		.antihazing .content_container .content_half li {transition: all 0.3s 0.5s ease-in-out; transform: translateY(20px); opacity: 0;}
			.antihazing .content_container.show .content_half p,
			.antihazing .content_container.show .content_half li {opacity: 1; transform: translateY(0px);}
		.antihazing .content_container .button {opacity: 0;}
			.antihazing .content_container.show .button {opacity: 1;}



	/*DEFINITIONS*/
	.antihazing .content_info .background {padding: 35px 0 90px;}
			.antihazing .content_info .background.pink {background: rgba(239, 147, 158, .15);}
			.antihazing .content_info .background.green {background: rgba(71, 152, 56, .15);}

	.antihazing .content_info .block {margin-top: 70px;}
		.antihazing .content_info .block h4 {font-size: 1.25rem; line-height: 1.4; margin-bottom: 65px; font-weight: 700;}
		.antihazing .content_info .block ul {list-style-type: disc; padding-left: 15px;}
			.antihazing .content_info .block ul li {padding-left: 35px; font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px;}
		.antihazing .content_info .block .title {font-size: 2.25rem; font-weight: 900; margin-bottom: 50px;}
		.antihazing .content_info .content_half span {text-indent: 40px; display: block;}
			.antihazing .content_info .content_half .button span {text-indent: 0; display: inline;}
		.antihazing .content_info .content_half b {font-weight: 700;}
		.antihazing .content_info .content_half a {text-decoration: underline;}
		.antihazing .content_info .block p + p.title {margin-top: 118px;}
		.antihazing .content_info .block .button {width: 338px; text-decoration: none; background: var(--white); margin-top: 32px;}
			.antihazing .content_info .block .button:hover {background: var(--green);}

		.antihazing .content_definitions .background.green .content_container {align-items: stretch;}
			.antihazing .content_definitions .background.green .content_container .content_half {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}

@media (max-width: 1000px) {
	.antihazing .p_left_1 {padding-left: 0;}
	.antihazing > section .center_content.c_10,
	.antihazing > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.antihazing .content_antihazing {padding-top: 115px;}
		.antihazing .content_antihazing .section_title {width: 100% !important;}
			.antihazing .content_antihazing .section_title hr {width: 43%;}
			.antihazing .content_antihazing .section_title h1 {font-size: 3rem;}

	/*Policy*/
	.antihazing .content_info {margin-top: 60px;}
		.antihazing .content_info h3{font-size:2.375rem; margin-bottom: 10px;}
			.antihazing .content_info h3::before{bottom:60px;}
			.antihazing .content_info h3 .animation_text02{font-size:3.875rem; bottom: 0;}
		.antihazing .content_info .pearl01{width:28px; right:50px; top: 90px;}
		.antihazing .content_info .pearl02{width:45px; right:-2px; top: 80px;}

		.antihazing .content_info .content_container {flex-direction: column; gap: 35px;}
			.antihazing .content_info .content_half {width: 100%;}
				.antihazing .content_info .content_half p {max-width: 100%; font-size: 1.125rem;}
				.antihazing .content_info .block ul li {font-size: 1.125rem;}
				.antihazing .content_info .block {margin-top: 0;}
					.antihazing .content_info .block .title {font-size: 1.75rem;}
					.antihazing .content_info .background {padding: 60px 0;}
					.antihazing .content_info .block .button {margin-bottom: 80px;}
}

@media (max-width: 750px) {
	.antihazing > section .center_content.c_10,
	.antihazing > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.antihazing .content_antihazing {padding-top: 165px;}
		.antihazing .content_antihazing .section_title {padding: 43px 0;}
			.antihazing .content_antihazing .section_title hr {width: 10%;}
			.antihazing .content_antihazing .section_title h1 {font-size: 2.25rem;}

	/*Policy*/
	.antihazing .content_info {padding: 0 36px;}

		.antihazing .content_info h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
			.antihazing .content_info h3 .animation_text02 {font-size: 3.125rem; bottom: 15px; margin-left: 0;}
			.antihazing .content_info h3::before {bottom: 125px;}
			.antihazing .content_info .pearl01 {width: 30px; right: 0; bottom: 112px; top: initial;}
			.antihazing .content_info .pearl02 {width: 18px; right: 36px; bottom: 118px; top: initial;}

		.antihazing .content_info .background {margin-left: -36px; width: calc(100% + 72px); padding: 60px 36px 84px;}
			.antihazing .content_info .block .button {width: 100%;}
}