/* MARK: MENU CUSTOME */


/* MARK: HOME - INTRO */
.h-intro1-container{padding:90px 0 60px 0 !important;}
.h-intro1-box{display: flex;align-items: start;}
.h-intro1-des{padding-left: 3rem;margin-bottom: 50px;}
.h-intro1-des *{margin-bottom: 0;font-family: "Lexend", sans-serif;opacity: 0.75;color:#000;font-size: 33px;font-weight: 500;}
.h-intro1-boxLeft{flex-basis: 35%;max-width: 35%;/*margin-top: -30px;*/position: relative;}
.h-intro1-boxLeft:after{content:'';position: absolute;background: url('../images/line.svg') no-repeat center;width:374px;height: 439px;top:75%;}
.h-intro1-boxRight{flex-basis: 65%;max-width: 65%;}
.h-intro1-btn >.col-inner{text-align: right;}

.h-intro2-container{}
.h-intro2-boxLeft{flex-basis: 25%;max-width: 25%;}
.h-intro2-boxRight{flex-basis: 75%;max-width: 75%;}
.h-intro2-title .iconCircle{margin-bottom: -2px;}

.h-intro2-boxRow{border-top:1px solid #000;padding:5px 0px !important;}
.h-intro2-boxRow:last-child{border-bottom:1px solid #000;}
.h-intro2-boxRow-left{flex-basis: 350px;max-width: 350px;}
.h-intro2-boxRow-right{flex-basis: calc(100% - 350px);max-width: calc(100% - 350px);}
.h-intro2-titleSub{padding-left: 15px;}
.h-intro2-titleSub *{color:#000;font-size: 32px;font-weight: bold;margin: 0;}
.h-intro2-des *{font-size: 17px;color: #000;margin: 0;}


/* MARK: OUR WORK */
.h-work-title .iconCircle{margin-bottom: -2px;background: url(../images/iconCircle2.png) no-repeat center;width:50px;height:48px;background-size: contain;}
.ourwork-container{display: flex;flex-wrap: wrap;margin-top:37px;}
.ourwork-Box{width:calc(100% / 3);}
.ourwork-special{ background: #0F75BC; display: flex; align-items: center; justify-content: center; text-align: center; color:#fff; font-weight: bold; font-size: 68px; line-height: 100%; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.ourwork-special:hover{background: #044f83;color: #fff !important;}
.card-3d-wrap { /* max-width: calc(100% - 20px); */ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 1000px; aspect-ratio: 1 / 1;}
.card-3d-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: transform 700ms ease-out; }
.card-front, .card-back { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); position: absolute; left: 0; top: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
.card-back { transform: rotateY(180deg);background: #F7941D;display: flex; align-items: center;justify-content: center;color:#fff;font-weight: bold;font-size: 56px;line-height: 100%;text-align: center;padding: 20px;}
.card-3d-wrap:hover .card-3d-wrapper { transform: rotateY(180deg); transition: transform 500ms ease-out; -webkit-transition: transform 500ms ease-out; -moz-transition: transform 500ms ease-out; -ms-transition: transform 500ms ease-out; -o-transition: transform 500ms ease-out; }

.ourwork-page-detail{padding-top: 80px;}

/* MARK: OUR TEAM */
.h-ourteam-photo{margin-top: 20px;}
.h-ourteam-des{margin-top:40px;}
.h-ourteam-des *{margin: 0;text-align: center;color:#000;font-size: 25px;font-weight: bold;}
.ourteam-container{margin-top:44px;display: flex;gap:38px;align-items: start;}
.ourteam-left{width:calc(296px + 107px);padding-top:90px;display: flex;justify-content: end;align-items: start;position: relative;}
.ourteam-photo{ overflow: hidden; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; margin: 0;display: inline-flex;align-items: center;justify-content: center;width:296px;aspect-ratio: 1 / 1; z-index: 9;}
.ourteam-photo img{ transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; width:100%;height:100%;object-fit: contain;}
.ourteam-photo-hidden img{opacity: 0;}

.ourteam-right{width:calc(100% - 296px - 107px);border:1px solid #000;position: relative;}
.ourteam-info{display: flex;justify-content: space-between;align-items: center;font-size: 20px;font-weight: bold;color:#000;padding:10px 17px;}
.ourteam-box{border-bottom:1px solid #000;cursor: pointer;background: #fff;position: relative;}
.ourteam-box:last-child{border-bottom:none;}
.ourteam-content{ padding:0 17px 17px 17px; color:#000; opacity: 0.8; white-space: pre-line;}
.ourteam-content *{color:#000;}

.ourteam-subinfo{display: inline-flex;}
.ourteam-subinfo h3{color:#000;margin: 0;width: auto;}
.ourteam-info p{text-align: right;margin: 0;width: auto;}
.ourteam-subinfo-img{display: none;}
.ourteam-subinfo p{display: none;}

.h-ourteam-relative{position: relative;padding-bottom: 178px !important;overflow: hidden;}
.ourteam-left:after{content:'';position: absolute;background: url('../images/vector1.png') no-repeat center;background-size: contain; width:255px;height:247px;left: -26%; bottom: -70%;}
.ourteam-left:before{content:'';position: absolute;background: url('../images/vector2.png') no-repeat center;background-size: contain; width:128px;height:129px;left: 0; top: 0;}

.ourteam-right:before{content:'';position: absolute;background: url('../images/vector3.png') no-repeat center;background-size: contain; width:128px;height:129px;right: 0; top: -5%;}


/* MARK: ICON CIRCLE */
.iconCircle{ width:44px; height:46px; background: url('../images/iconCircle.png') no-repeat center; background-size: contain; display: inline-block; margin-right: 4px;  transition: transform 0.5s ease;}
.iconCircle:hover {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* MARK: ABOUT - BOX 1 - 2 - 3 */
.introBox-section{padding:70px 0 !important;}
.introBox1{display: flex;justify-content: center;gap: 8px;align-items: center;}
.introBox1 *{color:#000;}
.introBox1 >.col{flex-basis: auto;max-width: none;width: auto; margin: 0;}
.introBox1-title{}
.introBox1-title *{margin: 0;font-size: 64px;font-weight: bold;color:#000;}
.introBox1-subtitle{margin-top: 10px;}
.introBox1-subtitle *{margin: 0;font-size: 48px;font-weight: 500;}
.introBox1-row{margin-top:-25px;margin-bottom: 15px;}
.introBox1-dot{position: relative;}
.introBox1-dot:after{content:'';position: absolute;width:24px;height: 26px;background: url('../images/iconCircleSmall.png') no-repeat center;top: 13%; left: 13%;background-size: contain;}
.introBox1-des *{font-size: 23px;font-weight: 600;color:rgb(0 0 0 / 75%);margin: 0;}
.introBox1-special{font-size: 32px;font-weight: bold;color:#fff;padding: 0 4px;position: relative;}
.introBox1-special:after{ content:''; position: absolute; width:0; height:100%; background: #13A89E; top:0; left:0; z-index: -1; transition: all ease 1s; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s;}
.dev-run-light.introBox1-special:after{width: 100%;}

.intro-video-text{color:#000;font-weight: 700;font-size: 90px;padding-left: 80px;}
.intro-video-text *{color:#000 !important;}

.introBox-video .banner-layers{max-width: 100%;}
.introBox-video .banner-layers .fill{background: rgb(114 95 95 / 25%);transition: all ease 0.5s;}
.introBox-video-play{position: absolute;color:#000;right:30px;bottom:80px;cursor: pointer;text-transform: uppercase; font-weight: 700; letter-spacing: 2px; font-size: 20px;background: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20.5' cy='20.5' r='20' stroke='black'/%3E%3Cpath d='M28.764 21.3652L17.3224 27.8558C16.3513 28.4061 15.1052 27.7398 15.1052 26.6305V13.6491C15.1052 12.5416 16.3495 11.8735 17.3224 12.4255L28.764 18.9162C28.9849 19.0395 29.1685 19.2177 29.2962 19.4327C29.4239 19.6478 29.4912 19.892 29.4912 20.1407C29.4912 20.3894 29.4239 20.6336 29.2962 20.8486C29.1685 21.0637 28.9849 21.2419 28.764 21.3652Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat left center;min-height: 40px;padding-left: 50px;display: inline-flex ; align-items: center;transition: all ease 0.5s;background-size: contain;}

.introBox-video-active .introBox-video-play{right:-150px;}
.banner-layer{transition: all ease 0.5s;}
.introBox-video-active .banner-layer{left: -100%;}
.introBox-video-active .banner-layers .fill{background: transparent;}


.intro-title-special{margin-bottom: -20px;}
.intro-title-special *{font-size: 48px;font-weight: 500;color:#000;margin-bottom: 0;}
.intro-title-special .iconCircle{width:30px;height: 29px;background-size: cover;}
.introBox2-des *{font-size: 23px;color:rgb(0 0 0 / 75%);margin: 0;}
.introBox2-des *:not(strong){font-weight: 500;}
.fixintroBox2-des .introBox2-special{font-weight: bold;font-size: inherit;}
.introBox2-special{}
.introBox2-special:after{background: #9747FF;}
.introBox2-special{color:#fff;font-size: 32px;}
.introBox2-special2:after{background: #EB2A97;padding:0 8px;}
.introBox2-special2{color:#fff;font-weight: 400;display: inline-block;}
.introBox2-des.text-white .introBox2-special2 *{color: #fff;}

.introBox2-special3:after{background: #f7941d;}
.introBox2-special4:after{background: #8cc63f;}

.introBox-sectionOther{padding:20px 0 !important;position: relative;}
.introBox-sectionOther:after{content:'';width:97px;height:96px;background: url('../images/introbox3.png') no-repeat center;background-size:cover;position: absolute;left:calc(50% - 48px);top:-20px;z-index: 9;}
.introBox-sectionOther *{text-align: center;font-size: 23px;font-weight: 500;color:#000;margin: 0;}

.introBox3-des *:not(.introBox3-special){color:#000;}
.introBox3-title{margin-top:-30px;}
.introBox3-special{font-weight: 400;font-size: 23px;display: inline-block;}


/* MARK: ABOUT BOX 4 */
.introBox-section4{padding:0 !important; position: relative;height:750px;}
.introBox-section4 .section-content{height: 100%;display: flex;align-items: center;justify-content: center;}
.introbox4-background{text-align: center;z-index: -1;}
.introbox4-background img{width: 650px;margin: auto;}

.introbox4-text{flex-basis: auto; max-width: inherit !important; width: auto;}
.introbox4-title *{text-transform: uppercase;color:#000;font-size: 40px;font-weight: bold;margin: 0;}
.introbox4-item{position: relative;}

.introbox4-text1{position: absolute;top:10%;left:43%;}
.introbox4-pattern1{width: 80px !important; position: absolute; top: -57%; left: 28%; z-index: -1;}

.introbox4-text2{position: absolute;top: 32%; right: 18%;}
.introbox4-pattern2{width: 80px !important; position: absolute; top: -20%; left: 33%; z-index: -1;}

.introbox4-text3{position: absolute;bottom: 12%; right: 32%;}
.introbox4-pattern3{width: 80px !important; position: absolute; top: -14%; left: 38%; z-index: -1;}

.introbox4-text4{position: absolute;bottom: 20%; left: 27%;}
.introbox4-pattern4{width: 80px !important; position: absolute; top: -14%; right: -5%; z-index: -1;}

.introbox4-text5{position: absolute;top: 26%; left: 17%;}
.introbox4-pattern5{width: 80px !important; position: absolute; top: -14%; left: -5%; z-index: -1;}


/* MARK: ABOUT 5 */
.introBox-section5{padding:0 !important;position: relative;margin-top: 80px;}
.introBox5-fulltext{position: absolute;width:100%;height:100%;top:40px;left:0;}
.introBox5-title, .introBox5-title *{color:#000;text-align: center;}
.introBox5-des *{color:#000 !important;}
.fixintroBox5{/*min-height: 600px;*/}


.introBox5-line{z-index: 1;}
.introBox5-line img{max-width: 1440px;margin: auto;}
.introBox5-line > .img-inner{text-align: center;}


.introBox5-line2{display: none;}
.introBox5-line2 img{max-width: 650px;margin: auto;}
.introBox5-line2 > .img-inner{text-align: center;}


.introbox-pattern-contain{position: relative; top: 0; width: 1440px; height: 100%; left: 0;min-height: 500px;}

.introbox-pattern1{width:200px;height: 200px;position: absolute;left: 3.5%;top:3%;}
.introbox-pattern1-text{margin: 0;color:#000;font-weight: bold;position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex ; align-items: center; justify-content: center;font-size: 32px;z-index: 99;}
.introbox-pattern1-text *{margin: 0;}
.introbox-icon1{position: absolute;top: 8%;width: 60px !important;}
.introbox-icon2{position: absolute;bottom: 5%;right:-22%;width: 100px !important;}
.introbox-pattern1-des{ background: #13A89E; padding:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; position: absolute; width:335px; margin-top: -50px; left: -10px; opacity: 0; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.introbox-pattern1-des:after{content:'';position: absolute;border:10px solid transparent; border-bottom:15px solid #13A89E;top: -24px; left: 22%;}
.introbox-pattern1-des *{color:#fff;font-size: 12px;}
.introbox-pattern1-des p:last-child{margin: 0;}
.introbox-pattern1:hover .introbox-pattern1-des{opacity: 1;margin-top: -70px;z-index: 999;}


.introbox-pattern2{width:160px;height: 160px;position: absolute;left: 33%;top:35%;}
.introbox-pattern2-des{ background: #F89C30; padding:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;position: absolute;width:300px; margin-top: -30px; left: -80px;opacity: 0; transition: all ease 0.5s;}
.introbox-pattern2-des:after{content:'';position: absolute;border:10px solid transparent; border-bottom:15px solid #F89C30;top: -24px; left: 48%;}
.introbox-pattern2-des *{color:#fff;font-size: 12px;}
.introbox-pattern2-des p:last-child{margin: 0;}
.introbox-pattern2:hover .introbox-pattern2-des{opacity: 1;margin-top: -50px;z-index: 999;}


.introbox-pattern3{width:260px;height: 260px;position: absolute;left: 55%;top:27%;}
.introbox-pattern3 .introbox-pattern1-text{top:-15%;}
.introbox-icon3{ position: absolute; width: 100px !important; height: 100px; top: 0; transform: rotate(90deg); left: calc(50% - 50px); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.introbox-pattern3-des{ background: #8CC63F; padding:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;position: absolute;width:301px; left: -20px; top: -110px;opacity: 0; transition: all ease 0.5s;}
.introbox-pattern3-des:after{content:'';position: absolute;border:10px solid transparent; border-top:15px solid #8CC63F;bottom: -24px; left: 48%;}
.introbox-pattern3-des *{color:#fff;font-size: 12px;}
.introbox-pattern3-des p:last-child{margin: 0;}
.introbox-pattern3:hover .introbox-pattern3-des{opacity: 1;top: -90px;z-index: 999;}


.introbox-pattern4{width:200px;height: 50px;position: absolute;right: 7%;top:7%;}
.introbox-icon4{position: absolute;top: -35%; width: 40px !important; left: -9%;}
.introbox-icon5{position: absolute;top: 10%; right: -7%; width: 60px !important;}
.introbox-pattern4-des{ background: #EB2A97; padding:10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;position: absolute;width:301px; left: -20px; bottom: -160px;opacity: 0; transition: all ease 0.5s;}
.introbox-pattern4-des:after{content:'';position: absolute;border:10px solid transparent; border-bottom:15px solid #EB2A97;top: -24px; left: 40%;}
.introbox-pattern4-des *{color:#fff;font-size: 12px;}
.introbox-pattern4-des p:last-child{margin: 0;}
.introbox-pattern4:hover .introbox-pattern4-des{opacity: 1;bottom: -140px;z-index: 999;}

.introbox-pattern5{width: 80px; height: 80px; position: absolute; right: 19.7%; bottom: 6.5%;}
.introbox-icon6{position: absolute;top: 15%; width: 40px !important; left: -3%;}


/* MARK: ABOUT 6 */
.introBox-section6{padding:0 !important;}
.introBox-section6-contain{display: flex;gap:143px;}
.introBox-section6-left{flex-basis: calc(100% - 508px - 143px); max-width:calc(100% - 508px - 143px);margin-top: 60px;}
.introBox-section6-right{flex-basis:508px ;width:508px;}
.introBox-section6-title{margin-bottom: 20px;}
.introBox-section6-title *{margin: 0;color:#fff;font-size: 62px;font-weight: bold;text-transform: capitalize;}
.introBox-section6-des *{color:#fff;font-size: 20px;font-weight: 500;}


/*MARK: ARROWS ABOUT*/
.introBox-m1-arrow{position: absolute;width:18px;height: 101px;background: url('../images/arrows/ar1.png') no-repeat center;bottom: -50px; left: calc(50% - 9px); background-size: contain; z-index: 9;}
.introBox-m3-arrow{position: absolute;width:29px;height: 150px;background: url('../images/arrows/ar2.png') no-repeat center;bottom: -150px; left: calc(50% - 14px); background-size: contain; z-index: 9;}

.introBox-section{background: transparent !important;}
.introBox-section.introBox-m4{padding-top:150px !important;}
.introBox-m5{padding-top: 100px !important;position: relative;}
.introBox-m5-arrow{position: absolute;width:18px;height: 146px;background: url('../images/arrows/ar3.png') no-repeat center;top: -50px; left: calc(50% - 14px); background-size: contain; z-index: 9;}

.introBox-m6-arrow{position: absolute;width:18px;height: 97px;background: url('../images/arrows/ar4.png') no-repeat center;top: -70px; left: calc(50% - 9px); background-size: contain; z-index: 9;}

.introBox-m7-arrow{position: absolute;width:24px;height: 103px;background: url('../images/arrows/ar5.png') no-repeat center;top: -120px; left: calc(50% - 12px); background-size: contain; z-index: 9;}

.section.introBox-m2{padding-bottom: 120px !important;}
.introBox-m3-arrowTop{position: absolute; width: 2px; height: 70px;top: -100px; left: calc(50% - 1px);background: #000;}



/* MARK: BLOG LAYOUT PAGE */
.section-page-title-ourwork{max-width: 1280px;margin: auto;margin-bottom: 95px;padding-bottom: 15px;border-bottom:2px solid #000;font-size: 72px;font-weight: bold;color:#000;position: relative;}
.iconCircle3{background: url(../images/iconCircle3.png) no-repeat center;width:57px;height:62px;position: absolute;top:12%;left:0;z-index: 999;background-size: contain;}
.section-page-title-ourwork:after{content:'';position: absolute;background: url(../images/vector_ourwork.png) no-repeat center;position: absolute;width:130px;height: 168px;left: -85px; top: -136px;}
.section-page-head-ourwork{padding-top:154px;}
html[lang='ja'] .section-page-title-ourwork{padding-left: 70px;}

.section-page-detail-ourwork{max-width: calc(1280px + 26px);margin: auto;margin-bottom: 40px;}
.news-detail-contain{position: relative;}
.clearboth{clear: both;display: block;}
/* Re-order items into rows */
.news-detail-box{margin-bottom: 35px;}
.grid-masonry-item{width:calc(100% / 3);padding:0 13px;}
.news-detail-box h3{color:#000;font-size: 36px;font-weight: bold;margin-bottom: 5px;line-height: 120%;margin-top: 8px;}
.news-detail-box .box-noneImg{aspect-ratio: 1 / 1;}
.news-detail-des{color:#828282;font-size: 21px;}


/* MARK: BLOG PAGE */
.blog-archive{padding:0 !important;}
.hidden-page-title{display: none;}
.blog-detail-contain{display: flex;gap:64px 41px;flex-wrap: wrap;padding: 86px 0;max-width: 1280px;margin: auto;}
.blog-detail-box{ width:calc(100% / 3 - 28px); display: flex ; flex-direction: column; justify-content: space-between; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05); border-radius: 0 0 5px 5px ; -webkit-border-radius: 0 0 5px 5px ; -moz-border-radius: 0 0 5px 5px ; -ms-border-radius: 0 0 5px 5px ; -o-border-radius: 0 0 5px 5px ; }
.blog-detail-box .box-image{height: 224px;overflow: hidden;}
.blog-detail-box .box-image img{ object-fit: cover; width:100%; height:100%; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.blog-detail-box .box-image:hover 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) ; }
.blog-detail-box .box-image .box-noneImg{height: 100%;}
.blog-detail-info{padding:20px;}
.blog-detail-info h3{font-size: 20px;font-weight: bold;color:#2D3748;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;transition:all ease 0.5s ;}
.blog-detail-box:hover .blog-detail-info h3{color:#f57539;}
.blog-detail-des{color:#718096;font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.blog-detail-datebtn{display: flex;justify-content: space-between;padding:0 20px;color:#718096;font-size: 14px;align-items: center;padding-bottom: 30px;}
.blog-detail-datebtn p{ cursor: pointer; color:#2D3748; font-size: 12px; font-weight: bold; margin: 0; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.blog-detail-datebtn p:hover{color:#f57539;}


/* MARK: CONTACT PAGE */
.s-contact-top{padding: 154px 0 78px 0 !important;margin-bottom: 100px;}
.s-contact-box{display: flex;gap:40px;}
.s-contact-top-left{flex-basis:calc(100% - 680px - 40px);max-width: calc(100% - 680px - 40px);}
.s-contact-top-right{flex-basis:680px;max-width: 680px;margin-top: 140px;}
.s-contact-phone{margin-top:54px;}
.s-contact-phone *, .s-contact-email *{color:#000;font-size: 36px;font-weight: 600;margin: 0;}
.s-contact-box:after{display: none;}

.s-contact-social{margin-top:45px;}
.s-contact-social .col-inner{display: flex;gap:21px;}
.s-contact-social img{width:63px !important;}
.s-contact-social .img{width: auto !important;margin:0;}

.contact-form-item input, .contact-form-item textarea, .contact-form-item label{margin: 0;}
.contact-form-item input, .contact-form-item textarea{border: 0; border-bottom:2px solid #000000;box-shadow: none;height: 86px;padding: 0;font-size: 30px;font-weight: 400;}
.contact-form-item textarea{height: 228px;}
.contact-form-item:first-child input{border-top:2px solid #000000;}
.contact-form-item input::placeholder, .contact-form-item textarea::placeholder{color:#A8A8A8;}
.contact-form-item textarea{padding-top:24px;}
.contact-form-item input:focus, .contact-form-item textarea:focus{box-shadow: none;}
.contact-button-box{margin-top:70px;}
.contact-form-button{display: flex;justify-content: end;position: relative;}
.contact-form-btn-icon{position: relative;}
.contact-form-btn{position: absolute;right:0;top:0;width:100%;height: 100%;opacity: 0 !important;}
.s-contact-box .loading-spin.centered, .s-contact-box .processing:before{left:-40px;}
.s-contact-box .wpcf7 .wpcf7-not-valid-tip{margin-top: 5px;opacity: 1; padding: 5px 0px;background: transparent;}
.wpcf7 .wpcf7-not-valid-tip:after{display: none;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; background: #ebebeb; border-radius: 0; border: none; padding: 10px 15px; }

.s-contact-bottom{margin-bottom:270px;padding:0 !important;padding-left: calc(calc(100% - 1280px) / 2) !important;padding-right: calc(calc(100% - 1280px) / 2) !important;}
.s-contact-bottom-box{display: flex;gap:80px;}
.s-contact-bottom .s-contact-bottom-left{flex-basis: calc(100% - 766px - 80px);max-width: calc(100% - 766px - 80px);padding:67px 0 !important; }
.s-contact-bottom .s-contact-bottom-right{flex-basis: 766px;max-width: 766px;margin: -88px 0;}
.s-contact-bottom-title{margin-bottom: 30px;}
.s-contact-bottom-title *{color:#fff;font-size: 64px;font-weight: bold;margin: 0;line-height: 120%;}
.s-contact-bottom-des *{color:#fff;font-size: 25px;margin: 0;}
.s-contact-bottom-box:after{display: none;}

.s-contact-bottom-slide{background: #fff;padding:26px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}


/* MARK: PAGE DETAIL */
.pageDetail-container{padding:0 !important;}
.pageDetail-s1{display: flex;gap:30px;}
.pageDetail-s1:after{display: none;}
.pageDetail-s1-left{flex-basis: calc(100% - 680px - 30px);max-width: calc(100% - 680px - 30px);}
.pageDetail-s1-right{flex-basis: 680px;max-width: 680px;}
.pageDetail-s1-title{}
.pageDetail-s1-title, .pageDetail-s1-title *{margin: 0;color:#000;font-size: 93px;font-weight: bold;text-align: center;}
.pageDetail-s1-table{border-top:2px solid #000;margin-top:34px;}
.pageDetail-s1-table *, .pageDetail-s1-table strong{color:#000;font-size: 24px;}
.pageDetail-s1-table td{border-bottom:2px solid #000;}
.pageDetail-s1-table tr:last-child td{border:none;}

.pageDetail-s2{margin:40px 0;}

.pageDetail-s3{display: flex;gap:40px;}
.pageDetail-s3:after{display: none;}
.pageDetail-s3-left{flex-basis: 350px;max-width: 350px;}
.pageDetail-s3-right{flex-basis: calc(100% - 350px - 40px);max-width: calc(100% - 350px - 40px);}
.pageDetail-s3-title{position: relative;}
.pageDetail-s3-title:after{content:'';position: absolute;width:391px;height:1357px;background:url('../images/vector.png') no-repeat center;top: 50px; right: -80px;}
.pageDetail-s3-title *{color:#000;font-size: 52px;font-weight: bold;}
.pageDetail-s3-subtitle{margin-top: -15px;}
.pageDetail-s3-subtitle *{color:#959595;font-size: 20px;}
.pageDetail-s3-slide{margin-top:60px;}
.pageDetail-s3 .pageDetail-s3-boxdes{padding-left: 167px !important;}
.pageDetail-s3-boxdes:after{display: none;}
.pageDetail-s3-boxdes > .col-inner{display: flex;gap:46px;}
.pageDetail-s3-des{width:calc(50% - 23px);}
.pageDetail-s3-des *{color:#000;font-size: 20px;}

.pageDetail-s4-gallery{margin:85px 0 0px 0;}
.pageDetail-s4-gallery .gallery-col{}
.pageDetail-s4-gallery .flickity-button{display: none;}

.pageDetail-s4-title{width:330px;}
.pageDetail-s4-title *{font-size: 21px;margin: 0;}
.pageDetail-s4-des{width:330px;}
.pageDetail-s4-des *{margin: 0;color:#000;font-size: 27px;font-weight: bold;}


/* MARK: CAROUSEL OURR WORK */
.ourwork-carousel-contain{max-width: 1080px !important;margin: auto;margin-top:35px;}
.detailPost-gallery{max-width: 1080px;margin: auto;margin-top:30px;margin-bottom: 175px;position: relative;}
.detailPost-carousel-photo{margin: 0;overflow: hidden;aspect-ratio: 1 / 1;background: #ebebeb;display: flex;align-items: center;justify-content: center;}
.detailPost-carousel-photo img{ object-fit: cover; width:100%; height:100%; transition:all ease 0.3s ; -webkit-transition:all ease 0.3s ; -moz-transition:all ease 0.3s ; -ms-transition:all ease 0.3s ; -o-transition:all ease 0.3s ; }
.detailPost-carousel-photo:hover 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) ; }
.detailPost-carousel-info{padding:20px;}
.detailPost-carousel-info h3{text-align: center;color: #000;font-weight: 500;text-transform: capitalize;font-size: 14px;margin-bottom:8px;}
.detailPost-carousel-des{font-size: 13px;color:#000;opacity: 0.7;text-align: center;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.detailPost-carousel-item{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);height: 100%;}
.mySwiper-carousel{overflow: visible;}
.mySwiper-carousel-btn{ position: absolute; width:40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);display: inline-flex;align-items: center;justify-content: center;top:calc(35% - 20px);z-index: 9;cursor: pointer;}
.mySwiper-carousel-prev{left:-80px;}
.mySwiper-carousel-next{right:-80px;}
.mySwiper-carousel-btn svg{width:8px;}
.mySwiper-carousel-next svg{ transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }

.mySwiper-carousel .swiper-slide{ transition: all 200ms linear;  height: auto; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; }
.mySwiper-carousel .swiper-slide.swiper-slide-active{ margin-top:-30px;}
.gallery-hidden{display: none !important;}
.mz-expand .mz-expand-bg img, .mz-zoom-window > img{ transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; }
.mz-expand .mz-figure > img{ transition:none !important ; -webkit-transition:none !important ; -moz-transition:none !important ; -ms-transition:none !important ; -o-transition:none !important ; }
html{overflow: visible !important;margin-right: 0 !important;}


/* MARK: CURSOR MOUSE GRAP */
body{position: relative;}
.cursor-outline,
.cursor-dot {
  opacity: 0;
}

.cursor-outline {
  border-radius: 50px;
  position: fixed;
  width: 80px;
  height: 80px;
  /* border: solid 1px #fff; 
  mix-blend-mode: difference;*/
  pointer-events: none;
  z-index: 9999999;
  background: url(../images/iconCircle3.png) no-repeat center; background-size: contain;
}


/* Visible when running fancy.js */
/* .cursor-dot {
  mix-blend-mode: difference;
  border-radius: 50px;
  position: fixed;
  width: 80px;
  height: 80px;
  background-color: white;
  border: solid 1px #fff;
  pointer-events: none;
  z-index: 9999999;
} */

.cursor-outline,
.cursor-dot {
  top: 50%;
  left: 10%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}


/*MARK: MEDIA RESPONSIVE*/
@media screen and (max-width: 1440px){
  .introBox-section4{height: 750px;}
  .introbox4-text4{left: 22%;}
  .introbox4-text3{right: 26%;}
  .introbox4-text5{left:7%;top: 22%;}
  .introbox4-text2{right: 10%;top: 28%;}
  .introbox4-text1{top:8%;}
}

@media screen and (max-width: 1366px){
  .pageDetail-s1-title *{font-size: 66px;line-height: 120%;}
  .ourwork-page-detail .detailPost-content{padding-top: 40px;}
  .pageDetail-s1-table *, .pageDetail-s1-table strong{font-size: 20px;}
  .introbox-pattern1{top:-3%;}
  .introbox-pattern2{top: 30%;}
  .introbox-pattern3{top: 22%;}
  .introbox-pattern4{top: 3%;}
}

@media screen and (max-width: 1300px){
  .introBox5-line{padding-top: 4%;}
}

@media screen and (max-width: 1280px){  
  .h-intro1-container { padding: 90px 5% 60px 5% !important; }
  .h-intro1-boxLeft{flex-basis: 100%; max-width: 100%;}
  .h-intro1-des{padding-left: 0;}
  .h-intro1-boxRight { flex-basis: 100%; max-width: 100%; margin-top: 20px;}
  .h-intro2-container{padding-left: 5%;padding-right: 5%;}
  .h-intro2-boxLeft { flex-basis: 100%; max-width: 100%; }
  .h-intro2-boxRight { flex-basis: 100%; max-width: 100%; margin-top:30px;}
  .ourwork-special, .card-back{font-size: 32px;}
  .h-ourteam-container, .h-ourteam-relative{padding-left: 5%;padding-right: 5%;}
  .introbox4-title *{font-size: 26px;}
  .introBox-section6{padding:30px 5% !important;}
  .introBox-section6-title *{font-size: 44px;}
  .introBox-section6-des *{font-size: 16px;line-height: 180%;}
  
  .section-page-title-ourwork{margin-bottom: 45px;}
  .news-detail-box h3{font-size: 24px;}
  .section-page-title-ourwork{font-size: 50px;}
  .iconCircle3{width: 40px; height: 45px;}
  .section-page-head-ourwork { padding-top: 100px; padding-left: 5%;padding-right: 5%;}
  .ourwork-page-detail .detailPost-content{padding-left: 5%;padding-right: 5%;}
  .pageDetail-s1-right { flex-basis: 50%; max-width: 50%; }
  .pageDetail-s1-left { flex-basis: calc(50% - 30px); max-width: calc(50% - 30px); }
  .section-page-detail-ourwork{max-width: 100%;margin: auto;margin-bottom: 40px;padding-left: 4%;padding-right: 4%;}

  .blog-detail-contain{padding: 60px 5%;}
  .page-header-wrapper { padding: 0 5%; padding-top: 60px; }

  .s-contact-top { padding: 60px 5% 40px 5% !important; margin-bottom: 60px; }
  .s-contact-top-left { flex-basis: calc(45% - 40px); max-width: calc(45% - 40px); }
  .s-contact-top-right { flex-basis: 55%; max-width: 55%; margin-top: 00px; }

  .s-contact-bottom .s-contact-bottom-left { flex-basis: calc(45% - 80px); max-width: calc(45% - 80px); padding: 30px 0 !important; padding-left: 5% !important;}
  .s-contact-bottom .s-contact-bottom-right { flex-basis: 55%; max-width: 55%; margin: -88px 0; }
  .s-contact-bottom-title *{font-size: 46px;}
  .s-contact-bottom-des *{font-size: 18px;}
  .s-contact-bottom { margin-bottom: 150px; padding: 0 !important; padding-left: 0 !important; padding-right: 5% !important; }
}


@media screen and (max-width: 1024px){
  .table_cover{max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; display: block;}  
  .pageDetail-s1-table .table_cover{max-width: unset; max-width: unset; margin: unset; overflow-x: unset; white-space: unset; display: unset;}
  .ourteam-info{font-size: 15px;}
  .introBox-section { padding: 50px 5% !important; }
  .introbox4-text5{left:5%;}
  .introbox4-text2 { top: 30%; right: 5%; }
  .introbox4-text3 { bottom: 13%; right: 22%; }
  .introbox4-text4 { left: 22%; }
  .introbox4-pattern5, .introbox4-pattern1, .introbox4-pattern2, .introbox4-pattern3, .introbox4-pattern4{width: 60px !important;}
  .introBox-section6-left { flex-basis: 100%; max-width: 100%; margin-top: 0; }
  .introBox-section6-right { flex-basis: 100%; max-width: 100%; text-align: center;}
  .introBox-section6-contain{gap:30px;}
  .pageDetail-s1-title * { font-size: 50px;}
  .pageDetail-s1-table *, .pageDetail-s1-table strong { font-size: 16px; }
  .pageDetail-s3-title:after{display: none;}
  .pageDetail-s3-left { flex-basis: 100%; max-width: 100%; }
  .pageDetail-s3-right { flex-basis: 100%; max-width: 100%; padding-left: 0;}
  .pageDetail-s3 .pageDetail-s3-boxdes {padding-left: 0px !important;}
  .pageDetail-s3-title *{font-size: 50px;}
  .pageDetail-s3{gap:24px;}
  .detailPost-gallery{overflow: hidden;margin-bottom: 30px;}
  .mySwiper-carousel .swiper-slide{padding-bottom: 8px;}

  .blog-detail-contain{gap: 40px;}
  .blog-detail-box { width: calc(100% / 2 - 20px);}
  .blog-detail-info h3{font-size: 16px;}
  body .single-page.section-page-detail {padding: 40px 5%;}
  .detailPost-title{font-size: 32px;}
  .detailPost-author{font-size: 16px;}
  .detailPost-content {padding-left: 0; padding-right: 0;padding-top: 0;}

  .s-contact-phone *, .s-contact-email *{font-size: 24px;}
  .contact-form-item input, .contact-form-item textarea{font-size: 24px;}

  .s-contact-bottom .s-contact-bottom-left { flex-basis: 100%; max-width: 100%; padding: 30px 0 !important; padding-left: 5% !important;}
  .s-contact-bottom .s-contact-bottom-right { flex-basis: 100%; max-width: 100%; margin: -88px 0; padding-left: 5% !important;}

  /*.introBox5-line img{display: none;}*/
  .introbox-pattern-contain{position: absolute;width: 100%;left: 0;top: 0%;margin-top: 15rem;padding:0 40px;}
  .introBox5-line { margin-top: 15rem; }
  .introbox-pattern1-text{font-size: 20px;}
  .introbox-pattern1{width: 150px; height: 150px; left: 3%; top: 36%;}
  .introbox-icon2{width: 60px !important;}
  .introbox-icon1{width: 40px !important;}
  .introbox-pattern2 { width: 120px; height: 120px;top: 60%;}
  .introbox-pattern3 { width: 200px; height: 200px;top: 55%;}
  .introbox-icon3 {  width: 70px !important; height: 70px; top: 13%; left: calc(50% - 35px); }
  .introbox-pattern5 { width: 50px; height: 50px; bottom: 0%; }
  .introbox-icon6{width: 25px !important;}
  .introbox-pattern4 { width: 160px; height: 40px;right: 5%; top: 38%;}
  .introbox-icon5{width: 40px !important;}

  .introbox-pattern1:hover .introbox-pattern1-des{margin-top: 0;}
  .introbox-pattern1-des{width: 250px;}
  .introbox-pattern2:hover .introbox-pattern2-des { opacity: 1; margin-top: -10px; }
  .introbox-pattern2-des{width: 200px;left: -40px;}
  .introbox-pattern3-des{width: 250px;}
  .introbox-pattern4-des{width: 250px;left: unset; right: -40px;}

  .intro-video-text{font-size: 50px;padding-left: 3%;}
  
}


@media screen and (max-width: 849px){
  .h-intro1-des *{font-size: 28px;}
  .h-intro1-boxLeft:after{display: none;}
  .h-intro1-btn >.col-inner{text-align: left;}
  .button-style1 *{font-size: 17px;}
  .button-style1{width: 180px; height: 60px;}
  .h-intro2-boxRow-left { flex-basis: 100%; max-width: 100%; }
  .h-intro2-boxRow-right { flex-basis: 100%; max-width: 100%; margin-top: 0px;margin-bottom: 12px;}
  .h-intro2-titleSub{padding-left: 0; }
  .h-intro2-titleSub *{font-size: 28px;}
  .ourwork-special, .card-back { font-size: 24px; }
  .ourteam-container{flex-direction: column;}
  .ourteam-left, .ourteam-right{width:100%;}
  .ourteam-left{padding-top: 0;justify-content: center;}
  .h-ourteam-relative{padding-bottom: 30px;}
  .introBox1-title *{font-size: 40px;}
  .introBox1-dot:after{top: 13%; left: 13%;width: 14px; height: 16px;}
  .introBox1-subtitle *{font-size: 23px;}
  .introBox1-row{margin-top: -10px;}
  .introBox1-des *{font-size: 18px;}
  .introBox1-special{font-size: 20px;}
  .intro-title-special *{font-size: 23px;}
  .intro-title-special { margin-bottom: -10px; }
  .intro-title-special .iconCircle { width: 14px; height: 13px;}
  .introBox2-des * { font-size: 18px;}
  .introBox2-special{font-size: 20px;}
  .introBox-sectionOther *{font-size: 13px;}
  .iconCircle { width: 26px; height: 28px;}
  .introBox3-title { margin-top: -15px; }
  .introBox-sectionOther { margin-bottom: -40px; }
  .introbox4-title * { font-size: 22px; }
  .news-detail-box h3 { font-size: 18px; }
  .news-detail-des{font-size: 14px;}
  .pageDetail-s1-left, .pageDetail-s1-right { flex-basis: 100%; max-width: 100%; }
  .pageDetail-s1-right{text-align: center;}
  .pageDetail-s3-des *{font-size: 16px;}
  .pageDetail-s3-slide { margin-top: 35px; }
  .pageDetail-s4-gallery { margin: 45px 0 0px 0; }
  .mySwiper-carousel .swiper-slide.swiper-slide-active { margin-top: 0; }
  .s-contact-top-left { flex-basis: 100%; max-width: 100%; }
  .s-contact-top-right { flex-basis: 100%; max-width: 100%; margin-top: 0px; }

  .s-contact-bottom-right .flickity-slider .img{height: auto; aspect-ratio: 1 / 1;}
  .s-contact-bottom-right .flickity-slider .img .img-inner{height: 100%;overflow: hidden;}
  .s-contact-bottom-right .flickity-slider .img .img-inner img{height: 100%;width: 100%;object-fit: cover;}

  .introbox-pattern1 { width: 100px; height: 100px;left: 5%; top: 41%;}
  .introbox-icon2{width: 30px !important;}
  .introbox-icon1{width: 25px !important;}
  .introbox-pattern1-text { font-size: 14px; font-weight: 400; }
  .introbox-pattern2{width: 80px; height: 80px;left: 34%; top: 53%;}
  .introbox-pattern3 { width: 140px; height: 100px;left: 58%; top: 49%; }
  .introbox-pattern4 { width: 120px; top: 41%;}
  .introbox-icon5, .introbox-icon4{width: 30px !important;}
  .ourteam-left{display: none;}

  .ourteam-subinfo-img{display: flex;align-items: center;justify-content: center;width:50px;height: 50px;overflow: hidden;border-radius: 50%;background: #ebebeb;}
  .ourteam-subinfo{align-items: center;gap:8px;}

  .introBox5-fulltext > .col{position: unset;}
  .introBox5-fulltext > .col > .col-inner{position: unset;}

  .introBox5-fulltext{position: unset;}
  .introBox-section5 .section-content{position: relative !important;}
  .introbox-pattern-contain{margin-top: 0% !important;height: 100%;min-height: auto;}
  .introBox5-line2 img{max-width: 100%;}
  .introBox5-line{display: none;}
  .introBox5-line2{display: block;padding: 0 5%;}
  .introBox5-fulltext{padding: 0 10% !important;}
  .introBox2-des * { font-size: 14px; }
  .introBox1-title * { font-size: 30px; }
  .introbox-pattern1{left: 7%; top: 31%; width: 22%; height: auto;}
  .introbox-pattern2{left: 37%; top: 47%; width: 20%; height: auto;}
  .introbox-pattern3{left: 58%; top: 61%; width: 28%; height: auto;}
  .introbox-icon3 {width: 45% !important; height: auto; left: calc(43% - 25px); top: -2%;}
  .introbox-pattern4 { top: 78%; right: 30%; width: 26%;}
  .introbox-pattern5 { bottom: 26%; right: 7%; width: 9%; height: auto;}

  .introbox-pattern3-des { width: 200px; }
  .introbox-pattern3:hover .introbox-pattern3-des{top: -160%;}
  .introbox-pattern3-des:after{left: 40%;}
  .introbox-pattern1-text{font-size: 20px;font-weight: 600;}

}


@media screen and (max-width: 700px){
  .introBox-m6-arrow{top:-115px;}
  .introbox-pattern1{top:33%;}
  .introbox-pattern2{top:48%;}
  .introbox-pattern3{top:62%;}
  .introbox-pattern5 { bottom: 25% ;}
  /*.introbox-pattern2{top: 41%;}
  .introbox-pattern3{left: 63%; top: 55%;}*/
}


@media screen and (max-width: 650px){  
  .pageDetail-s1-title * { font-size: 40px; }
  .pageDetail-s3-title * { font-size: 40px; }
  .pageDetail-s3-subtitle *{font-size: 16px;}
  .pageDetail-s3-boxdes > .col-inner{gap:24px;}
  .pageDetail-s3-des { width: calc(50% - 12px); }
  .pageDetail-s4-des *{font-size: 23px;}
  .pageDetail-s4-title *{font-size: 16px;}
  .detailPost-carousel-info { padding: 10px; }
  .blog-detail-des, .blog-detail-datebtn{font-size: 12px;}
  .blog-detail-contain { gap: 20px; }
  .blog-detail-box { width: calc(100% / 2 - 10px);}
  .blog-detail-contain { padding: 40px 5%; }
  .blog-detail-datebtn{padding-bottom: 15px;}
  .contact-form-item input, .contact-form-item textarea { font-size: 18px; }
  .contact-form-item input, .contact-form-item textarea { border-bottom: 1px solid #000000; height: 60px; }
  .contact-form-item:first-child input { border-top: 1px solid #000000; }
  .contact-form-btn-icon svg{width:40px;}
  .s-contact-bottom-des * { font-size: 16px; }
  .introbox4-background img{width: 70%;}
  .introbox4-title * { font-size: 17px; }
  .introbox4-pattern5, .introbox4-pattern1, .introbox4-pattern2, .introbox4-pattern3, .introbox4-pattern4 { width: 40px !important; }
  .introbox4-text5{left: 6%;top: 30%;}
  .introbox4-text2 { top: 34%; right: 8%; }
  .introbox4-text1 { top: 18%; }
  .introbox4-text4 { left: 12%; bottom: 30%;}
  .introbox4-text3 { bottom: 25%; right: 18%; }
  .introBox-section4{height: auto;aspect-ratio: 1 / 1;}
  .introBox5-line{display: none;}
  .introBox-m7-arrow{display: none;}

  .introbox-pattern1-text{font-size: 17px;}
  .introbox-pattern1{top:34%;}
  .introbox-pattern3{top:63%;}
  
}


@media screen and (max-width: 600px){ 
  .news-detail-box { margin-bottom: 15px; }
  .news-detail-box h3 { font-size: 15px; }
  .news-detail-des { font-size: 12px; }
  .grid-masonry-item{padding:0 5px;}
}


@media screen and (max-width: 549px){  
  .h-intro1-des *{font-size: 24px;}
  .h-intro1-des { margin-bottom: 30px; }
  .titleMain-1 *{font-size: 48px;}
  .iconCircle { width: 33px; height: 35px;}
  .button-style1 { width: 150px; height: 48px; }
  .h-intro2-titleSub * { font-size: 22px; }
  .h-work-title .iconCircle{width: 35px; height: 33px;}
  .ourwork-special, .card-back { font-size: 20px; }
  .h-ourteam-des *{font-size: 20px;}
  .ourteam-info{flex-direction: column;align-items: start;}
  .ourteam-info p{opacity: 0.7; font-weight: 400; font-size: 13px;}
  .ourteam-info h3{font-size: 16px;}
  .ourteam-content{font-size: 14px;}
  .introBox2-des * { font-size: 16px; }
  .introBox1-des * { font-size: 16px; }
  .introBox1{gap:0 8px;}
  .introBox-section6-title * { font-size: 32px; }
  .introBox-section6-des * { font-size: 14px;}
  .section-page-head-ourwork { padding-top: 50px; }
  .section-page-title-ourwork { font-size: 36px; }
  .iconCircle3 { width: 30px; height: 35px; }
  .section-page-title-ourwork:after{left: -21%;}
  .section-page-title-ourwork span:not(.iconCircle3){position: relative;z-index: 9;}
  html[lang='ja'] .section-page-title-ourwork { padding-left: 40px; }

  .pageDetail-s1-title * { font-size: 32px; }
  .pageDetail-s3-des * { font-size: 14px; text-align: justify;}
  .pageDetail-s3-title * { font-size: 32px; }
  .pageDetail-s3-subtitle { margin-top: 0; }
  .detailPost-carousel-des{font-size: 12px;}
  .pageDetail-s4-des * { font-size: 18px; }
  .pageDetail-s4-title * { font-size: 14px; }
  .pageDetail-s1-table *, .pageDetail-s1-table strong { font-size: 14px; }
  .pageDetail-s1-table td { border-bottom: 1px solid #000; }
  .pageDetail-s1-table { border-top: 1px solid #000; }
  .blog-detail-info h3 { font-size: 14px; }
  .detailPost-title { font-size: 26px; }
  .detailPost-author{padding-bottom: 20px;margin-bottom: 20px;}
  .s-contact-phone { margin-top: 30px; }
  .s-contact-phone *, .s-contact-email * { font-size: 20px; }
  .s-contact-social { margin-top: 30px; }
  .s-contact-social img { width: 40px !important; }
  .s-contact-social .col-inner {gap: 10px; }
  .s-contact-top{margin-bottom: 0;}
  .s-contact-bottom-title * { font-size: 36px; }
  .s-contact-bottom-des * { font-size: 14px; }

  .introbox4-title * { font-size: 14px; }
  .introbox4-pattern5, .introbox4-pattern1, .introbox4-pattern2, .introbox4-pattern3, .introbox4-pattern4 { width: 30px !important; }
  .introBox5-fulltext .introBox2-des * { font-size: 12px; }
  .introBox1-title * { font-size: 22px; }
  .introBox-section5 .iconCircle { width: 16px; height: 18px; }
  .introbox-pattern1-text { font-size: 12px;}

  .introbox-pattern1-des:after{left: 16%;}
  .introbox-pattern2-des:after{left: 35%;}

  .ourteam-info p{display: none;}
  .ourteam-info .ourteam-subinfo p{display: block;opacity: 0.7; font-weight: 400; font-size: 13px;text-align: left;}

  .introBox-m1-arrow{width:12px;}
  .introBox-m3-arrow{width:16px;bottom: -130px;}
  .introBox-m5-arrow{width: 12px;}
  .introBox-m6-arrow{width: 12px;top: -100px;}
  .introBox-m5 { padding-top: 50px !important; position: relative; }
  .introBox-section5{margin-top:0;}

  .introBox-m3-arrowTop{width: 1px;left: calc(49% - 1px);}
  .introbox-pattern1 { top: 34%; }
  .introbox-pattern5 { bottom: 24%; }
  
}


@media screen and (max-width: 470px){ 
  .introbox-pattern1 { top: 36%; }
  .introbox-pattern2 { top: 50%; }
  .introbox-pattern4 { top: 80% ;}
  .introbox-pattern3 { top: 64%; }
}

@media screen and (max-width: 450px){  
  .blog-detail-box { width: 100%; }
  .blog-detail-contain { gap: 40px; }
  .s-contact-bottom-slide{padding:14px;}

  .introbox-pattern3-des{left: unset; right: 0;}
  .introbox-pattern3:hover .introbox-pattern3-des{top: -222%;}
  .introbox-pattern3-des:after{left: 70%;}
  .introbox-pattern4-des:after{left: 55%;}
  .introbox-icon2 { width: 20px !important; }
  .introbox-icon1 { width: 20px !important; }
  .introbox-icon3 { width: 30px !important; height: 30px; left: calc(50% - 15px);}
  .introbox-icon5, .introbox-icon4 { width: 26px !important; }
  .intro-video-text { font-size: 33px;}
}


@media screen and (max-width: 420px){  
  .introbox-pattern1 { top: 37%;}
  .introbox-pattern5 { bottom: 23%; }
}


@media screen and (max-width: 400px){  
  .h-intro1-des *{font-size: 20px;}
  .ourwork-Box { width: calc(100% / 2); }
  .news-detail-box h3 { font-size: 12px; }
  .news-detail-des { font-size: 10px; }
  .pageDetail-s3-des { max-width: 100%; flex-basis: 100%; width: 100%;}
  .pageDetail-s3-boxdes > .col-inner{flex-direction: column;}

  .introbox-pattern1-des:after{left: 12%;}
  .introbox-pattern2-des:after{left: 27%;}
  .introbox-pattern1 { top: 38%; }
}