/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box { padding-bottom: 3vw; font-style: italic; font-size: 38px; }
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
section .h2title {position:relative;display: flex;color:#33373b;font-size: 24px;font-weight:500;letter-spacing:.16em;align-items: center;gap: 15px;margin-left: 10px;}
section:not(#team_area, #news_area) .h2title::before {content:"";width: 11px;aspect-ratio: 1/1;background-image: url(/images/44/img-dot.png);background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;display: block;}
section .en {color:#403d3a;font-weight:300;line-height:1;letter-spacing: -.01em;font-family: "Arimo", sans-serif;font-size: max(7.8 * (1vw + 1vh) / 2, 50px);}

#wrap .videobox{width:100%;top: 0;height: 100%;z-index: -1;}
#wrap video{width:100%;position:absolute;left: 0px;top: 0px;opacity: .4;}
#wrap .video-bg:after{content:'';width: 100%;height: 100%;position: absolute;top: 0;background-image: url(/images/44/video-texture.jpg);z-index: -1;opacity: .4;}

/* service_area */
#service_area {position:relative;padding:110px 0 95px;overflow:hidden;}
#service_area:before{content:'';position: absolute;top: 0;width: 100%;height: 50%;background: linear-gradient(0deg, rgb(255 255 255 / 0%) , rgb(255 255 255 / 100%) 90%);}
#service_area .workframe {position:relative;z-index:2;width: min(90%, 1400px);margin:0 auto;}
#service_area .service_head {display:grid;grid-template-columns: 1fr 38%;gap:60px;align-items:start;margin-bottom:58px;}
#service_area .service_intro {padding-top: 35px;}
#service_area .service_intro p {margin:0;color:#4f4f4f;font-size: 28px;font-weight:400;line-height: 1.8;letter-spacing:.22em;word-break: keep-all;}
#service_area .service_content {display:grid;grid-template-columns: repeat(3, 1fr);gap: 35px;align-items:stretch;}
#service_area .service_card {position:relative;border-radius:30px;overflow:hidden;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .55s ease;}
#service_area .service_card.service_feature_card{padding:30px;}
#service_area .service_card:before,#service_area .service_card:after { background-clip: border-box; background-origin: border-box; border-radius: inherit; content: ""; left: 0; -webkit-mask-clip: padding-box,border-box; mask-clip: padding-box,border-box; -webkit-mask-image: linear-gradient(#ffffff 0%,#ffffff 0%),linear-gradient(#ffffff 0%,#ffffff 0%); mask-image: linear-gradient(#ffffff 0%,#ffffff 0%),linear-gradient(#ffffff 0%,#ffffff 0%); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; }
#service_area .service_card:before { background-image: linear-gradient(90deg,color-mix(in srgb,#dbd7d3 100%,transparent) 0%,color-mix(in srgb,#dbd7d3 0%,transparent) 100%); border-top: solid max(.0625rem,1px) transparent; height: calc(100% - max(.0625rem,1px)); width: 100%; z-index: -1; }
#service_area .service_card:after { background-image: linear-gradient(180deg,color-mix(in srgb,#dbd7d3 100%,transparent) 0%,color-mix(in srgb,#dbd7d3 0%,transparent) 100%); border-left: solid max(.0625rem,1px) transparent; height: 100%; width: calc(100% - max(.0625rem,1px)); z-index: -2; }
#service_area .service_main {align-items: start;border-radius: calc(1rem - max(.0625rem,1px)) 0 0 0;color: #524B44;display: grid;gap: 0 2.25rem;grid-template-columns: 1fr 9.375rem;grid-template-rows: 1fr auto;padding: 2.25rem;text-decoration: none;white-space: unset;}
#service_area .service_main:before { background-image: linear-gradient(124deg,color-mix(in srgb,#52402a 10%,transparent) 0%,color-mix(in srgb,#52402a 0%,transparent) 47.79%,transparent 100%); border-radius: 1rem 0 0 0; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: .3s ease opacity; width: 100%; z-index: -1; }
#service_area .service_main:hover:before { opacity: 100%; }
#service_area .service_text .name {color: #403d3a;font-size: 34px;font-weight: 400;line-height: 1.2;letter-spacing: .08em;margin-top: 15px;}
#service_area .service_text .sub { margin-top: 12px; color: #064675; font-size: 15px; font-weight: 600; letter-spacing: .03em; font-family: "Arimo",sans-serif; }
#service_area .service_text .line { display: block; width: 28px; height: 1px; margin-top: 22px; background: #dbd7d3; }
#service_area .service_main .pic {aspect-ratio: 3/4;grid-column: 2/3;grid-row: 1/3;overflow: clip;border-radius: 20px;}
#service_area .service_main .pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.22,1,.36,1); }
#service_area .service_card:hover .service_main .pic img { transform: scale(1.08); }
#service_area .more { display: flex; justify-self: start; grid-column: 1/2; grid-row: 2/3; align-items: center; gap: 15px; }
#service_area .more span{color:transparent;overflow:clip;text-shadow:0 1lh 0 
color-mix(in srgb,#524b44 0%,transparent),0 0 0 
color-mix(in srgb,#524b44 100%,transparent);transition:.3s ease text-shadow;}
#service_area .service_main:hover .more span{text-shadow:0 0 0 
color-mix(in srgb,#524b44 100%,transparent),0 -1lh 0 
color-mix(in srgb,#524b44 0%,transparent);}
#service_area .more i {position:relative;display:block;width:38px;height:38px;border-radius:50%;background:#064675;transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s ease;}
#service_area .more i::before {content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translate(-60%,-50%) rotate(45deg);}
#service_area .service_main:hover .more i {transform:translateX(6px);background:#0b4678;}
#service_area .service_child {list-style:none;margin:42px 0 0;padding: 0 2.25rem;}
#service_area .service_child li {background-image: linear-gradient(to right, #c2beba max(.0625rem, 1px), transparent max(.0625rem, 1px));background-position: left top;background-repeat: repeat-x;background-size: .1875rem max(.0625rem, 1px);}
#service_area .service_child a {position:relative;display:block;padding:18px 30px 18px 0;color: #4a4a4a;font-size: 18px;line-height:1.4;text-decoration:none;transition:color .35s ease,padding-left .35s ease;height: auto;}
#service_area .service_child a::after {content:"";position:absolute;right: 24px;top:50%;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:translateY(-50%) rotate(45deg);opacity:.75;}
#service_area .service_child a:hover {padding-left:10px;color:#064675;}
#service_area .feature_slider {position:relative;}
#service_area .feature_item {position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .55s ease,visibility .55s ease,transform .55s cubic-bezier(.22,1,.36,1);}
#service_area .feature_item.active {position:relative;opacity:1;visibility:visible;transform:translateX(0);}
#service_area .feature_item a {display:block;color:inherit;text-decoration:none;white-space: unset;}
#service_area .feature_pic {aspect-ratio: 4/3;border-radius:20px;overflow:hidden;margin-bottom: 25px;background:#e4f0f7;}
#service_area .feature_pic img {width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1);}
#service_area .service_feature_card:hover .feature_pic img {transform:scale(1.05);}
#service_area .feature_title {color:#403d3a;font-size: 24px;font-weight:700;line-height:1.3;letter-spacing:.06em;height: auto;}
#service_area .feature_sub {margin-top: 5px;color:#064675;font-size: 17px;font-weight: 400;line-height:1.7;letter-spacing:.06em;height: auto;}
#service_area .feature_info p {display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#4f4f4f;font-size:15px;line-height:2;letter-spacing:.07em;background-image: linear-gradient(to right, #c2beba max(.0625rem, 1px), transparent max(.0625rem, 1px));background-position: left top;background-repeat: repeat-x;background-size: .1875rem max(.0625rem, 1px);height: 90px;margin-top: 15px;padding-top: 15px;}
#service_area .feature_control {display:flex;align-items:center;justify-content:space-between;margin-top: 30px;}
#service_area .feature_count {display:flex;align-items:center;gap:14px;}
#service_area .feature_count *{font-size:15px;font-family: "Arimo", sans-serif;letter-spacing: .1em;color: var(--primary);font-weight: 600;}
#service_area .feature_count em {display:block;width:92px;height:1px;background: #dbd7d3;position: relative;}
#service_area .feature_count em:before{content:'';position: absolute;width: 20px;height: 1px;background: var(--primary);}
#service_area .feature_btns {display:flex;gap:12px;}
#service_area .feature_btns button {position:relative;width:54px;height:54px;padding:0;border:0;border-radius:50%;background: var(--primary);cursor:pointer;transition:background .35s ease,transform .35s ease;}
#service_area .feature_btns button:hover {background: var(--triadic1);}
#service_area .feature_btns button::before {content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-top:1px solid #fff;border-right:1px solid #fff;}
#service_area .feature_prev::before {transform:translate(-35%,-50%) rotate(-135deg);}
#service_area .feature_next::before {transform:translate(-65%,-50%) rotate(45deg);}
#service_area .more_box{margin-top: 50px;text-align: center;}

/* about_area */
#about_area {background: linear-gradient(0deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 100%) 90%);padding-top: 6.5vw;}
#about_area .workframe {margin-left: 3%;position: relative;}
#about_area .a_info {display: grid;grid-template-columns: 48% 38%;justify-content: space-between;position: relative;z-index: 2;}
#about_area .titlebox  {margin-bottom: 75px;padding-left: 25.5%;}
#about_area .a_info h1{font-size:45px;line-height: 1.5;font-weight: 400;word-break: keep-all;margin-bottom: 50px;margin-top: 25px;}
#about_area article{margin-bottom: 100px;}
#about_area article p { margin-bottom: 30px; line-height: 210%; letter-spacing: 2px; font-weight: 400; }
#about_area .about_sub_1 {display: flex;width: 280px;top: -15px;right: -13%;aspect-ratio: 28/34;border-radius: 10px;overflow: hidden;align-items: center;justify-content: center;}
#about_area .about_sub_1:before{content:'';width: 100%;height: 100%;position: absolute;top: 0;background-image: url(/images/44/video-texture.jpg);opacity: .3;z-index: 2;}
#about_area .about_sub_1 video{width: 200%;opacity: 1;left: -50%;top: unset;}
#about_area #about_img{order: -1;border-radius: 10px;overflow: hidden;}
#about_area #about_img img{aspect-ratio: 19.5 / 17;}

/* clinicMarquee_area */
#clinicMarquee_area {position:relative;width:100%;padding: 110px 0 20px;overflow:hidden;}
#clinicMarquee_area .clinicMarquee_track {position:relative;width:100%;overflow:hidden;}
#clinicMarquee_area .clinicMarquee_list {display:flex;align-items:center;gap:42px;width:max-content;animation: clinicMarqueeMove 100s linear infinite;will-change:transform;}
#clinicMarquee_area:hover .clinicMarquee_list {animation-play-state:paused;}
#clinicMarquee_area .clinicMarquee_item {flex:0 0 auto;width: 535px;aspect-ratio: 36 / 25;border-radius: 10px;overflow: hidden;}
#clinicMarquee_area .clinicMarquee_item img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease;}
#clinicMarquee_area .clinicMarquee_item:hover img {transform:scale(1.04);filter:brightness(1.03);}
@keyframes clinicMarqueeMove {0% {transform:translateX(0);}100% {transform:translateX(-50%);}}

/* team_area */
#team_area {position:relative;padding: 0 0 120px;}
#team_area .workframe {position:relative;z-index:2;margin:0 auto;width: min(75%, 1600px);}
#team_area .team_head {text-align:center;margin-bottom:70px;}
#team_area .h2title, #news_area .h2title {font-size: 45px;line-height:1.3;font-weight:400;letter-spacing:.08em;display: block;text-align: center;margin: 0;padding: 0;}
#team_area .en, #news_area .en {margin-top:12px;line-height:1.4;font-weight:600;letter-spacing: .23em;color: var(--primary);text-align: center;font-size: 20px;text-transform: uppercase;}
#team_area .team_slider_wrap {position:relative;margin-top: 55px;}
#team_area .team_slider_wrap:after{content:'';position: absolute;width: 1px;height: 100%;background: #f0f3f7;right: 1px;top: 0;}
#team_area .team_slider {position:relative;}
#team_area .team_item {position:relative;padding: 0 50px;margin: 0 1px;}
#team_area .team_item:before {content:"";position:absolute;right: 0;top:0;width:1px;height:100%;background: #dbd7d3;opacity: .5;}
#team_area .team_item a {display:block;text-decoration:none;color:inherit;white-space: unset;}
#team_area .pic {position:relative;width:100%;aspect-ratio:3/4;border-radius: 10px;overflow:hidden;background:#f7f4ef;}
#team_area .pic img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .8s ease;}
#team_area .info {padding: 30px 20px 0;}
#team_area .name {font-size: 20px;line-height:1.5;font-weight:500;letter-spacing:.04em;color:#3b3b3b;}
#team_area .txt {margin-top: 2px;line-height:1.8;letter-spacing:.04em;color:#6d6d6d;}
#team_area .team_item a:hover .pic img {transform:scale(1.04);filter:brightness(1.04);}
#team_area .team_arrow {position:absolute;top:42%;z-index:5;width:58px;height:58px;border:0;border-radius:50%;background:#11447e;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;}
#team_area .team_arrow:before {content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;}
#team_area .team_prev {left: -50px;}
#team_area .team_next {right: -50px;}
#team_area .team_prev:before {transform:translate(-35%,-50%) rotate(-135deg);}
#team_area .team_next:before {transform:translate(-65%,-50%) rotate(45deg);}
#team_area .team_arrow:hover {background: var(--triadic1);}
#team_area .slick-list {overflow:hidden;}
#team_area .slick-track {display:flex;}
#team_area .slick-slide {height:auto;}
#team_area .slick-slide > div {height:100%;}
#team_area .slick-dots {display:flex!important;justify-content:center;gap:10px;margin:55px 0 0;padding:0;list-style:none;}
#team_area .slick-dots li {width:8px;height:8px;margin:0;}
#team_area .slick-dots button {display:block;width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(17,68,126,.25);font-size:0;cursor:pointer;}
#team_area .slick-dots .slick-active button {width:28px;border-radius:99px;background:#11447e;}

/* news_area */
#news_area {position:relative;background: linear-gradient(0deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 100%) 90%);}
#news_area .workframe {position:relative;z-index:2;width: min(90%, 1400px);}
#news_area .news_layout {display:grid;grid-template-columns: 33% 65%;justify-content: space-between;}
#news_area .titlebox {display:flex;flex-direction:column;justify-content:space-between;padding: 70px 0 120px;}
#news_area .h2title {margin:0;text-align: left;}
#news_area .en {text-align: left;}
#news_area .more_btn{margin-top:auto}
#news_area .news_list {display:flex;flex-direction:column;gap:58px;}
#news_area .news_item a {display:grid;grid-template-columns: 240px 1fr;gap: 55px;align-items:center;text-decoration:none;color:inherit;white-space: unset;}
#news_area .pic {position:relative;width:100%;aspect-ratio: 4/3;overflow:hidden;background:#eef3f7;}
#news_area .pic img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .8s ease;}
#news_area .date {font-size: 15px;font-weight:600;line-height:1.5;letter-spacing:.06em;color:#555;margin-bottom: 6px;font-family: "Arimo", sans-serif;}
#news_area .name {font-size: 18px;font-weight:500;line-height:1.6;letter-spacing:.03em;color:#3e3e3e;height: auto;}
#news_area .info p {margin: 15px 0 0;font-size: 15px;font-weight:400;line-height:2;letter-spacing:.04em;color: #646362;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: auto;}
#news_area .news_item a:hover .pic img {transform:scale(1.04);filter:brightness(1.04);}
#news_area .news_item a:hover .name {color:#11447e;text-decoration: underline;text-underline-offset: 6px;}

@media screen and (max-width: 1460px) {
    #service_area .service_text .name{font-size:28px;}
    #service_area .service_text .sub{font-size:14px;}
    #about_area .workframe{width:85%}
    #about_area .a_info h1, #team_area .h2title, #news_area .h2title{font-size: 38px;}
    #about_area #about_img img{aspect-ratio:unset}
    #about_area #about_img .clip{height:100%}
}
@media screen and (max-width: 1280px) {
    #wrap video{height:100%;width: auto;}
    #service_area .service_content{gap:15px}
    #service_area .service_text .name{font-size: 22px;}
    #service_area .more span{font-size:14px;}
    #service_area .service_text .sub{font-size:12px;}
	#service_area .service_intro p{font-size: 22px;}
}
@media screen and (max-width: 1024px) {
    #team_area .workframe{width:90%}
    #service_area .service_head{grid-template-columns: 1fr 50%;}
    #service_area .service_content{grid-template-columns: repeat(2, 1fr);}
    #service_area .service_card.service_feature_card{grid-column: 1 / 3;}
    #about_area .a_info{display:flex;flex-direction: column;}
    #about_area .titlebox{padding-left:10%}
    #about_area #about_img img{aspect-ratio:5/3}
    #about_area .workframe{margin-left:5%}
}
@media screen and (max-width: 980px) {
    #team_area .team_slider_wrap{padding-bottom: 100px;}
    #news_area .more_btn{display:none;}
    #news_area .titlebox{padding: 0 0 50px;}
    #news_area .news_layout{grid-template-columns:1fr}
    #team_area .team_prev{left: 40%;}
    #team_area .team_prev, #team_area .team_next{top: unset;bottom: 0;}
    #team_area .team_next{right: 40%;}
	section { padding: 10vw 0; }
    #service_area{padding: 60px 0 95px;}
    #service_area .service_head{display:flex;flex-direction: column;gap: 0;}
	#service_area .service_content{grid-template-columns: 1fr;}
    #service_area .service_card.service_feature_card{grid-column: unset;}
    #clinicMarquee_area .clinicMarquee_item{width: 335px;}
}
@media screen and (max-width: 760px) {
    #team_area .team_prev{left: 30%;}
    #team_area .team_next{right: 30%;}
    #service_area{padding: 60px 0 35px;}
    #service_area .feature_control{display:flex;flex-direction: column;align-items: flex-start;gap: 15px;}
    #service_area .feature_sub{-webkit-line-clamp: 2;height: 57px;}
    #service_area .feature_title{font-size:20px;}
	#service_area .service_intro p{font-size: 19px;}
	#service_area .service_intro{padding-top: 15px;}
    #service_area .service_head{margin-bottom: 35px;display: block;}
    #service_area .service_main .pic{order:-1;aspect-ratio: 4/3;}
    #service_area .service_main .pic img{aspect-ratio:4/3}
    #service_area .service_main{display:flex;flex-direction: column;padding: 2rem;}
    #service_area .more{margin-top: 30px;}
    #service_area .service_child, #service_area .more_box, #about_area #about_img{display:none;}
    #about_area .titlebox{padding:0;margin-bottom: -5px;}
    #about_area .about_sub_1{width: 180px;right: -50%;top: 20%;}
    #about_area .a_info h1{font-size:22px;}
    #about_area{padding-top: 12vw;}
    #about_area .workframe{width: 85%;margin: 0 auto;}
    #about_area article{width:90%;margin-bottom: 40px;}
    #clinicMarquee_area .clinicMarquee_item{width: 195px;}
    #clinicMarquee_area:hover .clinicMarquee_list{gap: 15px;}
    #team_area .h2title, #news_area .h2title{font-size: 32px;}
    #team_area .en, #news_area .en{font-size:17px;}
    #team_area .team_item{padding:0 25px}
    #team_area .team_item:before{display:none;}
    #team_area .info *{text-align:center;}
    #team_area{padding-bottom:60px;}
    #news_area .workframe{width:80%}
    #news_area .titlebox{padding-bottom:30px;}
    #news_area .news_item a{display:block;}
    #news_area .news_list{gap:30px}
    #news_area .pic{margin-bottom:10px;}
    #news_area .info p{margin-top:8px;}
}