/* section */
section {padding: 5vw 0;}
section .area_title {margin-bottom:4vw}
section .area_title .other_txt { font-size: 72px; -webkit-transform: rotate(-11deg) translate(60%, .8em); transform: rotate(-11deg) translate(60%, .8em); }
section .area_title .h2title {line-height: 1.8;letter-spacing: 2px;font-weight: 500;font-size: 25px;}
section .area_title .en {letter-spacing: .2rem;font-weight: 400;font-size: max(5.5* (1vw + 1vh) / 2, 45px);font-family: "Poppins", serif;font-weight: 600;line-height: 1.4;}
section .area_title p { letter-spacing: .2rem; font-weight: 300; font-size: 18px; }

/* service_area */
#service_area {padding-top: 4vw;background: var(--secondary);padding-bottom: 0;}
#service_area *, #product_area *{color:#fff;}
#service_area .workframe{display:grid;width: min(90%, 1150px);grid-template-columns: 50% 45%;justify-content: space-between;position: relative;z-index: 6;}
#service_area .left {position: relative;}
#service_area .fixTxt {position: absolute;font-family: "Poppins", serif;top: 0;right: 90px;font-weight: 600;letter-spacing: 1px;font-size: max(5.5 * (1vw + 1vh) / 2, 45px);}
#service_area .area_title .h2title{margin: 35px 0 50px;word-spacing: 100vw;}
#service_area .area_title article{font-size:19px;text-align: justify;line-height: 2;margin-bottom: 80px;font-weight: 300;}
#service_area .bg{margin-top: -150px;}
#service_area .bg .one{top: 15%;left: 15%;z-index: 2;}
#service_area .bg .two{top: 26%;right: 40%;z-index: 2;}
#service_area .bg .three{top: 15%;right: 11%;z-index: 2;}

/* history_area */
#history_area{background-image:url(/images/00/Bg.jpg);background-repeat: repeat;background-position: 50% 50%;background-size: contain;padding: 0;margin-top: -9vw;}
#history_area .area_title, #history_area .area_title *{text-align:center;}
.historyArea{width: min(90%,1500px);}
.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 .historyList ul{display:grid;grid-template-columns: repeat(5, 1fr);gap: 10px;}
.historyArea .historyList a{position:absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.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 li:hover .top::after{background:#fff;box-shadow: 0 0 0 7px var(--thirdly), 0 0 0 0px var(--thirdly);}
.historyArea .historyItem .top .monthRound{position:relative}
.historyArea .historyItem .top em{color: #cfcece;font-style:initial;font-weight:600;line-height:80%;font-family: "Lato", sans-serif;font-size: max(4 * (1vw + 1vh) / 2, 30px);}
.historyArea .historyItem li:hover .top em{color:var(--thirdly)}
.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: center;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: 16px;-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;display: none;}
.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: 100%;-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;}
@-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)}
#history_area .bg{margin-top: -3vw;}
#history_area .bg .one{left: 5%;top: 10%;}

/* product_area */
#product_area {padding: 0;margin-top: -13vw;}
#product_area:after{content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;background: var(--primary);z-index: -1;}
#product_area .workframe {width: min(90%, 1300px);position: relative;z-index: 6;}
#product_area .area_title {right: 12vw;z-index: 5;margin: 0;top: 50px;}
#product_area .area_title .h2title{display:flex;align-items: center;padding-left: 55px;}
#product_area .area_title .h2title:before{content:'';display: inline-block;width: 1px;height: 25px;background: #fff;transform: skewX(-45deg);margin-right: 30px;);}
#product_area #product_list li {display: grid;grid-template-columns: 55% 35%;justify-content: space-between;align-items: end;}
#product_area #product_list li img {width: 100%;aspect-ratio: 29/20;border-radius: 0 220px 0 0;}
#product_area #product_list li .info_box {margin-bottom:30px}
#product_area #product_list li .info_box p {font-weight: 500;font-size: 25px;margin-bottom: 80px;}
#product_area #product_list li .info_box p.old { text-decoration: line-through; }
#product_area #product_list li .info_box h3 {font-weight: 500;font-size: 25px;}
#product_area #product_list li .more_btn{background: #fff;color: var(--primary);}
#product_area #product_list li .more_btn b{background:var(--primary)}
#product_area #product_list li .more_btn b svg{fill:#fff}
#product_area .arrow_btns_box{width: 120%;left: -10%;top: calc(50% - 45px);display: flex;align-items: center;justify-content: space-between;}
#product_area .arrow_btns_box #arrow_next img{ -webkit-transform: scaleX(-1); transform: scaleX(-1);}
#product_area .bg{margin-top:2vw}
#product_area .bg .one{top: 18%;left: 3%;z-index: 2;}
#product_area .bg .two{top: 26%;right: 23%;z-index: 2;}
#product_area .bg .three{bottom: 5%;right: 14%;z-index: 2;}

