/* -------------------------------------  1400px  ------------------------------------- */
@media(max-width:1400px)
{

    .AllPageWide{ margin-left: 20px; margin-right:20px; }

    

}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    /* HeaderMenu */
    .HeaderMenuBox{ max-width: 94%; }
    .HeaderMenuBox{ /*margin-left: 60px; margin-right: 60px;*/ margin-top: 30px; }
    .HeaderMenuBox .Logo img{ max-height: 30px; }
    .HeaderMenu.fixed .HeaderMenuBox .Logo img{ max-height: 30px !important;}
    .HeaderMenuBox .NavigationTP ul li{ margin: 0 10px; font-size:14px; letter-spacing: 0px; }
    .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ top: 12px; }
    .HeaderMenuBox .LangTP ul li{ margin: 0 0 0 5px; }
    .HeaderMenuBox .LangTP ul li a{ line-height: 27px;}
    .SCLBox{ width: 365px;}
    .ContactBTN{ width: 115px; margin: 0 10px;  }
    .ContactBTN a{ font-size: 12px; padding: 4px 20px; }

    .HeaderMenu.off-canvas .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .HeaderMenu.fixed .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .HeaderMenu.fixedBox .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .FixedMenu .HeaderMenuBox .Logo img{ max-height: 30px!important; }

    /* footer */
    footer .FooterBox .FooterContact .Addtess{ font-size: 15px;}
    footer .FooterBox .FooterLinks .FooterLinksBox ul li{ font-size: 14px;}

    /* AllPageWidth */
    .AllPageWidth{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .AllPageWide{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .AllPageWidth.forSingle{ margin: auto; }

    /* OurWorksList */
    .OurWorksList ul li .Detail{ width: 50%; padding-right: 3%; padding-left: 8%; }
    .OurWorksList ul li:nth-child(odd) .Detail{ width: 50%; padding-right: 8%; padding-left: 3%;}
    .OurWorksList ul li .FeatureImage{ height: 320px; }
    .OurWorksList ul li .Detail .Category{ font-size: 16px; }
    .OurWorksList ul li .Detail .Title{ font-size: 24px; }
    .OurWorksList ul li .Detail .Captions{ @supports (-webkit-line-clamp: 6) { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } }

    /* FooterTailContact */
    .FooterTailContact .FooterContactBox p{ font-size: 16px; }
    .FooterTailContact .FooterContactBox .Title{ font-size: 41px;}
    .FooterTailContact .FooterContactBoxBG{ height: 260px; }
    .FooterTailContact .FooterRecruitBoxBG{ height: 260px; }

    /* MediaBox */
    .MediaList ul li .Detail .Title{ font-size: 17px; }

    /* MemberBox */
    .MemberBox .MemberTeamBox{ font-size: 19px;}
    .MemberBox .MemberTeamBox .PhotoBox .Picture{ height: 220px;}
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe{ height: 220px; }
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe .YTIframe{ padding-bottom: 50%; }

    /* OurStrengthBox */
    .OurStrengthBoxList ul li .FeatureImage{ height: 350px; }
    .OurStrengthBoxList ul li .Detail .Title{ font-size: 30px; line-height: 40px;}

    /* ProjectStoryBox */
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR{ padding: 20px 20px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span{ display: block; font-size: 17px; padding-right: 10px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span.Small{ font-size: 15px;}

    /* OurServices */
    .OurServicesBoxList{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    /*.OurServicesBoxList ul li{ min-height: 450px; }*/
    /* .OurServicesBoxList ul li a.Links{ padding: 100px 25px;min-height: 450px; }*/
    .OurServicesBoxList ul li{ padding-bottom: 40px;}
    .OurServicesBoxList ul li .Title{ font-size: 23px; min-height: 130px; line-height: 33px; }
    .OurServicesBoxList ul li .ItemList{ font-size: 14px; }
    .OurServicesBoxList ul li .ItemList p{ padding: 5px 5px; }
    .OurServicesBoxList ul li .IconArrowLinks{ margin-top: 10px;}
    .OurServicesBoxList ul li a.Links{ padding: 40px 40px 10px 40px; }

    .OurServicesBoxList3Box{ max-width: 100%; margin-left: 60px; margin-right: 60px;}

    /* VRMediatorBox */
    .VRMediatorBoxList{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .VRMediatorBoxList ul li .NameEN{ font-size: 16px;}
    .VRMediatorBoxList ul li .NameJP{ font-size: 15px;}
    .VRMediatorBoxList .slick-next{ right: -50px!important;}
    .VRMediatorBoxList .slick-prev{ left: -50px!important;}

    /* RecruitDetailPopup */
    .RecruitDetailPopup{ padding: 50px; }
    .RecruitDetailPopup .ClosePopup{ position: fixed; margin-left: 79%; margin-top: -20px; }

    /* StaffInfoBox */
    .StaffInfoBoxLR{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .StaffList{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .StaffList ul{ gap: 1%; }
    .StaffList ul li{ max-width: 24.2%;}
    .StaffList ul li .NameEN{ font-size: 16px;}
    .StaffList ul li .NameJP{ font-size: 15px;}

    /* ServicesPageList */
    .ServicesPageList{ max-width: 100%; margin-left: 60px; margin-right: 60px; }
    .ServicesPageList ul li{ min-height: 450px; }
    .ServicesPageList ul li  .LeftInfo a.Links{ padding: 25px 25px; }
    .ServicesPageList ul li .Title{ font-size: 26px; }
    .ServicesPageList ul li a.TitleH{ font-size: 22px;}
    .ServicesPageList ul li .ItemList{ font-size: 14px; }
    .ServicesPageList ul li .ItemList p{ padding: 5px 5px; }

    .ServicesPage .ServicesPageList{ max-width: 100%; margin-left: 0px; margin-right: 0px; }

    /* MessageListBox */
    .MessageListBox ul li .Picture{ max-width: 350px; }
    .MessageListBox ul li .Detail{ margin-left: 50px; }
    .MessageListBox ul li .Detail .Title{ font-size: 23px; padding-left: 70px; }
    .MessageListBox ul li .Detail .Title span{ line-height: 70px; }

    /* HeaderTitlePageH2 */
    .HeaderTitlePageH2 h2{ font-size: 35px; }
    .HeaderTitlePageH2Intro h2{ font-size: 40px!important;}

    /* ServicesPage */
    .ServicesEMList ul li{ padding: 20px; }
    .ServicesEMList ul li .Title{ font-size: 18px;}

    /* StickyNavigation */
    .StickyNav { right: 30px; }

    /*  StickyNavMenuBox */
    .StickyNavMenu .StickyNavMenuBox{ margin-left: 60px; margin-right: 60px; }
    .SBody .SBodyBox .Title{ font-size: 24px;}
    .SBody .SBodyBox{ padding-right: 30px;}
    .SBody .SBodyBox ul{ margin: 10px 0 10px 15px; }
    .SBody .SBodyBox ul li{ font-size: 15px;}

    /* HeaderTitleWWR */
    .HeaderTitleWWR h2{  font-size: 50px;  }

    /* WhoweareBox Slide */
    .kvAnimation02__content { max-width: 90%; display: block; margin: auto;  }
    .kvAnimation02__ttl { width: 100%; }
    .kvAnimation02__txtWrap { max-width: 100%; margin-top: -400px; padding: 0px 0 100px 0; /*margin-left: 60px; margin-right: 60px;*/ }

    .CookiePrivacyPolicy ul.q-a li:before { left: -10px; font-size: 52px;}

    .RecruitBox .RecruitContactBox .TitleEN{ font-size: 90px;}

    .StaffInfoBoxLeftPicture{ max-width: 40%; }
    .StaffInfoBoxRightInfo{ max-width: 60%; }
    .StaffInfoBoxRightInfo .Name{ font-size: 40px;}

    .TextMBTIBox{ right: 0; top: 18%; font-size: 6rem; }

    .SingleArticleDetails iframe{ min-height: 400px; }

    .SingleOurWorks .OurWorksDetails iframe{ min-height: 400px; }

    .StaffList ul li:nth-child(4n+1):before{ width: 500%;left: -40%; }
}

/* -------------------------------------  1200px  ------------------------------------- */
@media(max-width:1200px)
{
    /* OurStrengthBox */
    .OurStrengthBoxList ul li .IconReadMore{ display: block; }
    .OurStrengthBoxList ul li .ViewMoreBTNBlue{ min-height: 73px; margin-top: 15px; }

  
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
   .AllPageWidth.forSingle{ max-width:auto; width: auto; margin: 0 40px;}
    /* Navigation & MobileMenu */
    .MobileMenu{ display: flex!important; }
    .MobileMenu .LogoMB a{ position: absolute; /*width: 100%;*/ text-align: left; left: 15px; top: 15px; }
    .MobileMenu .LogoMB img{ max-width: 130px; position: relative; z-index: 1; }
    /*.HeaderMenu.fixed .HeaderMenuBox .SPNav{ height: 100%!important; margin-top: 0px!important; opacity: 1!important; transition: all .3s;}*/
    .HeaderMenu.fixedBox .SPNav{  transition: all .3s; height: 100%!important;  margin-top: 0px!important; opacity: 1;}
    .HeaderMenu{ height: 60px;}
    .HeaderMenuBox{ /*display: none;*/ backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; width: 100%; max-width: 100%!important; height: 100vh; margin: 0; transition: all .3s; transition: all .3s; }
    .HeaderMenuBox .NavigationTP ul li a:after { bottom: -1px; }
    .HeaderMenuBox .Logo{ display: none; }
    /*.HeaderMenuBox .LangTP{ display: none; }
    .NavigationTP{ display: none;}*/
    .StickyNavPage .Hamburger{  border: 1px solid #fff; }
    .StickyNavPage .line { stroke:#fff; }

    .PageMenu{  background: #262626!important; }
    .PageMenu.fixed{  background: #262626!important; }
    .PageMenu.off-canvas{ background-color: rgba(0, 0, 0, 0.6)!important; }

    .SPNav{ display: block; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; width: 100%; height: 0; margin: auto; opacity: 0; margin-top: -300%!important; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: center; transition: all .3s; }
    .HeaderMenuBox .SPNav{ display: block;  transition: all .3s; /*opacity: 1;*/}
    .fixedBox .MobileMenu{ background: rgba(0, 0, 0, 0.6)!important; backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; transition: all .3s; }
    .activeMenu .NavigationTP{ display: block; max-width: 90%; margin: auto; margin-top: 10px; margin-bottom: 10px; }
    .activeMenu .NavigationTP ul{ height: auto; display: block; }
    .activeMenu .NavigationTP ul li{ font-size: 17px; font-weight: 500; border-bottom: 0px solid #2e2a26; }
    .activeMenu .NavigationTP ul li a{ color: #fff; display: block; text-align: left; padding: 10px 0!important; }
    .activeMenu .NavigationTP ul li a:hover{ color: #fff;}
    .HeaderMenuBox .NavigationTP ul{ display: block;/* max-width: 90%;*/ margin: auto;}
    .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ width: 100%; padding: 0px!important; background-color: transparent!important; }
    .HeaderMenuBox .NavigationTP ul li:after{ bottom: 0; display: none;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu{ width: auto;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul{ margin-left: 15px;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul li{ background-color: transparent!important; backdrop-filter: none!important; border-bottom: 0px solid rgba(0, 0, 0, 0)!important; }
    .activeMenu .NavigationTP ul li a.currentmenu:after { bottom: -1px;}
    .HeaderMenuBox .NavigationTP ul li.current_page_item a:after { bottom: -1px;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul li:after { display: none; }
    .activeMenu .LangTP{ display: block; width: 90%; text-align: center!important; margin: auto;}
    .activeMenu .LangTP ul{ justify-content: center!important;}
    .activeMenu .LangTP ul li{ border-bottom: 0px solid #2e2a26;}
    .activeMenu .LangTP ul li a{ padding: 0!important;}
    .activeMenu .LangTP ul li:last-child{ border-bottom: 0; margin-top: 0px; }
    .NavigationTP ul{ display: block;}
    .NavigationTP ul li .SubMenu{  position: relative!important; height: auto!important; opacity: 1!important; top: 0!important; }
    .NavigationTP ul li .SubMenu ul{ display: block!important; /*padding: 0 0 0 10px!important;*/ }
    .NavigationTP ul li .SubMenu ul li a{ color: #fff!important;}
    .NavigationTP ul li:hover .SubMenu{ display: block!important; position: relative; width: auto; left: 0; top: 0; height: auto; padding: 0px 0px 0px 0px; z-index: -1;}
    .NavigationTP ul li .SubMenu{ display: block; }
    .NavigationTP ul li .SubMenu ul{ display: block; height: auto; padding: 5px 10px; }
    .NavigationTP ul li .SubMenu ul li{ margin: 0; padding: 0; clear: both; padding: 0;background-color: rgba(0, 0, 0, 0)!important; backdrop-filter: blur(0px)!important; -webkit-backdrop-filter: blur(0px)!important; border-bottom: 0px solid rgba(0, 0, 0, 0)!important; }
    .NavigationTP ul li .SubMenu ul li a{ color: #fff; padding: 2px 0!important; }
    .NavigationTP ul li .SubMenu ul li:last-child { padding-bottom: 10px; }
    .NavigationTP ul li .SubMenu ul li a:hover{ color: #ccc; }
    .NavTPColor ul li a{  color: #adc009!important; }
    .NavTPColor ul li a:hover{  color: #fff!important; }
    .NSCLBox{ display: block; }
    .SCLBox{ display: block; width: 100%; max-width: 90%; margin: auto; }
    /* End Navigation & MobileMenu */

    /* StickyNavigation */
    .StickyNav { right: 10px; }
    .Hamburger{ width: 45px; height: 45px; margin-top: 8px!important; }
    .ham { width: 50px;}

    .LangTop{ margin: 0 0 0 10px; }
    .ContactBTN{ width: 180px; max-width: 90%; margin: auto; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
    .ContactBTN a{ padding: 10px 30px; border-radius: 0px; border: 0px solid #fff; }
    .ContactBTN img{ display: inline-block; width: auto; max-width: 24px; margin-right: 10px; vertical-align: middle;}
    .button--mimas span { position: relative; mix-blend-mode: difference; }
    .button--mimas::before { content: ''; background: #fff; }

    /* footer */
    footer .FooterBox{ display: block; }
    footer .FooterBox .FooterContact{ max-width: 100%; }
    footer .FooterBox .FooterLinks .FooterLinksBox{ width: 100%; margin-left: 0px; margin-top: 50px;}
    footer .FooterBox .FooterLinks .FooterLinksBox ul{ margin-left: 20px;}

    /* AllPageWidth */
    .AllPageBox{ max-width: 90%; margin: auto; margin-top: 50px; }
    .AllPageWidth{ max-width: 90%; margin: 0 auto; }
    .AllPageWide{ max-width: 90%; margin: auto; }

    /* HeaderTitle */
    .HeaderTitle .TitleEN{ font-size: 110px;}
    /*.HeaderTitle h2{ font-size: 35px; margin-top: -85px; }*/
    .HeaderTitle .Captions{ font-size: 16px; }
    .HeaderTitleBox{ display: block; }
    .HeaderTitle h2{ margin-left: 0;}
    .HeaderTitle .Captions{ margin-top: 15px;}
    .HeaderTitle .TitleENSVG{text-align: left; margin-bottom: 20px; }
    .HeaderTitle .TitleENSVG img{ width: auto; max-width: 100%; max-height: 80px; }

    /* HeaderTitlePage */
    .HeaderTitlePage .TitleEN{ font-size: 110px;}
    .HeaderTitlePage h2{ font-size: 35px; margin-top: -85px; }
    .HeaderTitlePage .Captions{ font-size: 15px; }

    /* HeaderTitlePageStyle3 */
    .HeaderTitlePageStyle3 .TitleEN{ font-size: 110px;}
    .HeaderTitlePageStyle3 h2{ font-size: 35px; margin-top: -85px; }
    .HeaderTitlePageStyle3 .Captions{ font-size: 15px; }

    /* HeaderTitlePageS */
    .HeaderTitlePageS h2{ font-size: 110px;}
    /*.HeaderTitlePageS .TitleEN{ font-size: 35px; margin-top: -85px; }
    .HeaderTitlePageS .Captions{ font-size: 15px; }*/

    /* HeaderTitleWWR */
    .HeaderTitleWWR h2{  font-size: 40px;  }
    
    /* OurWorksList */
    .OurWorksList ul li .Detail{ width: 50%; padding-right: 3%; padding-left: 3%; }
    .OurWorksList ul li:nth-child(odd) .Detail{ width: 50%; padding-right: 3%; padding-left: 3%;}
    .OurWorksList ul li .FeatureImage{ height: 280px; }
    .OurWorksList ul li .Detail .Category{ font-size: 14px; }
    .OurWorksList ul li .Detail .Title{ font-size: 23px; }
    .OurWorksList ul li .Detail .Captions{ font-size: 15px; line-height: 28px; @supports (-webkit-line-clamp: 5) { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } }

    /* FooterTailContact */
    .FooterTailContact .FooterContactBox p{ font-size: 15px; }
    .FooterTailContact .FooterContactBox .Title{ font-size: 32px;}
    .FooterTailContact .FooterContactBoxBG{ height: 240px; padding: 0 20px;  }
    .FooterTailContact .FooterRecruitBoxBG{ height: 240px; padding: 0 20px; }

    /* NewsBox */
    .NewsBoxList ul li .FeatureImage{ width: 360px; height: 140px; }
    .NewsBoxList ul li .Detail{ padding-left: 30px; }
    .NewsBoxList ul li .Detail .Title{ font-size: 18px; }

    /* MediaBox */
    .MediaList ul li .FeatureImage{ max-width: 160px; height: 90px; }
    .MediaList ul li .Detail .Title{ font-size: 16px; }
    .MediaList ul li .Detail .Date{ font-size: 14px; }
    .MediaList ul li .Detail .Category{ font-size: 14px; }
    .MediaList ul li .Detail{ width: 100%; padding-left: 15px; }

    /* MemberBox */
    .MemberBox .MemberSectionBox{ background: url(../images/members/bg-members.png) no-repeat center center; background-size: auto 105%; }
    .MemberBox .MemberTeamBox{ font-size: 16px;}
    .MemberBox .MemberTeamBox .PhotoBox .Picture{ height: 170px;}
    .MemberBox .MemberTeamBox .PhotoBox .ReadMore{ padding: 15px 15px;}
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe{ height: 170px; }
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe .YTIframe{ padding-bottom: 56%; }
    .MemberBox .MemberTeamBox .YoutubeBox .ReadMore{ padding: 15px 15px;}

    /* OurStrengthBox */
    .OurStrengthBox .TitleEN{ font-size: 110px; line-height: 110px; }
    .OurStrengthBox .HeaderTitle h2{ margin-top: -65px; }
    /*.OurStrengthBoxList ul li a{ padding: 40px 40px 80px 40px; }*/
    .OurStrengthBoxList ul li { margin-top: -200px; padding: 40px 40px 300px 40px; }
    .OurStrengthBoxList ul li .FeatureImage{ height: 300px; }
    .OurStrengthBoxList ul li .Detail{ padding-right: 30px;}
    .OurStrengthBoxList ul li .Detail .Title{ font-size: 25px; line-height: 35px;}

    .reveal_os_slow{ transform: translateY(200px); }

    /* ProjectStoryBox */
    .ProjectStoryBox .HeaderTitle .TitleEN img{ width: auto; height: auto; max-width: 95%;  }
    .ProjectStoryBox .HeaderTitle .Captions{ font-size: 15px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .Picture{ height: 260px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span{ font-size: 15px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span.Small{ font-size: 14px;}

    /* OurServices */
    /*.OurServicesBoxList ul li{ width: 50%; min-height: 460px; }
    .OurServicesBoxList ul li a.Links{ min-height: 460px; }*/
    /* OurServices */
    .OurServicesBoxList{ max-width: 90%; margin: auto; }
    .OurServicesBoxList ul{ display: block;}
    .OurServicesBoxList ul li{ width: 100%; padding-bottom: 30px; border: 0px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
    .OurServicesBoxList ul li:first-child{ border-left: 0px solid #ccc;}
    .OurServicesBoxList ul li .Title{ font-size: 23px; min-height: 130px; }
    .OurServicesBoxList ul li .ItemList{ font-size: 14px; }
    .OurServicesBoxList ul li .ItemList p{ padding: 5px 5px; }
    .OurServicesBoxList ul li .IconArrowLinks{ margin-top: 10px;}
    .OurServicesBoxList ul li a.Links{ padding: 30px 20px 10px 20px; }

    .OurServicesBoxList3Box{ max-width: 90%; margin: auto; }
    .OurServicesBoxList3Box ul li{ width: 50%; }

    .MarginTopBreadcrumb{ margin-top: 60px;}

    /* HeaderPageBox */
    .HeaderPageBox{ height: 150px; margin-top: 50px; }
    .HeaderPageBox h1{ font-size: 32px; }
    .HeaderPageBoxRecruit{ background-position-x: 40%; }

    /* ContentNormalBox */
    .MessageBox{ line-height: 28px; font-size: 15px;}

    /* CoreValueBox */
    .CoreValueBoxDetail{ max-width: 90%; }
    .CoreValueList ul{ gap: 20px; }
    .CoreValueList ul li p{ font-size: 17px; }

    /* HRHandbookBox */
    .HRHandbookPicture{ max-width: 90%; }
    .HRHandbookDownload{ max-width: 90%; }

    /* RecruitmenBox */
    .RecruitBox .RecruitContactBox .TitleEN{ font-size: 54px;}
    .RecruitmenBoxList{ max-width: 90%; }
    /* RecruitDetailPopup */
    .RecruitDetailPopup{ padding: 50px; }
    .RecruitDetailPopup .ClosePopup{ margin-left: 75%; margin-top: -20px; }

    /* StaffInfoBox */
    .StaffInfoBoxLR{ max-width: 90%; margin: auto; }
    .StaffInfoBoxLeftPicture{ height: 380px; }
    .StaffInfoBoxRightInfo{ font-size: 16px; padding-right: 40px;}
    .StaffInfoBoxRightInfo .Position{ font-size: 18px;}
    .StaffInfoBoxRightInfo .Name{ margin: 25px 0; font-size: 36px; line-height: 50px;}
    .SRows{ margin: 0 0 5px 0;}
    .MarginForPage{ margin-top: 50px;}
    .StaffList{ max-width: 90%; margin: auto; }
    .StaffList ul{ gap: 1%; }
    .StaffList ul li{ max-width: 32.6%;}
    /*.StaffList ul li:nth-child(3n+1):before{ width: 1000%; height: 20px; position: absolute; content: ''; left: -150%; margin-top: 200px; background: url(../images/recruit/line-recruit.svg) center; }*/
    .StaffList ul li:nth-child(4n+1):before{ display: none; }
    .StaffList ul li:nth-child(3n+1):before{ width: 345%; height: 20px; position: absolute; content: ''; left: -17%; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; }
    .StaffList ul li:nth-child(1):before{ display: block!important; width: 345%!important; height: 20px; position: absolute; content: ''; left: -17%!important; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; }
    
    /* ServicesPageList */
    .ServicesPageList{ max-width: 90%; margin: auto; }

    /* AboutPageBox */
    .AboutPageBox .MessageInfoBox{ font-size: 18px; }

    /* HeaderTitlePageH2 */
    .HeaderTitlePageH2 h2{ font-size: 32px; }
    .HeaderTitlePageH2Intro h2{ font-size: 36px!important;}

    /* MessageListBox */
    .MessageListBox ul li .Picture{ max-width: 280px; }
    .MessageListBox ul li .Detail{ margin-left: 40px; }
    .MessageListBox ul li .Detail .Title{ font-size: 18px; padding-left: 60px; }
    .MessageListBox ul li .Detail .Title span{ width: 60px; line-height: 70px; font-size: 80px; }

    /* ServicesPage */
    .ServicesPageBox{ padding: 60px 0; }
    .ServicesPageBox .HeaderTitlePageH2 h2{ font-size: 30px; }
    .ServicesPageBox .HeaderTitlePageH2 .TitleEN img{ max-width: 600px; }
    .ServicesEMList{ margin-top: 60px }
    .ServicesEMList ul li{ padding: 20px; }
    .ServicesEMList ul li .Title{ font-size: 15px;}
    .Services3Box .Services3Inner{ max-width: 90%; margin: auto; }
    .Services3Box .Services3Inner .Captions{ font-size: 26px;}

    /*  StickyNavMenuBox */
    .StickyNav { top: 0; opacity: 1;}
    .StickyNavMenu .StickyNavMenuBox{ max-width: 90%; margin: auto; }
    .Hamburger{ margin-top: 20px;}
    .fixed .line { stroke:#fff; }
    .fixed .Hamburger{ border: 1px solid #fff;}
    .FixedScrollB{ border: 1px solid #000!important; }
    .FixedScrollB .line { stroke:#000!important; }
    .FixedScrollB.HamburgerClose{ border: 1px solid red!important; }

    .FixedScrollB .hamRotate.active { transform: rotate(45deg); stroke:red!important; }
    .FixedScrollB .hamRotate180.active { transform: rotate(180deg); stroke:red!important; }
    .FixedScrollB .ham4.active .top { stroke-dashoffset: -68px;  stroke:red!important; }
    .FixedScrollB .ham4.active .bottom { stroke-dashoffset: -68px; stroke:red!important; }
    .FixedScrollB .ham4.active .middle { stroke:red!important; }

    .SHeader .SCLBox{ display: flex; justify-content: right;}
    .SHeader .ContactBTN{ margin: 0;}
    .SBody .SBodyBox{ padding-right: 20px;}
    .SBody .SBodyBox .Title{ font-size: 23px; }
    .SBody .SBodyBox ul{ margin: 10px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 14px;}

    /* WhoweareBox Slide */
    .kvAnimation02__content {  max-width: 100%; }
    .kvAnimation02__ttl {width: 90%; }
    .kvAnimation02__txtWrap { max-width: 90%; margin: auto; margin-top: -480px; }
    .kvAnimation02__txt{ font-size: 18px; }

    .H1Picture{ padding: 50px 0 50px 0; }
    .MessageBoxSection{ margin-top: 0; }
    .AboutMediator{ margin-top: 0; }

    .SingleOurWorks h1{ font-size: 30px;}
    .SingleOurWorks .CategoryShare{ font-size: 15px;}
    .ManagerList .ManagerListBox .RightList ul li{ font-size: 18px;}
    .StaffInterview .StaffInterviewListBox .LeftProfile{ width: 220px;}
    .StaffInterview .StaffInterviewListBox .LeftProfile .ProfilePicture{ width: 200px; height: 200px; }
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox{ padding: 30px 50px;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .Title span{ display: block; margin-left: 0;}
    .SuccessList ul li .FeatureImage{ height: 200px;}
    .SuccessList ul li .Detail .Title{ font-size: 15px;}

    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ height: 400px; }
    .SlideImages .rtl-slider-flex .rtl-slider-nav{ margin-top: 20px;}
    .SlideImages .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide { height: 80px; }
    .SlideImages .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide img{ max-height: 80px; }

    .OurWorksBoxItemList ul li .FeatureImage{ height: 200px; }
    .OurWorksBoxItemList ul li .Detail .Title{ font-size: 18px;}

    .SingleArticle h1{ font-size: 30px;}
    .Article .H1Picture{ padding: 50px 0 50px 0;}
    .ArticleItemList ul li .FeatureImage{ height: 200px; }
    .ArticleItemList ul li .Detail .Title{ font-size: 18px;}

    .RelatedArticleList ul li .FeatureImage{ height: 200px;}
    .RelatedArticleList ul li .Detail .Title{ font-size: 15px;}

    .ContactUsBoxStep ul li:after{ width: 48%; right: 105%;}

    .ViewMoreBoxCompany{ display: flex;  justify-content: center;flex-wrap: wrap; gap: 2%;}

    .PopupValueContent{ width: 90%; max-width: 90%; margin: auto;}

    .SingleArticleDetails img{ width: 100%;}
    .SingleArticleDetails iframe { width: 100%!important;}

    .CookiePrivacyPolicy{width: auto; max-width: auto; padding: 0 30px;}

    .TextMBTIBox { right: -7%; top: 10%; font-size: 5rem; }

    .SingleArticleDetails iframe{ min-height: 350px; }

    .SingleOurWorks .OurWorksDetails iframe{ min-height: 350px; }
}   

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }

    /* RecruitBox */
    .RecruitBox .RecruitContactBox a:before{ background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
    .RecruitBox .RecruitContactBox a{ display: block; height: auto; padding: 20px 20px 40px 20px;}
    .RecruitBox .RecruitContactBox .TitleEN{ font-size: 70px; }
    .RecruitBox .RecruitContactBox .Captions{ font-size: 16px; }
    .RecruitBox .RecruitContactBox a .IconReadMore{ margin: auto; font-size: 15px; }
    .RecruitBox .RecruitContactBox a:hover .IconReadMore{ margin-right: auto; }

    /* MemberBox */
    .MemberBox .MemberSectionBox .TitleEN{ font-size: 70px; }

    /* Whoweare */
    .WhoweareBox .HeaderTitle h2{ font-size: 33px; }

    /* OurServices */
   /* .OurServicesBoxList ul li{ width: 100%; min-height: auto; }
    .OurServicesBoxList ul li a.Links{ padding: 60px 25px; min-height: auto; }
    .OurServicesBoxList ul li .Title{ font-size: 23px; }
    .OurServicesBoxList ul li .Title span{ display: inline-block;}
    .OurServicesBoxList ul li .ItemList{ font-size: 15px; margin-top: 10px; }
    .OurServicesBoxList ul li .ItemList p{ padding: 5px 5px; }
    .OurServicesBoxList ul li .Logo{ margin: 10px 0 0 0; }
    .OurServicesBoxList ul li:last-child{ background-color: transparent; margin-top: 40px; }*/

    .OurServicesBoxList3Box ul li .Title{ font-size: 16px; }

    /* HighlightTop */
    .HighlightTopTail{ max-width: 90%; margin: auto; font-size: 18px; margin-top: 20px; }

    /* right_banner */
    .right_banner a{ width: 85px; height: 85px; font-size: 11px; }
    .right_banner img{ max-width: 35px;}

    /* RecruitmenBox */
    .RecruitmenBox .HeaderTitlePageStyle3 .TitleEN{ font-size: 79px; }
    .RecruitmenBoxList ul li a{ padding: 20px 30px 20px 20px; font-size: 15px; }

    /* StaffInfoBoxLR */
    .StaffInfoBox{ padding: 0 0 100px 0; }
    .StaffInfoBoxLR{ display: block; }
    .StaffInfoBoxLeftPicture{ width: 100%; max-width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; }
    .StaffInfoBoxRightInfo{ width: 100%; max-width: 100%; font-size: 15px; padding-right: 0px;}
    .StaffInfoBoxRightInfo .Name{ font-size: 33px; line-height: 45px; }
    .SRows{ margin: 0 0 0 0;}
    .SRows .DRowsTitle{ min-width: 130px;}

    /* ServicesPageList */
    .ServicesPageList{ max-width: 100%; }
    .ServicesPageList ul li .LeftInfo{ max-width: 100%; margin-bottom: 20px; }
    .ServicesPageList ul li{ width: 100%; min-height: auto; display: block; margin-bottom: 60px; }
    .ServicesPageList ul li .LeftInfo a.Links{ padding: 60px 25px; min-height: auto; }
    .ServicesPageList ul li a.TitleH{ padding-right: 0px; }
    .ServicesPageList ul li .Title{ font-size: 23px; }
    .ServicesPageList ul li .Title span{ display: inline-block;}
    .ServicesPageList ul li .ItemList{ font-size: 15px; margin-top: 10px; }
    .ServicesPageList ul li .ItemList p{ padding: 5px 5px; }
    .ServicesPageList ul li .Logo{ margin: 10px 0 0 0; }
    .ServicesPageList ul li .RightInfo{ padding: 0 25px; font-size: 16px;}
    .ServicesPageList .ViewMoreBTNBlack{  margin-right: auto!important; }
    .ServicesPageList .ViewMoreBTNGray{ margin-right:auto;}

    /* ContentNormalBox */
    .ContentNormalPddBox{ padding: 60px 0; }
    .ViewMoreBoxBlack2 a{ margin: 0 20px 0 20px;}

    /* ServicesPage */
    .ServicesPageBox .MessageInfoBox{ font-size: 16px; }
    .ServicesPageBox .HeaderTitlePageH2 h2{ font-size: 24px; }
    .ServicesPageBox .HeaderTitlePageH2 .TitleEN img{ max-width: 100%; }
    .ServicesEMList ul{ display: block;}
    .ServicesEMList ul li{ width: 100%; margin: 10px 0 20px 0; padding: 40px 20px 20px 20px; }
    .ServicesEMList ul li .Title{ font-size: 20px;}
    .Services3Box .Services3Inner{ font-size: 16px;}
    .Services3Box .Services3List ul{ display: block; }
    .Services3Box .Services3List ul li{ width: 100%; font-size: 16px; margin-bottom: 40px; }
    .Services3Box .Services3List ul li .Picture{ margin-bottom: 10px;}
    .Services3Box  .ViewMoreBoxBlack{ padding-top: 40px;}

    /*  StickyNavMenuBox */
    .SHeader .SCLBox{ display: flex; justify-content: right;}
    .SHeader .ContactBTN{ margin: 0;}
    .SBody .SBodyBox{ width: 50%; padding-right: 20px; margin-top: 40px; }
    .SBody .SBodyBox .Title{ font-size: 23px; }
    .SBody .SBodyBox ul{ margin: 10px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 14px; }

    /* HeaderTitleWWR */
    .HeaderTitleWWR h2{  font-size: 33px;  }
    .HeaderTitleWWR .Captions{ font-size: 18px; }

    .ContentNormalBox .HeaderTitlePageH2 h2{ font-size: 24px;}

    /* ContentNormalBox */
    .ContentNormalBox{ padding: 60px 0; }

    .HeaderMiddlePic{ width: 100%; height: auto; max-width: 100%; }
    
    /* WhyMediatorBox */
    .WhyMediatorBox .HeaderTitlePageH2 h2{ margin: 20px 0 0 0; font-size: 24px;}

    .CoreValueBox .HeaderTitlePageH2 h2{ font-size: 24px;}

    .VRMediatorBox .HeaderTitlePageH2 h2{ font-size: 24px;}

    .StaffInterview .StaffInterviewListBox{ display: block;}
    .StaffInterview .StaffInterviewListBox .LeftProfile{ width: 220px; margin: auto;}
    .StaffInterview .StaffInterviewListBox .LeftProfile .ProfilePicture{ width: 200px; height: 200px; }
    .StaffInterview .StaffInterviewListBox .RightInfo{ margin: 0; margin-top: 20px;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox{ padding: 30px 50px; width: 100%; margin: 0 auto;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .Title span{ display: block; }
    .StaffInterview .StaffInterviewListBox .RightInfo .ViewMoreBTNGray{ margin: auto;}

    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ height: 350px; }
    .SlideImages .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide { height: 80px; }
    .SlideImages .rtl-slider-flex .rtl-slider-nav .rtl-slider-slide img{ max-height: 80px; }

    .OurWorksBoxItemList ul li{ width: 48.5%; }
    .OurWorksBoxItemList ul li .Detail .Title{ font-size: 17px; }

    .ArticleItemList ul li{ width: 48.5%; }
    .ArticleItemList ul li .Detail .Title{ font-size: 17px; }

    .ServicesPage .ServicesPageList ul li .RightInfo{ padding: 0 0;}

    .TextMBTIBox { right: 4%; top: 0%; font-size: 8rem;  }
    
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{
    /* footer */
    footer .FooterBox{ padding: 50px 0 20px 0; }
    footer .FooterBox .FooterContact .Addtess{ font-size: 13px; margin-top: 30px; }
    footer .FooterBox .FooterContact .Social{ margin-top: 30px; text-align: center;}
    footer .FooterBox .FooterLinks .FooterLinksBox{ margin-top: 30px;}
    footer .FooterBox .FooterLinks .FooterLinksBox ul li{ font-size: 12px;}
    footer .FooterBox .FooterLinks .TwoColLink ul li span:nth-child(1){ width: auto; }
    footer .CopyRight{ display: flex; justify-content: space-between; font-size: 10px; }
    footer .CopyRight .PrivacyPolicyLinks{ position: relative; top: 0px;}

    /* AllPageWidth */
    .AllPageWide{ max-width: 100%; margin: auto; }

    /* HeaderTitle */
    /*.HeaderTitle .TitleEN{ font-size: 110px;}
    .HeaderTitle h2{ font-size: 35px; margin-top: -85px; }
    .HeaderTitle .Captions{ font-size: 15px; }*/
    

    /* OurWorksList */
    .OurWorksBox:before{ width: 60%; height: 60%; bottom: 0%; }
    .OurWorksBox:after{ width: 60%; height: 60%;top: 3%;  }
    .OurWorksList ul li a{ display: block; flex-wrap: nowrap; justify-content: space-between; color: #000;}
    .OurWorksList ul li .FeatureImage{ width: 100%; }
    .OurWorksList ul li .Detail{ width: 90%; margin: auto; padding-top: 10px; padding-right: 0%; padding-left: 0%; }
    .OurWorksList ul li:nth-child(odd) .Detail{ width: 90%; margin: auto; padding-top: 10px; padding-right: 0%; padding-left: 0%;}
    .OurWorksList ul li .Detail .Title{ font-size: 19px; }
    .OurWorksList ul li .Detail .Captions{ font-size: 15px; @supports (-webkit-line-clamp: 2) { overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }
    .OurWorksList ul li .Detail .ReadMore{ display: inline-block; }
    .ViewMoreBTN { padding: 15px 30px; }

    /* FooterTailContact */
    .FooterTailContact .FooterContactBox{ display: block;}
    .FooterTailContact .FooterContactBox p{ font-size: 14px; }
    .FooterTailContact .FooterContactBox .Title{ font-size: 33px;}
    .FooterTailContact .FooterContactBoxBG{ width: 100%; height: 200px; padding: 0 20px; margin-bottom: 20px; }
    .FooterTailContact .FooterRecruitBoxBG{ width: 100%; height: 200px; padding: 0 20px; }
    .FooterTailContact .FooterContactBoxWideBG{ height: 150px; padding: 0 20px; }

    /* NewsBox */
    .NewsBoxList ul li .FeatureImage{ width: 250px; height: auto; max-height: 120px; }
    .NewsBoxList ul li .Detail{ padding-left: 20px; }
    .NewsBoxList ul li .Detail .Date{ font-size: 13px; }
    .NewsBoxList ul li .Detail .Title{ font-size: 14px; }
    .NewsBoxList ul li .Detail .Category{ font-size: 12px; }

    /* MediaBox */
    .MediaBox{ background-size: 55%;}
    .MediaList ul li a{ display: block;}
    .MediaList ul li .FeatureImage{ max-width:100%; height: 150px; margin-bottom: 15px; }
    .MediaList ul li .Detail{ padding-left: 0px; }
    .MediaList ul li .Detail .Title{ font-size: 16px; }
    .MediaList ul li .Detail .Date{ font-size: 13px; }
    .MediaList ul li .Detail .Category{ font-size: 13px; }

    /* MemberBox */
    .MemberBox .MemberSectionBox h2{ margin-top: 0;}
    .MemberBox .MemberSectionBox .TitleEN{ margin-left: -5px;}
    .MemberBox .MemberSectionBox .Captions{ font-size: 16px; margin-top: 0;}
    .MemberBox .MemberSectionBox{ padding: 60px 0 40px 0; background: url(../images/members/bg-members.png) no-repeat top center; background-size: 128%; }
    .MemberBox .MemberSectionBox:before{ /*background-image: linear-gradient(to top ,rgba(229,153,140,1) 40%,rgba(156,130,166,0.8) 60%, rgba(109,148,189,0.5) 70%, rgba(94,182,205,0) 75%, rgba(94,182,205,0) 100% );*/  background: url(../images/members/bg-member-mobile.png) no-repeat bottom left; background-size: cover; }  /*background-image: linear-gradient(to right,rgba(229,153,140,1) 18%,rgba(229,153,140,1) 20%,rgba(156,130,166,0.9) 30%, rgba(109,148,189,0.8) 40%, rgba(94,182,205,0.3) 50%, rgba(94,182,205,0) 100% );*/
    .MemberBox .MemberSectionBox .IconReadMore a{ font-size: 15px;}
    .MemberBox .MemberTeamBox{ display: block; margin: 0 auto; padding-top: 40px; font-size: 15px;}
    .MemberBox .MemberTeamBox .PhotoBox{ width: 100%; margin-bottom: 20px; }
    .MemberBox .MemberTeamBox .PhotoBox .Picture{ height: 170px;}
    .MemberBox .MemberTeamBox .PhotoBox .ReadMore{ padding: 15px 15px;}
    .MemberBox .MemberTeamBox .PhotoBox .ReadMore img{ max-width: 24px;}
    .MemberBox .MemberTeamBox .YoutubeBox{ width: 100%; margin-bottom: 50px;}
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe{ height: 170px; }
    .MemberBox .MemberTeamBox .YoutubeBox .YoutubeIframe .YTIframe{ padding-bottom: 51%; }
    .MemberBox .MemberTeamBox .YoutubeBox .ReadMore{ padding: 15px 15px;}

    /* OurStrengthBox */
    .OurStrengthBox .TitleEN{ font-size: 80px; line-height: 70px; }
    .OurStrengthBox .HeaderTitle h2{ font-size: 25px; margin-top: -45px; }
    /*.OurStrengthBoxList ul li a{ padding: 30px 30px 100px 30px; display: block; border-radius: 15px 15px 0 0; }*/
    .OurStrengthBoxList ul li { margin-top: -100px; padding: 30px 30px 150px 30px; display: block; border-radius: 15px 15px 0 0; }
    .OurStrengthBoxList ul li .FeatureImage{ width: 100%; height: auto; margin-top: 20px;}
    .OurStrengthBoxList ul li .Detail{ width: 100%; padding: 0;}
    .OurStrengthBoxList ul li .Detail .Title{ font-size: 25px; line-height: 38px;}
    .OurStrengthBoxList ul li .Detail .Captions{ font-size: 15px; margin-top: 20px;}
    .OurStrengthBoxList ul li .Detail .IconReadMore{ display: none!important;}
    .OurStrengthBoxList ul li .IconReadMore{ display: block; }
    .OurStrengthBoxList ul li .ViewMoreBTN{ font-size: 15px;}
    .OurStrengthBoxList ul li .ViewMoreBTN--mimas{ margin: auto;}
    .OurStrengthBoxList ul li .ViewMoreBTNBlue{ min-height: 70px;}
    .OurStrengthBoxList ul li .ViewMoreBTNBlue--mimas{ margin: auto; margin-top: 15px;}
    .OurStrengthBoxList ul li:nth-child(1){ background: #f0f0f0 url(../images/our-strength/bg-our-strength-01.png) no-repeat left bottom; background-size: contain;  }
    .OurStrengthBoxList ul li:nth-child(2){ background: #f0f0f0 url(../images/our-strength/bg-our-strength-02.png) no-repeat left top; }
    .OurStrengthBoxList ul li:nth-child(3){ background: #f0f0f0 url(../images/our-strength/bg-our-strength-03.png) no-repeat left bottom; background-size: contain; }

    .reveal_os_slow{ transform: translateY(100px); }

    /* ProjectStoryBox */
    .ProjectStoryBox .HeaderTitle .TitleEN img{ width: auto; height: auto; max-width: 90%;  }
    .ProjectStoryBox .HeaderTitle h2{ margin-top: -110px;}
    .ProjectStoryBox .HeaderTitle .Captions{ font-size: 15px; }
    .ProjectStoryBox .ProjectStoryBoxList{ display: block; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR{ width: 100%; margin-top: 30px;}
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .Picture{ height: 260px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span{ font-size: 15px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span.Small{ font-size: 14px;}
    .HeadingPC{ display: none;}
    .HeadingSP{ display: block;}

    /* Whoweare */
    .WhoweareBox:before{ width: 60%; height: 30%; top: 5%; }
    .WhoweareBox:after{ width: 65%; height: 35%; bottom: 3%; }
    .WhoweareBox .HeaderTitle .TitleEN{ font-size: 80px; line-height: 70px; }
    .WhoweareBox .HeaderTitle h2{ font-size: 25px; margin-top: -45px; }
    .wave-hover { overflow: hidden; }
    .wave-hover p:nth-child(1){ margin-left: -100px;}
    .wave-hover p:nth-child(4){ margin-right: -100px;}
    .wave-hover p:nth-child(5){ display: none;}
    @keyframes wave {
        0% {
            transform: translateY(0em);
        }
        50% {
            transform: translateY(-3rem);
        }
        100% {
            transform: translateY(0em);
        
        }
    }

    .Picture2BoxLR{ display: block; }
    .Picture2BoxLR p{ width: 100%; }

    /* CoreValueBox */
    .CoreValueList ul{ gap: 20px; flex-wrap: wrap; }
    .CoreValueList ul li{ width: 30%; }

    /* MediatorStyleBox */
    .PictureWireBox{ margin-top: 40px; width: 100%; overflow: hidden; display: flex; flex-wrap: nowrap;  }
    .PictureWireBox p{ width: 33.33%; height: 180px; overflow: hidden; }
    .PictureWireBox p img{ display: block; width: 100%; max-width: 100%; height: 100%; max-height: 100%; object-fit: cover; transition: all .3s;}

    /* HRHandbookBox */
    .HRHandbookDownload{  display: block; font-size: 15px; }
    .DownloadLink{ min-width: auto; max-width: 100%; margin: auto; padding-left: 0px; margin-top: 30px;}

    /* RecruitmenBox */
    .RecruitmenBoxIMG{ padding-bottom: 50px; }
    .RecruitmenBoxList ul{ display:  block;}
    .RecruitmenBoxList ul li{ width: 100%; margin-bottom: -1px; }
    .RecruitmenBoxList ul li a{ padding: 20px 30px 20px 20px; font-size: 15px; }

    /* RecruitDetailPopup */
    .PopupRecruitBox{ height: 95%;}
    .RecruitDetailPopup{ padding: 30px; top: 3%; }
    .RecruitDetailPopup .ClosePopup{ margin-left: auto; right: 8%; margin-top: -20px; }
    .RecruitDetailPopup .ClosePopup img{ width: 24px; }
    .RecruitDetailPopup .Title{ margin: 0; font-size: 22px; }
    .RecruitDetailInfo{ margin-top: 30px;}
    .DRows{ margin: 0 0 40px 0; display: block; }
    .DRows .DRowsTitle{ font-weight: 600; min-width: 100%; border-left: 3px solid #262626; padding-left: 10px;}
    .DRows .DRowsDetail{ margin-left: 10px; line-height: 31px; font-size: 15px; }
    .RecruitDetailPopup .ViewMoreBoxBlack{ padding: 20px 0 0 0!important; }

    /* StaffList */
    .StaffList ul{ gap: 1%; }
    .StaffList ul li{ max-width: 49.5%;}

    .StaffList ul li:nth-child(4n+1):before{ display: none!important; }
    .StaffList ul li:nth-child(3n+1):before{ display: none!important; }
    .StaffList ul li:nth-child(1):before{ display: none!important; }
    .StaffList ul li:nth-child(odd):before{ display: block!important; width: 230%!important; height: 20px; position: absolute; content: ''; left: -13%; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; /*background: url(../images/recruit/line-recruit.svg) center;*/ }

    /* MessageListBox */
    .MessageListBox{ margin-top: 40px;}
    .MessageListBox ul li{ display: block; }
    .MessageListBox ul li .Picture{ max-width: 100%; margin-bottom: 30px; }
    .MessageListBox ul li .Detail{ max-width: 100%; margin-left: 0px; }
    .MessageListBox ul li .Detail .Title{ font-size: 20px; padding-left: 70px; }
    .MessageListBox ul li .Detail .Title span{ width: 60px; line-height: 70px; }
    .MessageListBox ul li .Detail .Title br{ display: none; }

    .ViewMoreBoxBlack2 { display: block; }
    .ViewMoreBoxBlack2 a{ margin: auto; margin-bottom: 20px;}

    .HeaderSmallPic{ max-width: 100%; }

    /*  StickyNavMenuBox */
    .StickyNavMenuFixed{overflow: scroll;}
    .StickyNavMenu .StickyNavMenuBox{ padding: 20px 0; margin: 0 30px;}
    .SHeader{ display: block; }
    .SHeader .SLogo{ text-align: center; margin-bottom: 30px;}
    .SHeader .SLogo img{ max-width: 150px; }
    .SHeader .SCLBox{ max-width: 100%; justify-content: space-between; margin: 20px 0 30px;  }
    .SHeader .ContactBTN{ margin: 0;}
    .SBody{ display: block; height: 600px; overflow-y: scroll; margin-top: 25px; }
    .SBody .SBodyBox{ width: 100%; padding-right: 20px; margin-top: 0px; margin-bottom: 40px; }
    .SBody .SBodyBox .Title{ font-size: 21px; }
    .SBody .SBodyBox ul{ margin: 5px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 14px; }
    .SBody .SBodyBox ul li a{ padding: 3px 3px 3px 33px; }
    .SBody .SBodyBox ul li::before { left: 10px; top: 10px; height: 16px; width: 16px; }

    .ViewMoreGray{ padding: 40px 0 0 0;}

    .RecruitBox .RecruitContactBox .HeaderTitle h2{ margin-top: 0px; }
    .RecruitBox .RecruitContactBox .TitleEN{ margin-left: -5px; font-size: 47px;}

    /* WhoweareBox Slide */
    .kvAnimation02__ttl {width: 90%; padding-top: 50px; }
    .kvAnimation02__txtWrap { max-width: 90%; margin: auto; margin-top: -480px; }
    .kvAnimation02__txt{ font-size: 18px; }

    .SuccessList ul{ display: block; }
    .SuccessList ul li{ width: 100%; margin-bottom: 40px;}
    .SuccessList ul li .FeatureImage{  height: auto; }
    .SuccessList ul li .Detail{ margin-top: 10px; }

    .SingleArticle .CategoryShare .CategoryList{ width: 50%; }
    .SingleArticle .CategoryShare .SNSShare{ width: 50%; text-align: right; }

    .RelatedArticleList ul{ display: block; }
    .RelatedArticleList ul li{ width: 100%; margin-bottom: 40px;}
    .RelatedArticleList ul li .FeatureImage{  height: auto; }
    .RelatedArticleList ul li .Detail{ margin-top: 10px; }

    .ManagerList .ManagerListBox{ display: block; }
    .ManagerList .ManagerListBox .LeftSubject{ margin-bottom: 10px; width: auto; }
    .ManagerList .ManagerListBox .RightList ul{ display: block; }
    .ManagerList .ManagerListBox .RightList ul li{ width: 100%; }

    .AllPageWidth.forSingle{max-width:auto; width: auto; margin: 0 20px;}

    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox{ padding: 35px;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .Title{ font-size: 20px;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .Title span{ font-size: 20px;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .StaffComment:before{ width: 30px; height: 30px; top: 0;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .StaffComment:after{ width: 30px; height: 30px; bottom: 0;}
    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .StaffComment{ padding: 20px 20px; font-size: 15px; line-height: 31px;}

    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ height: 300px; }

    .SingleOurWorks .CategoryShare .CategoryList{ width: 60%; }
    .SingleOurWorks .CategoryShare .SNSShare{ width: 40%; font-size: 14px; }
    .SingleOurWorks .CategoryShare .SNSShare img{ max-width: 28px; }

    .SingleArticle .CategoryShare .CategoryList{ width: 60%; }
    .SingleArticle .CategoryShare .SNSShare{ width: 40%; font-size: 14px; }
    .SingleArticle .CategoryShare .SNSShare img{ max-width: 28px; }

    .StaffInterview .StaffInterviewListBox{ padding: 50px 0;}
    .ManagerList .ManagerListBox{ padding: 50px 30px;}

    /* Company */
    .Company h2{font-size: 18px; }
    .Company .HeaderTitlePageH2{ padding: 65px 0;}
    .Company .CompannyList ul li a{ font-size: 15px; font-weight: 800; padding: 10px 15px; }
    .CompanyProfileList .Rows .Left{ min-width: 120px; max-width: 120px; }
    .CompanyProfileList .Rows .Right{ width: 100%;}

    .AccessLR{ display: block; }
    .AccessLR .AccessLeft{ width: 100%;  }
    .AccessLR .AccessRight{ width: 100%; margin-top: 30px; }
    .PhotoLR{ display: block; }
    .PhotoLR .PhotoL{ width: 100%;  }
    .PhotoLR .PhotoR{ width: 100%; margin-top: 20px; }

    .CookiePrivacyPolicy .HeaderTitlePageH2{ padding: 50px 0;}
    .CookiePrivacyPolicyBox{ font-size: 15px; }

    .CookiePrivacyPolicy ul.q-a{ line-height: 29px; }
    .CookiePrivacyPolicy ul.q-a li:before { left: 0px; font-size: 42px;}

    .ContactUsBoxStep ul li:after{ width: 40%; right: 104%;}

    .PopupValueContent .CoreValueList{ padding: 20px 20px; }
    .PopupValueContent .CoreValueList ul li{ width: 100%; margin-bottom: 40px;}
    .PopupValueContent .CoreValueList ul li div{ display: block;}
    .PopupValueContent .CoreValueList ul li img{ display: block; margin: auto; margin-bottom: 15px;}

    .SingleArticleDetails{ padding: 20px 0px 0 0px; }
    .SingleArticleDetails h2{ font-size: 23px;}

    .TextMBTIBox { right: 0%;  top: 0px;  font-size: 5rem;  }

    .SingleArticleDetails iframe{ min-height: 270px; max-height: 270px; }

    .SingleOurWorks .OurWorksDetails iframe{  min-height: 270px; max-height: 270px; }
}

/* -------------------------------------  600px  ------------------------------------- */
@media(max-width:600px)
{
    .ContactForm ul li{ display: block; }
    .ContactForm ul li .Left{ width: 100%; max-width: 100%; padding-right: 0;}
    .ContactForm ul li .Right{ width: 100%;}
    .ContactForm ul li:last-child{ text-align: center;}
    .ContactForm ul li .Right.RadioCheckbox label{ display: block;}
    .ContactForm ul li .Right.RadioCheckbox{ padding-left: 20px;}
}

/* -------------------------------------  480px  ------------------------------------- */
@media(max-width:480px)
{
    /* Navigation & MobileMenu */
    .activeMenu .NavigationTP ul li a{ padding: 4px 0 !important; font-size: 16px; }
    .NSCLBox{ height: 560px; overflow: scroll; }
    /* End Navigation & MobileMenu */

    /* HeaderTitle */
    .HeaderTitle .TitleEN{ font-size: 79px; line-height: 80px;}
    .HeaderTitleBox{ display: block; }
    .HeaderTitle h2{ margin-left: 0; margin-top: 10px;}
    .HeaderTitle .TitleENSVG{text-align: left; }
    .HeaderTitle .TitleENSVG img{ width: auto; max-width: 100%; max-height: 60px; }

    /* HeaderTitlePage */
    .HeaderTitlePage .TitleEN{ font-size: 79px; line-height: 80px;}
    .HeaderTitlePage h2{ font-size: 24px; margin-top: -50px; }

    /* HeaderTitlePageStyle3 */
    .HeaderTitlePageStyle3 .TitleEN{ font-size: 70px; line-height: 80px;}
    .HeaderTitlePageStyle3 h2{ font-size: 24px; margin-top: -50px; }

    /* HeaderTitlePageS */
    .HeaderTitlePageS h2{ font-size: 70px; line-height: 80px;}
    /*.HeaderTitlePageS .TitleEN{ font-size: 24px; margin-top: -50px; }*/

    /* HeaderTitleWWR */
    .HeaderTitleWWR h2{  font-size: 19px;  }
    .HeaderTitleWWR .Captions{ font-size: 16px; line-height: 33px; }

    /* NewsBox */
    .NewsBoxList ul li .FeatureImage{ width: 280px; height: auto; max-height: 100px; }
    .NewsBoxList ul li .Detail .Date{ font-size: 11px; }
    .NewsBoxList ul li .Detail .Title{ font-size: 14px; }
    .NewsBoxList ul li .Detail .Category{ font-size: 11px; }

    /* MediaBox */
    .MediaList ul li{ margin: 0 0 30px 0;}
    .MediaList ul li .FeatureImage{ height: 90px; }
    .MediaList ul li .Detail .Category{ min-width: 110px; padding: 3px 15px; }
    .MediaList ul li .Detail .Title{ font-size: 15px; }

    /* ProjectStoryBox */
    .ProjectStoryBox .HeaderTitle h2{ margin-top: -80px;}
    .ProjectStoryBox .HeaderTitle .Captions{ font-size: 15px; }
    .ProjectStoryBox .ProjectStoryBoxList{ margin-top: 0px;}
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR{ width: 100%; margin-top: 25px;}
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .Picture{ height: auto; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR{ padding: 15px;}
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span{ font-size: 15px; padding-right: 20px; }
    .ProjectStoryBox .ProjectStoryBoxList .ProjectStoryLR .ReadMoreLR span.Small{ font-size: 12px;}

    /* Whoweare */
    .WhoweareBox .HeaderTitle .TitleEN{ font-size: 80px; line-height: 70px; }
    .WhoweareBox .HeaderTitle .TitleEN span{ display: block; }
    .WhoweareBox .HeaderTitle h2{ font-size: 19px; margin-top: -40px; }
    .HeaderTitleWWR h2{ margin: 20px 0;}
    .HeaderTitleWWR{ margin-bottom: 20px;}

    /* CoreValueBox */
    .CoreValueList ul{ gap: 10%; }
    .CoreValueList ul li{ width: 40%; margin-bottom: 30px; }
    .CoreValueList ul li p{ margin: 10px 0 0 0;}

    .slick-next{ right: 10px!important;}
    .slick-prev{ left: 10px!important;}

    .RecruitmenBox .HeaderTitlePageStyle3 .TitleEN{ font-size: 60px; }

    .VRMediatorBoxList ul li{ width: 100%; max-width: 300px; padding: 100px 0 0 0;}
    .VRMediatorBoxBGFFF{ padding: 100px 0 0 0;}

    /* StaffList */
    .StaffList ul{ gap: 0; }
    .StaffList ul li{ max-width: 100%; margin: 90px 0;}
    .StaffList ul li p span{  display: inline-block;}

    /*.StaffList ul li:nth-child(4n+1):before{ display: none;}
    .StaffList ul li:nth-child(3n+1):before{ display: none;}
    .StaffList ul li:nth-child(odd):before{ display: none;}*/
    .StaffList ul li:nth-child(odd):before{ display: block!important; width: 114%!important; height: 20px; position: absolute; content: ''; left: -7%!important; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; }
    .StaffList ul li:before{ display: block!important; width: 114%!important; height: 20px; position: absolute; content: ''; left: -7%!important; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; /*background: url(../images/recruit/line-recruit.svg) center;*/ }
    .StaffList ul li:nth-child(3n+1):before{ display: block!important; width: 114%!important; height: 20px; position: absolute; content: ''; left: -7%!important; margin-top: 200px; background-image: linear-gradient(90deg, #8adfcd 0%, #7ed7e7 25%, #bfa5d4  50%, #e8afa7 75%)!important; }
    /*.StaffList ul li:nth-child(odd):before{ display: block!important; width: 230%!important; height: 20px; position: absolute; content: ''; left: -13%; margin-top: 200px; background-image: linear-gradient(90deg, #23b193 0%, #3ebad0 50%, #9573af  55%, #ef9589 75%)!important; }*/
    
    /* AboutPageBox */
    .Purpose .HeaderTitlePageH2 .TitleEN img{ max-width: 350px;}
    .Purpose .MessageInfoBox{ font-size: 16px; }

    /* HeaderTitlePageH2 */
    .HeaderTitlePageH2{ margin: 0 0 50px 0;}
    .HeaderTitlePageH2 h2{ font-size: 24px; }
    .HeaderTitlePageH2 h2 br{ display: none; }
    .HeaderTitlePageH2Intro h2{ font-size: 28px!important;}

    .Vision .HeaderTitlePageH2 .TitleEN img{ max-width: 350px;}
    .Vision .MessageInfoBox{  font-size: 16px; }

    /* Services3Box */
    .Services3Box .Services3Inner h2{ font-size: 24px; line-height: 40px; font-weight: 700; }
    .Services3Box .Services3Inner .Captions{ font-size: 20px; }

    .FooterTailContact .FooterContactBoxWideBG{ background: url(../images/recruit/contact-us-sp.png) no-repeat center; }

    .SBody{ display: block; height: auto; }

    .AboutMediator .HeaderTitlePageH2Intro h2{ margin: 60px 0; }
    .AboutMediator h1{ font-size: 35px; }

    .SingleOurWorks h1{ font-size: 25px;}
    .SingleOurWorks .FirstInfos ul li{ font-size: 14px; display: block; margin-bottom: 20px; }
    .SingleOurWorks .FirstInfos ul li p:nth-child(1){ min-width: 130px; width: 100%; font-size: 14px; margin-bottom: 5px;}
    .SingleOurWorks .FirstInfos ul li p:nth-child(2){ margin-left: 0px; width: 100%; margin-top: 0;}

    .PSLinkBox .Title{ font-size: 18px; }

    .OurWorksBoxItemList ul{ display: block;}
    .OurWorksBoxItemList ul li{ width: 100%; }
    .OurWorksBoxItemList ul li .FeatureImage{ height: auto; }
    .OurWorksBoxItemList ul li .Detail .Title{ font-size: 16px; }

    .StaffInterview .StaffInterviewListBox .RightInfo .RightInfoBox .Title{ font-size: 24px;}

    .SingleArticle h1{ font-size: 25px;}
    .ArticleItemList ul{ display: block;}
    .ArticleItemList ul li{ width: 100%; }
    .ArticleItemList ul li .FeatureImage{ height: auto; }
    .ArticleItemList ul li .Detail .Title{ font-size: 16px; overflow: auto; display: block; }

    .VRMediatorBox .SubjectGradient{ font-size: 40px;}

    .CompanyProfile{ margin-top: 80px;}
    .CompanyProfileList .Rows{ font-size: 16px; line-height: 28px;}
    .CompanyProfileList .Rows .Left{ min-width: 102px; max-width: 102px; padding-right: 10px; }
    .AccessMap .AccessLinks p{ width: 100%; font-size: 13px; font-weight: 600; }
    .AccessMap .AccessLinks img{ max-width: 18px; }
    .AccessMap .AccessLinks a{ padding: 10px 10px; }

    .CookiePrivacyPolicy h1{ font-size: 28px;}

    .ArticleItemList2Column ul li{  width: 100%!important; }

    .ContactUsBoxStep ul li:after{ width: 40%; right: 100%;}

    /*.ContactForm ul li button{ max-width: 155px; padding: 15px 15px; }*/
    .ContactForm ul li input[type=submit]{ max-width: 155px; padding: 15px 15px; }
    
    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ height: 230px; }

    .OurServicesBoxList3Box ul li{ width: 100%; }
    .OurServicesBoxList3Box ul li .Title{ padding: 15px 20px 10px 20px; }

    .ServicesPageList ul li .Picture{ height: 200px;}

    #pagination li{ font-size: 15px; margin: 0 2px;}
    #pagination .active { padding: 15px 14px; }
    #pagination span, #pagination a{ padding: 15px 14px; }
    #pagination li:first-child a, #pagination li:first-child span{ padding-left: 15px; font-size: 14px;}
    #pagination li:last-child a, #pagination li:last-child span{ padding-right: 15px; font-size: 14px;}

    .home-content .InfoBox.Med h1 .Small{ font-size: 34px!important; margin-top: 15px!important;}
    .home-content .InfoBox.Med h1 span{ margin-top: 15px!important;}
}