/* section */
section{padding: 7vw 0;}
section >*{z-index:5}
section .title_box .page_title{font-weight: 400;font-size: 1.3rem;letter-spacing: 4px;position: relative;line-height: 110%;}
section .title_box p{line-height: 170%;letter-spacing: 0.5px;font-weight: 500;font-size: 20px;color: var(--complement);position: relative;}
section .title_box{padding: 2vw 0 6vw 0;margin:auto}
section .title_box .decoTop{display:flex;gap:20px;align-items:center}
section .title_box .decoTop .deco1,section .title_box .decoBottom .deco2,section .title_box .decoBottom .subtitle{font-weight:400;font-size: 3.5rem;font-family:"Cormorant",sans-serif;/* text-transform:uppercase; */line-height:140%;font-family: "Rubik", sans-serif;font-family: "Baloo 2", sans-serif;font-family: "Quicksand", sans-serif;/* font-family: "Patrick Hand", cursive; */}
section .title_box .decoBottom .subtitle{color:var(--complement);position:relative}
section .title_box .decoBottom .deco2,#news_area .title_box .page_title{font-style:italic;text-transform:lowercase;font-family: "Cormorant", sans-serif;font-family: "Rubik", sans-serif;font-family: "Baloo 2", sans-serif;font-family: "Quicksand", sans-serif;}
section .title_box .decoTop img{aspect-ratio:1 /1;width:60px}
section .title_box .page_title,#news_area .title_box .decoBottom .subtitle{font-weight:400;font-size:1.4rem;letter-spacing:4px;position:relative;line-height: 150%;}
section .title_box .decoBottom{display:flex;gap:10px;margin-left:240px}