/* news_area */
#news_area{padding-top: 0;margin-top: -5vw;padding-bottom: 10vw;}
#news_area:after{content:'';width: 100%;height: 90%;position: absolute;background-image: url(/images/00/Bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;bottom: 0;z-index: -1;}
#news_area .workframe{display:grid;grid-template-columns: 35% 58%;justify-content: space-between;align-items: end;width: min(90%, 1490px);z-index: 5;}
#news_area .arrow_btns_box{margin-top: 75px;}
#news_area .arrow_btns_box a{width: 45px;aspect-ratio: 1/1;background: var(--primary);display: inline-flex !important;!i;!;align-items: center;justify-content: center;border-radius: 50px;margin-right: 10px;}
#news_area .arrow_btns_box #news_next img{ -webkit-transform: scaleX(-1); transform: scaleX(-1);}
#news_area li{padding-right:50px;border-right: 1px solid #ddd;margin-right: 50px;}
#news_area li .info_box{}
#news_area li .info_box p{font-family: "Lato", serif;display: flex;align-items: flex-end;letter-spacing: .5px;}
#news_area li .info_box p b{font-family: "Lato", serif;font-size: 35px;color: var(--thirdly);line-height: 1;margin-right: 15px;}
#news_area li .info_box h3{-webkit-line-clamp:2;height: 55px;font-size: 18px;line-height: 1.5;margin: 45px 0 30px;}
#news_area li .info_box article{height:auto;-webkit-line-clamp: 3;font-size: 14px;}
#news_area .area_title{margin-left: -6vw;}

/* book_area */
#book_area { margin-bottom: -1px; padding: 0; border-bottom: 0; }
#book_area .area_title { padding: 5vw 3vw; width: 390px; background: no-repeat right 50% / cover; z-index: 3; }
#book_area .area_title .other_txt { -webkit-transform: rotate(-11deg) translate(101%, 1.2em); transform: rotate(-11deg) translate(101%, 1.2em); }
#book_area .area_title h2 { border-color: var(--light); }
#book_area .area_title p { margin: 0 40px 80px 0; }
#book_area .area_title .more_btn font { border-right-color: #5b616b; color: #5b616b; }
#book_area .area_title .more_btn svg { stroke: #394250; }
#book_area #book_box { width: 1%; flex: 1 auto; -webkit-transform: translateX(5vw); transform: translateX(5vw); }
#book_area #book_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; }
#book_area #book_box #book_list { margin: 7vmax 0 4vw; }
#book_area #book_box #book_list li >div { margin: 0 15px; }
#book_area #book_box #book_list li >div img { width: 100%; border-radius: 20px; }
#book_area #book_box #book_list li >div h3 { height: 34px; font-weight: 300; font-size: 20px; }

/* animation */
@-webkit-keyframes product_bg { 0% , 100% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(-10%); } }
@keyframes product_bg { 0% , 100% { transform: translateY(0); } 50% { transform: translateY(-10%); } }
@-webkit-keyframes book_element { 0% , 100% { -webkit-transform: translate(-7vw, -1vmax); } 50% { -webkit-transform: translate(-6vw, -1vmax); } }
@keyframes book_element { 0% , 100% { transform: translate(-7vw, -1vmax); } 50% { transform: translate(-6vw, -1vmax); } }

