html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}img{vertical-align:top}body{line-height:1}h1,h2,h3,h4,h5,h6{font-weight:normal}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ul,dl{list-style:none;display:block}*,*::before,*::after{box-sizing:border-box}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}h1,h2,h3,h4,h5,h6{font-weight:normal}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,*::before,*::after{box-sizing:border-box}input,select{vertical-align:middle}html{width:100%;height:100%;font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,sans-serif;font-size:62.5%}body{position:relative;color:#222;font-size:1.4rem;line-height:1.75em;background:#fff;z-index:0}@media (min-width: 1024px){body{font-size:1.6rem}}@media (min-width: 769px){body{z-index:1}}@media (min-width: 1024px){body{z-index:2}}@media (min-width: 1280px){body{z-index:3}}@media (min-width: 1920px){body{z-index:4}}html,body{-webkit-text-size-adjust:100%}main{display:block;padding-top:52px}@media (min-width: 1024px){main{padding-top:60px}}.inner{position:relative;width:90%;margin:0 auto}@media (min-width: 1024px){.inner{width:88.5%;max-width:1240px}}a{color:#222;outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{width:100%}img.img-border{border:1px solid #ddd}img.width-auto{width:auto !important}.img-width-auto{text-align:center}@media (min-width: 1024px){.img-width-auto img{width:auto !important}}sup{vertical-align:super}small{font-size:1.2rem}.clearfix:after{content:"";display:block;clear:both;height:0}.font-color-theme{color:#20ADBF}.font-color-gold{color:#AF9862}.sp-inline{display:inline}.pc-inline{display:none}.sp-block{display:block}.pc-block{display:none}@media (min-width: 769px){.sp-inline{display:none}.pc-inline{display:inline}.sp-block{display:none}.pc-block{display:block}}.header{position:fixed;width:100%;height:52px;background-color:#000;z-index:1000}.header__inner{display:flex;justify-content:space-between;align-items:center}.header__logo{position:relative;width:120px;line-height:1em;z-index:100}.header__menu{position:relative;z-index:100}.header__bg{position:fixed;left:0;top:0;width:100%;height:52px;background-color:#000;z-index:1}@media (min-width: 1024px){.header{height:60px}.header__inner{width:93.75%;max-width:none}.header__menu{display:none}.header__bg{display:none}}@media (min-width: 1280px){.header__logo{width:142px}}.footer{color:#fff;background-color:#191919}.footer__top{padding:20px 0;border-bottom:1px #000 solid}.footer__ttl{margin-bottom:18px;line-height:20px}.footer__logo{display:inline-block;width:100px;position:relative;top:1px;vertical-align:middle;margin-right:5px}.footer__company{font-size:1rem;line-height:20px}.footer__sns{display:flex}.footer__sns li{width:20px;margin-right:25px}.footer__sns a{display:inline-block}.footer__nav{padding-top:20px}.footer__item{font-size:1.2rem;margin-bottom:25px}.footer__item dt{font-weight:bold}.footer__item dt,.footer__item dd{margin-bottom:9px}.footer__item a{color:#fff;display:inline-block}.footer__item a[target="_blank"]:after{content:'';display:inline-block;width:7px;height:6px;position:relative;top:-1px;left:5px;vertical-align:middle;background-image:url(../img/common/icon_gnav_blank_off.svg);background-repeat:no-repeat;background-position:center;background-size:7px 6px}.footer__copyright{padding:15px 0;background-color:#000}.footer__copyright small{display:block;font-size:1.2rem;line-height:1em}@media (min-width: 1024px){.footer__top{padding:35px 0}.footer__inner{display:flex;justify-content:space-between}.footer__ttl{margin-bottom:0px;line-height:30px}.footer__logo{width:142px;top:3px;margin-right:20px}.footer__company{font-size:1.4rem;line-height:30px}.footer__sns li{margin-right:0px;margin-left:30px}.footer__sns a:hover .path{fill:#20ADBF}.footer__nav{padding-top:45px;padding-bottom:30px}.footer__list{display:flex;justify-content:space-between}.footer__item{width:20%;font-size:1.4rem;margin-bottom:0px}.footer__item dt,.footer__item dd{margin-bottom:15px}.footer__item a:hover{color:#20ADBF}.footer__item a[target="_blank"]:hover:after{background-image:url(../img/common/icon_gnav_blank_ov.svg)}.footer__copyright{padding:25px 0}}#page-top{display:none}#page-top p{margin:0 auto}#page-top p a{text-align:center;line-height:3;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:5px;position:fixed;right:10px;bottom:20px;color:#fff;background:#20ADBF;opacity:0.8;z-index:100}@media (min-width: 769px){#page-top p a{right:30px;bottom:30px;line-height:1}}#page-top p a:hover{opacity:0.5}#page-top p a img{width:18px;margin-top:3px;transform:rotate(-90deg)}.menu{position:relative;width:44px;height:52px;overflow:hidden;cursor:pointer}.menu span{position:absolute;left:12px;width:20px;height:2px;background-color:#fff;transition:transform 400ms cubic-bezier(0.6, -0.28, 0.735, 0.045)}.menu span:nth-child(1){top:11px}.menu span:nth-child(2){top:18px}.menu span:nth-child(3){top:25px}.menu__txt{font-size:1rem;color:#fff;position:absolute;left:0;top:32px;width:100%;height:1em;line-height:1em;text-align:center}.menu__txt-open{display:block}.menu__txt-close{display:none}.menu.close span:nth-child(1){transform:translateY(7px) rotate(-45deg)}.menu.close span:nth-child(2){transform:translateX(44px)}.menu.close span:nth-child(3){transform:translateY(-7px) rotate(45deg)}.menu.close .menu__txt-open{display:none}.menu.close .menu__txt-close{display:block}.gnav{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translate(88%, -100%)}.gnav.show{transform:translate(0, 0)}.gnav.show .gnav__inner{transform:translate(0%, 0%)}.gnav__inner{width:100%;height:100%;transform:translate(-88%, 100%)}.gnav__list{width:79%;margin:52px auto 0;padding-bottom:60px}.gnav__item{border-bottom:1px #191919 solid}.gnav__item>a{display:block;width:100%;padding:8px 0}.gnav__item>a .en{font-size:1rem;color:#666}.gnav__item>a .ja{font-size:2rem;color:#fff}.gnav__item .caption{display:none}.gnav__item dl a{display:block;color:#fff}.gnav__item dt a{line-height:30px}.gnav__item .dd-group{margin-left:20px;margin-bottom:10px}.gnav__item dd a{line-height:26px}.gnav__item dd a span{white-space:nowrap}.gnav__item dd.blank a:after{content:'';display:inline-block;width:7px;height:7px;vertical-align:middle;background-image:url(../img/common/icon_gnav_blank_off.svg);background-position:center;background-repeat:no-repeat;background-size:7px 7px;transform:translateX(5px)}.gnav__item.current>a,.gnav__item.current .ja{color:#666}.gnav__item--recruit .icon{position:relative;left:5px;top:8px;display:inline-block;width:7px;vertical-align:top}.gnav__item--document{margin-top:30px}.gnav__item--document>a{color:#20ADBF;text-align:center;border:3px #20ADBF solid;border-radius:25px}.gnav__item--document .icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:middle}.gnav__contact{display:none}@media (min-width: 1024px){.gnav{position:relative;width:auto;height:auto;background-color:transparent;overflow-y:visible;transform:none;transition:none}.gnav.show{transform:none}.gnav.show .gnav__inner{transform:none}.gnav__inner{display:flex;width:auto;height:auto;transform:none;transition:none}.gnav__list{position:relative;display:flex;width:auto;margin:0;padding:0}.gnav__list:after{position:absolute;right:0;top:15px;content:'';display:block;width:1px;height:30px;background-color:#666}.gnav__item{border-bottom:none}.gnav__item:hover .subnav{display:block}.gnav__item>a{display:block;width:auto;height:60px;line-height:60px;padding:0 9px}.gnav__item>a .en{display:none}.gnav__item>a .ja{font-size:1.3rem;vertical-align:top}.gnav__item>a:hover{color:#20ADBF}.gnav__item>a:hover .ja{color:#20ADBF}.gnav__item .subnav{display:none;position:fixed;left:0;top:60px;width:100%;background-color:#f0f0f0}.gnav__item .caption{font-size:2.2rem;font-weight:bold;display:flex;align-items:center;height:70px;padding-left:10px;margin-left:3.125%;border-bottom:1px #dedede solid}.gnav__item .caption span{text-indent:0}.gnav__item .caption span a{margin-left:20px;font-size:1.4rem;padding-left:18px;background-image:url(../img/common/icon_link_sub.svg);background-position:left center;background-repeat:no-repeat;background-size:10px 10px}.gnav__item .caption span a:hover{color:#20ADBF}.gnav__item dl{display:flex;justify-content:space-between;flex-wrap:wrap;width:93.75%;margin:0 auto}.gnav__item dl a{color:#222}.gnav__item dl .group:nth-child(4n){border-right:none}.gnav__item .group{flex-basis:24.7%;width:24.7%;padding-top:40px;padding-bottom:40px;border-right:1px #dedede solid}.gnav__item .group.borderless{border-right:none}.gnav__item dt{margin-left:10px;margin-right:8px;margin-bottom:15px}.gnav__item dt a{font-size:1.6rem;font-weight:bold;line-height:1.375em;padding-left:28px;background-image:url(../img/common/icon_link_off.svg);background-position:left top;background-repeat:no-repeat;background-size:22px 22px}.gnav__item dt a:hover{color:#20ADBF;background-image:url(../img/common/icon_link_ov.svg)}.gnav__item .dd-group{margin-left:10px;margin-right:8px;margin-bottom:0px}.gnav__item dd{margin-bottom:5px}.gnav__item dd a{font-size:1.4rem;font-weight:bold;line-height:1.6em;padding-left:18px;background-image:url(../img/common/icon_link_sub.svg);background-position:left 6px;background-repeat:no-repeat;background-size:10px 10px}.gnav__item dd a:hover{color:#20ADBF}.gnav__item dd.blank a:after{content:'';display:inline-block;width:7px;height:7px;vertical-align:middle;background-image:url(../img/common/icon_gnav_blank_ov2.svg);background-position:center;background-repeat:no-repeat;background-size:7px 7px;transform:translateX(5px)}.gnav__item dd.blank a:hover:after{background-image:url(../img/common/icon_gnav_blank_ov.svg)}.gnav__item.current>a,.gnav__item.current .ja{color:#20ADBF}.gnav__item.current>a .ja{position:relative}.gnav__item.current>a .ja:after{content:'';display:block;width:100%;height:4px;position:absolute;left:0;bottom:0;background-color:#20ADBF}.gnav__item--nest>a{text-align:center}.gnav__item--nest>a:hover .ja{background-image:url(../img/common/icon_gvav_pulldown_ov.svg)}.gnav__item--nest>a .ja{display:inline-block;width:auto;padding-right:12px;background-image:url(../img/common/icon_gvav_pulldown_off.svg);background-position:right 0px top 24px;background-repeat:no-repeat;background-size:8px 8px}.gnav__item--nest.current>a .ja{background-image:url(../img/common/icon_gvav_pulldown_ov.svg)}.gnav__item--case .subnav:after,.gnav__item--company .subnav:after,.gnav__item--event .subnav:after{content:'';display:block;position:absolute;left:0;top:176px;width:100%;height:1px;background-color:#dedede}.gnav__item--recruit>a .ja{padding-right:14px;background-image:url(../img/common/icon_gnav_blank_off.svg);background-position:right 49%;background-repeat:no-repeat;background-size:7px 6px}.gnav__item--recruit>a:hover .ja{background-image:url(../img/common/icon_gnav_blank_ov.svg)}.gnav__item--recruit .icon{display:none}.gnav__item--document{margin-top:0;margin-right:7px}.gnav__item--document>a{font-size:1.3rem;color:#fff;text-align:left;border:none;border-radius:0}.gnav__item--document .icon{display:none}.gnav__contact{display:flex}.gnav__contact li,.gnav__contact a{display:block;color:#fff;height:60px;line-height:60px}.gnav__contact .icon{vertical-align:middle}.gnav__mail{font-size:1.2rem;margin-left:15px}.gnav__mail a{padding-left:25px;background-image:url(../img/common/icon_mail_off.svg);background-position:left 49%;background-repeat:no-repeat;background-size:16px 13px}.gnav__mail a:hover{color:#20ADBF;background-image:url(../img/common/icon_mail_ov.svg)}.gnav__phone{font-size:1.5rem;margin-left:10px}.gnav__phone .icon{width:16px;height:16px}}@media (min-width: 1280px){.gnav__item>a .ja{font-size:1.4rem}.gnav__item .caption{padding-left:30px}.gnav__item dt{margin-left:30px;margin-right:30px}.gnav__item .dd-group{margin-left:30px;margin-right:30px}.gnav__item--nest>a .ja{padding-right:15px;background-position:right 0px top 23px;background-size:10px 10px}.gnav__item--document{margin-right:22px}.gnav__item--document>a{font-size:1.4rem}.gnav__mail{font-size:1.4rem;margin-left:30px}.gnav__mail a{padding-left:28px;background-size:20px 15px}.gnav__phone{font-size:1.8rem;margin-left:25px}}.contact{color:#fff;padding:40px 0 60px;background-color:#111;background-image:url(../img/common/bg_content-mainvis_sp.png);background-position:center;background-repeat:no-repeat;background-size:cover}.contact__ttl{font-size:1.8rem;line-height:1.5em;text-align:center;margin-bottom:30px}.contact__list{text-align:center}.contact__item{margin-bottom:25px}.contact__txt{margin-bottom:10px}.contact__phone{text-align:center}.contact__phone__ttl{line-height:1.5em;margin-bottom:15px}.contact__phone__tel{display:inline-block;font-size:2rem}.contact__phone__tel:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:5px;background-image:url(../img/common/icon_phone.svg);background-repeat:no-repeat;background-position:center;background-size:16px 16px}.contact__phone__time{font-size:1.2rem}@media (min-width: 1024px){.contact{background-image:url(../img/common/bg_content-mainvis.png);padding:80px 0 100px}.contact__ttl{font-size:3.6rem}.contact__list{display:flex;justify-content:center;margin-bottom:35px}.contact__item{width:380px;margin:0 20px}.contact__txt{margin-bottom:10px}.contact__phone{text-align:center}.contact__phone__ttl{line-height:1.8em}.contact__phone__tel{font-size:4rem;margin-right:10px}.contact__phone__tel:before{width:28px;height:28px;margin-right:8px;background-size:28px 28px}.contact__phone__time{font-size:1.4rem}}.external__item{width:100%;height:98px}.external__item--devio .external__link{background-image:url(../img/common/bg_devio.png)}.external__item--devio .external__logo img{width:104px}.external__item--careers .external__link{background-image:url(../img/common/bg_careers.png)}.external__item--careers .external__logo img{width:90px}.external__link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.external__logo{width:124px;text-align:left;line-height:40px;border-right:1px #666 solid}.external__logo img{display:inline-block;vertical-align:middle}.external__txt-area{color:#fff;width:170px;margin-left:20px}.external__name{line-height:1em;margin-bottom:6px}.external__name:before{content:'';display:inline-block;width:7px;height:6px;vertical-align:middle;margin-right:7px;background-image:url(../img/common/icon_gnav_blank_ov.svg);background-repeat:no-repeat;background-position:center;background-size:7px 6px}.external__txt{font-size:1rem;line-height:1.5em}@media (min-width: 1024px){.external__list{display:flex}.external__item{width:50%;height:180px}.external__item--devio .external__link{justify-content:flex-end}.external__item--devio .external__logo img{width:143px}.external__item--devio .external__txt-area{margin-right:70px}.external__item--careers .external__link{justify-content:flex-start}.external__item--careers .external__logo img{width:103px}.external__item--careers .external__logo{margin-left:70px}.external__link:hover .external__name{color:#20ADBF}.external__logo{width:170px;line-height:50px}.external__txt-area{width:280px;margin-left:30px}.external__name{font-size:1.8rem;transition:color 300ms ease}.external__txt{font-size:1.4rem}}.certification{background-color:#fff}.certification__list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:20px 0 5px}.certification__item{width:30.9%;margin-right:3.65%;margin-bottom:40px}.certification__item:nth-child(3n){margin-right:0}@media (min-width: 1024px){.certification__list{justify-content:flex-start;padding:40px 0 0px}.certification__item{width:120px;margin-right:18px;margin-bottom:60px}.certification__item:nth-child(3n){margin-right:18px}}.button{display:inline-block;width:100%;font-size:1.6rem;padding:16px 0;border-radius:34px;line-height:2.2rem;text-align:center}.button--small{font-size:1.4rem;padding:12px 0;border-radius:26px}.button--large{font-size:1.6rem;padding:16px 0;border-radius:34px}.button--fill{color:#fff !important;border:3px #20ADBF solid;background-color:#20ADBF}.button--border{color:#20ADBF !important;border:3px #20ADBF solid;box-sizing:border-box}.button--white{color:#222 !important;border:3px #fff solid;background-color:#fff}.button--contact:before{content:'';position:relative;top:-1px;display:inline-block;width:20px;height:15px;vertical-align:middle;margin-right:8px;background-image:url(../img/common/icon_mail_ov.svg);background-repeat:no-repeat;background-position:center;background-size:20px 15px}.button--contact.button--fill:before{background-image:url(../img/common/icon_mail_off.svg)}.button--link:before{content:'';display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:8px;background-image:url(../img/common/icon_link_off.svg);background-repeat:no-repeat;background-position:center;background-size:18px 18px}.button--link.button--fill:before{background-image:url(../img/common/icon_link_ov2.svg)}.button--down:before{content:'';display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:8px;background-image:url(../img/common/icon_down_off.svg);background-repeat:no-repeat;background-position:center;background-size:18px 18px}.button--down.button--fill:before{background-image:url(../img/common/icon_down_ov2.svg)}.button--blank:before{content:'';display:inline-block;width:7px;height:6px;vertical-align:middle;margin-right:6px;background-image:url(../img/common/icon_gnav_blank_ov.svg);background-repeat:no-repeat;background-position:center;background-size:7px 6px}.button--blank.button--fill:before{background-image:url(../img/common/icon_gnav_blank_off.svg)}.button--document:before{content:'';position:relative;top:-1px;display:inline-block;width:21px;height:21px;vertical-align:middle;margin-right:8px;background-image:url(../img/common/icon_document_off.svg);background-repeat:no-repeat;background-position:center;background-size:21px 21px}.button--document.button--fill:before{background-image:url(../img/common/icon_document_ov.svg)}.button--shadow{box-shadow:10px 10px 10px rgba(0,0,0,0.1)}@media (min-width: 1024px){.button--small{font-size:1.6rem;padding:16px 0;border-radius:34px}.button--large{font-size:1.6rem;padding:16px 0;border-radius:34px}.button--fill{transition:border 300ms linear, background-color 300ms linear, box-shadow 300ms linear}.button--fill:hover{background-color:#3288CF;border:3px #3288CF solid}.button--border{transition:color 300ms linear, background-color 300ms linear, box-shadow 300ms linear}.button--border:before{transition:background-image 300ms linear}.button--border:hover{color:#fff !important;background-color:#20ADBF}.button--border:hover.button--link:before{background-image:url(../img/common/icon_link_ov2.svg)}.button--border:hover.button--blank:before{background-image:url(../img/common/icon_gnav_blank_off.svg)}.button--border:hover.button--document:before{background-image:url(../img/common/icon_document_ov.svg)}.button--white{transition:color 300ms linear, box-shadow 300ms linear}.button--white:hover{color:#20ADBF !important}.button--link:before{width:22px;height:22px;margin-right:10px;background-size:22px 22px}.button--link.button--fill:before{background-image:url(../img/common/icon_link_ov2.svg)}.button--down:before{width:22px;height:22px;margin-right:10px;background-size:22px 22px}.button--down.button--fill:before{background-image:url(../img/common/icon_down_ov2.svg)}.button--shadow{box-shadow:6px 6px 6px rgba(0,0,0,0.1)}.button--shadow:hover{box-shadow:10px 10px 10px rgba(0,0,0,0.18)}}
