@charset "UTF-8";/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type=button],[type=reset],[type=submit]{cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}html{scroll-behavior:smooth}@media only screen and (max-width: 1240px){html{overflow-x:visible;min-width:1240px}}@media only screen and (max-width: 768px){html{overflow-x:hidden;min-width:100%}}*{color:#333}*{font-family:Shippori Mincho,serif;font-weight:400;font-style:normal;letter-spacing:.05em}@media only screen and (max-width: 768px){*{font-size:14px}}p{line-height:2}.mb120{margin-bottom:120px}@media only screen and (max-width: 768px){.mb80-tb{margin-bottom:80px!important}}.container{min-width:1200px;max-width:1240px;width:calc(100% - 40px);margin:0 auto 120px}.container.mb0{margin-bottom:0}@media only screen and (max-width: 768px){.container{min-width:auto}}img{width:100%;height:100%;max-width:100%;object-fit:contain}h2{font-weight:600;letter-spacing:.1em;font-size:40px;position:relative;padding-left:24px;margin-bottom:40px}h2:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:8px;height:40px;background:#dc5f00}h2.white{color:#eee}@media only screen and (max-width: 768px){h2{font-size:28px;line-height:1;padding-left:18px;margin-bottom:32px}h2:before{width:6px;height:32px}}h3{font-weight:500;font-size:24px;line-height:32px;letter-spacing:.1em;display:block;border-bottom:2px solid #dc5f00;margin-bottom:40px}h3.white{color:#eee}@media only screen and (max-width: 768px){h3{font-size:20px;line-height:1.6;margin-bottom:32px}}.google-map{height:460px}.google-map iframe{width:100%;height:100%}.alert-box{display:block;position:fixed;z-index:999999;top:40px;left:50%;min-width:375px;transform:translate(-50%);animation-name:fadeout;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:5s}.alert-box .bx-alert{display:flex;align-items:center;padding:1rem;margin-bottom:1rem;box-shadow:0 0 5px #999;color:#fff;gap:.5rem;line-height:1.5;border-radius:10px}.alert-box .bx-alert i{color:#fff;font-size:1.5rem}.alert-box .bx-alert>a{cursor:pointer;margin-left:auto}.alert-box .hide-box{opacity:0;visibility:hidden;transition:opacity .5s,visibility 1s}.alert-box .bx-alert-success{background-color:#5cbd9d}.alert-box .fa-check-circle{color:#5cbd9d}.alert-box .msg{font-family:sans-serif;color:#eee}.alert-box.disable{display:none}@media only screen and (max-width: 768px){.alert-box{min-width:calc(100% - 40px);top:60px}.alert-box .bx-alert{padding:8px 16px}.alert-box .bx-alert i{font-size:1rem}.alert-box .msg{font-size:12px}}br.tb{display:none}@media only screen and (max-width: 768px){br.tb{display:block}}body{background:url(/img/wallpaper.png) center/contain repeat;overflow-x:hidden}body.no-scroll{overflow:hidden}@media only screen and (max-width: 1240px){body{overflow-x:visible;min-width:1240px}}@media only screen and (max-width: 768px){body{overflow-x:hidden;min-width:100%}}header{padding:24px 32px;position:fixed;z-index:9999}header .img-box{width:175px}header .img-box a{display:block;transition:.3s}header .img-box a:hover{opacity:.6}@media only screen and (max-width: 768px){header{padding:20px;position:fixed;z-index:9999}header .img-box{width:120px}header .img-box a{display:block;transition:.3s}header .img-box a:hover{opacity:.6}}.fv-contact{display:flex;align-items:center}.fv-contact .phone-number{padding-right:24px}.fv-contact .phone-number a,.fv-contact .phone-number p{font-family:Roboto Mono,monospace;font-weight:700;line-height:2;font-size:16px}.fv-contact .phone-number .phone{font-size:28px;line-height:1.6;position:relative;padding-left:40px}.fv-contact .phone-number .phone:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:url(/img/icons/phone.png) center/contain;width:32px;height:32px}.fv-contact .phone-number .phone:after{content:"";position:absolute;bottom:0;left:40px;width:calc(100% - 40px);height:2px;background:#dc5f00;transition:all .3s;transform:scaleX(0);transform-origin:left top}.fv-contact .phone-number .phone:hover:after{transform:scale(1)}.fv-contact .phone-number .time{padding-left:40px}.fv-contact .contact-box a{background:#dc5f00;padding:20px 40px;font-family:Roboto Mono,monospace;font-weight:700;line-height:2;color:#eee;border:2px solid #dc5f00;transition:.3s}.fv-contact .contact-box a:hover{color:#dc5f00;background:#dc5f0000}@media only screen and (max-width: 768px){.fv-contact .phone-number a,.fv-contact .phone-number p{font-size:12px}.fv-contact .phone-number .phone{font-size:20px;padding-left:28px}.fv-contact .phone-number .phone:before{width:20px;height:20px}.fv-contact .phone-number .phone:after{bottom:-2px;left:28px;width:calc(100% - 28px)}.fv-contact .phone-number .time{padding-left:28px}.fv-contact .contact-box a{background:#dc5f00;padding:12px 40px;font-family:Roboto Mono,monospace;font-weight:700;line-height:2;color:#eee;border:2px solid #dc5f00;transition:.3s}.fv-contact .contact-box a:hover{color:#dc5f00;background:#dc5f0000}}@media only screen and (max-width: 480px){.fv-contact .contact-box a{padding:6px}}.fv-container{position:relative;height:100vh;margin-bottom:200px;min-width:1240px}.fv-container:before{position:absolute;top:227px;left:104px;content:"SEIOU-TECH CO.,LTD";font-family:Ropa Sans,sans-serif;opacity:.16;font-size:64px;line-height:32px}.fv-container .fv-img{position:absolute;right:-290px;top:-350px;min-width:1000px;width:min(72.9vw,1400px);aspect-ratio:1/1;border-radius:100%;z-index:-1}.fv-container .fv-box{position:absolute;top:min(35vh,340px);left:104px}.fv-container .fv-box .fv-txt{font-size:64px;font-weight:600;line-height:102.4px;margin-bottom:8px}.fv-container .fv-box .fv-txt span{font-weight:600;color:#dc5f00}.fv-container .fv-box .sub-txt{font-size:20px}.fv-container .fv-contact{position:absolute;bottom:40px;left:32px}@media only screen and (max-width: 1240px){.fv-container{overflow-x:hidden}}@media only screen and (max-width: 768px){.fv-container{overflow:visible;width:100%;min-width:auto;margin-bottom:40vw}.fv-container:before{position:absolute;top:140px;left:20px;content:"SEIOU-TECH CO.,LTD";font-family:Ropa Sans,sans-serif;opacity:.16;font-size:24px;line-height:32px}.fv-container .fv-img{position:absolute;right:-150px;top:40vh;min-width:auto;width:100vw;aspect-ratio:1/1}.fv-container .fv-box{top:175px;left:20px}.fv-container .fv-box .fv-txt{font-size:7.5vw;line-height:10vw;margin-bottom:8px;letter-spacing:1vw}.fv-container .fv-box .fv-txt span{font-size:7.5vw;letter-spacing:1vw;color:#dc5f00}.fv-container .fv-box .sub-txt{font-size:14px;line-height:2}.fv-container .fv-contact{position:fixed;z-index:99997;width:calc(100% - 32px);left:16px;bottom:16px;border-radius:16px;padding:16px;background:#eee;filter:drop-shadow(0px 8px 4px rgba(51,51,51,.25));justify-content:space-between;flex-wrap:nowrap}.fv-container .fv-contact .phone-number{padding-right:0;min-width:200px}.fv-container .fv-contact .contact-box{width:100%}.fv-container .fv-contact .contact-box a{display:block;width:100%;text-align:center;border-radius:16px}}@media only screen and (max-width: 480px){.fv-container{height:100vh;margin-bottom:2.5vh}.fv-container:before{top:95px;font-size:16px}.fv-container .fv-img{top:300px;right:-80px;width:50vh}.fv-container .fv-box{top:125px}.fv-container .fv-box .fv-txt{font-size:8.25vw;margin-bottom:16px}.fv-container .fv-box .sub-txt{font-size:12px}.fv-container .fv-contact .phone-number{display:none}}.greeting-box .txt{padding-bottom:40px}.greeting-box .name{font-weight:600;text-align:right}.company-img{position:relative;display:flex;justify-content:center;height:400px;width:100%;background-color:#2d89cf}.company-img img{max-width:560px;object-fit:cover}@media only screen and (max-width: 768px){.company-img{height:300px}.company-img-01 img{object-position:bottom}}.business-container,.access-container{padding:120px 0;background:url(/img/wallpaper_black.png) center/cover}.business-container .container,.access-container .container{margin-bottom:0}.business-container .container>.title,.access-container .container>.title{font-size:32px;line-height:1.6;font-weight:600;color:#eee;letter-spacing:.1em;margin-bottom:32px}.business-container .container>.txt,.access-container .container>.txt{color:#eee}@media only screen and (max-width: 768px){.business-container,.access-container{padding:60px 0}.business-container .container>.title,.access-container .container>.title{font-size:24px;margin-bottom:24px}}.news-list li{display:flex;padding-bottom:8px;border-bottom:1px solid rgba(104,109,118,.48)}.news-list li time,.news-list li p{line-height:2}.news-list li time{width:200px}.news-list li:not(:last-child){margin-bottom:18px}@media only screen and (max-width: 768px){.news-list li time{width:100px}}.list-box{padding:60px 50px;background:#fff;max-width:900px;width:100%;margin:0 auto;filter:drop-shadow(0px 8px 4px rgba(51,51,51,.25))}.list-box li{max-width:800px;width:100%;margin:0 auto;display:flex;padding:0 16px 24px;border-bottom:1px solid rgba(55,58,64,.24)}.list-box li:not(:last-child){margin-bottom:24px}.list-box li .label{display:block;width:140px;margin-right:64px;font-weight:700}@media only screen and (max-width: 768px){.list-box{padding:40px 20px}.list-box li{flex-direction:column;padding:0 8px 16px}.list-box li .label{margin-right:0}}.white-bg{padding:120px 0;background:#eee}@media only screen and (max-width: 768px){.white-bg{padding:60px 0}}.card-list{display:flex;flex-wrap:wrap;margin-bottom:90px}.card-list li{width:380px;margin-right:30px;margin-bottom:30px;display:flex;flex-direction:column;filter:drop-shadow(0px 8px 4px rgba(51,51,51,.25))}.card-list li:nth-child(3n){margin-right:0}.card-list li .txt-box{display:flex;justify-content:space-between;padding:16px;background:#fff;align-items:center;height:100%}.card-list li .txt-box .title{width:85%}.card-list li .txt-box p{font-weight:700}.card-list li .txt-box>.count{text-align:right}@media only screen and (max-width: 768px){.card-list li{width:calc(50% - 7.5px);margin-right:15px}.card-list li:nth-child(3n){margin-right:15px}.card-list li:nth-child(2n){margin-right:0}}@media only screen and (max-width: 480px){.card-list li{width:100%;margin-right:0}.card-list li:nth-child(3n){margin-right:0}}.dot-list li{display:flex}.dot-list li:before{content:"・";font-size:16px;line-height:2}.dot-list li>.title{padding-right:24px}.dot-list.white li p{color:#eee}.dot-list.white li:before{color:#eee}.dot-list.-access li>.title{width:100px}.access-container .google-map{margin-bottom:24px}.access-container .txt-box .company-name,.access-container .txt-box .access{color:#eee}.access-container .txt-box .company-name{font-weight:700;font-size:24px;line-height:1;letter-spacing:.075em;margin-bottom:16px}.access-container .txt-box .access{margin-bottom:24px}@media only screen and (max-width: 768px){.access-container .google-map{margin-bottom:40px}}.contact-form{background:#fff;padding:40px 50px}.contact-form .msg{text-align:center;margin-bottom:40px}.contact-form .fv-contact{justify-content:center;margin-bottom:40px}.contact-form .fv-contact .time{text-align:center;padding-left:0}.contact-form .form-box{display:block;max-width:700px;width:100%;margin:0 auto;transition:.3s}.contact-form .form-box .name-form,.contact-form .form-box .email-form,.contact-form .form-box .textarea-form{display:flex;flex-direction:column}.contact-form .form-box .name-form label,.contact-form .form-box .email-form label,.contact-form .form-box .textarea-form label{padding-bottom:8px;line-height:26px;font-weight:600}.contact-form .form-box .name-form input,.contact-form .form-box .name-form textarea,.contact-form .form-box .email-form input,.contact-form .form-box .email-form textarea,.contact-form .form-box .textarea-form input,.contact-form .form-box .textarea-form textarea{background:#686d7629;border-bottom:2px solid #373a40;padding-left:16px}.contact-form .form-box .name-form input::placeholder,.contact-form .form-box .name-form textarea::placeholder,.contact-form .form-box .email-form input::placeholder,.contact-form .form-box .email-form textarea::placeholder,.contact-form .form-box .textarea-form input::placeholder,.contact-form .form-box .textarea-form textarea::placeholder{color:#3336}.contact-form .form-box .name-form textarea,.contact-form .form-box .email-form textarea,.contact-form .form-box .textarea-form textarea{min-height:260px;padding-top:16px}.contact-form .form-box .name-form,.contact-form .form-box .email-form{margin-bottom:32px}.contact-form .form-box .name-form input,.contact-form .form-box .email-form input{height:52px}.contact-form .form-box .textarea-form{margin-bottom:60px}.contact-form .form-box .submit button{width:100%;font-size:20px;background:#dc5f00;border:2px solid #dc5f00;color:#eee;padding:20px 40px;text-align:center;font-family:Roboto Mono,monospace;font-weight:600;transition:.3s}.contact-form .form-box .submit button:hover{background:#dc5f0000;color:#dc5f00}@media only screen and (max-width: 768px){.contact-form .form-box .submit button{font-size:14px;padding:10px}}.contact-form .form-box.sending{position:relative}.contact-form .form-box.sending:before{position:fixed;z-index:99999;content:"";height:80px;width:80px;left:47.5%;top:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#dc5f00 94%,#0000) top/12px 12px no-repeat,conic-gradient(#0000 30%,#dc5f00);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 12px),#000 0);animation:l13 1s infinite linear}.contact-form .form-box.sending:after{position:fixed;z-index:99998;content:"";top:0;left:0;width:100%;height:100%;background:#fffc}@media only screen and (max-width: 768px){.contact-form{padding:40px 20px}.contact-form .fv-contact .phone-number{padding-right:0}.contact-form .form-box .textarea-form{margin-bottom:40px}.contact-form .form-box.sending:before{position:fixed;z-index:99999;content:"";height:50px;width:50px;left:45%;top:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(farthest-side,#dc5f00 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#dc5f00);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 8px),#000 0);animation:l13 1s infinite linear}}footer{padding:36px 0;background:#eee;display:flex;justify-content:center}footer .img-box{width:175px}footer .img-box a{display:block;transition:.3s}footer .img-box a:hover{opacity:.6}@keyframes l13{to{transform:rotate(1turn)}}@keyframes fadeout{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-200%)}}.container__img-wrapper{overflow:hidden}.title_white{position:relative;color:#fff}.title_black{z-index:-1;position:relative;white-space:nowrap}.spinner{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#eee;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes fadeOut{0%{top:0}to{top:-100vh;z-index:-1}}#loader{position:fixed;background:#dc5f00;width:100%;height:100vh;z-index:999999}#loader.loaded{animation:fadeOut 1s forwards ease-in-out}