@media screen and (min-width: 1501px) {
	#book_area .area_title { padding: 5vw 40px 6vw calc((100% - 1440px) / 2); width: 650px; }
}
@media screen and (max-width: 1500px){
	#history_area .bg .one{left: 47%;}
	#product_area .area_title{right: 22vw;}
	#product_area #product_list li .info_box p{font-size:20px;}
}
@media screen and (max-width: 1280px){
	#product_area .bg .three{right:4%}
}
@media screen and (max-width: 1160px){
	#product_area .bg .two{top: -24%;}
	#product_area{margin-top: 0;background: var(--primary);padding-top: 5vw;}
	#history_area .bg .one{left: 7%;z-index: 2;}
	#product_area .area_title{right: 19vw;top: -15vw;}
	.historyArea .historyList ul{grid-template-columns: repeat(3, 1fr);display: grid;gap: 50px 10px;}
	#service_area .bg .three{right:3%;top: -5%;}
	#service_area .bg .one{left:5%;}
	#service_area .area_title article{font-size: 16px;}
	#service_area .area_title .h2title{margin-top:0}
	#product_area #product_list li{grid-template-columns:1fr;gap: 30px;}
	#discount_area { padding-bottom: 5vw; }
	#discount_area #discount_list { grid-template-rows: 55% 45%; }
	#discount_area #discount_list .info_box { padding: 20px; }
	#discount_area #slogan_box { padding-bottom: 30px; }
	#discount_area #slogan_box:before { display: none; }
	#discount_area #slogan_box .row { padding-left: 80px; }
	#book_area .area_title { width: 400px; }
}
@media screen and (max-width: 980px){
	#news_area .area_title{margin-left:0}
	#news_area{margin:0;background-image: url(/images/00/Bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
	#news_area .workframe{display: block;}
	#news_area .img{text-align:center;}
	#product_area .area_title{top: -19vw;}
	#product_area{padding-top:10vw}
	#product_area #product_list li{margin:0 15px;}
	#service_area .bg .one{left: -6%;top: -25%;}
	#service_area .bg .two{top: -4%;}
	#service_area .bg{margin:0}
	#service_area .workframe{grid-template-columns:1fr}
}
@media screen and (max-width: 768px){
	#book_area { flex-wrap: wrap; }
	#book_area .area_title { width: 100%; }
}
@media screen and (max-width: 640px){
	#product_area #product_list li img{border-radius: 0 130px 0 0;}
	#product_area .area_title{top: -33vw;right: 9vw;}
	#product_area{padding-top: 30vw;}
	#history_area .bg .one{width: 15%;}
	.historyArea .historyItem .Txt{padding:0}
	.historyArea .historyItem .top{display:none;}
	.historyArea .historyList ul{grid-template-columns:1fr;gap: 0;}
	#service_area .bg .one{width: 40%;left: -13%;top: -45%;}
	#service_area .bg .two{display:none;}
	#service_area .bg .three{width: 25%;top: -29%;}
	#service_area .area_title article{margin-bottom:40px;}
	#service_area .area_title .h2title{margin-bottom:30px;}
	#product_area .arrow_btns_box{display:none;}
	#product_area #product_list li .info_box p{margin-bottom:40px}
	#product_area .bg .two{width: 25%;}
	#product_area .bg .three{width:20%;}
	#product_area .bg .one{display:none;}
	#news_area{padding-top: 15vw;}
	#news_area li{margin:0;padding: 0;border: 0;}
	#news_area li .info_box h3{margin: 35px 0 15px;}
	#news_area .arrow_btns_box{margin-top:35px;}
}
@media screen and (max-width: 550px){
	#service_area .custom_list li img { width: 80vw; height: 80vw; }
	#service_area .custom_list li .info_box h3 { height: 1.5em; font-size: 7vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 5vw; }
	#service_area .arrow_btns_box .arrow.next { right: 5vw; }
	#product_area .workframe { flex-wrap: wrap; }
	#product_area .area_title.left { width: 100%; }
	#product_area .area_title.arrow_btns_box { margin-bottom: 1rem; width: 100%; justify-content: end; }
	#book_area #book_box #book_list li >div img { width: 65vw; }
}