/* section */
section {padding: 5vw 0 3vw;}
section .area_title .other_txt { font-size: 72px; -webkit-transform: rotate(-11deg) translate(60%, .8em); transform: rotate(-11deg) translate(60%, .8em); }
#ProgramsArea .area_title h2::after{position:absolute;content:"";width:20px;height:5px;background-color:var(--info);top:-30px;left:0}
section .area_title h2 font {line-height: 1;letter-spacing: .1rem;font-weight: 600;font-size: 46px;text-transform: uppercase;}
section .area_title h3 {font-size: 30px;letter-spacing: .2rem;font-weight: 500;}
section .area_title p {letter-spacing: .1rem;font-weight: 400;font-size: 18px;}
section .area_title .more_btn {padding: 11px 20px 13px 30px;line-height: 1;border-radius: 30px;border: 1px solid #7a7a7a;}
section .area_title .more_btn font {line-height: 1;font-size: 15px;font-weight: 400;}
section .area_title .more_btn svg { width: 12px; height: 12px; fill: none; stroke: #fff; }
section .area_title .more_btn:hover img{-webkit-filter:unset;filter:unset;-webkit-animation:arrRight 0.8s ease-in-out infinite;animation:arrRight 0.8s ease-in-out infinite}
@keyframes arrRight{0%,100%{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
50%{-webkit-transform:translate(15px,0%);transform:translate(15px,0%)}
}
section .arrow_btns_box .arrow { width: 40px; height: 40px; border-radius: 50%; }
section .arrow_btns_box .arrow svg { width: 100%; height: 100%; -webkit-transform: scale(.4); transform: scale(.4); }
section .arrow_btns_box .arrow.next { -webkit-transform: scaleX(-1); transform: scaleX(-1); }


#customer_area{padding: 3vw 0 3vw;}
#customer_area .customer_list{overflow:hidden;position:relative;}
#customer_area .customer_list:before,#customer_area .customer_list:after{position:absolute;width: 20%;height:100%;background: -webkit-linear-gradient(left, rgb(255 247 225) 40%, rgba(255, 255, 255, 0) 100%);background: linear-gradient(to right, rgb(255 247 225) 40%, rgba(255, 255, 255, 0) 100%);top:0;left:0;z-index:5;content:""}
#customer_area .customer_list:after{-webkit-transform:scale(-1);transform:scale(-1);right:0;left:auto}
#customer_area .customer_list .logo_wall{display:flex}
#customer_area .customer_list .logo_wall .logo_wrapper{display:flex;-webkit-animation:scroll 80s linear infinite;animation:scroll 80s linear infinite}
#customer_area .customer_list .logo_wall .logo_wrapper:nth-child(2){-webkit-animation-name:scroll2;animation-name:scroll2;-webkit-animation-delay:-40s;animation-delay:-40s}
#customer_area .customer_list .logo_wall .logo_wrapper >div{margin: 0 1em;padding: 1em;min-width: 220px;height:100px;display:inline-flex;justify-content:center;align-items:center}
#customer_area .customer_list .logo_wall .logo_wrapper >div img{-webkit-filter: grayscale(.2);filter: grayscale(.2);opacity: .3;}
#customer_area .customer_list .logo_wall:nth-child(2),#customer_area .customer_list .logo_wall:nth-child(2) .logo_wrapper >div img{-webkit-transform:scaleX(-1);transform:scaleX(-1)}

@keyframes scroll{from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}@-webkit-keyframes scroll{from{-webkit-transform:translateX(100%)}
to{-webkit-transform:translateX(-100%)}
}@keyframes scroll2{from{transform:translateX(0%)}
to{transform:translateX(-200%)}
}@-webkit-keyframes scroll2{from{-webkit-transform:translateX(0%)}
to{-webkit-transform:translateX(-200%)}
}
#mainArea{position: relative;overflow: hidden;padding: 0;}
#mainArea .mainworkframe{background:no-repeat #fffcf5 50% 100% / cover;border-radius: 140px;width: 92%;margin: auto;}
#mainArea .loop_wrap , #mainArea .loop2_wrap  {display: flex;position: absolute;top: 0px;left: -97px;writing-mode: vertical-rl;}
#mainArea .loop2_wrap{left: auto;right: -90px;}
#mainArea .loop_wrap .text , #mainArea .loop2_wrap .text {flex: 0 0 auto;padding: 0 30px;font-size: 2.225rem;white-space: nowrap;opacity: 0.8;line-height: 150%;-webkit-text-stroke: 1px #92886c;letter-spacing: 5px;font-weight: 400;color: transparent;}
#mainArea .loop_wrap .text:first-child , #mainArea .loop2_wrap .text:first-child {-webkit-animation: 200s loop 0s linear infinite;animation: 200s loop 0s linear infinite;}
#mainArea .loop_wrap .text:last-child , #mainArea .loop2_wrap .text:last-child{-webkit-animation: 200s loop 0s linear infinite;animation: 200s loop 0s linear infinite;}

#ProgramsArea{padding: 100px 40px 180px;background-image: url(/images/00/img-p-00-bg.png);border-radius: 140px 140px 0 0;}
#ProgramsArea .area_title h2 font:nth-child(2){color: #eccb27;margin-left: 10px;}
#ProgramsArea .title_box{margin-bottom: 30px;}
#ProgramsArea .ProgramsList{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px;margin-top: 40px;width: 96%;margin: 40px auto 0;}
#ProgramsArea .ProgramsList .item{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:0 40px;padding: 30px 0;border-bottom:1px dashed #bdbdbd}
#ProgramsArea .ProgramsList .Img{position:relative}
#ProgramsArea .ProgramsList li:hover .Img{transform:translate(0%,-10%);transition:0.7s}
#ProgramsArea .ProgramsList li:hover .Img img{-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
#ProgramsArea .ProgramsList .Img::after{position:absolute;content:"";width:70px;height:70px;top:30%;left:-30px;transform:translate(0%,-51%);background-color:#d45384;border-radius:50%;opacity:.2;animation:border-transform 16s linear infinite}
#ProgramsArea .ProgramsList li:nth-child(2) .Img::after{background-color:#e3562c}
#ProgramsArea .ProgramsList li:nth-child(3) .Img::after{background-color:#eccb27}
#ProgramsArea .ProgramsList li:nth-child(4) .Img::after{background-color:#159f4c}
#ProgramsArea .ProgramsList li:nth-child(5) .Img::after{background-color:#19afad}
#ProgramsArea .ProgramsList li:nth-child(6) .Img::after{background-color:#1a89c1}
#ProgramsArea .ProgramsList li:nth-child(7) .Img::after{background-color:#6655a1}
#ProgramsArea .ProgramsList li:nth-child(8) .Img::after{background-color:#5f6cb7}
#ProgramsArea .ProgramsList li .Txt{position:relative}
#ProgramsArea .ProgramsList li .title{font-size:22px;font-weight: 500;}
#ProgramsArea .ProgramsList li article{opacity:.6}
#ProgramsArea .ProgramsList li .Txt .noBox{left:-25px;top:2px;font-size:18px}
#ProgramsArea .ProgramsList li:nth-child(1) .Txt .noBox{color:#d45384}
#ProgramsArea .ProgramsList li:nth-child(2) .Txt .noBox{color:#e3562c}
#ProgramsArea .ProgramsList li:nth-child(3) .Txt .noBox{color:#eccb27}
#ProgramsArea .ProgramsList li:nth-child(4) .Txt .noBox{color:#159f4c}
#ProgramsArea .ProgramsList li:nth-child(5) .Txt .noBox{color:#19afad}
#ProgramsArea .ProgramsList li:nth-child(6) .Txt .noBox{color:#1a89c1}
#ProgramsArea .ProgramsList li:nth-child(7) .Txt .noBox{color:#6655a1}
#ProgramsArea .ProgramsList li:nth-child(8) .Txt .noBox{color:#5f6cb7}
@keyframes border-transform{0%,100%{border-radius:50% 37% 54% 46% / 55% 48% 52% 45%}
14%{border-radius:40% 60% 54% 46% / 49% 60% 40% 51%}
28%{border-radius:54% 46% 38% 62% / 49% 70% 30% 51%}
42%{border-radius:61% 39% 55% 45% / 61% 38% 62% 39%}
56%{border-radius:61% 39% 67% 33% / 70% 50% 50% 30%}
70%{border-radius:50% 50% 34% 66% / 56% 68% 32% 44%}
84%{border-radius:46% 54% 50% 50% / 35% 61% 39% 65%}
}


/* service_area */
#service_area { padding-top: 8vw; background: no-repeat 50% -1px / cover; }
#service_area .area_title { margin-bottom: 4vw; }
#service_area .custom_list li { text-align: center; -webkit-transform: scale(.65); transform: scale(.65); }
#service_area .custom_list li >div { border-radius: 10%; }
#service_area .custom_list li img { width: 480px; height: 480px; }
#service_area .custom_list li .info_box { padding: 10px 20px; width: 100%; background: rgb(255 255 255 / 80%); bottom: 10%; left: 0; }
#service_area .custom_list li .info_box h3 { height: 39px; line-height: 1.3; letter-spacing: .2rem; font-weight: 400; font-size: 30px; }
#service_area .custom_list li .info_box p { height: 24px; font-weight: 300; font-size: 14px; }
#service_area .custom_list li.slick-current { -webkit-transform: scale(1); transform: scale(1); }
#service_area .arrow_btns_box .arrow { border: 1px var(--dark) solid; box-shadow: 0 0 5px rgb(125 125 125 / 50%); bottom: 240px; }
#service_area .arrow_btns_box .arrow.prev { left: calc((100% - 520px) / 2); }
#service_area .arrow_btns_box .arrow.next { right: calc((100% - 520px) / 2); }

/* product_area */
#product_area{margin-bottom: 0;padding: 5vw 0 0vw;}
#product_area .workframe{overflow:hidden;padding-top:50px}
#product_area .product_area01,#product_area .product_area02,#product_area .product_area03,#product_area .product_area04,#product_area .product_area05,#product_area .product_area06,#product_area .product_area07,#product_area .product_area08 {border-radius: 80px 80px 0 0;background-color: #f9f6e9;padding: 30px 30px 90px;position: relative;margin-top: -40px;}
#product_area .product_area01{margin-top: -180px;}
#product_area .product_area07{border-radius: 140px;padding: 70px 0 60px 0;}
#product_area .product_area02,#product_area .product_area04,#product_area .product_area06,#product_area .product_area08 {background-color: #ffffff;}
#product_area .product_area01  .area_title h2 font:first-child{color: #cd5180;}
#product_area .product_area02  .area_title h2 font:first-child{color: #e3562c;}
#product_area .product_area03  .area_title h2 font:first-child{color: #eccb27;}
#product_area .product_area04  .area_title h2 font:first-child{color: #159f4c;}
#product_area .product_area05  .area_title h2 font:first-child{color: #19afad;}
#product_area .product_area06  .area_title h2 font:first-child{color: #1a89c1;}
#product_area .product_area07  .area_title h2 font:first-child{color: #6655a1;}
#product_area .product_area08  .area_title h2 font:first-child{color: #5f6cb7;}
#product_area .product_area01 .area_title h2::after,#product_area .product_area02 .area_title h2::after,#product_area .product_area03 .area_title h2::after,#product_area .product_area03 .area_title h2::after,#product_area .product_area04 .area_title h2::after,#product_area .product_area05 .area_title h2::after,#product_area .product_area06 .area_title h2::after,#product_area .product_area07 .area_title h2::after,#product_area .product_area08 .area_title h2::after{position:absolute;content:"";width: 90px;height: 90px;top: 40%;right: -50px;transform:translate(0%,-51%);background-color:#d45384;border-radius:50%;opacity:.2;animation:border-transform 16s linear infinite}
#product_area .product_area02 .area_title h2::after{background-color:#e3562c;}
#product_area .product_area03 .area_title h2::after{background-color:#eccb27;}
#product_area .product_area04 .area_title h2::after{background-color:#159f4c;}
#product_area .product_area05 .area_title h2::after{background-color:#19afad;}
#product_area .product_area06 .area_title h2::after{background-color:#1a89c1;}
#product_area .product_area07 .area_title h2::after{background-color:#6655a1;}
#product_area .product_area08 .area_title h2::after{background-color:#5f6cb7;}
#product_area .product_area01 .top_bg, #product_area .product_area02 .top_bg,#product_area .product_area03 .top_bg,#product_area .product_area04 .top_bg,#product_area .product_area05 .top_bg,#product_area .product_area06 .top_bg,#product_area .product_area07 .top_bg,#product_area .product_area08 .top_bg{background:no-repeat 0;top:-2vw;left:60%;-webkit-animation:product_bg 3s linear infinite;animation:product_bg 3s linear infinite;animation: sheepJitter 3s ease-in both infinite;}
#product_area .product_area02 .top_bg,#product_area .product_area04 .top_bg,#product_area .product_area06 .top_bg{left: 40%;}
#product_area .title_box{display:grid;grid-template-columns:1fr 200px;gap: 10px;align-items:center}
#product_area #product_list .slick-list { overflow: visible; margin-top: 30px; }
#product_area #product_list li {border: 1px solid rgb(204 204 204 / 70%);border-radius: 20px;margin: 15px;background: #fff;}
#product_area #product_list li img{
    aspect-ratio: 1/ 1;
    padding: 10px;
}
#product_area #product_list li >div {margin: 20px;}
#product_area #product_list li .info_box h3{font-size:22px;height:34px;}
#product_area #product_list li .info_box p{opacity:.6}
#product_area #product_list li .info_box .info_title{color:#606060;font-size: 15px;}
#product_area #product_list li .price_box{display:grid;grid-template-columns: 110px 1fr;gap: 20px 8px;align-items:center;margin-bottom: 10px;}
#product_area #product_list li .price_box .price{color:#b21f1f;letter-spacing:.6px;font-weight:500;font-size: 18px;}
#product_area #product_list li .price_box .btn_cis1{display:flex;width:100%;color:#000000;font-size: 13px;line-height:2;position:relative;text-align:left;padding: 7px 7px;border-radius:24px;border:1px solid #cccccc;align-items:center;justify-content:space-evenly}
#product_area #product_list li .price_box .btn_cis1 b{
    font-size: 14px;
}

/* process_area */
#process_area {padding: 4vw 0 9vw;background: url(/images/00/img-p-bg.png) no-repeat #fff7e1 50% 85% / auto;}
#process_area .Img{margin-bottom: 31px;}
#process_area .area_title{align-items: center;}
#process_area .area_title h2 font:nth-child(2){color: #e3562c;margin-left: 10px;}
#process_list{overflow:hidden;margin-top: 20px;margin-bottom: 110px;}
#process_list .workframe{width: 1540px;margin-right: 0;}
#process_list .bg_box {width: 735px;height: 475px;float: right;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#process_list ul{position: relative;display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px 0px;align-items: start;}
#process_list ul:before{content:'';width: 115%;height: 1px;position: absolute;left: 0;background: rgb(159 148 135 / 30%);top: calc(22% + 3px);z-index: -1;}
#process_list li {display: flex;flex-direction: column;align-items: center;justify-content: center;}
#process_list li:hover img{-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
#process_list li:hover .clip:after{background-color: rgb(240 143 44);}
#process_list li:hover .clip:before{background-color: rgb(240 143 44);}
#process_list li font{position: relative;color: var(--thirdly);font-size: 18px;display: flex;justify-content: center;align-items: center;border-radius: 50px;z-index: 2;font-weight: 500;margin: 10px 0;}
#process_list li .clip{padding: 50px;width: auto;border-radius: 50%;text-align: center;}
#process_list li .clip img{position:relative;z-index: 2;height: auto;aspect-ratio: 1 /1;width: 50px;object-fit: contain;}
#process_list li .clip:after{content:'';width: 160px;height: 160px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgb(255 255 255 / 100%);border-radius: 50%;opacity: .3;z-index: -1;}
#process_list li .clip:before{content:'';width: 120px;height: 120px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid var(--thirdly);background: #ffffffdb;border-radius: 50%;}
#process_list li span{width:27px;height: 27px;display: flex;align-items: center;justify-content: center;border-radius: 50px;position: absolute;bottom: 4px;left: 41%;-webkit-transform: translateY(0%);transform: translateY(0%);}
#process_list li span:after{content:'';width: 12px;height: 12px;background: var(--thirdly);border-radius: 50px;}
#process_list li  .Txt h3{font-weight: 500;font-size: 20px;text-align: center;color: #e3562c;margin-bottom: 10px;}
#process_list li .Txt p{opacity: .8;text-align: center;letter-spacing: .5px;}
#contact_area{background-color: #ffe9ac;padding: 0vw 0 10vw;}
#contact_area:before{content:"";background-image: url(/images/00/img-c-bg.png);position: absolute;width: 100%;height: 120px;top: -120px;right: 0;z-index: 0;background-size: cover;}
@keyframes bannerCloud_short{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
50%{-webkit-transform:translateX(-50px);transform:translateX(-50px)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}

/* contact_area */
#contact_area .title_box { display: flex;flex-direction: column;align-items: flex-start;margin: 0 0 60px; }
#contact_area .title_box b { margin-bottom: 20px; }
#contact_area h2 font {font-weight: 400;line-height: initial;font-size: 66px;letter-spacing: .1rem;}
#contact_area h2 img { padding-left: 20px; }
#contact_area .area_title{order: 2;}
#contact_area .area_title p{margin-top: 50px;}
#contact_area .workframe {display: grid;grid-template-columns: 1fr 390px;gap: 0 90px;}
#contact_area .leftBox { width: 30%; }
#pageform1 fieldset {display: flex;justify-content: space-between;flex-wrap: wrap;z-index: 10;position: relative;}
#pageform1 fieldset p { width: calc(50% - 10px);margin: 10px 0;position: relative;display: flex;align-items: center;justify-content: space-between; }
#pageform1 fieldset p.Contentbox { width: calc(100% - 0px);margin: 10px 0;position: relative;display: flex;align-items: center;justify-content: space-between; }
#pageform1 fieldset p #Checknum { width: 58%; }
#pageform1 fieldset p img {position: absolute;left: 160px;}
#pageform1 fieldset p #btnOK {background: #2b2b2b;width: calc(40% - 20px);padding: 10px 0;text-align: center;color: #fff;font-size: 18px;font-weight: 500;cursor: pointer;border: 0;}
#pageform1 fieldset p #btnOK:hover { opacity: .9 }
@keyframes btnShadow { 0% { -webkit-box-shadow: 0px 0px 0px 0px rgba(125,205,239,0.2);box-shadow: 0px 0px 0px 0px rgba(125,205,239,0.2) }
100% { -webkit-box-shadow: 0px 0px 0px 8px rgba(125,205,239,0.2);box-shadow: 0px 0px 0px 8px rgba(125,205,239,0.2) }
}
@-webkit-keyframes btnShadow { 0% { -webkit-box-shadow: 0px 0px 0px 0px rgba(125,205,239,0.2);box-shadow: 0px 0px 0px 0px rgba(125,205,239,0.2) }
100% { -webkit-box-shadow: 0px 0px 0px 8px rgba(125,205,239,0.2);box-shadow: 0px 0px 0px 8px rgba(125,205,239,0.2) }
}
@media screen and (min-width: 1501px) {
	.workframe { width: 1366px; }
}
@media screen and (max-width: 1500px){
	.workframe{width:1200px}
	#service_area .workframe{width:100vw}
	section .area_title .other_txt{font-size:4vmax}
	section .area_title h2 font{font-size:38px}
	#contact_area .workframe{width:70%;gap:0 40px;grid-template-columns:1fr 310px}
	#pageform1 fieldset p img{left:110px}
}

@media screen and (min-width:1281px){
	#customer_area .customer_list:hover .logo_wrapper{-webkit-animation-play-state:paused;animation-play-state:paused}
	#customer_area .customer_list .logo_wall .logo_wrapper >div:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1}
	#ProgramsArea::before{position:absolute;content:"";top:50px;right:170px;height:198px;width:328px;background-image:url(/images/00/img-p-00-1.png);background-repeat:no-repeat;animation:sheepJitter 3s ease-in both infinite}
	#process_area::after{position:absolute;content:"";top: 0px;left: -128px;height: 277px;width: 440px;background-image:url(/images/00/img-p-01.png);background-repeat:no-repeat;animation: treeSwing 7s 0.1s both alternate infinite;z-index:10}
	#process_area::before{position:absolute;content:"";bottom:-50px;right: -70px;height: 271px;width: 395px;background-image:url(/images/00/img-p-02.png);background-repeat:no-repeat;animation: sheepJitter 7s ease-in both infinite;z-index:10}
	@keyframes treeSwing{0%{transform:rotate(0)}
	20%{transform:rotate(5deg)}
	40%{transform:rotate(-5deg)}
	60%{transform:rotate(3deg)}
	100%{transform:rotate(-3deg)}
	}@keyframes sheepJitter{0%,60%,100%{transform:translate(0,0)}
	30%{transform:translate(-1px,0) rotate(-6deg)}
	80%{transform:translate(0,0) rotate(3deg)}
	}
	#contact_area .contactBox:before {content: url(/images/00/img-c-bg02.png);position: absolute;bottom: -140px;right: -20px;}
	#contact_area .contactBox:after {content: '';width: 304px;height: 217px;position: absolute;bottom: 0;left: 0;background: url(/images/00/img-c-bg01.png);z-index: 0;}
	#contact_area::after {content: '';position: absolute;height: 105px;width: 270px;top: 20px;left: -40px;background-image: url(/images/00/img-c-c01.png);background-repeat: no-repeat;opacity: 1;z-index: 1;-webkit-animation: bannerCloud_short 8s infinite linear;animation: bannerCloud_short 8s infinite linear}
}

@media screen and (max-width: 1280px){
	#mainArea .loop_wrap,#mainArea .loop2_wrap,#product_area .product_area01 .top_bg,#product_area .product_area02 .top_bg,#product_area .product_area03 .top_bg,#product_area .product_area04 .top_bg,#product_area .product_area05 .top_bg,#product_area .product_area06 .top_bg,#product_area .product_area07 .top_bg,#product_area .product_area08 .top_bg{display:none}
	.workframe{width:80vw;margin:auto}
	section .area_title .other_txt{font-size:5.5vmax}
	#ProgramsArea .ProgramsList{grid-template-columns:repeat(3,1fr)}
	section .area_title h2 font{font-size:30px}
	section .area_title p{font-size:16px;letter-spacing:1px;margin-top:1.05rem}
	section .area_title h3{font-size:24px;margin-top:0.25rem}
	#process_list ul{grid-template-columns:repeat(3,1fr)}
	#process_list ul:before{top:calc(10% + 15px)}
	#process_list ul:after{content:'';width:115%;height:1px;position:absolute;left:0;background:rgb(159 148 135 / 30%);bottom:calc(35% + 3px);z-index:-1}
	#process_area{background-image:none;padding:4vw 0 8vw}
	#contact_area .workframe{grid-template-columns:1fr 300px;gap:0 50px;width:90%}
	#process_list{margin-bottom:60px}
	#contact_area h2 font{font-size:46px}
	#contact_area:before{height:60px;top:-60px}
	#contact_area{padding:2vw 0 15vw}
}
@media screen and (max-width: 1140px){
	#ProgramsArea .ProgramsList{grid-template-columns:repeat(2,1fr);margin:20px auto 0;gap:10px 10px;width: 92%;}
	#ProgramsArea .ProgramsList .item{grid-template-columns:50px 1fr;padding:10px 0;gap:0 21px}
	#ProgramsArea .ProgramsList .Img::after{width:40px;height:40px;left:-10px}
	#ProgramsArea .ProgramsList li .title{font-size:18px}
	#ProgramsArea .ProgramsList li article{font-size:12px}
	#ProgramsArea .ProgramsList li .Txt .noBox{font-size:14px;left:-18px}
	#ProgramsArea .area_title{display:flex;align-items:center}
	#ProgramsArea .area_title h2::after{left:45%;-webkit-transform:translateY(0%);transform:translateY(0%)}
	#product_area .workframe{padding-top:20px;width:88vw}
	#contact_area .workframe{grid-template-columns:1fr 220px;gap:0 50px}
	#pageform1 fieldset p:nth-child(6),#pageform1 fieldset p:last-child{width:calc(100% - 10px)}
	#pageform1 fieldset p,#pageform1 fieldset p.Contentbox{margin:4px 0}
}
@media screen and (max-width: 980px){
	#service_area .custom_list li img { width: 45vw; height: 45vw; }
	#service_area .arrow_btns_box .arrow { bottom: 20vw; }
	#service_area .arrow_btns_box .arrow.prev { left: 25vw; }
	#service_area .arrow_btns_box .arrow.next { right: 25vw; }
	#contact_area .workframe{grid-template-columns:1fr;gap:20px 0}
	#contact_area .area_title{order:0;display:flex;align-items:center}
	#contact_area .area_title p{margin-top:10px;text-align:center}
}
@media screen and (max-width: 768px){
	#mainArea .mainworkframe{width:96%}
	#mainArea .mainworkframe,#product_area .product_area01,#product_area .product_area02,#product_area .product_area03,#product_area .product_area04,#product_area .product_area05,#product_area .product_area06,#product_area .product_area07,#product_area .product_area08{border-radius:30px}
	#product_area .product_area01,#product_area .product_area02,#product_area .product_area03,#product_area .product_area04,#product_area .product_area05,#product_area .product_area06,#product_area .product_area07,#product_area .product_area08{padding:20px 0px 90px}
	#ProgramsArea{padding:60px 0px 180px;border-radius:40px 40px 0 0}
	section .area_title h2 font{font-size: 28px;}
	section .area_title h3{font-size:22px}
	section .area_title .more_btn font{font-size:12px}
	section .area_title .more_btn{padding:10px 10px 13px 10px}
	#product_area .title_box{grid-template-columns:1fr 140px}
	#product_area .product_area01 .area_title h2::after,#product_area .product_area02 .area_title h2::after,#product_area .product_area03 .area_title h2::after,#product_area .product_area03 .area_title h2::after,#product_area .product_area04 .area_title h2::after,#product_area .product_area05 .area_title h2::after,#product_area .product_area06 .area_title h2::after,#product_area .product_area07 .area_title h2::after,#product_area .product_area08 .area_title h2::after{width:50px;height:50px;right:-20px}
	#product_area #product_list li{margin:8px}
	#product_area #product_list li >div{margin:10px}
	#product_area #product_list li .info_box h3{font-size:18px;height:28px;margin-bottom:0.5px}
	#product_area #product_list li .info_box p{margin-bottom:0.5px;font-size:14px}
	#product_area #product_list li .info_box .info_title{font-size: 13px;}
	#product_area #product_list li .price_box{grid-template-columns:1fr 55px}
	#product_area #product_list li .price_box .btn_cis1 b{display:none}
	#product_area #product_list .slick-list{margin-top: 20px;}
	.workframe{width: 94vw;}
}
@media screen and (max-width: 640px){
	#product_area .product_area01,#product_area .product_area02,#product_area .product_area03,#product_area .product_area04,#product_area .product_area05,#product_area .product_area06,#product_area .product_area07,#product_area .product_area08{padding: 10px 0px 60px;}
	#product_area #product_list li .price_box{grid-template-columns:1fr 32px}
	#product_area #product_list li .price_box .price{font-size:14px}
	#service_area .custom_list li img{width:60vw;height:60vw}
	#service_area .arrow_btns_box .arrow.prev{left:15vw}
	#service_area .arrow_btns_box .arrow.next{right:15vw}
	#service_area .arrow_btns_box .arrow{bottom:30vw}
	#product_area .title_box,#process_list ul{grid-template-columns:1fr;gap: 15px 0px;width: 94%;margin: auto;display: flex;justify-content: center;flex-direction: column;align-items: center;}
	#process_list ul:before,#process_list ul:after{display:none}
    #product_area .title_box .area_title {
    display: flex;
    align-items: center;
}
	#process_list li{display:grid;grid-template-columns:120px 1fr;gap:0 10px;align-items:center}
	#process_list li .clip{padding:30px}
	#process_list li .clip img{width:38px}
	#process_list li .clip:before{width:90px;height:90px}
	#process_list li .clip:after{width:110px;height:110px}
	#process_list li span{bottom:-8px}
	#process_list li font{margin:0;font-size:15px}
	#process_list li .Txt h3{font-size:18px;margin-bottom:0}
	section .area_title p{font-size: 15px;letter-spacing:1px;margin-top:1.05rem;margin-bottom: 0;text-align: center;}
	#contact_area{padding:0vw 0 22vw}
}
@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; }
	#customer_area .customer_list .logo_wall .logo_wrapper >div{margin:1em .3em;padding:.2em .5em;min-width:130px;height:70px}
	#customer_area .customer_list .logo_wall .logo_wrapper >div img{max-height:50px}
	#ProgramsArea .ProgramsList .item{grid-template-columns:41px 1fr;padding:10px 0;gap:0 25px}
	
}