@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
.section-about { padding: 0 0 150px 0}
.section-about h1 { height:100vh; display:flex; justify-content: center; align-items: center; flex-direction: column; }
.section-about h1 img { width:60%;}
.section-about h1 div.hcopy { font-size:30px; letter-spacing:5px; margin-top:50px;}
.section-about h2 { font-size:40px; font-weight:300; line-height:1.2; letter-spacing:2px; word-spacing:5px}
.section-about h2.center { text-align:center; margin-bottom:100px; letter-spacing:0; word-spacing:0; font-weight:700 }
.section-about p { font-size:18px; font-weight:300; line-height:1.6 }
.section-about h2 + p {margin-top:50px}
.section-about .hr { margin:40px 0 !important}

#eng .section-about h2 {font-weight:600;  letter-spacing:0;  word-spacing:0;  font-family:"Poppins"}
#eng .section-about h2 span { font-size:.8em; opacity:.5; font-weight:300}

.health-150 {margin: 50px 0; display: flex; flex-direction: column;}
.health-150 li {width:100%;  display: flex; }
.health-150 li + li { margin-top:30px;}
.health-150 li > * + * { margin-left:40px;}
.health-150 li .list2 {display:flex; flex-direction: column; justify-content: center;}
.health-150 li .list2 span + span { margin-top:10px}
.health-150 li .list {display:flex; flex-wrap: wrap;   padding:10px 0}
.health-150 li .list em { display: flex; line-height: 1; padding: 10px 10px; margin:2px; border: var(--border-basic); border-radius: 6px; box-shadow: var(--box-shadow-basic); width: fit-content; background-color:#fff; font-size:12px;}
	
.health-150 h3 { font-size:1.8em; font-weight:500; margin-bottom:30px; }
.health-150 span { font-weight:500;}
.health-150 .circle { background-color:var(--color-main); border-radius:100%; width:200px; height:200px; display: flex; align-items: center; justify-content: center; color:#fff; flex-shrink: 0;}
.health-150 .circle span {font-size:100px;}
.health-150 .work { display: flex; flex-direction: column; justify-content: center;}

.history h3 { font-weight:100; font-size:50px; color:var(--color-main); margin-bottom:40px;}
.history li { display:flex; flex-direction: column; width:400px; }
.history li span + span { margin-top:10px;}
.history li span { padding-left:40px; line-height:1.6}
.history li span em { display:inline-block; margin-left:-40px; width:40px; font-weight:700; font-size:.8em; }

.people { display:flex; flex-wrap: wrap; justify-content: center; margin:0 auto}
.people.advi {max-width:1200px}
.people > li { border: var(--border-basic); border-radius: 20px; box-shadow: var(--box-shadow-basic); width: 300px; background-color:#fff;  overflow:hidden; margin:5px}
.people ul { padding:20px 20px 40px 20px;}
.people .face img {width:100%;}
.people .job {  font-size:.8em; font-weight:700; color:var(--color-main)}
.people .name { margin-top:5px; font-size:1.5em;}
.people .p-history { margin-top:20px; line-height:1.2; font-size:1em}
.people .p-history span { display:block;}
.people .p-history span + span { margin-top:10px;}

.bgmove { margin-bottom:100px; height:600px }
.withtext {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	}
.hcopy {  font-family:"Poppins"; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;	letter-spacing: 5px; font-size:50px; letter-spacing:5px;   color: #000;
	/*
	background-image:url("/assets/img/site/about-us/bg_grd.png"); background-size: cover; background-position: center;	
	border-radius: 200px;
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 0 20px 20px rgba(255, 255, 255, .8);
    padding: 20px 40px;
	*/
	}
	
@media screen and (max-width:768px){
	.section-about { padding: 0 0 50px 0}
	.section-about h1 img { width:50%;}
	.section-about h1 div.hcopy { font-size:20px; letter-spacing:5px; margin-top:50px;}
	.section-about h2 { font-size:24px;  letter-spacing:0px; word-spacing:2px;}
	.section-about h2.center {  margin-bottom:20px;  }
	.section-about p { font-size:14px;}
	.section-about h2 + p {margin-top:30px}
	.section-about .hr { margin:50px 0 !important}
	
	.health-150 li { flex-direction: column; align-items: center;}
	.health-150 .work { width:100%; align-items: center; text-align: center;}
	.health-150 li .list { justify-content: center;  padding-bottom:30px }
	.health-150 li > * + * { margin-left:0; margin-top:40px;}
	
	.history li { width:60vw; }
	
	.people > li { width:calc(50% - 4px); margin:2px;  border-radius: 10px;}
	
	.bgmove { margin-bottom:100px; height:40vh }
	.hcopy { font-size:5vw; }
}