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


/*STAFF*/

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

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

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

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

	/*STAFF*/
	.staff .content_staff {margin-top: 90px; margin-bottom: 105px;}
		.staff .content_staff .staff_list {display: flex; align-items: center; justify-content: center; gap: 53px 16px; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0;}
			.staff .content_staff .staff_list li {width: calc(50% - 8px); position: relative; height: 220px; padding:0; margin:0;}
				.staff .content_staff .staff_list .staff_image {position: absolute; top: 0; left: 0; z-index: 1;}
					.staff .content_staff .staff_list .staff_image img {border: 2px solid var(--white);}
				.staff .content_staff .staff_list .staff_info {background: rgba(239, 147, 158, .3); padding: 29px 32px 24px 118px; height: 100%; margin-left: 118px; display:flex; flex-wrap:wrap; align-content:space-between;}
					.staff .content_staff .staff_list .staff_info .name {font-size: 1.5rem;}
					.staff .content_staff .staff_list .staff_info hr {width:100%; border-color: var(--white); border-width: 2px; margin:5px 0;}
					.staff .content_staff .staff_list .staff_info .title {font-size: 1.125rem; font-style: italic; font-weight: 700; margin-bottom: 27px; width:100%;}
					.staff .content_staff .staff_list .staff_info .email {font-size: 0.875rem; line-height: 1.4; font-weight: 400;}
						.staff .content_staff .staff_list .staff_info .email b {display: block; font-weight: 700;}

		/*Animations*/
		.staff .content_staff .staff_list li {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.staff .content_staff.show .staff_list li {opacity: 1;}
		.staff .content_staff .staff_list li .name {transition: all 0.5s 0.7s ease-in-out; opacity: 0; transform: translateY(20px);}
			.staff .content_staff.show .staff_list li .name {transform: translateY(0px); opacity: 1;}
		.staff .content_staff .staff_list li .title,
		.staff .content_staff .staff_list li .email {transition: all 0.5s 0.7s ease-in-out; opacity: 0; transform: translateY(-20px);}
			.staff .content_staff.show .staff_list li .title,
			.staff .content_staff.show .staff_list li .email {opacity: 1; transform: translateY(0px);}
		.staff .content_staff .staff_list li hr {transition: transform 0.4s 0.4s ease-in-out; transform: scaleX(0);}
			.staff .content_staff.show .staff_list li hr {transform: scaleX(1);}

	/*OFFICE*/
	.staff .content_office {background: var(--pink); padding: 10px 0 56px;}
		/*Pearl Ornaments*/
		.staff .content_office .ornament_pearl{position:absolute; z-index:3;}

		.staff .content_office .pearl01{width:28px; right:-2px; bottom: 56px;}
		.staff .content_office .pearl02{width:38px; right:118px; bottom: 52px;}
		.staff .content_office .pearl03{width:28px; right:168px; bottom: 56px;}

		/*Headings*/
		.staff .content_office h3{font-size:3.750rem; position:relative; margin:0 0 20px; color:var(--white); display: flex; align-items: center;}

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

			/*Line*/
			.staff .content_office h3::before{width:100%; height:2px; background:var(--white); position:absolute; left:0; bottom:70px; content:'';}

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

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

				.staff .content_office h3 .animation_text02{opacity:0;}
				.staff .content_office.show h3 .animation_text02{opacity:1;}

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

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

					.staff .content_office h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

					.staff .content_office h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

				/*Pearls*/
				.staff .content_office .ornament_pearl{opacity:0;}
				.staff .content_office.show .ornament_pearl{opacity:1;}

			.staff .content_office .address {text-align: center;}
				.staff .content_office .address p {font-size: 1.25rem; font-weight: 400; margin-bottom: 40px;}
				.staff .content_office .address b {font-weight: 700;}

				/*Animations*/
				.staff .content_office .address p {transition: all 0.5s 0.3s ease-in-out; opacity: 0; transform: translateY(20px);}
					.staff .content_office.show .address p {opacity: 1; transform: translateY(0px);}

@media (max-width: 1420px) {

	.staff .content_staff .staff_list .staff_info .name{font-size:1.250rem;}

}

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

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

	/*Staff*/
	.staff .content_staff .staff_list {gap: 40px 12px; align-items: stretch;}
		.staff .content_staff .staff_list li {width: calc(50% - 6px); height: auto;}
		.staff .content_staff .staff_list .staff_image {width: 154px;}
		.staff .content_staff .staff_list .staff_info {margin-left: 0; border-radius: 90px 0 0; padding: 50px 15px 35px 25px;}
			.staff .content_staff .staff_list .staff_info .name {margin-left: 150px; min-height: 120px;}

		.staff .content_staff.show .staff_list li hr{margin:0 0 20px;}

	/*Office*/
	.staff .content_office h3{font-size:2.375rem; margin-bottom: 10px;}
		.staff .content_office h3::before{bottom:35px;}
		.staff .content_office h3 .animation_text02{font-size:3.875rem; bottom: 0;}
	.staff .content_office .pearl01{width:28px; right:50px; top: 95px;}
	.staff .content_office .pearl02{width:45px; right:-2px; top: 85px;}
	.staff .content_office .pearl03{display: none;}

	.staff .address p {font-size: 1.125rem; margin-bottom: 30px;}
}

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

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

	/*Staff*/
	.staff .content_staff {margin-top: 50px;}
		.staff .content_staff .staff_list {padding: 0 36px;}
			.staff .content_staff .staff_list li {width: 100%;}
				.staff .content_staff .staff_list .staff_info .name {margin-left: 140px;}

				.staff .content_staff .staff_list .staff_info .email{width:100%;}

	/*Office*/
	.staff .content_office {padding: 46px 36px 92px;}
		.staff .content_office h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
			.staff .content_office h3 .animation_text01 {width: 210px;}
			.staff .content_office h3 .animation_text02 {font-size: 3.125rem; bottom: 15px; margin-left: 0;}
			.staff .content_office h3::before {bottom: 105px;}
			.staff .content_office .pearl01 {width: 30px; right: -2px; bottom: 92px; top: initial;}
			.staff .content_office .pearl02 {width: 18px; right: 36px; bottom: 98px; top: initial;}
}

body.page-template-page-contact-corporate-staff .updated_design .staff_image img{
  max-width:218px;
}

@media (max-width:1040px){
  body.page-template-page-contact-corporate-staff .updated_design .staff_image img{
    max-width:158px;
  }
}


.c_12.adjust_layout{
  max-width:1164px;
}