section .track{width:100vw;max-width:100%;overflow:hidden;white-space:nowrap;margin-top: 90px;}
section .track p{font-weight: 400;font-size: 75px;margin:0;text-transform:uppercase;letter-spacing:2px;line-height:1;will-change:transform;animation: marquee 35s linear infinite;font-family: "Cormorant", serif;color: #d1c4b6;display: flex;justify-content: center;align-items: flex-end;}
section .track p img{vertical-align: baseline;aspect-ratio: 1 / 1;width: 80px;margin: 0 20px;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}


/* btn */
.btn, .btn_outline { padding: 2px 10px; }
.more_btn {padding: 14px 20px 14px 30px;border-radius: 40px;border: 1px solid #6c6c6c;font-family: "Cormorant", serif;font-size: 14px;font-weight: 600;line-height: 1;display: inline-flex;gap: 15px;align-items: center;text-transform: uppercase;}
.more_btn font{font-family: 'Cormorant', sans-serif;color: #313131;font-weight: 300;}
.more_btn:hover{background:var(--primary);color:#fff;}
.more_btn:hover font{color:#fff}
.more_btn:after {width: 6px;height: 6px;border: #6c6c6c solid;border-width: 1px 0 0 1px;display: inline-block;content: "";-webkit-transform: rotate(135deg) translate(-1px, -1px);margin-right: 10px;}
.more_btn:hover:after{border-color:#fff}

/* about_area */
#wrap{position:relative;z-index: 30;}
#about_area{position:relative;padding: 3vw 0 4vw 0;}
#about_area .leftBox{position: relative;}
#about_area .fixTxt{position:absolute;left: -140px;top: 110px;z-index: 2;}
#about_area .title_box .decoBottom .subtitle::after{content:'';background-image: url(/images/39/img-ab-02.png);background-size: contain;background-repeat: no-repeat;width:244px;height:72px;position:absolute;right:-100px;top:30px}
#about_area .leftBox .Img img{border-radius:230px 0 0;aspect-ratio: 1.5 / 2;object-fit: cover;}
#about_area .about_info{display:grid;grid-template-columns: 20% 1fr 30%;align-items:end;gap:90px;}
#about_area .rightBox .topGroup .pageh1{font-weight:400;font-size:1.4rem;letter-spacing:4px;position:relative;line-height: 150%;margin-left:23px}
#about_area .rightBox .topGroup .pageh1:before{content:'';width:23px;height:1px;display:block;background:var(--primary);transform:rotate(110deg);margin:-15px -26px}
#about_area .rightBox .topGroup article h3{font-weight:400;font-size:26px;margin-bottom:20px}
#about_area .rightBox .topGroup article  .Txt{line-height:200%;letter-spacing:1px;margin-top:20px;width:min(400px,90%);font-size:1rem;color:#4f4f4f}
#about_area .rightBox .sidePeople{position:absolute;bottom:0;right:0;width:30%;margin-right:auto;display:flex;justify-content:flex-end}
#about_area .slogan{color:#87909b;font-size:14px;opacity:0.7;font-family:"Cormorant",sans-serif;}
#about_area .slogan img{margin-bottom:20px}
#about_area .slogan .title,#about_area .slogan .intro{margin:5px 20px 0;width:70%;color:#000000;font-size:1.1rem}
#about_area .slogan .intro,#about_area .rightBox .topGroup .titleEn{color:#4f4f4f;font-size:.9rem;opacity:.8}
#about_area .rightBox{margin-bottom:50px;}
#about_area .rightBox article{margin:15px 0 40px 0}
#about_area .rightBox .topGroup .titleEn{}
#about_area .rightBox .topGroup .titleEn:after{content:'';width:40px;height:1px;display:block;background:var(--primary);margin-top:30px}
#about_area .about_icon *{transition:unset;-webkit-transition:unset}
.treatment-section{position:relative;align-items:center;}
.curve-bg{background-color:#ede0d1;position:absolute;top: -1%;left:50%;transform: translateX(-50%);width:120vw;height: 70%;border-top-left-radius:20vw;border-top-right-radius:20vw;visibility:visible;z-index:-1;transition:unset;-webkit-transition:unset}

/* service_area */
#service_area{position:relative;z-index: 10;width: 92%;margin: auto;margin-top: 60px;}
.grid-container{display:grid;grid-template-columns:60% 40%;grid-template-rows:repeat(2,1fr);grid-gap:0}
.item{position:relative;overflow:hidden}
.grid-container li{display:flex;align-items:center;flex-direction:column;justify-content:center}
.grid-container li .item{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:start;align-content:center}
.grid-container li .item .Txt *{color:#fff}
.grid-container li .item .Txt{padding: 40px;}
.grid-container li:first-child{grid-column:1/2;grid-row:1/3;border-left:#e4e4e4 solid 1px}
.grid-container li:first-child .Txt{position:absolute;bottom: 0;padding: 90px;}
.grid-container li:nth-child(2){background-color:#bfa488}
.grid-container li .Img{width:100%;aspect-ratio:1 /2;overflow: hidden;}
.grid-container li:nth-child(3){background-color:#043248}
.grid-container li:nth-child(2) .item .Img{order:2;aspect-ratio:1 /1}
.grid-container li:nth-child(3) .item .Img{aspect-ratio:1 /1}.grid-container li:first-child .item{display:inline-block;width:100%}
.grid-container li .Img:first-child{aspect-ratio: 4.5 /3;}
.grid-container li .img_cover{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1 / 1}
.grid-container li:hover .Img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}

.grid-container li .text_en{font-size:1rem;margin-bottom:0.25rem;opacity:0.8;font-family: 'Cormorant', sans-serif;font-size: 2.2rem;}
.grid-container li .text{font-size: 1.55rem;font-weight: 400;letter-spacing: 2px;}
.grid-container li .atag_item{position:absolute;inset:0;z-index:3}
#news_area{overflow:hidden;padding:0 0 4vw 0}
#news_area .title_box{display:flex;justify-content:center;align-items:center;gap:20px;padding:0}
#news_area .title_box .decoBottom{margin-left:0}
#news_area .title_box .page_title{font-size: 3.4rem;letter-spacing: 1px;}
#news_area .workframe{width: min(90%, 1300px);display: flex;flex-direction: column;align-items: center;gap: 40px;}
#news_area .tit *{text-align:center;}
#news_area .tit,#news_area .title_box .page_title{}
#news_area #news_box{display: grid;grid-template-columns: 30% 64%;width: 100%;gap: 75px;align-items: center;}
#news_area #news_box #news_list  li >div .img a{bottom: 15px;right: 15px;background: var(--secondary);color: var(--light);padding: 15px 30px;border-radius: 50px;font-size: 15px;letter-spacing: 1px;}
#news_area #news_box .top_tit { text-transform: uppercase; white-space: nowrap; -webkit-text-stroke: 1px #dbdbdb; text-stroke: 1px #6b6b6b; line-height: 1; letter-spacing: 3rem; font-size: 10vmax; color: transparent; opacity: .5; -webkit-transform: translate(-7vw, -1vmax); transform: translate(-7vw, -1vmax); -webkit-animation: book_element 2.5s linear infinite; animation: book_element 2.5s linear infinite; }
#news_area #news_box #news_list li >div {padding: 30px 25px;border: 4px solid #b1a69766;}

#news_area #news_box #news_list li:hover .tt p, #news_area #news_box #news_list li:hover *{}
#news_area #news_box #news_list li .tt{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
#news_area #news_box #news_list li .tt p{margin:0;font-family: auto;font-size: 17px;text-transform: uppercase;font-weight: 400;color: #676767;}
#news_area #news_box #news_list li .tt font a{color: #3c3c3c;font-size: 12px;border: 1px solid #9e9e9e;padding: 3px 15px;background: #ffffff00;}
#news_area #news_box #news_list li >div img {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;}
#news_area #news_box #news_list li >div h3 {height: 60px;font-weight: 400;font-size: 18px;-webkit-line-clamp: 2;margin: 15px 0 0;}
#news_area #news_box #news_list li >div p {height: auto;font-weight: 300;font-size: 14px;-webkit-line-clamp: 2;margin: 15px 0 0;}

/* news_area */
#news_right{padding: 1.5vw 0;}
#news_right .tit .title_box {font-size:24px;font-weight: 500;}
#news_right ul{border-top: 1px solid #af9f90;}
#news_right ul li{border-bottom: 1px solid #af9f90;margin-bottom: 10px;padding: 30px 0;}
#news_right .info_box{display:grid;grid-template-columns: 126px 1fr;gap: 30px;align-items: center;}
#news_right .info_box >p{display:flex;flex-direction: column;align-items: center;color: #434343;font-size: 16px;border-right: 1px solid #af9f90;font-family: "Cormorant", sans-serif;font-family: auto;font-weight: 400;}
#news_right .info_box p b{font-family: auto;font-weight: 400;font-size: 50px;line-height: 1;}
#news_right .infoo h3{font-size: 20px;height: auto;font-weight: 500;}
#news_right .infoo p{height:auto;color: #524f4c;font-size: 17px;}


@media screen and (max-width:1560px){
	section .title_box .subtitle{font-size:60px}
	#about_area .rightBox .sidePeople{width:30%}
}
@media screen and (max-width:1440px){
	#about_area{padding: 6vw 0 4vw 0;}
	#about_area .rightBox{margin-bottom:0}
	#about_area .about_info{gap:50px}
	.curve-bg{border-top-left-radius:5vw;border-top-right-radius:5vw}
	#news_area{padding:11vw 0 13vw 0}
}
@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#fff}
	.more_btn.white a:hover{width:150px}
}
@media screen and (max-width:1280px){
	section .title_box{padding:0vw 0 9vw 0}
	header .barBox #webmenu,header.scroll .barBox #webmenu,#about_area .rightBox .sidePeople,#about_area .slogan{display:none}
	.more_btn a{padding:6px 30px 6px 20px}
	#imglist .img_nav{position:relative}
	#news_area #news_box{grid-template-columns:100%;gap:20px}
	section .title_box .decoTop .deco1,section .title_box .decoBottom .deco2,section .title_box .decoBottom .subtitle{font-size:2.5rem}
	.grid-container{display:flex;flex-direction:column}
	.grid-container li:first-child .Txt,.grid-container li .item .Txt{padding:40px}
	.grid-container li .text_en{font-size:1.4rem}
	#about_area .about_info{grid-template-columns: 1fr 45%;gap:30px}
}
@media screen and (max-width:1024px){
	section .title_box .subtitle{font-size:52px}
	section .title_box{padding:9vw 0 7vw 0}
	section .title_box .decoTop{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}
	section .title_box .decoBottom{margin-left:0;display:flex;align-items:center;justify-content:center}
	section .title_box .decoTop img{width:40px}
	#about_area .about_info{display: block;}
	#about_area .leftBox .Img img{border-radius:40% 0 0}
	#about_area .rightBox .topGroup article .Txt{width:auto}
	#about_area .leftBox .Img:before,#about_area .slogan,#about_area .fixTxt img,.curve-bg{display:none}
	#about_area .leftBox .Img,#about_area{padding:0}
	#about_area .title_box .decoBottom .subtitle::after{right:-50px;top:20px;width:174px;height:50px}
	.treatment-section{background-color:#ede0d1;padding:100px 0 40px}
}
@media (min-width:961px){
	.bottombtn{position:absolute;bottom:60px;right:0}
}
@media (max-width: 960px){
    #about_area .leftBox{margin-top:50px;}
    section .titleBox .subtitle{font-size:31px}
	section .track{margin-top:60px}
	section .track p{font-size:35px}
	section .track p img{width:40px}
	#about_area .areaTitle .title_box p{width:90%}
	#news_area .title_box{display:flex;flex-direction:column;align-items:center;gap:0}
	.grid-container li:first-child .Txt,.grid-container li .item .Txt{padding:20px}
	.grid-container li .text_en{font-size:1rem}
	.grid-container li .text{font-size:1.2rem}
}
@media screen and (max-width:640px){
    section .title_box{padding:11vw 0 15vw 0}
}
@media screen and (max-width:550px){
	#news_area .title_box .page_title{font-size:2.4rem;line-height:110%}
}