.wrap { position: relative;padding-top: 2vh;z-index: 998;}
.wrap #wrapBox>div { position: relative;}
.wrap .title_box { margin-bottom: 10px}.wrap .title_box p{ text-align: center;}
.wrap .title_box font { font-size: max(1.8*(1vw + 1vh) / 2,62px);color: var(--primary);position: relative;text-transform: inherit;line-height: 130%;text-align: center;margin-bottom: 10px;font-weight: 500;}
.wrap .title_box font:last-child { font-weight: 500;margin-left: 10px;color: var(--secondary);}
.wrap .title_box .page_title { text-transform: uppercase;line-height: 130%;font-weight: 400;font-size: max(1.8*(1vw + 1vh) / 2,26px);color: var(--primary);position: relative;letter-spacing: 8px;text-align: center;}
.wrap .title_box .page_title img {width: 52px;}
.wrap .title_box .page_title img:last-child { -webkit-transform: scaleX(-1);transform: scaleX(-1);}
.wrap .title_box .page_title b { margin: 0 .8em;padding-bottom: .2em;line-height: 1;font-size: 1.05em;color: #5d5d5d;}
.wrap .title_box .page_title span { color: var(--complement);vertical-align: bottom}
.webBox .wrapper {position: relative;background-image: url(/images/46/img-all-bg.png);background-size: auto;background-repeat: no-repeat;background-position: 50% 4%;z-index: 2;}


/* NewsBox */
#NewsBox { position: relative;overflow: hidden;background-image: url(/images/46/img_n_bg.png);background-size: auto;background-repeat: no-repeat;background-position: 50% 50%;padding-bottom: 50px;}#NewsBox .workframe { display: flex;margin-bottom: 50px;flex-direction: column;align-items: center;z-index: 10;}
#NewsBox .workframe .row { margin-top: 50px;border-radius: 50px;background-color: #fff;padding: 40px 50px;width: 90%;}#NewsBox .workframe .row ul.newsList{ margin-bottom: 0;}
#NewsBox .NewsTxt { display: inline-block;text-transform: uppercase;font-size: 45px;letter-spacing: 3px;color: #505050;font-weight: 500;max-height: 260px;-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr}
#NewsBox .bgTxt.title { display: flex;background: url(/images/46/img_n_t_bg.png) repeat top/contain;align-items: flex-start;padding: 50px 20px 40px 30px;justify-content: center;width: auto}
#NewsBox .bgTxt.title::before { content: "";position: absolute;left: calc(50% - 6.5px);top: -40px;width: 1px;height: 70px;background-color: #9c9276}
#NewsBox .bgTxt.title .titleEn { border-bottom: 0px solid #bdad84}
#NewsBox .bgTxt.title h3, #NewsBox .titleEn { color: #fff}
#NewsBox .bgTxt.title h3 { font-size: 28px}
#NewsBox ul.newsList li { position: relative;font-size: 0;margin: 0px 0 10px;border-bottom: 1px solid rgb(47 47 47 / 20%)}#NewsBox ul.newsList li:hover .f_aitems_end h3{ color: var(--secondary);}#NewsBox ul.newsList li:hover .moreBtn { -webkit-animation: ani-arrow-x 1.2s infinite;animation: ani-arrow-x 1.2s infinite;}
#NewsBox ul.newsList li .info_box {padding: 18px 8px;display: flex;flex-wrap: wrap;position: relative;align-items: center;height: 40px;}#NewsBox ul.newsList li .info_box .news_icon img{width: 32px;aspect-ratio: 1 / 1;object-fit: contain;transition: all 1.1s ease-in-out;-webkit-transition: all 1.1s ease-in-out;animation-name: people;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
#NewsBox ul.newsList li .info_box .Nmore { position: absolute;right: 20px;top: 22%;}
#NewsBox ul.newsList li .moreBtn {margin: 0px 0px 0 20px;-webkit-transition: 0.5s;transition: 0.5s;display: none;}
#NewsBox ul.newsList li .moreBtn svg {fill: #ffffff;display: flex;justify-content: center;align-items: center;border-radius: 50%;width: 15px;height: 15px;background-color: var(--primary);/* padding: 15px; *//* display: none; */}
#NewsBox ul.newsList li a { position: absolute;width: calc(100% - 0px);height: 100%;top: 0;left: 0}
#NewsBox ul.newsList li p.time { margin-right: 10px;width: 110px;line-height: 28px;color: #9f9f9f;letter-spacing: 1.5px;font-size: 14px;display: flex;justify-content: center;align-items: center;font-weight: 500;}#NewsBox ul.newsList li .category{padding: 0px 10px;background: var(--primary);color: var(--white);font-size: 16px;line-height: 230%;font-weight: 500;width: 70px;text-align: center;}
#NewsBox ul.newsList li .f_aitems_end{272727;display: flex;margin: 0 20px 0;justify-content: space-around;align-items: center;}#NewsBox ul.newsList li .f_aitems_end h3{font-size: 20px;color: #272727;overflow: hidden;height: 32px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}#NewsBox ul.newsList li p.txt { width: calc(100% - 155px);display: -webkit-inline-box;overflow: hidden;font-weight: 400;line-height: 160%;max-height: initial;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 15px;letter-spacing: 1px;color: #807c71;}
#NewsBox ul.newsList li .noBox { position: absolute;font-weight: 400;font-size: 13px;top: calc(100% - 22px);right: 67px}
#NewsBox .newsbtn{display:flex;justify-content:center;align-items:center;gap:20px;margin:40px auto 0}
#NewsBox .newsbtn a{cursor:pointer;text-decoration:none;line-height:1.2;font-weight:500;transition:all .2s ease;will-change:transform;width:40px;height:40px;padding:10px;background-color:var(--primary);border:0px solid;display:inline-flex;border-radius:5em}
#NewsBox .newsbtn a.newsmoreBtn{width:190px;border:0px solid;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;color:#fff}
#NewsBox .newsbtn a svg{width:20px;height:20px;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;fill:#ffffff}
#NewsBox .newsbtn a:nth-child(1) svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}

@-webkit-keyframes ani-arrow-x { 0%, 100% { -webkit-transform: translateX(0);}
50% { -webkit-transform: translateX(5px);}
}
@keyframes ani-arrow-x { 0%, 100% { transform: translateX(0);}
50% { transform: translateX(5px);}
}

/* bookBox bookList*/
#bookBox{width: 100%;height: 790px;}
#bookBox .deck01{ position: absolute;text-align: center;left: 50%;transform: translate(-50%, 0%);}#bookBox .deck01 .serviceTitle{ text-align: center;}#bookBox .title_box{font-size: 0;/* padding-bottom: 50px; */}
@keyframes about11_jump_1 { 0% { transform: translate(0%,10%) scale(1,0.95)}
50% { transform: translate(0%,-10%) scale(1,1)}
100% { transform: translate(0%,10%) scale(1,0.95)}
}

@keyframes people { 0% { transform-origin: right bottom;transform: rotate(-3deg)}
100% { transform-origin: right bottom;transform: rotate(3deg)}
}
@media screen and (max-width: 1280px) { 
	.wrap .title_box font{ font-size: max(1.8*(1vw + 1vh) / 2, 42px);}.wrap .title_box .page_title{ font-size: max(1.8*(1vw + 1vh) / 2, 23px);margin-top: 10px;}
    #bookBox{height: 660px;}
}
@media screen and (min-width: 1025px) { 
	#NewsBox:before { content: '';position: absolute;height: 362px;width: 218px;top: 50px;left: 70px;background-image: url(/images/46/img_n_bg02.png);background-repeat: no-repeat;z-index: 0;transform-origin: top left;transition: all 1.1s ease-in-out;-webkit-transition: all 1.1s ease-in-out;animation: about11_jump_1 3.2s infinite 1s;}#NewsBox:after { content: '';position: absolute;height: 369px;width: 446px;top: 0px;right: 0px;background-image: url(/images/46/img_n_bg01.png);z-index: 0;background-size: cover;transform-origin: top left;transition: all 1.1s ease-in-out;-webkit-transition: all 1.1s ease-in-out;animation-name: people;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}#bookBox:after { content: '';position: absolute;height: 358px;width: 272px;top: -70px;left: 90px;background-image: url(/images/46/img_b_bg01.png);z-index: 1;background-size: cover;transform-origin: top left;transition: all 1.1s ease-in-out;-webkit-transition: all 1.1s ease-in-out;animation-name: people;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
}
@media screen and (max-width: 980px) { 
	.wrap .title_box font{ font-size: max(1.8*(1vw + 1vh) / 2, 31px);margin-bottom: 4px;}.wrap .title_box .page_title b{ font-size: 0.85em;}.wrap .title_box .page_title img{ width: 21px;}#NewsBox { padding: 0px 0px 10px 0px;}
	#NewsBox ul.newsList li .category{line-height: 210%;}
	#NewsBox ul.newsList li .f_aitems_end{margin: 10px 0px 0;}
	#bookBox{height: 610px;}
}
@media screen and (max-width: 680px) { 
	#NewsBox:before, #NewsBox:after, #NewsBox .bgTxt.title::before { display: none}
	#NewsBox .workframe { display: flex;margin-bottom: 30px;flex-direction: column;align-items: center}
	#NewsBox .workframe .row { width: calc(100% - 40px);margin-left: 0;margin-top: 10px;padding: 30px 20px;}
	#NewsBox .NewsTxt { writing-mode: inherit}
	#NewsBox .bgTxt.title { padding: 20px 40px}
	.wrap { padding-top: 1vh}
	#bookBox{height: 490px;}
    #NewsBox ul.newsList li .info_box{height: auto;}
}