/* index.less */
#product_area .list_box ul li{transform:translate(0,0);-webkit-transform:translate(0,0);}@media (min-width:1281px){#product_area .list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);}}#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0);}#book_area .list_box li .img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom;}@media (min-width:1281px){#book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1);}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite;}

.wrapper:before{content:'';position:absolute;width: 1px;height: 100%;right: 165px;top: 0;background: #262626;opacity: .1;z-index: -1;}

/* section */
section {padding: 4vw 0;}
section >* { z-index: 3; }
section .title_box { margin-bottom: 40px; }
section .title_box .area_title { font-weight: 400; font-size: 45px; }
section .title_box .sub_title { font-weight: 300; font-size: 23px; }
section .textEditor{padding-bottom:3vw}
section .textEditor .en{text-align:center;font-size: 60px;color: var(--primary);line-height:1.5;text-transform:uppercase;font-family: "Lato", sans-serif;font-weight: 300;}
section .textEditor h3{text-align:center;color: #232222;font-size: 24px;font-weight: 500;word-spacing: 100vw;letter-spacing: 2px;}

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; background-attachment: fixed; opacity: .3; top: 0; left: 0; }
.bg_box:before { width: 100%; height: 100%; display: block; background: rgba(var(--primary-rgb), .2); content: ""; }
.bg_box.white:before { background: rgba(var(--white-rgb), .2); }

/* history_area */
#history_area:before{content:'';position: absolute;width: 11%;height: 100%;top: 0;left: 0;background: var(--primary);}
.historyArea{width: min(90%,1150px);}
.historyArea .historyItem.slick-current .title a{color:#ffffff}
.historyArea .historyItem.slick-current .title::after{background:#a40000}
.historyArea .historyItem.slick-current .title::before{opacity:1;-webkit-animation:zoomout 2.3s ease-in-out forwards infinite;animation:zoomout 2.3s ease-in-out forwards infinite}
.historyArea .historyItem.slick-current .bubbleBox{opacity:1}
.historyArea .historyItem .item{position:relative;margin: 0 30px;}
.historyArea .historyItem .clearfix::before{display:none;}
.historyArea .historyList{position:relative}
.historyArea .historyItem .top{text-align:center;margin:0 auto}
.historyArea .historyItem .top::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;box-shadow: 0 0 0 7px #e4e1da, 0 0 0 0px #a7a7a7;background-color: #a7a7a7;top: calc(15% + 6px);left:calc(50% - 4px)}
.historyArea .historyItem .top .monthRound{position:relative}
.historyArea .historyItem .top .monthRound::before{content:"";position:absolute;background-color:#ffffff00;width:30px;height:30px;border-radius:50%;border: 1px solid #e4e1da;left:50%;top: 15px;transform:translateX(-50%);}
.historyArea .historyItem .top em{font-size: 85px;color: #cfcece;font-style:initial;font-weight:600;line-height:80%;font-family: "Lato", sans-serif;}
.historyArea .historyItem .top em span{font-size:65px;line-height:1;padding-left:5px}
.historyArea .historyItem .top .titleEn{font-family:Roboto;font-weight:400;color:#a40000;font-size:15px;letter-spacing:1.5px;height:36px}
.historyArea .historyItem .Img{position:relative;z-index:5;width: 100%;margin: 50px auto 0;display:flex;justify-content:center;align-items:stretch;flex-direction:column;overflow:inherit;aspect-ratio: 3 / 3;}
.historyArea .historyItem .Img img{width: 310px;margin:auto;object-fit:cover;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s;transform:rotate(0deg) translateY(0%);aspect-ratio:3 / 3;border-radius:150px}
.historyArea .historyItem .Txt{padding:50px 0 0}
.historyArea .historyItem .title{position:relative;margin:5px auto 0;text-align:center}
.historyArea .historyItem .title{position:relative;z-index:5;display:block;margin: 20px auto;font-size: 22px;font-weight:500;letter-spacing:1px;color:#3c3b3b;}
.historyArea .historyItem .Img::before{opacity:1;background:transparent;border:1px solid #d9cdcd;width:310px;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:zoomout 2.3s ease-in-out forwards infinite;animation:zoomout 2.3s ease-in-out forwards infinite;aspect-ratio: 3 / 3;}
.historyArea .historyItem p{color: #2d2c29;font-size: 18px;-webkit-line-clamp: 2;height: 60px;text-align: center;}
.historyArea .historyItem .Img .monthImg{content:"";position:absolute;z-index:-1;top:17%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:205px;height:205px;background:var(--primary);border-radius:50%;margin:0 auto}
.historyArea .historyItem .Img::before{content:"";position:absolute;z-index:-1;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:205px;background:var(--primary);border-radius:50%;margin:0 auto}
.historyArea .historyItem .Img::before{opacity:1;background:transparent;border: 1px solid #e7e2e2;width: 280px;top: 20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:zoomout 2.3s ease-in-out forwards infinite;animation:zoomout 2.3s ease-in-out forwards infinite;}
.historyArea .historyItem .Img::after{content:"";position:absolute;z-index:-1;top:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:255px;height:255px;background:rgb(255 255 255 / 0%);border-radius:50%;border:1px solid var(--primary);margin:0 auto;opacity:1}
@-webkit-keyframes zoomout{50%{-webkit-transform:translateX(-50%) scale(1.3,1.3);transform:translateX(-50%) scale(1.3,1.3);opacity:0}}
@keyframes zoomout{50%{-webkit-transform:translateX(-50%) scale(1.3,1.3);transform:translateX(-50%) scale(1.3,1.3);opacity:0}}
.historyArea .arrow,.introductionBox .introductionList .arrow{padding:30px 0%;right:0;bottom:45%;display:flex;justify-content:space-between;width:100%}
.introductionBox .introductionList .arrow{display:block;justify-content:center;right:auto;left:-130px;bottom:0}
.historyArea .arrow a,.introductionBox .introductionList .arrow a{position:relative;display:inline-block;width:55px;height:55px;line-height:40px;text-align:center;border:1px solid #565656;background-color:#565656;cursor:pointer;border-radius:50%;margin:0 5px}
.historyArea .arrow a:before,.introductionBox .introductionList .arrow a:before{content:"";background-image:url(/images/39/icon_arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;width:100%;height:100%;position:absolute;top:0;left:0;bottom:auto;right:auto}
.historyArea .arrow a.next:before,.introductionBox .introductionList .arrow a.next:before{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);transform:scaleX(-1)}
.historyArea .slick-prev{left:-50px;}
.historyArea .slick-prev:before{content:url(/images/40/arrow-left.png)}
.historyArea .slick-next{right:-50px;}
.historyArea .slick-next:before{content:url(/images/40/arrow-right.png)}

/* about_area */
#about_area{padding: 0;}
#about_area .workframe{margin:0;width: 85%;display: grid;grid-template-columns: 58% 35%;justify-content: space-between;}
#about_area .textEditor *, #news_area .textEditor *{text-align:left;}
#about_area .textEditor .en{line-height: 1.2;margin-bottom: 10px;}
#about_area .info_box article {margin-bottom: 30px;width: 100%;line-height: 210%;font-weight: 400;color: var(--black);text-align: justify;}
#about_area .textEditor{padding-bottom:2vw}
#about_area .info_box{margin: 2vw 0 9vw;}
#about_area .img_box img{height:100%;}

/* fakeNumber */
#fakeNumber{padding: 0;position: relative;z-index: 6;margin-top: -5.5vw;display: none;}
#fakeNumber ul{margin: 0 auto;padding: 45px 20px;background: var(--secondary);width: min(90%, 1280px);grid-template-columns: repeat(3, 1fr);display: grid;}
#fakeNumber li{padding: 0 30px;display: inline-flex;align-items: center;justify-content: center;position: relative;}
#fakeNumber li:not(:last-child):after{content:'';position: absolute;right: 0;width: 1px;height: 100%;background: #fff;opacity: .3;transform: skewX(-30deg);}
#fakeNumber li .eva{display:flex;flex-direction: column;align-items: flex-start;}
#fakeNumber li h2{display: flex;font-size: 33px;color: #fff;align-items: flex-start;font-weight: 300;}
#fakeNumber li h2 b{color: #fff;font-size: max(6.3 * (1vw + 1vh) / 2, 30px);font-weight: 300;font-family: "Lato", sans-serif;line-height: 1;margin-right: 10px;}
#fakeNumber li p{color: #fff;font-size: 20px;margin-left: 5px;margin-top: 5px;letter-spacing: 1px;font-weight: 300;}

/* product_area */
#product_area { overflow: hidden; max-width: 100vw; }
#product_area .slick-list { overflow: visible; }

/* news_area */
#news_area:before{content:'';position: absolute;left: 0;bottom: 0;width: 10%;height: 120%;z-index: -1;background: #eee;}
#news_area:after{content:url(/images/40/img-law.png);position: absolute;right: -190px;top: 15px;z-index: -1;animation-name: law;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 5s;}
@keyframes law{0%{top: 15px;}100%{top: 55px;}}
#news_area .textEditor h4{position:absolute;font-size: 24px;background: var(--primary);color: var(--white);font-weight: 500;letter-spacing: 5px;right: 0;width: 38%;padding: 30px 80px;top: 45px;}
#news_area .list_box{display:grid;grid-template-columns: 35% 65%;justify-content: space-between;}
#news_area .list_box .bg_box{opacity:1;background-attachment: unset;}
#news_area .list_box .bg_box:before{display:none;}
#news_area .list_box ul{display:grid;grid-template-columns: repeat(2, 1fr);width: 70%;margin: 30px 0 30px 80px;}
#news_area .list_box li .img_scale{margin: 20px 40px !important;}
#news_area .list_box li .morre{border-top:1px solid #ddd;font-family: "Lato", sans-serif;font-size: 13px;font-weight: 800;color: #333232;display: flex;align-items: center;justify-content: space-between;padding-top: 10px;margin-top: 10px;}
#news_area .list_box li .morre span{width:15px;height: 1px;display: inline-block;background: #1e1e1e;position: relative;}
#news_area .list_box li .morre span:after{content:'';height: 15px;width: 1px;background: #2b2b2b;position: absolute;top: -7px;left: 7px;}
#news_area .list_box .info_box p {}
#news_area .list_box .info_box p font{}
#news_area .list_box .info_box p font b{text-align: center;line-height: 1;font-family: "Lato", sans-serif;position: relative;padding-left: 50px;color: #757171;font-weight: 500;font-size: 15px;}
#news_area .list_box .info_box p font b:before{content:'';position: absolute;left: 25px;width: 1px;height: 100%;background: #d7d7d7;transform: skewX(-30deg);}
#news_area .list_box .info_box p a {margin-right: 10px;max-width: calc(100% - 100px);font-weight: 400;z-index: 2;background: var(--secondary);color: var(--white);font-size: 14px;height: auto;padding: 5px 10px;margin-left: 20px;}
#news_area .list_box .info_box p .time {font-family: "Lato", sans-serif;text-align: left;font-size: 30px;color: var(--primary);font-weight: 600;display: inline-flex;align-items: center;}
#news_area .list_box .info_box h3 {height: 60px;font-size: 18px;-webkit-line-clamp: 2;color: #1f1f21;margin: 10px 0 20px;}
#news_area .list_box li:hover .info_box h3{color:var(--primary)}

/* book_area */
#book_area .list_box img { height: 450px; }
#book_area .list_box .img_box { border: var(--white) solid; border-width: 0 1px 1px 0; }
#book_area .list_box .img_box:before , #book_area .list_box .img_box:after { position: absolute; width: 100%; height: 100%; background: var(--white); z-index: 9; opacity: .4; content: ""; }
#book_area .list_box .img_box:after { right: 0; bottom: 0; }
#book_area .list_box .atag_item { z-index: 10; }
#book_area .list_box .badge { margin: auto; padding: 10px 20px; max-width: calc(80% - 40px); height: 34px; line-height: 36px; font-size: 20px; }

/* youtube_box */
#youtube_box { min-height: 1px; padding-bottom: 30%; }
#youtube_box a { position: absolute; background: var(--white); display: flex; top: 50%; left: 50%; z-index: 99; }
#youtube_box a i { margin: auto; font-size: 30px; color: var(--primary); }
#youtube_box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }

/* custom_area */
#custom_area { margin: 0; padding: 5vw 0 3vw; }
#custom_area:before { position: absolute; width: 100%; height: 75%; background: rgba(var(--primary-rgb), .1); display: block; bottom: 0; left: 0; opacity: .3; content: ""; }
#custom_box { padding: 8vw 0 5vw; }
#custom_box li .row { margin: 30px 20px; padding: 30px; display: block; border-bottom: 2px var(--primary) solid; }
#custom_box li .row h2 { font-size: 20px; }
#custom_box li .row article { margin-top: 30px; line-height: 200%; }

@-webkit-keyframes spineer { 0% { -webkit-box-shadow: 0 0 0 0 var(--info); } 70% { -webkit-box-shadow: 0 0 0 20px transparent; } 100%{ -webkit-box-shadow: 0 0 0 0 transparent; } }
@keyframes spineer { 0% { box-shadow: 0 0 0 0 var(--info); } 70% { box-shadow: 0 0 0 20px transparent; } 100%{ box-shadow: 0 0 0 0 transparent; } }

@media screen and (min-width: 1281px){
	#book_area .list_box li:hover .badge { background: var(--primary); color: var(--white); }
	#custom_box li:hover .row { box-shadow: 0 4px 17px 0 rgba(var(--black-rgb), .2); }
	.historyArea .historyItem .item:hover .title{transform:translateY(-20%)}
	.historyArea .historyItem .item:hover .Txt h3{color:var(--primary)}
	.historyArea .historyItem .item:hover .top::after{box-shadow: 0 0 0 7px var(--primary), 0 0 0 0px var(--primary);background-color: var(--white);}
	.historyArea .historyItem .item:hover .top .monthRound::before{border: 1px solid rgb(223 193 131 / 50%);}
}
@media screen and (max-width: 1440px){
	.wrapper:before{display: none;}
	#history_area:before{width: 3%;}
	#news_area .list_box ul{width: 85%;}
	#about_area .workframe{width:90%;}
}
@media screen and (max-width: 1360px){
	#news_area:before, #history_area:before{display:none;}
}
@media screen and (max-width: 1024px){
	#news_area .list_box ul{width:100%;margin: 30px 0 0;}
	#news_area .list_box{width:90%;margin: 0 auto;display: block;}
	#news_area .list_box .bg_box{width:100%;aspect-ratio: 5 / 3;}
	#news_area .textEditor h4{width:50%;z-index: 1;top: 165px;}
	.historyArea .historyItem .top::after{top: calc(15% - 6px);}
}
@media screen and (max-width: 768px){
	#news_area:after{display:none;}
	#fakeNumber li{padding:0 15px;}
	#fakeNumber ul{padding:45px 0;}
	#about_area .workframe{display:block;width: 100%;}
	#about_area .info_box{width: 85%;margin: 5vw auto;}
	#fakeNumber{margin:0;}
	.historyArea .historyItem .top::after{top: calc(15% + 12px);}
	section .textEditor{padding-bottom: 8vw;}
	#news_area .list_box .info_box { padding: 15px 0; }
	#youtube_box { padding-bottom: 60vw; }
	#custom_box li .row { margin: 10px 15px; padding: 10px 0; }
}
@media screen and (max-width: 640px){
	.historyArea .historyItem .top .monthRound::before{display:none;}
	#news_area .list_box li .img_scale{margin: 0 10px !important;}
	#news_area .list_box ul{grid-template-columns: repeat(1, 1fr);margin-top: 10px;}
	#news_area .list_box li:nth-child(3), #news_area .list_box li:nth-child(4){display:none;}
	#news_area .textEditor h4{width: auto;position:relative;top: unset;background: none;color: #232222;font-size: 20px;font-weight: 500;word-spacing: 100vw;letter-spacing: 2px;padding: 0;margin: 0;}
	#news_area .textEditor *{text-align:center;}
	#fakeNumber li h2 b{font-size: 90px;}
	#fakeNumber li:not(:last-child){margin: 20px 0;}
	#fakeNumber li:not(:last-child):after{display:none;}
	#fakeNumber ul{width:100%;grid-template-columns: repeat(1, 1fr);}
	#about_area .img_box img{aspect-ratio: 4 / 3;height: auto;}
	section{padding:8vw 0;}
	section .textEditor .en{font-size:40px;}
	section .textEditor h3{font-size:20px;}
	.historyArea .historyItem p{font-size:16px;height: auto;}
	.historyArea .historyItem .top em{font-size: 60px;}
	.historyArea .historyItem .top::after{top: calc(15% - 4px);}
	.historyArea .historyList::before{top:63px}
	.historyArea .historyItem .Img .monthImg{display:none}
	.historyArea .historyItem .Img::before{width:140px;height:140px}
	.historyArea .historyItem .Img::after{display:none}
	#book_area .list_box img { height: 65vw; }
}
@media screen and (max-width: 450px){
	#product_area .bgBox { width: 100%; object-fit: cover; }
}