@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");@font-face{font-family:"Moderat_Medium";src:url(../font/Moderat-Extended-Medium.ttf);font-weight:500}@font-face{font-family:"Moderat_Light";src:url(../font/Moderat-Extended-Light.ttf);font-weight:300}@media screen and (max-width:1280px){#top #sec05 .box .left{width:45%}#top #sec03 .container,#top #sec04 .container{margin-left:calc((100vw - 1100px) / 2)}}@media screen and (max-width:1200px){#top .fv .left h2 span{font-size:1.5vw}}@media screen and (max-width:820px){input,select{-webkit-appearance:none;appearance:none}.ipad{display:block}header{position:fixed;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2)}header .right nav{transition:0.3s;background:#fff;position:fixed;top:0;right:-100%;bottom:0;height:100%;width:100%;z-index:990}header .right nav.active{right:0}header .box{padding-top:0;padding-bottom:0;height:auto;padding-left:10px;padding-right:0;align-items:center}header .box .left{padding-top:0}header .box h1 img{max-height:40px}header .box .right ul{height:100%;flex-direction:column;align-items:center;justify-content:center}header .box .right ul li:not(:last-child){margin-right:0;margin-bottom:50px}header .box .right ul li a{font-size:2rem;color:#fff}header .box .right ul li a span{color:#fff}header .box .right ul li a .ja{display:none}header .box .right ul li a:hover .en{margin-top:0}header .modalbtn{padding:20px;display:block;position:relative;width:60px;height:60px;z-index:999;background-color:var(--main-color)}header .modalbtn:before,header .modalbtn:after{content:none;transition:0.3s;position:absolute;width:20px;height:2px;background:#fff;margin:auto;left:35%}header .modalbtn.active:before{content:"";transform:rotate(45deg);top:28px}header .modalbtn.active:after{content:"";transform:rotate(-45deg);bottom:30px}header .modalbtn.active img{display:none}.cta_area{-moz-box-sizing:border-box;box-sizing:border-box;background-image:none;background-size:cover;width:100%;padding:70px 0;display:block;position:relative;z-index:0}.cta_area:before{content:"";background:url(../images/common/cta_bg_sp.jpg) center center no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(3px);z-index:-1}.cta_area *{color:#222222}.cta_area .container{background:#ffffffc4;width:90%;padding:40px 30px}.cta_area h2{font-size:24px;margin-bottom:40px}.cta_area h2 small{font-size:14px;margin-left:60px}.cta_area h2:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:52px;background:linear-gradient(to right, #fff, #007bff);left:0;bottom:-20px;margin:auto}.cta_area h3{font-size:22px;margin-bottom:30px;font-weight:600;line-height:1.8em}.cta_area p{font-weight:300;margin-bottom:0}.contact_area{padding:80px 0}.contact_area .sub_title span{font-size:20px}.contact_area .flex{flex-direction:column;align-items:flex-start}.contact_area .flex .left,.contact_area .flex .right{width:100%;text-align:center}.contact_area .flex .tel{margin:40px 0}.contact_area .flex .tel span{display:block;font-size:14px;margin-bottom:15px}.contact_area .flex .tel a{font-size:34px}.contact_area .flex .tel a small{margin-left:0px;display:block;margin-top:20px}.contact_area .flex .btn-box{width:100%}.contact_area .flex .btn-box .btn2{width:100%;padding:30px 40px}#top .fv{padding-top:60px;position:relative}#top .fv video{width:100%;aspect-ratio:0.5625;height:92vh;max-height:600px;object-fit:cover}#top .picup_news{background-color:#fafafa;position:absolute;right:0;bottom:5%}#top .picup_news .container{padding-right:20px;padding-left:20px}#top .picup_news .container .news_box{flex-direction:column;row-gap:5px;align-items:flex-start;padding:15px 0}#top .picup_news .container .news_box p{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#top .picup_news .container .news_box span{position:relative;margin-left:0;margin-top:5px;font-size:14px}#top .picup_news .container .news_box span::before{content:"";background:url(../images/common/arrow_b.svg) no-repeat;width:14px;height:6px;background-size:100%;position:absolute;top:50%;right:-40px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transition:0.3s}#top .picup_news .container .news_box time{font-size:13px}#top #mission{padding-bottom:20px}#top #mission .loop-text{margin-top:0}#top #service{padding:80px 0 0;background-color:#fafafa}#top #service .srevice_area ul{flex-wrap:wrap;justify-content:space-between;row-gap:50px}#top #service .srevice_area ul li.srevice_list{background:#f0f0f0 0% 0% no-repeat padding-box;padding:40px 30px}#top #service .srevice_area ul li.srevice_list:nth-child(1){gap:50px;padding-inline:20px;flex-direction:column;row-gap:20px;padding-top:70px}#top #service .srevice_area ul li.srevice_list:nth-child(1) .left{max-width:100%;width:80%;margin-inline:auto}#top #service .srevice_area ul li.srevice_list:nth-child(1) .left .decoration.dec01{top:calc(calc((85 / 390) * 100vw));left:-40px;width:calc(calc((86 / 390) * 100vw))}#top #service .srevice_area ul li.srevice_list:nth-child(1) .left .decoration.dec03{bottom:calc(calc((56 / 390) * 100vw));left:-15px;width:calc(calc((77 / 390) * 100vw))}#top #service .srevice_area ul li.srevice_list:nth-child(1) .left .decoration.dec02{top:calc(calc((-35 / 390) * 100vw));right:35px;width:calc(calc((94 / 390) * 100vw))}#top #service .srevice_area ul li.srevice_list:nth-child(1) .left .decoration.dec04{top:calc(calc((120 / 390) * 100vw));right:-30px;width:calc(calc((107 / 390) * 100vw))}#top #service .srevice_area ul li.srevice_list:nth-child(1) .right{width:100%}#top #service .srevice_area ul li.srevice_list:not(:first-child){width:100%}#top #service .srevice_area ul li.srevice_list:not(:first-child) .btn-box a{width:100%;max-width:100%}#top #service .srevice_area ul li.srevice_list:not(:first-child) h3{position:relative}#top #service .srevice_area ul li.srevice_list:not(:first-child) h3:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:52px;background:linear-gradient(to right, #fff, #007bff);left:0;right:0;bottom:0px;margin:auto}#top #service .srevice_area ul li.srevice_list h3{font-size:24px;padding:30px 0;margin-bottom:40px;position:relative}#top #service .srevice_area ul li.srevice_list h3:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:52px;background:linear-gradient(to right, #fff, #007bff);left:0;bottom:0px;margin:auto}#top #service .srevice_area ul li.srevice_list h3 .number{font-size:14px;display:block;margin-bottom:12px}#top #service .srevice_area ul ol{padding:30px}#top #service .srevice_area ul ol li{text-indent:0em;padding-left:2em;line-height:1.6em}#top #service .srevice_area ul ol li::before{content:"";background:url(../images/common/li_style.svg) no-repeat;width:16px;height:16px;background-size:100%;position:absolute;top:50%;left:-5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transition:0.3s}#top #service .srevice_area ul ol li:not(:last-child){margin-bottom:20px}#top #service .srevice_area ul .desc{margin-bottom:40px}#top #news{padding:90px 0 80px;background-color:#fafafa}#top #news .container{background-color:#fff;padding:50px 25px;width:90%}#top #news .container .sub_title{margin-bottom:40px}#top #news .container .news_list li{border-bottom:1px solid #eee}#top #news .container .news_list li a{padding:20px 0px 20px}#top #news .container .news_list li .news_box{align-items:flex-start;gap:10px;flex-direction:column}#top #news .container .news_list li .news_box time{font-size:14px}#top #news .container .btn-box{position:unset;margin-inline:auto;margin-top:60px}}@media screen and (max-width:768px){.pc{display:none}.sp{display:block}.ipad{display:none}header .box .left h1{width:170px}footer{padding:70px 0 45px;background:#222222}footer .box{justify-content:space-between;flex-direction:column}footer .box .left{margin-inline:0;margin-bottom:60px}footer .box .left .logo{color:#fff;width:60%;max-width:100%;margin-bottom:40px;display:block}footer .box .left .top{gap:25px;align-items:end}footer .box .left .top p{margin-bottom:30px;color:#fff;font-size:1.4rem}footer .box .left .top img{width:95px;aspect-ratio:1}footer .box .left .top .left{width:auto;margin-bottom:0}footer .box .left .top .left a{color:#fff;position:relative;display:block;width:135px;border-bottom:1px solid #fff;padding-bottom:4px}footer .box .left .top .left a::before{content:"";background:url(../images/common/arrow.svg) no-repeat;width:14px;height:6px;background-size:100%;position:absolute;top:50%;right:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transition:0.3s}footer .box .right{justify-content:unset}footer .box .right nav{width:100%}footer .box .right nav .flex{flex-direction:column;gap:15px}footer .box .right nav .nav_box{background-color:transparent;padding:0px 30px 0;border-radius:8px;position:relative}footer .box .right nav .nav_box:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:12px;background:linear-gradient(to right, #fff, #007bff);left:0;top:0;bottom:0;margin:auto}footer .box .right nav .nav_box span{color:#fff;font-size:21px;display:flex;margin-bottom:0px;font-family:"Moderat_Medium"}footer .box .right nav .nav_box span small{font-size:14px;opacity:0.2;width:fit-content;margin-left:auto}footer .box .right nav .nav_box ul{flex-wrap:wrap}footer .box .right nav .nav_box ul li{margin-bottom:25px;position:relative;padding-left:37px}footer .box .right nav .nav_box ul li:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:12px;background:linear-gradient(to right, #fff, #007bff);left:0;top:0;bottom:0;margin:auto}footer .box .right nav .nav_box ul li a{font-size:1.4rem;color:#fff}footer .box .right nav .nav_box ul li:nth-child(1){order:1}footer .box .right nav .nav_box ul li:nth-child(2){order:3}footer .box .right nav .nav_box ul li:nth-child(3){order:5}footer .box .right nav .nav_box ul li:nth-child(4){order:2}footer .box .right nav .nav_box ul li:nth-child(5){order:4}footer .box .right small{font-size:1.4rem;width:100%;align-self:flex-end;color:#fff;text-align:right;display:block}footer .row{flex-direction:column-reverse;row-gap:30px;align-items:center}footer .row small{font-size:13px;font-weight:300;color:#fff}footer .row img{width:30px}.sub .title-box{margin-top:60px;padding-top:40px;padding-bottom:40px}.sub .title-box .title span{font-size:38px}#service #sec01 h3{font-size:28px;line-height:1.5}#service #sec01 p{font-size:16px}#service #sec02 .service01-box{flex-wrap:wrap}#service #sec02 .service01-box li{width:100%;padding:20px 50px}#service #sec02 .service01-box li.delay-time05{animation-delay:0s}#service #sec02 .service01-box li.delay-time1{animation-delay:0s}#service #sec02 .service01-box li.delay-time15{animation-delay:0s}#service #sec02 .merit-box li{flex-wrap:wrap;flex-direction:column;gap:25px;margin-bottom:70px}#service #sec02 .merit-box li .left{width:100%;background:#fafafa;border-radius:10px}#service #sec02 .merit-box li .left img{min-width:250px;margin:0 auto;display:block;max-width:220px}#service #sec02 .merit-box li .left.fadeLeftTrigger{animation:none !important;opacity:1 !important;transform:none !important}#service #sec02 .merit-box li .right h5{font-size:22px}#service #sec02 .merit-box li .right p{font-size:15px}#service #sec02 .merit-box li .right.fadeRightTrigger{animation:none !important;opacity:1 !important;transform:none !important}#service #sec02 .use-box{padding:50px 35px}#service #sec02 .use-box li{font-size:14px;line-height:1.3}#service #sec02 .use-box h5{line-height:1.3}#service #sec02 .point-box li{width:100%}#service #sec02 .point-box li:first-child{flex-direction:column;flex-wrap:wrap}#service #sec02 .point-box li:first-child .right{width:100%}#service #sec02 .point-box li:first-child .left{max-width:100%;width:100%;padding-inline:20px;padding-top:70px}#service #sec02 .point-box li:first-child .left .box{width:80%;margin-inline:auto}#service #sec02 .point-box li:first-child .left .decoration.dec01{top:calc(calc((85 / 390) * 100vw));left:-40px;width:calc(calc((86 / 390) * 100vw))}#service #sec02 .point-box li:first-child .left .decoration.dec03{bottom:calc(calc((56 / 390) * 100vw));left:-15px;width:calc(calc((77 / 390) * 100vw))}#service #sec02 .point-box li:first-child .left .decoration.dec02{top:calc(calc((-35 / 390) * 100vw));right:35px;width:calc(calc((94 / 390) * 100vw))}#service #sec02 .point-box li:first-child .left .decoration.dec04{top:calc(calc((120 / 390) * 100vw));right:-30px;width:calc(calc((107 / 390) * 100vw))}#service #sec02 .point-box li .right h5{font-size:25px}#service .step-container .step .step-content{padding-top:16px}#service .step-container .step .step-content h3{line-height:1.4;font-size:20px}#service .step-container .step .step-number{font-size:17px}#service #sec03 ul{flex-wrap:wrap}#service #sec03 ul li{width:100%}#service #sec03 ul li h5{font-size:23px}.sub_title span{font-size:16px}.sub_title i{margin:0 20px;height:45px}#company #sec01{padding-bottom:45px}#company #sec01 .desc{font-size:15px;margin-bottom:70px}.sec_title{margin-bottom:25px}#company #sec01 .company-box{flex-wrap:wrap}#company #sec01 .company-box li{width:100%}#company #sec01 .company-box li h4{font-size:25px;line-height:1.3;margin-bottom:30px}#company #sec01 .company-box li{padding:30px}#company #sec01 .company-box li p{font-size:15px}#company #sec02 .flex{flex-wrap:wrap}#company #sec02 .flex .left{width:100%}#company #sec02 .flex .right{width:100%}#company #sec02 .flex .right table th{width:100%;font-size:16px;display:block;border:none;padding-bottom:0}#company #sec02 .flex .right table td{font-size:16px;line-height:1.3;display:block}#company #sec02 .flex .right table td{padding-right:0;padding-top:20px}#company #sec02 .flex .right table ul li{text-indent:-1em;padding-left:1em}#company #sec02 .flex:first-child{margin-bottom:50px}#company #sec02 .flex:last-child .right{margin-top:30px}#company #sec02 .flex .right p{font-size:15px}#company #sec01 .company-box:last-child{margin-bottom:40px}#top #service .srevice_area ul li.srevice_list:nth-child(1) .btn-box{margin:0 auto}#top #service .srevice_area ul li.srevice_list h3{text-align:center}#top #service .srevice_area ul li.srevice_list h3:before{right:0}#top #service .srevice_area ul .desc{text-align:center}#service #sec02 .merit-title h4{line-height:1.3}#service #sec03 ul li{padding:30px 25px}#new_box .container .news_list li .news_box{align-items:center;flex-wrap:wrap;gap:10px 20px}#new_box .container{padding:40px 25px 80px !important;margin-bottom:20px}#new_box .cat_nav{padding-top:0px !important;padding-bottom:10px !important}#new_box .container .news_list li .news_box p{width:100%}time.date.blue{font-size:14px}#single-detail #article_box .container{padding:30px 25px}#single-detail #article_box .container .title{line-height:1.4;font-size:20px}#single-detail #article_box .container .flex{margin-bottom:20px}.cta-sp{display:block;background-color:#fafafa}.cta-sp .container{padding:60px 50px}.cta-sp h2{font-size:29px;margin-bottom:40px;position:relative;display:flex;align-items:center;justify-content:space-between}.cta-sp h2 small{font-size:14px;margin-left:60px}.cta-sp h2:before{content:"";z-index:0;position:absolute;background-size:contain;height:2px;width:52px;background:linear-gradient(to right, #fff, #007bff);left:0;bottom:-20px;margin:auto}.cta-sp h3{font-size:26px;margin-bottom:20px;font-weight:600;line-height:1.4}.cta-sp p{font-weight:300;margin-bottom:30px;font-size:14px}.contact_area .flex .btn-box .btn2{padding-left:68px}#single-detail #article_box{background-color:#fff;padding:30px 0px 100px}#service #sec02 .point-box li:first-child{gap:60px}#top #service .srevice_area ul li.srevice_list:not(:first-child) ol{padding:0}#top #service .srevice_area ul ol li{padding-left:1.3em}header .right nav.active{flex-direction:column;justify-content:center}header .box .right ul{height:auto}header .box .right nav ul li:not(:last-child){margin-right:0}header .box .right nav ul.contact_menu li{width:230px}header .box .right nav ul.contact_menu li a{padding:20px}header .box .right nav ul.contact_menu li:first-child{margin-bottom:10px}header .box .right ul li a .ja{display:block}ul.flex.menu .ja{display:none}#contact #form_box .container{padding:50px 25px}#company #sec02 .flex:last-child{padding-top:40px}#service .step-container .step .step-number{margin-right:20px}#service #sec02 .container2 .merit-title{margin-bottom:30px;margin-top:50px}input::placeholder{font-family:Arial, sans-serif;color:#888;font-size:14px}input::-webkit-input-placeholder{font-family:Arial, sans-serif}input:-ms-input-placeholder{font-family:Arial, sans-serif}input::-ms-input-placeholder{font-family:Arial, sans-serif}.breadcrumbs{padding-bottom:15px;padding-left:35px;width:95%;margin:0 auto;overflow-x:scroll;white-space:nowrap}.breadcrumbs span{font-size:14px}}