@import "https://fonts.googleapis.com/css2?family=Lato&family=Zen+Kaku+Gothic+New&display=swap";
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{box-sizing:inherit;background-repeat:no-repeat}:after,:before{-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{resize:vertical;overflow:auto}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{outline:1px dotted buttontext}[type=reset]::-moz-focus-inner{outline:1px dotted buttontext}[type=submit]::-moz-focus-inner{outline:1px dotted buttontext}button:-moz-focusring{outline:1px dotted buttontext}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{color:inherit;white-space:normal;border:0;max-width:100%;display:table}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}html{scroll-behavior:smooth;overscroll-behavior:none;background-color:#111}body{color:#333;overscroll-behavior:none;font-family:Zen Kaku Gothic New,Lato,sans-serif;font-size:14px;line-height:2}header{z-index:9999;justify-content:space-between;width:100%;height:80px;padding:30px 60px;transition:all .3s;display:flex;position:fixed}@media screen and (max-width:768px){header{height:44px;padding:15px}}header.transparent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.3)}header.solid{background-color:rgba(0,0,0,.6);height:60px;padding:20px 60px;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media screen and (max-width:768px){header.solid{height:44px;padding:15px}}h1{line-height:0}@media screen and (max-width:768px){h1 img{height:14px}}h2{margin-bottom:24px;line-height:1.5}h2 .en{font-size:64px;font-weight:400;line-height:1.2em;display:block}h2 .ja{font-size:14px;font-weight:700;display:block}h3{margin-bottom:24px;font-size:24px;font-weight:400}.clearfix:after{content:"";clear:both;display:block}a.link-with_arrow{color:#333;justify-content:space-between;align-items:center;gap:.3em;width:100%;text-decoration:none;display:inline-flex}a.link-with_arrow .arrow_icon{transition:transform .2s}a.link-with_arrow:hover .arrow_icon{transform:translate(-.3em)}a.link-with_arrow:visited{color:#333}strong{font-weight:700}.gnavi{font-size:18px}.gnavi ul{justify-content:flex-end;height:100%;list-style-type:none;display:flex}.gnavi ul li{height:100%;margin-left:40px}.gnavi ul li a{color:#fff;line-height:1;text-decoration:none;display:block}.gnavi ul li a:hover{text-decoration:underline}@media screen and (max-width:768px){.gnavi{display:none}}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:rgba(0,0,0,.3);padding:40px 60px 160px;position:relative}footer .copyright{text-align:center;font-size:16px;font-weight:400}main>div{width:100%}main>div#kv{background:0 0}main>div#about{background-color:#fff}main>div#service{background:0 0}main>div#company{background-color:#fff}main>div#contact{background-color:#eee}main>div>div{max-width:1200px;margin:0 auto;padding:120px 40px}@media screen and (max-width:768px){main>div>div{padding:120px 20px}}#kv{width:100%;height:98vh;position:relative;overflow:hidden}#kv .background-video{object-fit:cover;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}#kv .statement{z-index:1;color:#fff;text-align:center;padding-top:28vh;position:relative}#about .wrapper{background-image:url(/images/rad_1.svg);background-position:right 20px bottom 40px;background-size:250px}@media screen and (max-width:1120px){#about .wrapper{background-size:200px;padding-bottom:250px}}#about h2{float:left}@media screen and (max-width:1040px){#about h2{float:none}}#about ul{max-width:580px;margin:0 auto;list-style-type:none}#about ul li{border-radius:8px;margin-top:40px;padding:40px;box-shadow:0 4px 15px #eee}#about ul li:first-child{margin-top:0}#about ul li p{margin-top:1em}#about ul li p:first-child{margin-top:0}#about ul li p strong{background:linear-gradient(transparent 60%,#dff 60%);font-weight:400}#service{position:relative;overflow:hidden}#service .background-video{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}#service .wrapper{z-index:1;color:#fff;position:relative}#service ul{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:40px;list-style-type:none;display:flex}#service ul li{color:#333;background-color:#fff;border-radius:6px;width:357px;padding:40px;transition:box-shadow .3s,transform .3s;box-shadow:0 4px 15px #111}#service ul li:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.2)}#service ul li h3{text-align:center;line-height:1.5}#service ul li p{font-size:14px}#company .wrapper{background-image:url(/images/rad_2.svg);background-position:left 240px bottom 20%;background-size:240px;flex-wrap:wrap;justify-content:space-between;display:flex}@media screen and (max-width:768px){#company .wrapper{background-position:50% calc(100% - 20px);padding-bottom:280px}}#company h2{flex-basis:50%;align-self:center}#company ul{flex-basis:50%;min-width:345px;margin:20px auto;list-style-type:none}#company ul li{border:0 solid #eee;border-bottom-width:1px;justify-content:center;gap:24px;padding:20px;display:flex}#company ul li:first-child{border-width:1px 0}#company ul li p{flex-basis:70%;font-size:14px}#company ul li p:first-child{flex-basis:30%}#contact iframe{margin-top:20px}#second .background-video{object-fit:cover;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}#second .wrapper h1{color:#fff;padding:40px 0}#second .wrapper h1 .en{font-size:64px;font-weight:400;line-height:1.2em;display:block}#second .wrapper h1 .ja{font-size:14px;font-weight:700;display:block}.career-timeline{background-color:#fff;background-image:url(/images/rad_3.svg);background-position:right 80px bottom 40px;background-size:250px;border-radius:8px;padding:80px 80px 160px;position:relative}@media screen and (max-width:768px){.career-timeline{background-position:right 40px bottom 20px;background-size:200px;padding:15px 15px 100px}}.career-timeline:after{content:"";background-color:#eee;width:2px;height:100%;display:block;position:absolute;top:0;left:400px}@media screen and (max-width:768px){.career-timeline:after{left:32px}}.career-timeline .career-timeline-head{float:left;text-align:right;width:280px;padding:12px;position:relative}@media screen and (max-width:768px){.career-timeline .career-timeline-head{text-align:left;width:100%;padding-left:40px}}.career-timeline .career-timeline-head h2{margin-bottom:40px;line-height:24px;position:relative}.career-timeline .career-timeline-head h2 .company{border-bottom:2px solid #111;padding-bottom:.4em;display:block}.career-timeline .career-timeline-head h2 .company.abw{border-color:#900}.career-timeline .career-timeline-head h2 .company.lcl{border-color:#238b21}.career-timeline .career-timeline-head h2 .company.lgt{border-color:#395999}.career-timeline .career-timeline-head h2 .period{color:#666;font-size:12px;line-height:10px}.career-timeline .career-timeline-head h3{margin-bottom:8px;font-size:14px}.career-timeline .career-timeline-head ul.job{flex-wrap:wrap;justify-content:flex-end;margin-bottom:20px;font-size:12px;list-style-type:none;display:flex}@media screen and (max-width:768px){.career-timeline .career-timeline-head ul.job{justify-content:flex-start}}.career-timeline .career-timeline-head ul.job li{border:1px solid #eee;border-radius:2px;margin:0 0 6px 6px;padding:0 8px;display:inline-block}@media screen and (max-width:768px){.career-timeline .career-timeline-head ul.job li{margin:0 6px 6px 0}}.career-timeline .career-timeline-head ul.skill{flex-wrap:wrap;justify-content:flex-end;margin-bottom:20px;font-size:12px;list-style-type:none;display:flex}@media screen and (max-width:768px){.career-timeline .career-timeline-head ul.skill{justify-content:flex-start}}.career-timeline .career-timeline-head ul.skill li{color:#333;background-color:#eee;border-radius:1000px;margin:0 0 6px 6px;padding:0 12px;display:inline-block}@media screen and (max-width:768px){.career-timeline .career-timeline-head ul.skill li{margin:0 6px 6px 0}}.career-timeline ul.career-timeline-body{padding-left:320px;list-style-type:none;position:relative}@media screen and (max-width:768px){.career-timeline ul.career-timeline-body{clear:left;padding-left:40px}}.career-timeline ul.career-timeline-body.abw li:before{background-color:#900;border-color:#900}.career-timeline ul.career-timeline-body.abw li.end:before{border-color:#900}.career-timeline ul.career-timeline-body.lcl li:before{background-color:#238b21;border-color:#238b21}.career-timeline ul.career-timeline-body.lcl li.end:before{border-color:#238b21}.career-timeline ul.career-timeline-body.lgt li:before{background-color:#395999;border-color:#395999}.career-timeline ul.career-timeline-body.lgt li.end:before{border-color:#395999}.career-timeline ul.career-timeline-body li{margin-top:20px;margin-left:40px;position:relative}@media screen and (max-width:768px){.career-timeline ul.career-timeline-body li{margin-left:0}}.career-timeline ul.career-timeline-body li:before{content:"";z-index:1000;background-color:#666;border-radius:1000px;width:16px;height:16px;position:absolute;top:20px;left:-47px}@media screen and (max-width:768px){.career-timeline ul.career-timeline-body li:before{left:-30px}}.career-timeline ul.career-timeline-body li.comment:before{background-color:#eee;border-radius:75% 50% 37.5% 25%}.career-timeline ul.career-timeline-body li.comment p{border:2px solid #eee;border-radius:8px;margin-top:40px;padding:20px}.career-timeline ul.career-timeline-body li.comment p:before{content:"総括";background-color:#fff;padding:0 .5em;display:inline-block;position:absolute;top:-1.2em}.career-timeline ul.career-timeline-body li.end:before{background-color:#fff;border:4px solid #666;width:32px;height:32px;top:12px;left:-55px}@media screen and (max-width:768px){.career-timeline ul.career-timeline-body li.end:before{left:-38px}}.career-timeline ul.career-timeline-body li p{padding:12px;position:relative}.career-timeline ul.career-timeline-body li p .period{color:#666;font-size:12px;line-height:10px;position:absolute;top:0}.career-timeline .clearfix{margin-bottom:120px}.career-other{text-align:center;margin-top:80px}.career-other h2{color:#fff;margin-bottom:80px}.career-other .nyudo{aspect-ratio:1/.4;background-color:#45bae0;border-radius:10px;width:100%;min-width:240px;margin:0 auto}.career-other .nyudo a{text-align:center;width:100%;height:100%;line-height:240px;display:block;position:relative}.career-other .nyudo a img.logo{width:25%;margin:auto 0;position:absolute;top:0;bottom:0;left:15%}.career-other .nyudo a img.kv{width:40%;margin:auto 0;position:absolute;top:0;bottom:0;right:10%}.career-other .nyudo{transition:box-shadow .3s,transform .3s;box-shadow:0 4px 15px #111}.career-other .nyudo:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.2)}
