@charset "UTF-8";
/*
Theme Name: vc
*/

html{scroll-behavior: smooth;}
body {font-family: "Noto Sans JP", sans-serif;margin:0;scrollbar-gutter: stable; }
p{color:#1A1E46;}
.drawer{display:none;}
.pc-br{display:block;}
.sp-br{display:none;}
.ham-bx{display:none;}
.mail-icon{display:none;}
.header-container{position:fixed;height:100px;z-index:5;top:60px;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.header-ctt{width:1200px;max-width:100%;margin:auto;display:flex;flex-direction:row;justify-content: space-between;position:relative;}

.header-nav ul li ul{position:absolute;top:1.5vw;left:-7vw;background: #fff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);min-width: 300px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;display: flex;flex-direction: column;padding: 20px;border-radius: 20px;gap:20px;}
.header-nav ul li:hover ul{opacity:1;visibility:visible;transform:translateY(0)}
.header-nav>ul li ul li a{display:block;padding:12px 20px;text-decoration:none;color:#666;font-size:14px}
.header-nav>ul li ul li a:hover{background:#f5f5f5;color:#333}

.header-nav {display:flex;flex-direction:row;justify-content:flex-end;gap:clamp(15px, 3vw, 30px);align-items: center;height: 50px;}
.header-nav ul{display:flex;flex-direction:row;justify-content:flex-end;gap:clamp(15px, 3vw, 30px);padding-left:0;position:relative;}
.header-nav ul li{list-style:none;position:relative;}
.header-nav ul li a{color:#1A1E46;text-decoration:none;font-weight:bold;font-size:0.875rem;transition:0.7s;cursor:pointer;}
.header-nav ul li a:hover{opacity:0.7;}
.logo{width:70px;position:relative;left:-100px;}
.logo img{width:100%;}
.contact-btn{font-family: "Poppins", sans-serif;font-weight:bold;background:#48D1CC;border-radius:9999px;height:20px;padding:7px 30px;text-decoration:none;color:#fff;display:flex;gap:5px;align-items:center;font-size: 0.9rem;position: relative;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;right:-75px;}
.contact-btn:hover {box-shadow: none;transform: translate(5px, 5px);}
.mail-img img{width:100%;}
.mail-img{width:16px;}
.fv{width:100%;position:fixed;top:100px;}
.fv-img-sp {display:none;}
.fv-img {width:100%;height:630px;overflow: hidden;}
.fv-img img {width: 100%;height: 100%; object-fit: cover; object-position: center;}
.catch{width:100%;position: absolute;top: 0;top:10%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.catch1{color:#48D1CC;font-weight:bold;font-size:2.8rem;position:absolute;left:14vw;margin:0 0 3vw;}
.catch2{font-size:1.5rem;position:absolute;top:5vw;left:14vw;margin:0;line-height:2;}
.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:absolute;bottom:0;}
.marquee-content{display:flex;position:relative;top:15px;will-change:transform;}
.marquee-text{font-size:5rem;font-family:"Poppins", sans-serif;font-weight:600;padding-right:100px;flex-shrink:0;color:#fff;}


.under-fv{margin-top:730px;}
.about{position:relative;background:#fff;padding:100px 0;border-top-left-radius:100px;border-top-right-radius:100px;}
.logo-carousel-container{width:100%;overflow:hidden;padding:40px 0;}
.logo-carousel-content{display:flex;will-change:transform;}
.logo-item{flex-shrink:0;width:150px;height:80px;margin-right:40px;display:flex;align-items:center;justify-content:center;}
.logo-item img{max-width:100%;max-height:100%;object-fit:contain;transition:all 0.3s ease;}
.about-bx{display:flex;flex-direction:row;justify-content:space-between;width:1200px;margin:auto;}
.about-img img{width:100%;}
.about-img{width:52%;}
.about-ctt{width:48%;}
.h2-about-sp{display:none;}
.h2-about{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:0 0 50px 0;line-height: 1.3;}
.h2-about:after{content:"私たちについて";font-size:1.2rem;display:block;}
.h3-about{font-size:1.6rem;color:#1A1E46;}
.more-btn{font-family: "Poppins", sans-serif;font-weight:bold;background:#48D1CC;border-radius:9999px;height:20px;padding:12px 30px;text-decoration:none;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size: 0.9rem;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;width:120px;margin-top:50px;}
.more-btn:hover {box-shadow: none;transform: translate(5px, 5px);}
.arrow-img img{width:100%;}
.arrow-img {width:12%;}
.about-bx p{line-height:2;}

.blur{position:relative;background: rgba(255, 255, 255, 0.3);backdrop-filter: blur(50px);}
.service{position:relative;padding:100px 0;height:500vh;}
.service-sticky{position:sticky;top:-70px;height:auto;overflow:hidden;}
.h2-service{width:1200px;margin:auto;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:30px;line-height: 1.3;}
.h2-service:after{content:"弊社で解決可能なサービス";font-size:1rem;display:block;}
.bpo{display:flex;flex-direction:row;gap:50px;transition:transform 0.1s ease-out;padding:10px 0;}
.bpo-bx{background:#EDFDFD;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);border-radius:50px;padding:30px 0 30px 50px;width:1874px;}
.bpo-bx2{background:#EDFDFD;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);border-radius:50px;padding:30px 0 30px 50px;width:965px;}
.service-img{width:480px;}
.service-img img{width:100%;}
.h3-bpo{font-size:3rem;color:#D3F0F0;margin:0 0 10px 0;}
.service-bx{display:flex;flex-direction:row;}
.service-bx-bx{display:flex;flex-direction:row;}
.service-ctt{width:330px;padding:0 40px 0 30px;}
.service-ctt p{line-height: 2;}
.h4-service{margin:0 0 20px 0;font-size: 1.3rem;font-size:#1A1E46;}

.news{position:relative;padding:0 0 100px 0;}
.h2-news{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;line-height: 1.3;}
.h2-news:after{content:"最新情報";font-size:1.2rem;display:block;}
.inner{width:1200px;margin:auto;}
.news-link{display: block;background: #EDFDFD;margin: 15px 0;padding:15px 40px;border-radius: 10px;text-decoration: none;color: #1A1E46;box-shadow: 5px 5px #48D1CC;transition:0.7s;}
.news-link:hover{opacity:0.7;}
.news-ctt{display:flex;justify-content:space-between;align-items:center;}
.date{width:10%;}
.cate{width:10%;background: #fff;padding: 7px 20px;text-align: center;border-radius: 10px;}
.news-ttl{width:60%;}
.arrow-orange{width:2%;background: #fff;border-radius: 50%; padding: 15px;}
.arrow-orange img{width:100%;}
.news-bx{margin:70px 0 50px 0;}
.news .more-btn{margin:auto;}

.company{position:relative;padding:0 0 100px 0;}
.h2-company{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-company:after{content:"私たちについて";font-size:1.2rem;display:block;}
.company-bx{display:flex;flex-direction:row;}
.company-bx p{line-height: 2;}
.company-ctt{width:50%;padding-left:50px;display:flex;flex-direction:column;justify-content:space-between;}
.company-ctt p{line-height: 2;}
.company-btn{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 4px #EDFDFD;padding-bottom:30px;text-decoration:none;transition:0.7s;}
.company-btn:hover{opacity:0.7;}
.arrow-white{width:4%;background: #EDFDFD;border-radius: 50%; padding: 15px;}
.arrow-white img{width:100%;}
.ctxt{width:60%;}
.ceng{color:#000;font-size:2.5rem;font-weight:bold;color:#B0E5E3;padding-right:30px;}
.cjap{color:#000;font-weight:bold;}
.company-btn-bx{display:flex;flex-direction:column;justify-content:space-between;gap:10px;}
.company-img{width:50%;position:relative;overflow:hidden;border-radius:20px;}
.company-img-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all 0.7s ease;transform:scale(1.1);}
.company-img-item.active{opacity:1;transform:scale(1);}
.company-img-item.active.zoom{transform:scale(1.1);}
.company-img-item img{width:100%;height:100%;object-fit:cover;}
.company-txt-sp{display:none;}

.recruit{position:relative;padding:100px 0 200px 0;}
.recruit-bx{display:flex;flex-direction:row;justify-content:space-between;width:1200px;margin:auto;}
.recruit-img img{width:100%;}
.recruit-img{width:52%;}
.recruit-ctt{width:48%;}
.h2-recruit-sp{display:none;}
.h2-recruit{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:0 0 30px 0;line-height: 1.3;}
.h2-recruit:after{content:"採用情報";font-size:1.2rem;display:block;}
.recruit-bx p{line-height:2;}

.insta{padding:0 0 200px 0;}
.insta-inner{width:1000px;margin:auto;}
.sb_instagram_header{display:none;}
.insta-header{height:80px;background:#EDFDFD;display:flex;justify-content:center;align-items:center;border-top-left-radius:20px;border-top-right-radius:20px;margin-bottom:20px;}
.insta-logo{width:3%;}
.insta-logo img{width:100%;}
#sbi_load{display:none;}
.insta-footer{height:80px;background:#48D1CC;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:10px;}
.insta-ctt{display:flex;justify-content:center;align-items:center;gap:20px;text-decoration:none;}
.follow{font-size:1.4rem;font-family: "Poppins", sans-serif;font-weight:600;color:#fff;}
.insta-arrow{height:30px;width:30px;border-radius:50%;padding:10px;background:#fff;transform: rotate(-45deg);}
.insta-arrow img{width:90%;position:relative;top:3px;}

footer{position:relative;z-index:1;}
.footer-contact{background:#48D1CC;padding:100px 0;position:relative;}
.h2-contact{color:#1A1E46;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:0 0 30px 0;line-height: 1.3;}
.h2-contact:after{content:"お気軽にお問い合わせください";font-size:1.2rem;display:block;}
.footer-btn{font-weight:bold;background:#fff;border-radius:9999px;height:20px;padding:12px 30px;text-decoration:none;color:#1A1E46;display:flex;justify-content:space-between;align-items:center;font-size: 0.9rem;position: relative;transition: 0.3s ease-in-out;box-shadow: 5px 5px #1A1E46;width:180px;margin-top:50px;}
.footer-btn:hover {box-shadow: none;transform: translate(5px, 5px);}
.footer-img{position:absolute;right:0;top: -79.6px;width:1000px;}
.footer-img img{width:100%;}


.footer-area{padding:100px 0 50px 0;background:#fff;}
.footer-area-bx{display:flex;flex-direction:row;justify-content:space-between;height:350px;}
.footer-logo-bx{width:30%;position: relative;left: -90px;}
.footer-logo{width:70%;display:block;}
.footer-logo img{width:100%;}
.footer-logo-bx p{font-size:1.2rem;font-weight:bold;margin:0 0 30px 0;}
.footer-menu-bx{display:flex;flex-direction:column;justify-content:space-between;}
.footer-menu-bx p{color:#D3F0F0;font-weight:600;font-size:1.7rem;margin:0;}
.footer-menu-bx ul{padding-left:0;list-style:none;margin:0;margin-top: 20px;}
.footer-bx-bx p{margin-bottom:20px;}
.footer-bx-bx-bx {margin-top:70px;}
.footer-ctt-bx{width:20%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative;right:-60px;}
.sns-bx{display:flex;justify-content:flex-end;gap:20px;margin-bottom: 100px;margin-top: 50px;}
.sns-bx a{width:18%;transition:0.7s;}
.sns-bx a :hover{opacity:0.7;}
.sns-bx a img{width:100%;}
.cr{font-size:0.8rem;}
.privacy{width:30%;}
.privacy img{width:100%;}
.fcontact-btn{font-family: "Poppins", sans-serif;font-weight:bold;background:#48D1CC;border-radius:9999px;height:20px;padding:12px 50px;text-decoration:none;color:#fff;display:flex;gap:5px;align-items:center;font-size: 0.9rem;position: relative;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;}
.fcontact-btn:hover {box-shadow: none;transform: translate(5px, 5px);}
.mail-img img{width:100%;}
.mail-img{width:16px;}

.menu-ttl1{margin:0 0 15px 0;}
.menu-ttl2{margin-bottom:5px;}
.menu-ttl1 a{color:#48D1CC;font-size:0.9rem;font-weight:bold;text-decoration:none;transition:0.7s;}
.menu-ttl2 a{color:#48D1CC;font-size:0.7rem;font-weight:bold;text-decoration:none;transition:0.7s;}
.menu-ttl1 a:hover{opacity:0.7;}
.menu-ttl2 a:hover{opacity:0.7;}
.anone:hover{opacity:1!important;}
.dwn{margin-bottom:10px;}
.fcbx{display:none;}	
.footer-img-sp{display:none;}

.page-fv{background:#EDFDFD;border-bottom-left-radius:50px;border-bottom-right-radius:50px;height:560px;}
.page-fv-inner{width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;padding:80px 0 0 0;}
.page-fv-ctt{width:50%;}
.page-fv-img{width:50%;position: relative; top: 5vw;}
.page-fv-img img{width:100%;}

.fv-sub{font-weight:600;font-size:1.5rem;margin:0 0 10px 0;}
.fv-txt{line-height:2;}
.bread-bx{max-width:1200px;margin:auto;margin-bottom:50px;}
.h1-under{font-size:0.9rem;font-weight:normal;margin:20px 0;color:#1A1E46;}
.breadcrumb{font-size:0.9rem;font-weight:bold;color:#1A1E46;}
.breadcrumb a{color:#48D1CC;text-decoration:none;}
.breadcrumb-separator{padding:0 10px;width:1%;display:inline-block;}
.breadcrumb-separator img{width:100%;}

.worry{width:1200px;margin:auto;padding:50px 0 150px 0;position:relative;}
.worry-bx{width:960px;margin:auto;margin-bottom:15px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px;}
.worry-ttl{font-size:1.5rem;font-weight:bold;margin:0 0 30px 0;}
.solution-ttl{font-size:1.5rem;font-weight:bold;color:#48D1CC;margin:0 0 30px 0;}
.w-bx{width:35%;text-align: center;}
.worry-ctt{padding:15px 25px;background:#EDFDFD;text-align:center;border-radius:10px;font-size: 1.2rem;line-height:1.6;margin-bottom:15px;}
.small{font-size:0.9rem;}
.a-bx{width:8%;}
.arrow1{width:100%;top: -70px;position: relative;}
.arrow1 img{width:100%;}
.arrow2{width:100%;top: -5px;position: relative;}
.arrow2 img{width:100%;}
.arrow3{width:100%;top: 60px;position: relative;}
.arrow3 img{width:100%;}
.arrow4{width:100%;top: 125px;position: relative;}
.arrow4 img{width:100%;}
.s-bx{width:50%;text-align: center;}
.solution{padding:15px 30px;background:#EDFDFD;text-align:center;border-radius:10px;line-height:1.6;font-size:1.2rem;margin-bottom:15px;}
.sorange{color:#48D1CC;}
.btm{position:relative;top:35px;}
.soil1{position:absolute;width: 10%;left: -2vw;top: 4vw;}
.soil1 img{width:100%;}
.soil2{position:absolute;width: 10%;right: -2vw;bottom:3vw;}
.soil2 img{width:100%;}
.sm{background:#EDFDFD;padding:100px 0 50px 0;border-radius:30px;position: sticky;top: 0;}
.sm2{background:#EDFDFD;padding:100px 0 50px 0;border-radius:30px;width:100%;}
.h2-sm{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-sm:after{content:"依頼できるサービス一覧";font-size:1.2rem;display:block;}
.sm-bx{display:flex;flex-direction:row;justify-content:space-between;width:1200px;margin:auto;margin-top:50px;margin-bottom:50px;}
.sm-img{width:52%;}
.sm-img img{width:100%;}
.sm-ctt{width:45%;}
.h3-sm{margin:0 0 30px 0;font-size:2rem;}
.h3-sm-sp{display:none;}	
.sm-ctt p{line-height:2;}
.sm-ctt-bx{background:#fff;border-radius:10px;padding:20px;}
.h4-sm{color:#D3F0F0;margin:0 0 10px 0;font-size:1.2rem;}
.sm-ctt-bx2{display:flex;flex-direction:row;justify-content:flex-start;gap:30px;font-weight:bold;line-height:2;margin-top: 20px;}
.pc{padding:200px 0 100px 0;}
.h2-pc{text-align:center;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-pc:after{content:"実績・事例";font-size:1.2rem;display:block;}
.pc-bx{display:flex;flex-direction:row;justify-content:space-between;width:1200px;margin:auto;margin-top:70px;gap:20px;}
.pc-ctt{width:30%;background:#EDFDFD;padding:0 30px 30px 30px;border-radius:30px;opacity: 0;transform: translateY(50px);transition: all 0.6s ease;}
.pc-img{width:100%;}
.pc-img img{width:100%;}
.case1{color:#48D1CC;font-size:1.4rem;font-family: "Poppins", sans-serif;font-weight:600;top:-18px;margin:0;position:relative;}
.case2{margin:0;font-size:1rem;line-height:2;}
.h3-case{color:#48D1CC;font-size:1.2rem;font-weight:600;margin:20px 0;}
.case3{line-height:2;}
.pc-ctt:nth-child(1) { transition-delay: 0s;}
.pc-ctt:nth-child(2) { transition-delay: 0.2s;}
.pc-ctt:nth-child(3) { transition-delay: 0.4s;}
.pc-ctt.animate {opacity: 1;transform: translateY(0);}

.flow{width:960px;margin:auto;padding:150px 0 50px 0;}
.flow-bx{display:flex;align-items:flex-start;gap:100px;}
.h2-flow{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-flow:after{content:"ご利用の流れ";font-size:1.2rem;display:block;}
.timeline{position:relative;flex:1;top:30px;}
.timeline::before{content:'';position:absolute;left:8px;top:-30px;bottom:0;width:4px;background:#D3F0F0;height: 0; transition: height 1s ease-in-out;}
.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:60px;}
.timeline-item:last-child{margin-bottom:0;}
.circle-number{display:flex;align-items:center;gap:15px;flex-shrink:0;margin-right:20px;}
.timeline-circle{width:20px;height:20px;background:#48D1CC;border-radius:50%;}
.step-number{color:#48D1CC;font-size:1.6rem;font-family:"Poppins",sans-serif;font-weight:600;}
.step-content{flex:1;}
.step-title{color:#48D1CC;font-size:1.2rem;font-weight:600;margin:5px 0;}
.step-description{line-height:1.8;margin:0;font-size:1rem;}
.timeline.animate::before { height: 100%;}
.timeline-item {opacity: 0;transform: translateX(-30px);transition: all 0.2s ease;}
.timeline-item:nth-child(1) { transition-delay: 0.1s; }
.timeline-item:nth-child(2) { transition-delay: 0.2s; }
.timeline-item:nth-child(3) { transition-delay: 0.3s; }
.timeline-item:nth-child(4) { transition-delay: 0.4s; }
.timeline-item:nth-child(5) { transition-delay: 0.5s; }
.timeline-item:nth-child(6) { transition-delay: 0.6s; }
.timeline-item.show {opacity: 1;transform: translateX(0);}
.timeline-circle {transform: scale(0);transition: transform 0.4s ease;}
.timeline-item.show .timeline-circle {transform: scale(1);}
.faq{width:960px;margin:auto;padding:150px 0 200px 0;}
.h2-faq{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-faq:after{content:"よくある質問";font-size:1.2rem;display:block;}
.accordion {margin:auto;border-bottom: 4px solid #D3F0F0;padding-bottom: 20px;}
.question {display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0; cursor: pointer; }
.qtxt{font-weight:600;font-size:1rem;width:90%;}
.q{width:4%;padding: 0 5px 5px 5px;;color:#D3F0F0;font-size:1.6rem;font-family: "Poppins", sans-serif;font-weight:600;}
.a{width:4.5%;padding: 0 5px 5px 5px;color:#D3F0F0;font-size:1.6rem;font-family: "Poppins", sans-serif;font-weight:600;}
.atxt{width:96%;}
.accordion .toggle-icon {  position: relative; width: 30px; height: 30px; border-radius: 50%; display: inline-block; padding: 5px; line-height: 30px; text-align: center; background: #EDFDFD;}
.accordion .toggle-icon::before, .accordion .toggle-icon::after {  content: ''; position: absolute; width: 12px; height: 3px; background: #48D1CC; top: 50%; left: 37%; transform: translate(-50%, -50%); transition: transform 0.2s ease;}
.accordion .toggle-icon::before { transform: rotate(90deg); }
.accordion .toggle-icon::after { transform: rotate(0deg); }
.accordion input[type="checkbox"] { display: none; }
.accordion input[type="checkbox"]:checked + .question .toggle-icon::before { transform: rotate(0deg); }
.accordion input[type="checkbox"]:checked + .question .toggle-icon::after { transform: rotate(90deg) scale(0); }
.accordion .answer {  max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.4s ease, padding 0.4s; position: relative; display: flex; flex-direction: row;}
.accordion input[type="checkbox"]:checked ~ .answer { max-height: 100px; padding: 15px 0 0 0; }

.fv-ttl2::after{content:"ビルメンテナンスサービス";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl2{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;}
.h5-sm {color: #48D1CC; margin: 30px 0 10px 0; font-size: 1.4rem;font-weight:bold;}
.sm-ctt p{margin:0 0 10px 0;}
.sm-border{border-bottom:solid 4px #D3F0F0;padding:20px 0;}
body.scroll-locked { overflow-y: hidden;padding-right: var(--scrollbar-width, 0px);}
#scrollBox {height: 430px; overflow: hidden;position: relative;}
.sm-ctt-inner { position: absolute;top: 0;left: 0;width: 100%;transition: transform 0.1s ease;}
.fv-bm{top: 3vw;left: 3vw;}
.fv-bm img {width: 80%;}
.sm-sticky-wrapper {position: relative;height: 300vh;width:100%;}
.sm-ctt-inner {position: absolute;top: 0; left: 0;width: 100%;}


.saf{padding:200px 0 0 0;}
.h2-saf{color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-saf:after{content:"対象エリア&施設";font-size:1.2rem;display:block;}
.saf-bx{display:flex;flex-direction:row;justify-content:flex-start;gap:30px;width:1200px;margin:auto;margin-top: 50px;align-items:center;}
.saf-img{width:48%;}
.saf-img img{width:100%;}
.saf-ctt{width:40%;}
.saf-ctt-bx{background:#EDFDFD;border-radius:10px;padding:15px 20px;margin-top:10px;}
.h4-saf{color:#707070;margin:0 0 10px 0;font-size:1.2rem;}
.saf-ctt-bx2{display:flex;flex-direction:row;justify-content:flex-start;gap:30px;font-weight:bold;line-height:2;margin-top: 20px;}
.h3-saf{color:#48D1CC;font-size:1.2rem;font-weight:600;margin:20px 0 0 0;}
.safexa{display:flex;gap:10px;font-weight:bold;}
.pc2{padding:200px 0 50px 0;width:1200px;margin:auto;}
.pc-bx2{margin-top:70px;background:#EDFDFD;padding:0 30px 30px 30px;border-radius:30px;}
.pc-ctt2{display:flex;flex-direction:row;justify-content:space-between;}
.pc-txt2{width:52%;}
.pc-img2{width:46%;}
.pc-img2 img{width:100%;}
.pc-bx2 .h3-case{margin:-10px 0 25px 0;}
.pc-bx2 .case3{line-height:1.8;}
.case4{font-weight:bold;}

.di-fv-ctt{width:70%;}
.fv-di{top: 3vw;}
.sm-di{padding:100px 0 50px 0;width:1200px;margin:auto;}
.sm-center{text-align:center;margin-bottom:50px;}
.h3-ds{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin:30px 0 50px 0;}
.h3-ds:before{content:"DIGITAL SERVICE";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.meo-bx{background:#FDECE2;border-radius:0 20px 20px 20px;padding:70px 0 120px 0;margin-bottom:70px;}
.h4-di{font-size:1.8rem;color:#48D1CC;text-align:center;margin:30px 0 0 0;}
.di-p{text-align:center;font-weight:bold;font-size:1.2rem;}
.di-bx{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:960px;margin:auto;margin-top:50px;}
.di-ctt{width:50%;}
.di-img{width:45%;}
.di-img img{width:100%;}
.di-ctt p{line-height:1.8;margin:0;}
.h5-di{background:#fff;border-radius:20px;padding:5px;width:240px;display:flex;gap:5px;font-size:1.4rem;color:#48D1CC;justify-content:center;margin:0 0 10px 0;}
.check-img{width:10%;}
.check-img img{width:100%;}
.feature-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:960px;margin:auto;margin-top:70px;margin-bottom: 30px;}
.feature-ctt{width:28%;background:#fff;border-radius:20px;padding:10px 20px;}
.feature-img{width:30%;}
.feature-img img{width:100%;height: 80px;object-fit: contain;}
.fibx{display: flex;justify-content: center;align-items:center;height:100px;top: 10px;position: relative;}
.feature1{color:#48D1CC;font-size:1.5rem;font-family: "Poppins", sans-serif;font-weight:bold;margin:0;text-align: center;position: relative;margin-top:-30px;}
.feature2{color:#48D1CC;font-size:1.2rem;font-weight:bold;text-align:center;margin:20px 0 0 0;}
.feature-btn-bx{display:flex;flex-direction:row;justify-content:space-between;width:55%;margin:auto;}
.fv-ttl3::after{content:"デジタル&インフラサービス";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl3{color:#fff;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;}
.feature-btn1{background:#48D1CC;border-radius:9999px;height:20px;padding:12px 30px;text-decoration:none;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size: 0.9rem;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;width:250px;margin-top:50px;}
.feature-btn1:hover {box-shadow: none;transform: translate(5px, 5px);}
.feature-btn2{background:#fff;border-radius:9999px;height:20px;padding:12px 30px;text-decoration:none;color:#48D1CC;display:flex;justify-content:space-between;align-items:center;font-size: 0.9rem;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;width:250px;margin-top:50px;}
.feature-btn2:hover {box-shadow: none;transform: translate(5px, 5px);}
.farrow-img img{width:100%;}
.farrow-img {width:10%;}

.web-bx{background:#FDECE2;border-radius:0 20px 20px 20px;padding:70px 0 120px 0;margin-bottom:70px;}
.h5-di2{font-size:1.6rem;color:#48D1CC;margin:30px 0 0 0;display: inline-block;position:relative;}
.h5-di2:before{content:"";position: absolute;bottom: -12px;display: inline-block;width: 120px;height: 3px;left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);background-color:#fff; }
.h5-bx{text-align:center;}
.feature-bx2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:960px;margin:auto;gap:40px;margin-top:70px;margin-bottom: 30px;}
.feature-ctt2{width:42%;background:#fff;border-radius:20px;padding:10px 20px;}
.feature-img2{width:20%;}
.feature-img2 img{width:100%;height: 80px;object-fit: contain;}
.web-p{text-align:center;font-weight:bold;line-height:2;margin: 70px 0 0 0;}
.tab-bx{display:flex;gap:5px;}
.tab-bx{display:flex;}
.meo-tab{color:#fff;background:#48D1CC;border-radius:20px 20px 0 0;font-size:1.2rem;padding:15px 0;width:250px;font-weight:bold;text-align:center;cursor:pointer;transition:background 0.3s;}
.web-tab{color:#fff;background:#C3C3C3;border-radius:20px 20px 0 0;font-size:1.2rem;padding:15px 0;width:250px;font-weight:bold;text-align:center;cursor:pointer;transition:background 0.3s;}
.meo-tab.active{background:#48D1CC;}
.web-tab.active{background:#48D1CC;}
.meo-tab:not(.active){background:#C3C3C3;}
.web-tab:not(.active){background:#C3C3C3;}
#meo-content {display: block;}
#web-content {display: none;}

.pc3{width:1200px;margin:auto;padding:50px 0;}
.h4-pc3{text-align:center;color:#48D1CC;font-family: "Poppins", sans-serif;font-size:1.2rem;position:relative;margin:0;font-weight:600;}
.h4-pc3::after{content:"実績・事例";display:block;font-size:2.1rem;}
.pc3-bx{display:flex;flex-direction:row;justify-content:space-between;margin-top:50px;gap:30px;margin-bottom: 200px;}
.pc3-ctt{width:30%;padding:0 15px;}
.pc3-img-bx{display:flex;justify-content:center;margin:30px 0;}
.pc3-img{width:40%;}
.pc3-img img{width:100%;}

.pcase1{color:#48D1CC;font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:600;margin:0;text-align: center;position: relative;}
.pcase2{font-size:1.2rem;font-weight:600;text-align:center;margin:0;}
.pcase3{font-size:1.2rem;font-weight:600;text-align:center;margin:0;display: inline-block;position: relative;}
.pcase3:before{content:"";position: absolute;bottom: -12px;display: inline-block;width: 100px;height: 2px;left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);background-color:#48D1CC; }
.pcase4{padding:20px;}
#infra-content {display: block;}
#energy-content {display: none;}
.infra-tab{color:#fff;background:#48D1CC;border-radius:20px 20px 0 0;font-size:1.2rem;padding:15px 0;width:250px;font-weight:bold;text-align:center;cursor:pointer;transition:background 0.3s;}
.energy-tab{color:#fff;background:#C3C3C3;border-radius:20px 20px 0 0;font-size:1.2rem;padding:15px 0;width:250px;font-weight:bold;text-align:center;cursor:pointer;transition:background 0.3s;}
.infra-tab.active{background:#48D1CC;}
.energy-tab.active{background:#48D1CC;}
.infra-tab:not(.active){background:#C3C3C3;}
.energy-tab:not(.active){background:#C3C3C3;}
.infra-bx{background:#FDECE2;border-radius:0 20px 20px 20px;padding:70px 0 120px 0;margin-bottom:70px;}
.energy-bx{background:#FDECE2;border-radius:0 20px 20px 20px;padding:70px 0 120px 0;margin-bottom:70px;}
.h3-if{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin:30px 0 50px 0;}
.h3-if:before{content:"INFRASTRUCTURE SERVICE";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.feature-ctt3{width:100%;margin:auto;background:#fff;border-radius:20px;padding:10px 80px 30px 80px;margin-top:70px;}
.feature4{font-size:1.2rem;text-align:left;margin:20px 0 0 0;}

.feature5-bx{display:flex;justify-content:space-between;}
.fbx1{width:45%;}
.fbx2{width:30%;}
.fbx3{width:25%;}
.feature5 p{position: relative;padding: 0 0 0 20px;display: flex;align-items: center;margin:10px 0 0 0;}
.feature5 p::after {position: absolute;content: '';left: 0;width: 12px;height: 12px;background-color:#48D1CC;}
.btn-center{justify-content:center;}
.case-bx1{width:960px;margin:auto;display:flex;justify-content:space-between;margin-bottom:30px; margin-top: 50px;}
.case-img {width:48%;}
.case-img img{width:100%;}
.case-ctt {width:48%;}
.pcase5{color:#48D1CC;font-size:1.3rem;font-family: "Poppins", sans-serif;font-weight:bold;margin:0;position: relative;}
.pcase6{font-size:1.2rem;margin:0;}
.pcase7{line-height:2;}
.case-bx2{width:960px;margin:auto;display:flex;justify-content:space-between;margin-bottom: 200px;}
.case-bx3{display:flex;justify-content:space-between;}
.case-voice-img{width:38%;}
.case-voice-img img{width:100%;}
.case-voice-ctt{width:56%;}
.case-voice{background:#EDFDFD;border-radius:20px;padding:40px 25px 30px 25px;width:42.5%;}
.case-voice1{color:#fff;font-size:2.2rem;font-family: "Poppins", sans-serif;font-weight:bold;margin:0;}
.case-voice2{border-radius:20px;padding:5px 10px;background:#48D1CC;font-size:0.8rem;color:#fff;margin:10px 0 5px 0;text-align:center;}
.case-voice3{font-size:1.4rem;font-weight:bold;margin:0;}
.case-voice4{line-height:2;}

.other-tab{color:#fff;background:#48D1CC;border-radius:20px 20px 0 0;font-size:1.2rem;padding:15px 0;width:250px;font-weight:bold;text-align:center;}
.h3-ot{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin:30px 0 50px 0;}
.h3-ot:before{content:"OTHER SERVICES";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.ot-bx{background:#FDECE2;border-radius:0 20px 20px 20px;padding:70px 0 120px 0;margin-bottom:70px;}
.h5-di3{background:#fff;border-radius:20px;padding:5px;width:400px;display:flex;gap:5px;font-size:1.4rem;color:#48D1CC;justify-content:center;margin:0 0 10px 0;}
.check-img2{width:5%;}
.check-img2 img{width:100%;}

.fv-ttl4::after{content:"人材サービス";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl4{color:#fff;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;}
.fv-hs{width:35%;top: -0.5vw;right: 2vw;}
.h2-cs{text-align:center;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:auto;margin-bottom:100px;margin-top:0;line-height: 1.3;}
.h2-cs:after{content:"求職者の方へ";font-size:1.2rem;display:block;}
.hr-btn-bx{display:flex;gap:40px;margin:auto;width:60%;justify-content:center;}
.cs-btn{background:#FCDEC8;border-radius:50px;padding:10px 20px;position:relative;display:flex;width:200px;justify-content:space-between;align-items:center;text-decoration:none;margin:100px 0 0 0;font-size:1.2rem;}
.cs-btn span{font-weight:bold;text-decoration:none;color:#000;}
.hrarrow span {display: inline-block;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg);position:relative;top:7px;}
.hrarrow {width: 28px;height: 28px;border-radius: 50%; background-color: #48D1CC;display:flex;justify-content:center; }
#career-support{padding:100px 0 50px 0;}
.h3-rf{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin-top:30px;margin-bottom:50px;}
.h3-rf:before{content:"RECOMMENDED FOR";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.cs-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:70px;}
.cs-ctt{width:30%;}
.cs-img img{width:100%;}
.csp1{text-align:center;font-size:1.2rem;font-weight:bold;margin:30px 0 10px 0;}
.csp2{text-align:center;margin:0;}
.csp3{text-align:center;font-size:1.2rem;font-weight:bold;margin:10px 0;color:#48D1CC;}
.sm3{background:#EDFDFD;padding:100px 0 50px 0;border-radius:30px;}
.sm3 .h3-sm{margin-bottom:30px;}
.h3-sv{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin-top:30px;margin-bottom:50px;}
.h3-sv:before{content:"SERVICE";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.h3-cv{width:960px;margin:auto;border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin-top:70px;margin-bottom:70px;left: 10px;
position: relative;}
.h3-cv:before{content:"CUSTOMER VOICE";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.case-voice6{border-radius:20px;padding:5px 10px;background:#48D1CC;font-size:0.8rem;color:#fff;margin:10px 0 5px 0;width:115px;}
.case-bx4{width:960px;margin:auto;display:flex;justify-content:space-between;}
.h3-flow{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;left: 10px;position: relative;margin:0;}
.h3-flow:before{content:"FLOW";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
#career-support .flow{padding:70px 0;}

.h2-hr{text-align:center;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:auto;margin-bottom:100px;margin-top:0;line-height: 1.3;}
.h2-hr:after{content:"人事担当者の方へ";font-size:1.2rem;display:block;}
#hr-support{padding:150px 0 50px 0;}
.h3-hr{border-left:solid 13px #48D1CC;padding-left:10px;font-size:1.8rem;line-height:1.3;margin-top:30px;margin-bottom:50px;}
.h3-hr:before{content:"QUESTIONS";display:block;color:#48D1CC;font-size:1.2rem;padding-bottom: 5px;}
.h1-bx{margin:150px 0 50px 0;text-align:center}
.h1-pp{;font-weight:normal;display: inline-block;position: relative;color:#1A1E46;}
.h1-pp:before {content: "";position: absolute;bottom: -12px;display: inline-block;width: 100px;height: 2px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #48D1CC;}
.right-date{margin-right: 0;margin-left: auto;width:24%;margin-bottom:50px;font-size:1rem;}
.date-flex{display:flex;justify-content:space-between;color:#1A1E46;}
.pp-inner{width:960px;margin:auto;margin-bottom:100px;}
.pp-inner p{font-size:0.95rem;line-height: 1.8;}
.h2-pp{font-weight:normal;margin:50px 0 20px 0;color:#1A1E46;}
.page-id-3 .footer-contact{display:none;}
.pp-name{margin:70px 0;}
.pp-name p{line-height:2.5;font-size: 1rem;}
.ptop-bx{text-align:right;}
.ptop{color:#48D1CC;text-decoration:none;font-size:1rem;font-weight:bold;}
.page-fv-inner2{width:1200px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;padding:80px 0 0 0;}
.fv-ttl5::after{content:"お知らせ";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl5{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;top:8vw;}
.fv-news {width: 50%;top: 1vw;right: -3vw;}
.unews-bx{width:960px;margin:auto;display:flex;gap:15px;flex-wrap:wrap;}
.unews-ctt{width:29%;background:#EDFDFD;border-radius:20px;padding:15px;text-decoration:none;transition:0.7s;}
.unews-ctt:hover{opacity:0.7;}
.unews-img{width:100%;}
.unews-img img{width:100%;border-radius: 15px;object-fit: cover;}
.narrow span {display: inline-block;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position:relative;top: 9px;right: 2px;}
.narrow {width: 28px;height: 28px;border-radius: 50%; background-color: #48D1CC;display:flex;justify-content:center;}
.narrow-bx{display: flex;justify-content: flex-end;}
.ucate-bx{margin:auto;justify-content:center;gap:20px;display:flex;margin-top:100px;margin-bottom:70px;}
.ucate-name{border-radius:20px;padding:5px 20px;border:solid 1px #48D1CC;color:#48D1CC;text-decoration:none;}
.ucate-bx .active{color:#fff;background:#48D1CC;}
.ucate{color:#48D1CC;font-size:0.95rem;}
.udate{color:#1A1E46;;font-size:0.95rem;}
.udate::before {content: "";display: inline-block; width: 2px;height: 0.8em;background-color: #C3C3C3;margin: 0 8px;}
.unews-ttl{margin:0;color:#1A1E46;height: 80px;}
#pagination-container{margin:100px 0 200px 0;}
.page-numbers{display:flex;justify-content:center;padding-left:0;gap:30px;align-items:center;}
.page-numbers li{list-style:none;}
.pnarrow span {display: inline-block;width: 8px;height: 8px;border-top: 2px solid #48D1CC;border-right: 2px solid #48D1CC;transform: rotate(45deg);position:relative;top: 9px;right: 2px;}
.pnarrow {width: 28px;height: 28px;border-radius: 50%; background-color: #fff;display:flex;justify-content:center;border:solid 1px #48D1CC;}
.pnarrow2 span {display: inline-block;width: 8px;height: 8px;border-top: 2px solid #48D1CC;border-right: 2px solid #48D1CC;transform: rotate(-135deg);position:relative;top: 9px;right: -2px;}
.pnarrow2 {width: 28px;height: 28px;border-radius: 50%; background-color: #fff;display:flex;justify-content:center;border:solid 1px #48D1CC;}
.page-numbers .current {width: 28px;height: 28px;border-radius: 50%; background-color: #48D1CC;display:flex;justify-content:center;border:solid 1px #48D1CC;color:#fff;}
.page-numbers{color:#1A1E46;text-decoration:none;font-family: "Poppins", sans-serif;}
.page-numbers {gap: 20px;}
#pagination-container {margin: 50px 0 100px 0;}
.single-bread{margin:150px 0 100px 0;}
.single-news{width:900px;margin:auto;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}
.single-inner{width:90%;margin:auto;padding:50px 0;margin-bottom:150px;}
.single-img{width:100%;}
.single-img img{width:100%;}
.single-ttl{font-size:1.2rem;font-weight:bold;}
.single-content{border-bottom:solid 1px #C3C3C3;line-height:1.8;}
.single-nav{display:flex;flex-direction:row;justify-content:center;gap:50px;margin:70px 0 100px 0;}
.prev{display:flex;gap:20px;font-family: "Poppins", sans-serif;align-items:center;text-decoration:none;color:#1A1E46;}
.next{display:flex;gap:20px;font-family: "Poppins", sans-serif;align-items:center;text-decoration:none;color:#1A1E46;}
.totop{color:#48D1CC;font-weight:bold;text-decoration:none;}
.back-bx{display:flex;justify-content:space-between;align-items:center;}
.back-bx .more-btn{margin:0;}
.single-nav .prev.disabled, .single-nav .next.disabled {color: #C3C3C3;cursor: default;pointer-events: none;}
.single-nav .prev.disabled .pnarrow2, .single-nav .next.disabled .pnarrow { display: none;}
.fv-ttl6::after{content:"会社概要";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl6{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;top:8vw;}
.fv-comp {width: 40%;top:3vw;}

#vision{margin:100px 0;}
.vision-bx{max-width:960px;width:100%;margin:auto;}
.mission-ctt{width:auto;height:290px;padding:50px;display:flex;justify-content:space-between;background:#EDFDFD;border-radius:20px;align-items:center;margin-bottom:30px;}
.vision-ctt{width:auto;height:290px;padding:50px;display:flex;justify-content:space-between;background:#EDFDFD;border-radius:20px;align-items:center;}
.purpose-ctt{width:auto;height:290px;padding:50px;display:flex;justify-content:space-between;background:#EDFDFD;border-radius:20px;align-items:center;}

.h2-mission{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-mission:after{content:"ミッション";font-size:1rem;display:block;}
.h2-vision{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-vision:after{content:"ビジョン";font-size:1rem;display:block;}
.h2-value{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-value:after{content:"バリュー";font-size:1rem;display:block;}
.vp1{font-size:2rem;font-weight:600;margin:0;}
.vp2{margin-bottom:0;}
.v-left{width:20%;}
.v-middle{width:2px;height:100%;background:#B0E5E3;position:relative;left:10px;}
.v-right{width:65%;position:relative;}
.space{padding-left:15px;}
.v-right-img{width:20%;position:absolute;top:6vw;right:0;}
.v-right-img img{width:100%;}
.vision-ctt .v-right-img{width:23%;position:absolute;top:6vw;right:-1vw;}
.purpose-ctt .v-right-img{width:16%;position:absolute;top:-1vw;right:4vw;}
.value-bx{display:flex;justify-content:space-between;}
.value-ctt{width:23%;background:#EDFDFD;border-radius:20px;padding:20px 15px 30px 15px;position:relative;text-align:center;box-sizing: border-box;}
.value-num{position: absolute;font-family: "Poppins", sans-serif;font-size: 2.5rem;font-weight: bold;color: #48D1CC; margin: 0;top: -2vw;}
.h3-value{color:#48D1CC;font-weight:600;margin:10px 0 20px 0 ;}
.v-img-bx2{display:flex;justify-content:center;}
.v-img{width:40%;}
.v-img img{width:100%;}
.value-ctt p{height:50px;}
.v-img02{width:50%;}
.v-img03{width:50%;}
.v-img04{width:55%;}

.philosophy{margin-bottom:100px;}
.p-bx{display:flex;width:960px;margin:auto;justify-content:space-between;}
.p-left{width:30%;}
.h2-philosophy{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-philosophy:after{content:"フィロソフィー";font-size:1rem;display:block;}
.p-right{width:60%;display:flex;flex-direction:column;}
.p-ctt{display:flex;gap:30px;align-items:center;border-bottom:solid 1px #C3C3C3;padding:30px 0;}
.p-num{font-size:2.8rem;color:#48D1CC;font-weight:600;margin:0;}
.p-txt{font-size:1.3rem;margin:0;}
.h2-top{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-top:after{content:"代表メッセージ";font-size:1rem;display:block;}
.top-inner{width:960px;margin:auto;}
.t-bx{display:flex;justify-content:space-between;}
.t-img-bx{width:40%;}
.t-img {position: relative;width:100%;}
.t-img .img-overlay {position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.3s ease;}
.t-img img{width:100%;}
.t-img-bx p{text-align:center;font-size:1.2rem;}
.t-ctt{width:50%;}
.t-ctt p{line-height:1.8;margin:0 0 20px 0;}
.top{margin:200px 0 150px 0;}


#overview{margin-bottom:150px;}
.h2-ov{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-ov:after{content:"会社概要";font-size:1rem;display:block;}
.ov-inner{width:960px;margin:auto;}
.ov-inner table{width:100%;}
.ov-inner table th{border-bottom:solid 3px #48D1CC;padding:30px 0;width:25%;text-align:left;}
.ov-inner table td{border-bottom:solid 2px #D5D5D5;padding:30px 0;width:65%;}
.map{width:100%;margin:70px 0 100px 0;}
.fv-ttl7::after{content:"採用情報";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl7{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;top:8vw;}
.fv-rec {width: 40%;top: 2vw;right:0;}
.ichi{padding:30px 0 70px 0;width:960px;margin:auto;position:relative;}
.h2-ichi{color:#48D1CC;font-size:2.5rem;font-weight:600;text-align:center;margin:0;}
.ichi p{text-align:center;font-weight:600;line-height:2.5;margin-top:50px;}
.ichi .more-btn{text-align:center;width:150px;margin:auto;margin-top:50px;}
.rec1{position:absolute;width: 10%;bottom:0;left: 7vw;}
.rec1 img{width:100%;}
.rec2{position:absolute;width:15%;right: 6vw;top: 8vw;}
.rec2 img{width:100%;}
.benefits{padding:30px 0 50px 0;width:960px;margin:auto;position:relative;}
.h2-benefits{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-benefits:after{content:"働くメリット";font-size:1.2rem;display:block;}
.benefits-bx{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.benefits-ctt{width:27%;text-align:center;background:#FFF6F0;border-radius:20px;padding:30px 20px;}
.h3-benefits{color:#48D1CC;font-size:1.1rem;}
.benefits-img{width:40%;display:flex;justify-content:center;}
.benefits-img img{width:100%;}
.bbx {display: flex;justify-content: center;align-items: center;height: 100px;position: relative;}
.bsmall{width:30%;}
.bbig{width:45%;}
#office{padding:30px 0 50px 0;width:960px;margin:auto;position:relative;}
.h2-office{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-office:after{content:"オフィスのご紹介";font-size:1rem;display:block;}
.office-bx{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;}
.office-ctt{width:32%;}
.office-ctt img{width:100%;}
.h2-rg{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-rg:after{content:"募集要項";font-size:1.2rem;display:block;}
.rg{padding:30px 0 200px 0;width:960px;margin:auto;position:relative;}
.gp-img{width:41%;}
.gp-img img{width:100%;}
.gp-ctt{width:59%;background:#EDFDFD;border-top-right-radius: 25px;display:flex;justify-content:center;align-items:center;font-size:2.3rem;font-weight:bold;}
.gp{display:flex;height:180px;overflow:hidden;}
.rg table {width:95%;margin:auto;margin-top:50px;margin-bottom:50px;border-collapse:collapse;}
.rg table th{color:#48D1CC;text-align:left;border-bottom:solid 1px #C3C3C3;width:25%;vertical-align: top;padding:20px 0;}
.rg table td{text-align:left;border-bottom:solid 1px #C3C3C3;width:75%;padding:20px 0;}
.rg .more-btn{width:260px;margin:auto;margin-top:70px;margin-bottom:120px;}
.rg .arrow-img {width: 8%;}
.other{background:#EDFDFD;border-radius:20px;padding:15px 20px;display:flex;width:770px;margin:auto;position:relative;align-items:center;}
.other-img{width:10%;position:relative;left:-3vw;bottom:-1.5vw;}
.other-img img{width:100%;}
.other-txt{width:80%;}
.op1{color:#48D1CC;font-weight:bold;font-size:1.2rem;margin:0 0 10px 0;}
.op2{margin:0;}
.other-arrow img{width:100%;}
.other-arrow {width: 3%;padding: 20px;border-radius: 50%;background: #48D1CC;}	
.voice{padding:30px 0 100px 0;width:960px;margin:auto;position:relative;}
.h2-voice{color:#48D1CC;font-size:2.5rem;font-family:"Poppins",sans-serif;font-weight:600;line-height:1.3;}
.h2-voice:after{content:"社員インタビュー";font-size:1rem;display:block;}	
.v-bx1{display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;width: 960px;}
.v-img1{width:50%;}
.v-img1 img{width:100%;}
.v-ctt{width:40%;}
.v-name{font-size:1.3rem;margin:50px 0 0 0;}
.v-depart{font-size:1.3rem;margin:0 0 70px 0;}
.v-q1{font-size:1.3rem;font-weight:bold;border-bottom:solid 1px #FCDEC8;padding-bottom:5px;width: fit-content;}
.v-q1:before{content:"Question01";color:#48D1CC;font-family:"Poppins",sans-serif;font-size:0.8rem;display:block;font-weight:normal;}
.v-a1{margin:20px 0 80px 0;line-height:1.8;}
.v-a2{line-height:1.8;margin:20px 0 0 0;}
.v-q2{font-size:1.3rem;font-weight:bold;border-bottom:solid 1px #FCDEC8;padding-bottom:5px;width: fit-content;}
.v-q2:before{content:"Question02";color:#48D1CC;font-family:"Poppins",sans-serif;font-size:0.8rem;display:block;font-weight:normal;}
.v-bx2{display:flex;flex-wrap:wrap;justify-content:space-between;width: 960px;margin:auto;}
.v-img-bx{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:40%;}
.v-img2{width:100%;}
.v-img2 img{width:100%;}
.v-ctt2{width:45%;}
.v-q3{font-size:1.3rem;font-weight:bold;border-bottom:solid 1px #FCDEC8;padding-bottom:5px;width: fit-content;}
.v-q3:before{content:"Question03";color:#48D1CC;font-family:"Poppins",sans-serif;font-size:0.8rem;display:block;font-weight:normal;}
.v-a3{margin:20px 0 80px 0;line-height:1.8;}
.v-a4{margin:20px 0 80px 0;line-height:1.8;}
.v-q4{font-size:1.3rem;font-weight:bold;border-bottom:solid 1px #FCDEC8;padding-bottom:5px;width: fit-content;}
.v-q4:before{content:"Question04";color:#48D1CC;font-family:"Poppins",sans-serif;font-size:0.8rem;display:block;font-weight:normal;}
.v-a5{margin:20px 0 0 0;line-height:1.8;}
.v-q5{font-size:1.3rem;font-weight:bold;border-bottom:solid 1px #FCDEC8;padding-bottom:5px;width: fit-content;}
.v-q5:before{content:"Question05";color:#48D1CC;font-family:"Poppins",sans-serif;font-size:0.8rem;display:block;font-weight:normal;}
.rec3{width: 50%;margin-bottom: 25px;}
.rec3 img{width:100%;}
.vprev{background:#48D1CC;width: 56px;height: 56px;border:solid 1px #48D1CC;border-radius: 50%;background-color: #48D1CC;display: flex;justify-content: center;cursor: pointer;}
.vprev span {display: inline-block;width: 16px;height: 16px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-135deg);position: relative;top: 18px;left: 4px;}
.vnext{background:#48D1CC;width: 56px;height: 56px;border:solid 1px #48D1CC;border-radius: 50%;background-color: #48D1CC;display: flex;justify-content: center;cursor: pointer;}
.vnext span {display: inline-block;width: 16px;height: 16px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: relative;top: 18px;right: 4px;}
.vprev.disabled{width: 56px;height: 56px;border:solid 1px #48D1CC;border-radius: 50%;background-color: #fff;display: flex;justify-content: center;cursor: default;pointer-events: none;}
.vprev.disabled span {display: inline-block;width: 16px;height: 16px;border-top: 2px solid #48D1CC;border-right: 2px solid #48D1CC;transform: rotate(-135deg);position: relative;top: 18px;left: 4px;}
.vnext.disabled{width: 56px;height: 56px;border:solid 1px #48D1CC;border-radius: 50%;background-color: #fff;display: flex;justify-content: center;cursor: default;pointer-events: none;}
.vnext.disabled span {display: inline-block;width: 16px;height: 16px;border-top: 2px solid #48D1CC;border-right: 2px solid #48D1CC;transform: rotate(45deg);position: relative;top: 18px;right: 4px;}
.vnav{display:flex;justify-content:flex-end;gap:30px;margin-bottom:20px;}
.vnum{position:relative;font-family:"Poppins",sans-serif;font-size:2.5rem;font-weight:bold;color: #48D1CC;margin:0;top: 2vw;}
.voice-inner{width:960px;margin:auto;position:relative;}
.fv-ttl8::after{content:"お問い合わせ";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl8{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;top:8vw;}
.fv-contact{top:2vw;width:40%;}
.thanks-inner{width:960px;margin:auto;text-align: center;padding:100px 0;}
.thanksp1{font-size:1.8rem;font-weight:bold;color: #48D1CC;}
.thanks-img{margin:auto;width:25%;margin-bottom:30px;margin-top:50px;}
.thanks-img img{width:100%;}
.thanksp2{font-size:1rem;font-weight:bold;}
.thanksp3{font-size:0.9rem;}
.thanks-inner .more-btn{margin:auto;margin-top:70px;width:200px;}
.thanks-inner .arrow-img {width: 8%;}
.page-id-74 .footer-contact{display:none;}
.page-id-76 .footer-contact{display:none;}
.fv-ttl9::after{content:"資料DL";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl9{color:#fff;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;top:8vw;}
.fv-download{ top: 3vw;}
.finner{width:780px;margin:auto;margin-bottom:150px;}
.ftable{width:100%;margin-top:100px;}
.ftable th{display:block;width:100%;text-align:left;}
.ftable td{display:block;width:100%;margin-bottom:20px;}
input[type="text" i] {width:100%;border:solid 1px #C3C3C3;padding:10px;border-radius:5px;box-sizing: border-box;height:40px;}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {width:100%;border:solid 1px #C3C3C3;padding:10px;border-radius:5px;box-sizing: border-box;height:40px;}
.ftable td p{margin:0;}
.ftable th p{margin:0 0 5px 0;font-size:1rem;font-weight:normal;}
.must{background:#48D1CC;color:#fff;font-size:0.9rem;padding:2px 4px;margin-right:5px;}
textarea {width:100%;border:solid 1px #C3C3C3;border-radius:5px;box-sizing: border-box;padding:10px;}
.acceptance{text-align:center;margin-top:50px;}
.acceptance a{color:#445EEB;}
.page-id-72 .footer-contact{display:none;}
.cbtn{text-align:center;margin-top:3vw;}
.cbtn p a{text-decoration:none;}
input[type='submit'] {display: block;text-align: center;vertical-align: middle;text-decoration: none;margin: auto;padding: 1rem 4rem;font-weight:bold;background:#48D1CC;cursor:pointer;height:45px;padding:5px 30px;text-decoration:none;color:#fff;font-size: 1.2rem;transition: 0.3s ease-in-out;box-shadow: 5px 5px #707070;position:relative;width:300px;border-radius:9999px;margin-top:20px;border:none;}
input[type='submit']:hover {box-shadow: none;transform: translate(5px, 5px);}
.form-switcher {width:400px;margin: auto;border-radius:9999px;background:#EDFDFD;display:flex;justify-content: space-between;}
.form-switch-btn {color:#48D1CC;cursor: pointer;border-radius: 5px;transition: all 0.3s ease;border: none;background:#EDFDFD;border-radius:9999px;padding:15px 70px;}
.form-switch-btn.active {background:#48D1CC;color: white;border: none;}
.form-container {display: none;}
.form-container.active {display: block;animation: fadeIn 0.3s ease-in;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(-10px); }to { opacity: 1; transform: translateY(0); }}
select {background: linear-gradient(to bottom, #78b0a0, #efdab9);width:100%;border:solid 1px #C3C3C3;padding:10px;border-radius:5px;box-sizing: border-box;}
.wide{width:960px;}
.wide-btn{width:150px;padding: 15px;}
.select-wrapper {position: relative;overflow: hidden;height: 40px;width:50%;border:solid 1px #C3C3C3;border-radius: 5px;}
.wpcf7 select {width: 100%;height: 40px;cursor: pointer;appearance: none;outline: none;background: linear-gradient(to left, #5C5C5C 80px, #BEBEBE 80px, transparent 80px),linear-gradient(to bottom, #DCDCDC, #F9F9F9);border:none;}
.select-wrapper::after {content: '';position: absolute;right: 30px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 10px solid white;pointer-events: none;z-index: 1; }
.wpcf7 select option {background: white;padding: 10px;}
.wpcf7-radio .wpcf7-list-item-label {white-space: pre-line;}
.wpcf7-list-item {margin:0 0 20px 0!important;width:46%;display: block;padding-left: 25px;text-indent: -25px;vertical-align: top; }
.wpcf7-form-control.wpcf7-file { opacity: 0; position: absolute; width: 100%;height: 40px;cursor: pointer;z-index: 2;}
.tdup {position: relative;display: flex!important;border: 1px solid #C3C3C3; border-radius: 5px;overflow: hidden;width:60%!important;font-size:0.9rem;height:40px;}
.tdup::before {content: attr(data-filename); flex: 1;background: white;color: #C3C3C3;display: flex;align-items: center;padding:10px;}
.tdup:not([data-filename])::before {content: "選択してください...";}
.tdup.file-selected::before {color: #333;}
.tdup::after {content: "ファイルを選択"; background-color: #F4F4F4;border-left: 1px solid #C3C3C3;color: #626262;white-space: nowrap;display: flex;align-items: center;padding: 10px;}
.tdup:hover::after { background-color: #F4F4F4;}
.fv-ao{ width: 32%; top: 3vw;}
.fv-ttl::after{content:"広告運用サービス";font-size:2rem;color:#48D1CC;display:block;top:-3.5vw;left: 2vw;position:relative;}
.fv-ttl{color:#D3F0F0;font-family: "Poppins", sans-serif;font-size:5rem;position:relative;margin:0;font-weight:600;left: -2vw;}
.fvwide{width:60%;}
.vcsv{padding:100px 0;}
.h2-vcsv{text-align:center;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-vcsv:after{content:"VCが提供する運用支援とは？";font-size:1.2rem;display:block;}
.vcsv-bx{width:1200px;margin:auto;background:#EDFEFD;margin-top:50px;border-radius:50px;padding:50px 0;display:flex;flex-direction:column;gap:50px;}
.vcsv-ctt{width:900px;margin:auto;display:flex;justify-content:flex-start;gap:30px;align-items:center;}
.vcsvp1{font-size:1.8rem;margin:0;}
.vcsvp2{margin:10px 0 0 0;}
.vcsv-img{background:#fff;border-radius:50%;width:135px;height:135px;display: flex;align-items: center;justify-content: center;position:relative;}
.sv-img{width:40%;}
.sv-img img{width:100%;}
.svnum{color:#48D1CC;font-size:1.8rem;font-family: "Poppins", sans-serif;font-weight:bold;position:absolute;top:0;left:0;margin:0;}
.rf{padding:100px 0;}
.h2-rf{text-align:center;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:20px;margin-top:0;line-height: 1.3;}
.h2-rf:after{content:"こんな企業におすすめ";font-size:1.2rem;display:block;}
.rf-bx{width:960px;margin:auto;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;gap:50px;}
.rf-ctt{width:45%;}
.rf-img {width:100%;}
.rf-img img{width:100%;}	
	
@media (min-width: 1441px) {
.footer-contact  .inner{width: 1440px;margin: 0 auto;position: relative;}
.footer-img {top: -178.6px;}
}


/*1400px以下*/
@media screen and (max-width:1400px){
.logo{position:static;}
.contact-btn{position:static;}
.footer-logo-bx{position:static;}
.footer-ctt-bx{position:static;}
}

/*1300px以下*/
@media screen and (max-width:1300px){
.soil2 {right: 2vw;bottom: 0vw;}
.soil1 {left: 0;}
.fv-ttl {left: 0vw;}
.fv-ttl2 {left: 0vw;}	
.fv-ttl3 {left: 0vw;}
.fv-ttl4 {left: 0vw;}
.fv-ttl5 {left: 0vw;}
.fv-ttl6 {left: 0vw;}
.fv-ttl7 {left: 0vw;}
.fv-bm {left: 0vw;}
.fv-news {right:3vw;}
.fv-comp {left: 0vw;}
.footer-img {top: -31.6px;width: 75%;}
}

/*1200px以下*/
@media screen and (max-width:1200px){
.bread-bx{width:90%;margin:auto;}
.under-fv{width:1200px;}
footer{width:1200px;}
.sm {width:1200px;}
.sm2 {width: 1200px;}
.sm3 {width: 1200px;}
.page-fv {width: 1200px;}
.h2-saf{width:90%;margin:auto;}
.saf-bx{width:90%;margin:auto;}
#career-support{width: 1200px;}
#hr-support{width: 1200px;}
#vision{width:1200px;}
.single-bread{width:1200px;}
.philosophy{width:1200px;}
.top{width:1200px;}
#overview{width:1200px;}
.voice {width: 1200px;}
.benefits{width:1200px;}
#office{width:1200px;}
.rg{width:1200px;}
.ichi{width:1200px;}
.insta-inner {width: 90%;}
.wide { margin-top: 50px;}

}

/*960px以下*/
@media screen and (max-width:960px){
body {overflow-x:hidden;}
.pc-br{display:none;}
.sp-br{display:block;}
.ham-bx{display:block;background:#48D1CC;border-radius:50%;width: 60px;height: 60px;position:relative;z-index:999;}
.hamburger.is-active span:nth-child(1) { top: 50%;transform: translate(-50%, -50%) rotate(135deg);}
.hamburger.is-active span:nth-child(2) {opacity: 0;}
.hamburger.is-active span:nth-child(3) {top: 50%;transform: translate(-50%, -50%) rotate(-135deg);}
.hamburger span {position: absolute;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 2px;background-color:#fff; transition: transform .3s;}
.hamburger.is-active span {background-color:#fff;}
.hamburger span:nth-child(1) {top: 35%;}
.hamburger span:nth-child(2) { top: 50%;}
.hamburger span:nth-child(3) {top: 65%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:4; width: 100%; height: 100%;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background:#fff;}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-open .mail-icon {visibility:hidden;}
.sp-menu-bx {flex-direction: column;display: flex;width: 90%;margin: auto;margin-top: 150px;}
		
.mail-icon{display:flex;background:#D3F0F0;border-radius:50%;width: 60px;height: 60px; align-items: center;justify-content: center;left:25vw;position: relative;}
.mail-icon img{width:40%;height:40%;object-fit:contain;}
.header-nav {display:none;}
.header-ctt{width:100%;align-items: center;}
.under-fv{width:100%;margin-top: 100vh;}
.header-container{width:90%;}
.marquee-content{top:0;}
	
.about {padding:50px 0;border-top-left-radius:30px;border-top-right-radius:30px;}
.about-bx{width:90%;margin:auto;flex-direction: column-reverse;}
.h2-about{display:none;}
.h2-about-sp{width:90%;margin:auto;display:block;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin-bottom:30px;line-height: 1.3;}
.h2-about-sp:after{content:"私たちについて";font-size:1.2rem;display:block;}	
.about-ctt { width: 100%;}	
.inner{width:100%;}
.about-ctt .more-btn{margin:auto;margin-top:20px;}	
.logo-item {width: 80px;margin-right: 20px;}
.logo-carousel-container {padding: 0 0 60px 0;}	
.catch {width:100%;position:absolute; top:20%;left:5%; transform: initial;}
.catch1 {font-size: 10vw;left:0;}
.catch2 {font-size: 6vw;top: 35vw; left: 0; }
.sp-catch{position:relative;}
.marquee-text {font-size: 3rem;}
.fv {top: 0; height:var(--real-vh, 100vh);}	
.fv-img {display:none;}
.fv-img-sp {display:flex;align-items:flex-end;height: 100%;}
.fv-img-sp img{width:100%;object-fit:contain;}

.bpo{gap:20px;width:100%;flex-direction: column;}
.bpo-bx {border-radius: 30px;padding: 20px 20px 30px 20px;width:auto;}
.bpo-bx .service-bx	{gap:40px;flex-direction:column;}
.service-img {width: 100%;}	
.h2-service {width:100%;margin:auto;margin-bottom:30px;}	
.service {padding:50px 0;height: auto; width: 90%;margin: auto;height:auto;}
.service-bx-bx {flex-direction:column;}
.service-ctt {padding: 0;width:100%;}
.service-bx .more-btn{margin:auto;margin-top:20px;}	
.bpo-bx2 .service-bx{flex-direction:column;}	
.bpo-bx2 {border-radius: 30px;padding: 20px 20px 30px 20px;width:auto;}
.h3-bpo {font-size:2rem;width:100%;}
.service-sticky {top:20px;}
.h4-service {margin: 20px 0 20px 0;}
	
	
.news {padding: 0 0 50px 0;width: 90%;margin: auto;}
.news-bx {margin: 30px 0 30px 0;}	
.arrow-orange {display:none;}	
.news-ctt {flex-wrap:wrap;}
.date {width: 40%;}
.cate {width:20%;padding: 5px 10px;}	
.news-link {padding:15px  20px;margin: 10px 0;}	
.news-ttl{width:100%;margin-top: 7px;}	
	
.company{width:90%;margin:auto;padding:50px 0 50px 0;}
.company-bx {flex-direction: column;}
.company-img {width: 100%;height:600px;margin-bottom: 20px;}
.company-img-item {width: 100%;height:600px;object-fit: cover;}
.company-img-item img {width: 100%;height: 100%;object-fit: cover;}
.company-img-item.vision-img {display: block;}
.company-ctt { width: 100%;padding-left:0;}
.company-btn {width: 100%;padding: 15px 0;}
.ceng {width: 60%;padding-right:0;}
.ctxt {width: 70%;display:flex;align-items:center;}
.arrow-white {width: 3%;border-radius: 50%;padding: 12px;}
.company-txt{display:none;}
.company-txt-sp{display:block;}
.fv-rec{width:53.3%!important;top: 4vw;}
.recruit{padding: 50px 0 150px 0;width: 90%; margin: auto;}
.h2-recruit{display:none;}
.h2-recruit-sp{display:block;color:#48D1CC;font-size:4rem;font-family: "Poppins", sans-serif;font-weight:600;margin:0 0 30px 0;line-height: 1.3;}
.h2-recruit-sp:after{content:"採用情報";font-size:1.2rem;display:block;}
.recruit-ctt{width:100%;}
.about-img{width:100%;}
.recruit-bx{width:100%;flex-direction: column-reverse;}
.recruit-bx .more-btn{margin:auto;margin-top:20px;}	
.insta {padding:50px 0;}		
	
footer{width:100%;background:#fff;}	
.footer-img-sp{display:block;width: 100%;}
.footer-img-sp img{width:100%;}
.footer-contact .inner{width:90%;position: relative;top: -50px;}
.footer-contact{padding:0;}	
.footer-btn{width: 40%;}
.footer-img {display:none;}	
.footer-logo {display: none;}
.footer-area-bx {flex-direction: column;height:auto;}
.footer-area {padding: 50px 0;width:90%;margin:auto;}
.footer-logo-bx{width:100%;}
.footer-logo-bx p {font-size: 1.5rem;}	
.footer-menu-bx div{display:flex;flex-direction:row;}
.footer-menu-bx p {width:180px;margin-bottom: 20px;}	
.footer-bx-bx-bx {margin-top: 0;justify-content: center;}
.footer-menu-bx ul {padding-top:5px;margin-bottom: 15px;margin-top:0;}
.fcb1{display:flex;flex-direction:column-reverse;}
.footer-ctt-bx {position: relative;width: 100%;right: auto; align-items: center;}
.sns-bx {justify-content: center;margin-bottom: 20px;margin-top: 20px;}
.fcbx{display:block;width:100%;}	
.footer-logo-sp{display:block;width:40%;top: 50px;position:relative;}	
.footer-logo-sp img{width:100%;}		
.fcb2{display:flex;flex-direction:row-reverse;justify-content:initial;align-items: flex-end;width:100%;}
.privacy {width: 20%;}
.menu-ttl1 a {font-size: 1.3rem;}
.menu-ttl2 a {font-size: 1rem;}
.menu-ttl2 {margin-bottom: 15px;}

.page-fv-inner {width: 100%;flex-direction: column;}
.page-fv-inner {width: 90%;}
.page-fv-ctt {width: 100%;}
.page-fv-img {width: 80%;margin: auto;}
.fv-ttl::after {top: -7.5vw;}
.h1-under {margin: 20px 0 10px 0;}	
.bread-bx {width: 90%;}
.worry-bx {width: 90%;flex-direction:column;}
.worry {width: 100%;padding:100px 0 150px 0;}
footer{width:100%;}
.page-fv {width: 100%;}
	
	
.a-bx{display:none;}
.s-bx {width: 90%;}	
.w-bx {width: 90%;}	
.soil1 {left: 3vw;top:0;width: 15%;}
.soil2 {right: 3vw; bottom: 4vw;width: 15%;}
.smcolumn{flex-direction:column-reverse;}	
.h3-sm{display:none;}	
.h3-sm-sp{display:block;font-size:2rem;margin:20px 0 10px 0;}
.sm-sticky-wrapper {height: auto;}
.sm{padding: 50px 0 30px 0;width:100%;position: relative;}
.sm2{padding: 50px 0 30px 0;width:100%;}
.sm-ctt-bx2 {flex-direction:column;gap: 0;margin-top: 0;}
.sm-bx {flex-wrap: wrap;width: 90%;}
.sm-img {width: 100%;}
.sm-ctt {width: 100%;}
.h2-sm{width: 90%;margin:auto;}
.pc {padding: 100px 0 50px 0;width:90%;margin:auto;}
.h2-pc{width: 100%;font-size:3.5rem;}
.pc-bx {width: 100%;flex-direction:column;}
.pc-ctt {width: 90%;}
.timeline-item {margin-bottom: 30px;}
.flow {width: 90%;padding: 70px 0 50px 0;}
.flow-bx {gap: 30px; flex-direction: column;}
.faq {width: 90%;margin: auto;padding:70px 0 100px 0;}
.case1 {top: -16px;}

.fv-bm{width:55%;}
.h2-saf{width: 90%;}	
.saf {padding: 100px 0 0 0;}
.saf-bx {flex-direction: column;width: 90%;gap: 10px;}
.saf-img {width: 100%;}
.saf-ctt {width: 100%;}
.pc2 {padding: 100px 0 50px 0;width: 90%;margin: auto;}
.fv-ttl2::after {top: -7.5vw;}	
.pc-bx2 { width: 90%;margin-top: 30px;}
.pc-ctt2 {flex-direction: column;width: 100%;}
.pc-img2 {width: 100%;}
.pc-txt2 {width: 100%;}
.sm-ctt-inner {top: -20px;position: relative;}
#scrollBox {margin-top: 20px;height: auto;}
.sm-column {margin:0}	
.fv-bm img {width: 100%;}
.page-fv {height: auto;}

.fv-ttl3::after {top: -7.5vw; }
.fv-di {top: 7vw;width: 59.8%;}
.sm-di {padding: 50px 0;width: 90%;}
.di-bx { flex-direction: column;width: 100%;}
.feature-bx { width: 100%;margin-bottom:0;}
.case-bx1 {width: 100%;flex-wrap:wrap;}
.case-bx2 {width: 100%;flex-wrap:wrap;margin-bottom: 50px;}
.feature-bx2 {width: 100%;margin-bottom:0;}
.meo-bx {padding: 20px 20px 50px 20px;margin-bottom: 70px;}
.di-ctt {width: 100%;}
.di-img {width: 100%;}
.feature-ctt {margin-bottom: 30px;width: 100%;}
.feature-btn-bx {width: 100%;}
.web-bx {padding: 20px 20px 50px 20px;margin-bottom: 70px;}
.feature-ctt2 {width: 100%;}
.web-p {margin: 20px 0 0 0;}
.feature-btn1 {margin-top: 30px;}
.feature-btn2 {margin-top: 30px;}
.pc3-bx {flex-wrap: wrap;}
.pc3-ctt {width: 100%;padding: 0;}
.pc3-img {width: 20%;}
.pc3-bx {margin-bottom: 50px;}	
.infra-bx {padding: 20px 20px 50px 20px;margin-bottom: 70px;}
.energy-bx {padding: 20px 20px 50px 20px;margin-bottom: 70px;}
.feature-ctt3 {padding: 10px 20px 30px 20px;margin-top: 40px;}
.feature5-bx { flex-wrap: wrap;}
.fbx1 {width: 100%;}
.fbx2 {width: 100%;}
.fbx3 {width: 100%;}
.case-img {width: 100%;}
.case-ctt {width: 100%;}
.case-voice {padding: 30px 20px 20px 20px;margin-bottom: 30px;width:100%;width: auto;}	
.ot-bx {padding: 20px 20px 50px 20px;margin-bottom:0;}	
.di-ctt p {margin-bottom: 20px;}
.fv-ttl { font-size: 14vw;}
.fv-ttl::after {font-size: 5.2vw;top: -9.5vw;}
.fv-ttl2 {font-size: 14vw;}
.fv-ttl2::after {font-size: 5.2vw;top: -9.5vw;}
.fv-ttl3 { font-size: 14vw;}
.fv-ttl3::after {font-size: 5.2vw;top: -9.5vw;}	
.fv-ttl4 { font-size: 14vw;}
.fv-ttl4::after {font-size: 5.2vw;top: -9.5vw;}	
.hr-btn-bx {width: 90%;gap:20px;}	
.cs-btn {font-size: 1.1rem;}
.feature-btn-bx {flex-direction: column; justify-content: center;align-items:center;}
.feature-btn1 {margin-top: 20px;width: 200px; }
.feature-btn2 {width: 200px; }
#career-support{width: 100%;}
#hr-support{width: 100%;}
.sm3 {width: 100%;padding: 50px 0 30px 0;}
.h3-cv {width:100%;left:0;}
.case-bx4 {width: 100%; flex-direction: column;}
#career-support .inner{width: 90%;}
#hr-support .inner{width: 90%;}
.cv-inner{width:90%;margin:auto;}
#career-support .flow{width: 100%;}
#hr-support .flow{width: 100%;}
.fv-hs {width: 47.3%;top: 4.5vw;}
.cs-ctt {width: 100%;}
.csp3 {margin:0 0 30px 0;}
.pp-inner {width: 90%;}
.right-date { width: 35%;}
.page-fv-inner2 {width: 100%;flex-direction: column;width:90%;}
.unews-bx {width: 90%;}
.unews-ctt {width: 43%;}
.fv-news {right:0;width:63.2%;}
.fv-ttl5 { font-size: 14vw;}
.fv-ttl5::after {font-size: 5.2vw;top: -9.5vw;}	
.single-bread {margin: 100px 0 50px 0;}
.single-news {width: 90%;}
.single-nav {gap: 30px; margin: 50px 0 70px 0;}
.single-inner {margin-bottom: 100px;}
.vision-bx{width:90%;}
.single-bread{width:90%;}
#vision{width:100%;margin:auto;margin-bottom:100px;margin-top:100px;}
.single-bread{width:90%;}
.top{width:100%;}
#overview{width:100%;}
.ov-inner{width:90%;}
.philosophy {width: 100%;}
.p-bx{flex-direction:column;width:90%;}
.p-right {width: 100%;}
.p-left {width: 100%;}
.top-inner {width: 90%;}
.fv-ttl6 { font-size: 14vw;}
.fv-ttl6::after {font-size: 5.2vw;top: -9.5vw;}	
.fv-ttl7 { font-size: 14vw;}
.fv-ttl7::after {font-size: 5.2vw;top: -9.5vw;}	
.fv-comp {width: 54.2%;}
.fv-comp img{top:2vw;position:relative;}	
.v-right-img {top: 0vw;}
.vision-ctt .v-right-img {top: 0;}
.mission-ctt {padding: 30px;height:auto;flex-direction:column;position: relative;}	
.vision-ctt {padding: 30px;height: auto;flex-direction:column;position: relative;}		
.purpose-ctt {padding: 30px;height: auto;flex-direction:column;position: relative;}		
.vp1 {font-size: 1.6rem;}
.v-middle {left:auto;width: 100%;height: 2px;margin: 15px 0;}
.v-right { width: 100%;}
.v-left {width: 90%;text-align: center;}	
.h2-vision{margin:0;}
.h2-mission{margin:0;}
.h2-purpose	{margin:0;}
.vision-bx {gap: 30px;}
.purpose-ctt .v-right-img {top: 2vw;right: 1vw;}
#vision {margin-bottom: 50px;}
.t-bx {flex-direction: column;}
.t-img-bx {margin: auto;}
.t-ctt {width: 100%;}
.top {margin: 150px 0 50px 0;}	
.voice {width: 100%;}
.benefits{width:100%;}
#office{width: 100%;}
.rg{width:100%;}
.ichi{width: 100%;}
.voice-inner{width:90%;}	
.v-bx1 {width: 100%; flex-direction: column;}
.v-img1 {width: 100%;}
.v-ctt {width: 100%;}
.v-bx2 {width: 100%; flex-direction: column-reverse;}
.v-img2 {width: 100%;}
.v-img-bx {width: 100%;}
.v-ctt2 {width: 100%;}
.other {width: 95%;}
.rg {padding: 30px 0 100px 0;}
.rec2 {right: 0vw; top: 14vw;}
.rec1 {bottom: 2vw; left: 4vw;}
.vnum {top: 5vw;}
.v-name {margin: 20px 0 0 0;}
.vnav {margin-bottom:0;}
.v-depart {margin: 0 0 40px 0;}
.v-a1 {margin: 20px 0 40px 0;}
.v-a3 {margin: 20px 0 40px 0;}
.v-a3 {margin: 20px 0 40px 0;}
.rec3 {width: 30%;}
.voice {padding: 30px 0 50px 0;}
.benefits-bx {gap: 20px;}
.benefits-ctt {width: 42%;padding: 20px 15px;}
.office-bx {gap: 10px;}
.benefits {padding: 30px 0 0 0;}
.gp {height:18vw;}
.gp-ctt {font-size: 1.5rem;}
.rg .more-btn {margin-bottom: 70px;}
.other { padding: 15px 0px; flex-direction: column;}
.other-img {width: 20%;left: auto; bottom: auto;}
.other-txt {width: 90%;}
.op1 { font-size: 1rem;margin: 0;}
.op2 { font-size: 0.9rem;}
.other-arrow {width: 4%;padding: 15px;margin-top: 20px;}	
	
.thanks-inner {width: 90%;}
.fv-ttl8 { font-size: 14vw;}
.fv-ttl8::after {font-size: 5.2vw;top: -9.5vw;}		
.fv-contact{width: 53.1%;}
.thanks-inner { padding: 50px 0;}
.thanksp1 { font-size: 1.2rem;}
.thanksp1 { font-size: 0.9m;}
.thanksp1 { font-size: 0.8m;}
.thanks-img {width: 35%;margin-top: 30px;}
.breadcrumb-separator { width: 1.5%;}
.fv-ttl9 { font-size: 14vw;}
.fv-ttl9::after {font-size: 5.2vw;top: -9.5vw;}	
.fv-download{width: 82%;}	
.form-switcher {margin-top: 30px;}
.ftable {margin-top: 50px;}
.finner {width: 80%;margin-bottom: 100px;}
.wide{width:90%;background: transparent;;justify-content: center; flex-wrap: wrap;gap: 20px;}
.wide-btn {height: 68px;}
.select-wrapper {width: 80%;}
.value-bx {flex-wrap:wrap;gap: 20px;}
.value-ctt { width: 100%;}
.v-img {width: 20%;}
.v-img02 {width: 25%;}
.v-img03 {width: 25%;}
.v-img04 {width: 25%;}
.value-num {top: -3.5vw;}
.top {margin: 100px 0 50px 0;}
.vcsv-bx {width: 100%;}
.rf-bx {width: 90%;}
.vcsv-ctt {width: 90%;}
	
	
}

/*700px以下*/
@media screen and (max-width:700px){
.right-date { width: 50%;}
}

/*480px以下*/
@media screen and (max-width:480px){
.breadcrumb-separator {width: 3%;}
.about-bx p {font-size: 0.9rem;}
.mail-icon { left: 55px;}
.service-sticky {top: 100px; }
.company-img {height: 600px;}
.h2-about-sp{font-size:3.2rem;}
.h2-about-sp:after{font-size:1rem;}	
.about-bx p {font-size:0.9rem;}
.h2-service {font-size: 3.2rem;width:90%;margin:auto;}
.h2-service:after {font-size: 1rem;}
.h4-service {font-size: 1.1rem;}
.service-ctt p {font-size: 0.9rem;line-height:initial;}
.h3-bpo {line-height: 1.1;}
.service-sticky {top: -85px;}
.h2-news {font-size: 3.2rem;}
.h2-news:after {font-size: 1rem;}	
.news p {font-size: 0.9rem;}
.news-ttl{font-size:0.9rem;}
.cate { width: 40%;}
.h2-company {font-size: 3.2rem;margin:auto;}
.h2-company:after {font-size: 1rem;}	
.company-img {height:358px;}
.company-img-item {height:358px;}
.company-ctt p{font-size:0.9rem;}
.ceng {font-size: 1.3rem;width: 50%;padding-right:0;}
.ctxt {width: 80%;}
.cjap {font-size: 0.9rem;}
	
.insta{width:90%;margin:auto;padding: 20px 0 100px 0;}
.insta-header {height:50px;margin-bottom:10px;}	
.insta-logo {width:7%;}	
.insta-footer {height:50px;margin:0;}		
.follow {font-size: 1.2rem;}
.insta-arrow {height: 16px;width: 16px;}
.insta-arrow img {width: 100%;top: -6px;}
	
.h2-recruit-sp{font-size:3.2rem;}
.h2-recruit-sp:after{font-size:1rem;}
.recruit-bx p {font-size: 0.9rem;}	
.h2-contact {font-size: 3.2rem;}
.h2-contact:after {font-size: 1rem;}
.footer-logo-bx p {font-size: 1.5rem;}	
.footer-btn {width: 65%;}
.privacy {width: 30%;}
.fcb2 {justify-content:space-between;}
.footer-logo-sp {width: 40%;}
.footer-menu-bx p {width:120px;font-size: 1.4rem;}	
.menu-ttl1 a {font-size: 0.85rem;}
.menu-ttl2 a {font-size: 0.7rem;}
.arrow-white {width: 6%;}


.fv-sub {font-size: 1.15rem;}
.fv-txt {font-size: 0.9rem;}
.h1-under {font-size: 0.9rem;}
.breadcrumb{font-size: 0.9rem;}	
.h2-sm {font-size: 2.8rem;width:90%;margin:auto;}
.h2-sm:after {font-size: 1rem;}
.h2-pc {font-size: 2.3rem;margin:auto;line-height:1;}
.h2-pc:after {font-size: 1rem;margin-top:10px;}
.h2-faq {font-size: 2.8rem;margin:auto;}
.h2-faq:after {font-size: 1rem;}
.h2-flow {font-size: 2.8rem;margin:auto;width: 100%;}
.h2-flow:after {font-size: 1rem;}	
.pc-ctt {padding: 0 15px 15px 15px;}	
.sm-bx{margin-bottom:0;margin-top:0;}
.sm {padding:30px 0;}
.sm2 {padding:30px 0;}
.sm-ctt p {font-size: 0.9rem;margin:10px 0;}
.sm-ctt-bx {padding: 10px 20px;}
.h3-sm-sp{font-size:1.5rem;}	
.h4-sm {margin: 0 0 10px 0;font-size: 1rem;}
.sm-ctt-bx2 {font-size: 0.9rem;line-height: initial;}
.case3 {font-size: 0.9rem;margin:10px 0;}
.h3-case {margin: 10px 0;}
.pc-bx{margin-top:30px;}	
.flow{padding:0 0 50px 0;}		
.step-title {font-size: 1.1rem;}
.step-description { font-size: 0.9rem;}
.timeline-item {margin-bottom: 15px; }
.qtxt {font-size: 0.9rem;width: 70%;}
.a {width: 9.5%;}
.atxt {width: 90%;font-size: .9rem;}
.accordion {padding-bottom: 10px;}	
.faq{padding:50px 0 100px 0;}	
.s-bx {width: 100%;}	
.w-bx {width: 100%;}
.worry-ttl { font-size: 1.3rem; margin: 0 0 15px 0;}
.worry-ctt {font-size: 1rem;margin-bottom: 10px;}
.small {font-size: 0.8rem;}
.solution-ttl {font-size: 1.3rem; margin: 0 0 15px 0;}
.solution {padding: 15px 10px;font-size: 0.95rem;margin-bottom: 10px;}
.solution-ttl {font-size: 1.3rem; margin: 0 0 15px 0;}
.worry {padding: 100px 0 100px 0;}
.soil2 {bottom: 10vw;}
.pc-bx2 {padding: 0 15px 15px 15px;margin-top: 20px;}
.case4 {font-size: 0.9rem;}

.fv-bm { width: 47%;}
.h5-sm {font-size: 1.2rem;}
.sm-border {padding: 10px 0;}
.h2-saf {font-size: 2.4rem;margin:auto;line-height:1;}
.h2-saf:after {font-size: 1rem;margin-top:10px;}
.safexa {font-size: 0.9rem;}
.saf-ctt-bx {padding: 10px 15px;}
.saf-ctt-bx p{font-size: 0.9rem;margin:10px 0;}

.fv-di {top: 8vw;width: 53%;}
.h3-ds {border-left: solid 6px #48D1CC;font-size: 1.5rem;margin: 50px 0 30px 0;line-height: 1;}
.h3-ds:before {font-size: 1rem;}
.meo-tab {font-size: 1rem;padding: 10px 0;width: 150px;border-radius: 10px 10px 0 0;}
.web-tab {font-size: 1rem;padding: 10px 0;width: 150px;border-radius: 10px 10px 0 0;}
.h5-di3 {width: 270px;font-size: 1rem;}
.h5-di {width: 200px;font-size: 1rem;}	
.h4-di {font-size: 1.2rem;margin: 15px 0 0 0;}
.meo-bx {padding: 15px 15px 50px 15px;margin-bottom: 50px;}
.web-bx {padding: 15px 15px 50px 15px;margin-bottom: 50px;}
.di-p {font-size: 1rem;}
.di-ctt p {font-size: 0.9rem;}
.feature-bx {margin-top: 30px;}
.feature1 {font-size: 1.2rem;margin-top: -25px;}
.feature2 {font-size: 1rem;margin: 10px 0 0 0;}
.feature3 {font-size: 0.9rem;}

.h4-pc3::after {font-size: 1.8rem;}
.h4-pc3 { font-size: 1rem;}
.pc3-bx {margin-top: 30px;}
.pcase1 {font-size: 1.1rem;}
.pcase2 {font-size: 1rem;}
.pc3-img {width: 30%; }
.pcase3 {font-size: 1rem;}
.pcase3:before {width: 80px;}
.pcase4 {padding: 10px 0;font-size: 0.9rem;}
.h3-if {margin: 50px 0 30px 0;line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;}	
.h3-if:before {font-size: 1rem;}	

.infra-tab {font-size: 1rem;padding: 10px 0;width: 150px;border-radius: 10px 10px 0 0;}
.energy-tab {font-size: 1rem;padding: 10px 0;width: 150px;border-radius: 10px 10px 0 0;}
.infra-bx {padding: 15px 15px 50px 15px;margin-bottom: 50px;}
.energy-bx {padding: 15px 15px 50px 15px;margin-bottom: 50px;}	
.feature-bx2 {margin-top: 30px;gap: 20px;}	
.btn-center{margin-top: 30px;}
.feature4 { font-size: 1.1rem;margin: 10px 0;}
.feature5 p {margin: 0;font-size: 0.9rem;}
.web-p {font-size: 0.9rem;}
.feature-ctt {margin-bottom: 20px;}
.h5-di2 {font-size: 1.3rem;margin: 20px 0;}
.pcase5 {font-size: 1.1rem;}
.pcase6 { font-size: 1rem;}
.pcase7 {font-size:0.9rem;}
.case-voice1 {font-size: 2rem;}
.case-voice3 {font-size: 1.1rem;}
.case-voice2 {border-radius: 10px;padding: 5px;font-size: 0.65rem;margin: 5px 0;}
.case-voice-ctt { width: 58%;}
.case-voice4 {font-size: 0.9rem;}
.other-tab {font-size: 1rem;padding: 10px 0;width: 180px;border-radius: 10px 10px 0 0;}
.ot-bx {padding: 15px 15px 50px 15px;margin-bottom: 50px;}
.h3-ot {margin: 50px 0 30px 0;line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;}	
.h3-ot:before {font-size: 1rem;}
.sm-di {padding: 0;}
.sm-center{width:100%;}
	
.h2-cs {font-size: 2.4rem;margin:auto;line-height:1;}
.h2-cs:after {font-size: 1rem;margin-top:10px;}	
.hr-btn-bx {gap: 20px;width: 90%;}
.cs-btn {border-radius: 30px;padding: 10px 10px;margin: 30px 0 0 0;font-size: 0.8rem;}
.hrarrow {width: 20px;height: 20px;}
.hrarrow span {width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;top: 5px;}
.h3-rf {margin: 50px 0 30px 0;line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;}	
.h3-rf:before {font-size: 1rem;}		
.csp3 {font-size: 1rem;}	
.cs-bx {margin-bottom: 30px;}
.sm3{padding:30px 0;}
.h3-sv {margin:0 0 30px 0;line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;}	
.h3-sv:before {font-size: 1rem;}
.h3-cv {margin:50px 0 30px 0;line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;}	
.h3-cv:before {font-size: 1rem;}
.h3-flow {line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;left:0;}	
.h3-flow:before {font-size: 1rem;}
#hr-support {padding: 50px 0;}
.h2-hr {font-size: 2.4rem;margin:auto;line-height:1;}
.h2-hr:after {font-size: 1rem;margin-top:10px;}	
.h3-hr {line-height: 1;font-size: 1.5rem;border-left: solid 6px #48D1CC;left:0;margin-bottom:30px;}	
.h3-hr:before {font-size: 1rem;}
.csp1 {margin: 0;font-size:1rem;}
.csp2 {margin-bottom: 20px;font-size:0.9rem;}
.sm3 .h3-sm-sp {font-size: 1.3rem; }
.case-voice {margin-bottom: 20px;}
#career-support .flow {padding: 20px 0 70px 0;}
#hr-support .flow {padding-top: 20px;}	
.right-date {width: 65%;margin-bottom: 30px;}
.h2-pp {margin: 30px 0 10px 0;font-size: 1.3rem;}
.h1-pp {font-size: 1.5rem;}
.h1-bx {margin: 100px 0 50px 0;}
.pp-name {margin: 50px 0;}
.pp-inner {margin-bottom: 50px;}
.right-date {font-size: 0.9rem;  }
.pp-inner p {font-size: 0.85rem;}
.ptop {font-size: 0.9rem;}
.pp-name p {line-height: 2;font-size: 0.9rem;}	
	
.unews-bx {width: 90%;}
.unews-ctt { width: 100%;}
.ucate-bx {width: 90%;margin-top: 70px;margin-bottom: 30px;}
.udate {font-size: 0.85rem;}
.ucate {font-size: 0.85rem;}
.unews-ttl {font-size: 0.9rem;}	
.ucate-name {font-size: 0.9rem;	}
.single-content p{font-size: 0.9rem;}
.back-bx {flex-direction: column;gap: 30px;}
	
#vision {margin-top: 50px;}
.h2-mission { font-size: 2rem;}
.h2-mission:after {font-size: 1rem;}
.h2-vision { font-size: 2rem;}
.h2-vision:after {font-size: 1rem;}
.h2-purpose { font-size: 2rem;}
.h2-purpose:after {font-size: 1rem;}
.mission-ctt {padding: 15px;}
.vision-ctt {padding: 15px;}
.purpose-ctt {padding: 15px;}
.vp1 { font-size: 1.1rem;}	
.v-right-img {top: -2vw;right: -2vw;}
.space {padding-left: 7px;}
.purpose-ctt .v-right-img {top: -2vw;right: 4vw;}
.vision-ctt .v-right-img {top: 7vw;right: -1vw;	}
.vp2{font-size:0.9rem;}	
.h2-philosophy { font-size: 2rem;}
.h2-philosophy:after {font-size: 1rem;}	
.h2-top	{ font-size: 2rem;}
.h2-top:after {font-size: 1rem;}
.t-img-bx {width: 50%;}
.t-ctt p { margin: 0 0 15px 0;font-size: 0.9rem;}
.p-num { font-size: 1.5rem;}
.p-ctt {gap: 15px;padding: 15px 0;}
.p-txt {font-size: 1rem;}
.top {margin: 50px 0 50px 0;}
.t-img-bx p {font-size: 1.1rem;	}
.ov-inner table {font-size: 0.9rem;}
.ov-inner table td {padding: 20px 0;}
.ov-inner table th {padding: 20px 0;}
#overview { margin-bottom: 100px;}	
.map {margin: 50px 0 50px 0;}
.h2-voice{ font-size: 2rem;}
.h2-voice:after {font-size: 1rem;}
.h2-ichi {font-size: 1.8rem;}
.ichi p { font-size: 0.9rem;}
.rec2 { right: -2vw;top: 14vw;width: 20%;}
.rec1 { bottom: 13vw;left: 2vw;width: 14%;}
.ichi {padding: 30px 0 30px 0;}
.vprev {width: 44px!important;height: 44px!important;}
.vprev span {width: 10px!important;height: 10px!important;top: 16px!important;left: 2px!important;}
.vnext{width: 44px!important;height: 44px!important;}
.vnext span {width: 10px!important;height: 10px!important;top: 16px!important;right: 2px!important;}
.vnum {top: 8vw;font-size: 2rem;}
.v-depart {font-size: 1.1rem;}
.v-name {font-size: 1.1rem;}
.v-q1{font-size: 1.1rem;}
.v-q2{font-size: 1.1rem;}
.v-q3{font-size: 1.1rem;}
.v-q4{font-size: 1.1rem;}
.v-q5{font-size: 1.1rem;}
.v-a1{font-size: 0.9rem;margin: 20px 0 30px 0;}
.v-a2{font-size: 0.9rem;}
.v-a3{font-size: 0.9rem;margin: 20px 0 30px 0;}
.v-a4{font-size: 0.9rem;margin: 20px 0 30px 0;}
.v-a5{font-size: 0.9rem;}
.benefits-ctt { width: 100%;padding: 15px;}
.bsmall {width: 23%;}
.h3-benefits { font-size: 1rem;}
.benefits-ctt p{ font-size: 0.9rem;}
.benefits-bx {gap: 15px;}
.voice {padding: 30px 0 0 0;}
.office-ctt {width: 100%;}
.rg table {margin-top: 0;margin-bottom:30px;}
.rg table th {width: 35%;padding:10px 0;font-size: 0.9rem;}
.rg table td {width: 55%;padding:10px 0;font-size: 0.9rem;}
.other { padding: 15px 0px; flex-direction: column;}
.other-img {width: 20%;left: auto; bottom: auto;}
.other-txt {width: 90%;}
.op1 { font-size: 1rem;margin: 0;}
.op2 { font-size: 0.9rem;}
.other-arrow {width: 7%;margin-top:10px;}	
.finner {width:90%;}
.form-switch-btn {padding: 15px 50px;}
.form-switcher {width: 350px;}
.wide-btn{height: 60px;padding:10px;}
.acceptance {margin-top: 0;}
.mission-ctt {margin-bottom: 20px;}
.h3-value {margin: 0;}
.value-num {top: -7.5vw;}
.value-ctt p {margin-bottom: 0;}
.value-ctt {padding: 15px 15px 20px 15px;}
.h2-rg{ font-size: 2rem;}
.h2-rg:after {font-size: 1rem;}
.h2-office{ font-size: 2rem;}
.h2-office:after {font-size: 1rem;}
.h2-value{ font-size: 2rem;}
.h2-value:after {font-size: 1rem;}
.rec2 {top: 22vw;}
.rec1 {bottom: 6vw;}
.h2-ov{ font-size: 2rem;}
.h2-ov:after {font-size: 1rem;}
}