@charset "UTF-8";
/* reset */
html, input, select, textarea { color: #333; }

body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure, h1, h2, h3, h4, h5, h6, form, select { font-family: 'Sawarabi Mincho', sans-serif; margin: 0; padding: 0; }

ul, ol { list-style: none; }

img { border: 0; vertical-align: bottom; }

svg, input, select, textarea, label { vertical-align: middle; }

table { border-collapse: collapse; }

h1, h2, h3, h4, h5, h6, th, em { font-weight: normal; }

*, *:before, *:after { word-break: break-all; }

pre { white-space: pre-wrap; }

main, article, aside, figcaption, figure, footer, header, nav, section, details, summary { display: block; }

html, body { min-height: 100%; }

select, input[type="text"], input[type="search"], input[type="number"], input[type="url"], input[type="password"], input[type="email"], input[type="tel"], textarea { border-radius: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* main */
/* font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", sans-serif; */
.cfx:after { content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }

.cfx { display: block; }

.org-set, #wrapper #container .globalHeader .innerBlock .detailBlock .text, #wrapper #container .mainArea .sectionBlock.about .innerBlock .detailBlock, #wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock, #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock, #wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock, #wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock, #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock { -moz-transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }

.org-op, #wrapper #container .globalHeader .innerBlock .detailBlock .title, #wrapper #container .mainArea .sectionBlock.about .sectionTitle, #wrapper #container .mainArea .sectionBlock.interview .sectionTitle, #wrapper #container .mainArea .sectionBlock.workspace .sectionTitle, #wrapper #container .mainArea .sectionBlock.career .sectionTitle { opacity: 0; }

body { position: relative; line-height: 1.7; font-size: 14px; color: #333; word-break: break-all; -webkit-text-size-adjust: 100%; }

a:link, a:visited { color: #3399cc; text-decoration: none; }
a:hover, a:active { color: #3399cc; text-decoration: underline; }

.helvetica, #wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem .link, #wrapper #container .globalHeader .innerBlock .detailBlock .title, #wrapper #container .mainArea .sectionBlock .sectionTitle { font-family: "Helvetica Neue" , Helvetica; }

#wrapper #container { position: relative; padding: 0; }
#wrapper #container .filter { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; }
#wrapper #container #movie { display: none; position: absolute; overflow: hidden; z-index: 1; width: 100%; height: 100vh; }
#wrapper #container #movie iframe { position: absolute; margin: 0 auto; width: 140%; height: 120vh; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#wrapper #container .globalHeader { position: relative; width: 100%; height: 500px; }
#wrapper #container .globalHeader .loader { display: inline-block; position: absolute; top: 50%; left: 50%; border: 2px solid #000; border-bottom-color: transparent; height: 26px; width: 26px; z-index: 5; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-animation: rotate 0.75s 0s linear infinite; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite; }
#wrapper #container .globalHeader .menuBtn { display: none; }
#wrapper #container .globalHeader .innerBlock { width: 980px; height: 100%; margin: 0 auto; padding-top: 20px; position: relative; }
#wrapper #container .globalHeader .innerBlock .logoBlock { position: absolute; top: 20px; left: 10px; z-index: 3; }
#wrapper #container .globalHeader .innerBlock .logoBlock .img { display: block; }
#wrapper #container .globalHeader .innerBlock .globalNav { position: absolute; right: 0; z-index: 3; }
#wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem { float: left; }
#wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem:first-child { display: none; }
#wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem:last-child { padding-right: 0; }
#wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem .link { display: block; padding: 10px 8px; color: #fff; font-size: 15px; font-weight: bold; line-height: 2; }
#wrapper #container .globalHeader .innerBlock .detailBlock { margin: 0 auto; width: 98%; text-align: center; line-height: 1; position: absolute; left: 0; right: 0; bottom: 20%; z-index: 3; }
#wrapper #container .globalHeader .innerBlock .detailBlock .title { color: #fff; font-size: 76px; font-weight: bold; letter-spacing: -2px; }
#wrapper #container .globalHeader .innerBlock .detailBlock .text { margin-top: 15px; color: #fff; font-size: 18px; letter-spacing: .1em; }
#wrapper #container .globalHeader.start .detailBlock .title { animation: lazy-title 2s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .globalHeader.start .detailBlock .text { animation: lazy-set 2s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .globalHeader .directionBox { position: absolute; right: 30px; bottom: 20px; z-index: 8; }
#wrapper #container .globalHeader .directionBox .box { position: relative; margin: 0 auto; width: 20px; height: 44px; border: solid 1px rgba(250, 250, 250, 0.6); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#wrapper #container .globalHeader .directionBox .box::before { content: ""; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 6px; background: rgba(250, 250, 250, 0.6); animation: ball-act 2s infinite cubic-bezier(0.18, 1, 0.21, 1) 0.3s forwards; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
@keyframes ball-act { 0% { top: 4px; opacity: .3; }
  100% { top: 34px; opacity: 1; } }
#wrapper #container .globalHeader .directionBox .text { margin-top: 5px; color: #fff; font-size: 11px; letter-spacing: .1em; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", sans-serif; }
#wrapper #container .mainArea { margin: 0 auto; }
#wrapper #container .mainArea .sectionBlock { margin: 80px auto 0; }
#wrapper #container .mainArea .sectionBlock .beforeLine { position: relative; width: 350px; margin: 0 auto; padding-bottom: 25px; display: block; overflow: hidden; }
#wrapper #container .mainArea .sectionBlock .beforeLine::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 350px; height: 1px; background: #000; -moz-transform: translateX(-350px); -webkit-transform: translateX(-350px); transform: translateX(-350px); }
#wrapper #container .mainArea .sectionBlock .beforeLine.start::before { animation: line-act 0.8s 1 cubic-bezier(0.18, 1, 0.21, 1) 0.2s forwards; }
@keyframes line-act { 0% { transform: translateX(-350px); }
  100% { transform: translateX(0); } }
#wrapper #container .mainArea .sectionBlock .sectionTitle { font-size: 90px; font-weight: bold; text-align: center; padding-bottom: 30px; letter-spacing: -2px; }
#wrapper #container .mainArea .sectionBlock .innerBlock { margin: 0 auto; }
#wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock { width: 100%; }
#wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock .title { margin-bottom: 15px; font-size: 36px; text-align: center; line-height: 1.5; }
#wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock .title span { display: block; }
#wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock .text { margin-bottom: 20px; line-height: 2.0; }
#wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock .text:last-child { margin-bottom: 0; }
#wrapper #container .mainArea .sectionBlock.about .sectionTitle.start { animation: lazy-title 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.about .innerBlock { width: 980px; }
#wrapper #container .mainArea .sectionBlock.about .innerBlock.start .detailBlock { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0.2s forwards; }
#wrapper #container .mainArea .sectionBlock.interview .sectionTitle.start { animation: lazy-title 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock { display: flex; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock, #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock { width: 50%; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock .title, #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock .title { text-align: left; line-height: 1.4; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock .img img, #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock .img img { width: 100%; height: auto; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock .inner { width: 475px; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) { margin-bottom: 50px; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) .detailBlock { padding-right: 60px; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) .detailBlock .inner { float: right; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2) { margin-bottom: 80px; flex-direction: row-reverse; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2) .detailBlock { padding-left: 60px; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2) .detailBlock .inner { float: left; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) { margin-bottom: 0; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) .detailBlock { padding-right: 60px; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) .detailBlock .inner { float: right; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock.start .detailBlock { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0.2s forwards; }
#wrapper #container .mainArea .sectionBlock.interview .innerBlock.start .imgBlock { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0.4s forwards; }
#wrapper #container .mainArea .sectionBlock.workspace .sectionTitle.start { animation: lazy-title 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock { width: 100%; overflow: hidden; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .carouselList { margin: 0 auto; max-width: 900px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .carouselList .slick-list { overflow: visible; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .carouselList li .img img { width: 100%; height: auto; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .carouselList li .text { padding: 10px 10px 5px; height: 45px; font-size: 14px; line-height: 1.2; text-align: center; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn { width: 60px; height: 60px; border-radius: 50px; position: absolute; background: #fff; z-index: 3; cursor: pointer; -moz-top: calc(50% - 60px); -webkit-top: calc(50% - 60px); top: calc(50% - 60px); }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn:after, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn:after { content: ""; width: 12px; height: 12px; border-right: 1px solid #000; border-bottom: 1px solid #000; margin-left: -8px; position: absolute; top: 50%; margin-top: -6px; display: block; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn { left: 20px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn:after { left: 33px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn { right: 20px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn:after { right: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock { width: 100%; overflow: hidden; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock .thumbList { margin: 0 auto; max-width: 900px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock .thumbList .slick-list { overflow: visible; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock .thumbList li img { width: 100%; height: auto; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .thumbBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock { width: 980px; margin: 0 auto; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailBlock { margin: 50px 0; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailBlock > .title { text-align: left; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem { width: 50%; margin-bottom: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .img { width: 15%; height: auto; float: left; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .img img { width: 70%; margin: 0 auto; display: block; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText { width: 73%; margin-left: 2%; float: left; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .title { font-size: 20px; display: block; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .linker { display: block; margin-top: 5px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .linker a { font-size: 12px; color: #000; text-decoration: underline; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .linker a:hover { text-decoration: none; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText .title { font-size: 20px; margin-bottom: 5px; display: block; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText .text { display: block; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText .text:nth-child(2) { margin-bottom: 20px; }
#wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.career { color: #fff; background: #12177f; }
#wrapper #container .mainArea .sectionBlock.career .beforeLine { display: none; }
#wrapper #container .mainArea .sectionBlock.career .sectionTitle { padding: 30px 0; }
#wrapper #container .mainArea .sectionBlock.career .sectionTitle.start { animation: lazy-title 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock { width: 980px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock { margin-bottom: 25px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock .text { text-align: center; margin-bottom: 0; padding-bottom: 2px; display: block; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock { margin-bottom: 50px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock .detailBtn { width: 300px; color: #12177f; font-size: 18px; text-align: center; line-height: 1; margin: 0 auto; display: block; position: relative; background: #fff; cursor: pointer; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock .detailBtn:before { content: ''; width: 10px; height: 10px; border-right: 1px solid #12177f; border-bottom: 1px solid #12177f; margin-left: -8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 18px; right: 30px; display: block; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock .detailBtn:after { content: ''; width: 30px; border-top: 1px solid #12177f; position: absolute; top: 23px; right: 30px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock .detailBtn .link { color: #12177f; padding: 15px; display: block; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .btnBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .title { margin-bottom: 15px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable { width: 100%; margin-bottom: 100px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .title, #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail { padding: 12px; height: 44px; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .title { width: 30%; text-align: center; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail { width: 70%; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail .overview .head { display: block; margin-bottom: 5px; font-weight: bold; font-style: normal; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail .linkList { margin-top: 10px; font-size: 12px; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail .linkList li a { color: #fff; text-decoration: underline; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail .linkList li a:hover { text-decoration: none; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .linkBlock { padding-bottom: 90px; text-align: center; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .linkBlock .link { color: #fff; text-decoration: underline; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .linkBlock .link:hover { text-decoration: none; }
#wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock.start { animation: lazy-set 1.5s 1 cubic-bezier(0.18, 1, 0.21, 1) 0s forwards; }
#wrapper #container .globalFooter { background: #12177f; }
#wrapper #container .globalFooter .innerBlock { width: 980px; margin: 0 auto; padding-bottom: 100px; }
#wrapper #container .globalFooter .innerBlock .imgBlock { width: 240px; margin: 0 auto 80px; }
#wrapper #container .globalFooter .innerBlock .imgBlock .img { width: 80px; float: left; }
#wrapper #container .globalFooter .innerBlock .imgBlock .img .link { width: 29px; margin: 0 auto; display: block; }
#wrapper #container .globalFooter .innerBlock .imgBlock .img .link img { margin: 0 auto; display: block; }
#wrapper #container .globalFooter .innerBlock .bottomBlock .img { margin-bottom: 20px; }
#wrapper #container .globalFooter .innerBlock .bottomBlock .img img { width: 100px; margin: 0 auto; display: block; }
#wrapper #container .globalFooter .innerBlock .bottomBlock .copyright { text-align: center; }
#wrapper #container .globalFooter .innerBlock .bottomBlock .copyright .text { color: #fff; font-size: 10px; }

@media (max-width: 979px) { #wrapper #container #movie { display: none; }
  #wrapper #container .globalHeader { width: 100%; height: auto; background: url(../images/img_header_01.png) no-repeat top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; }
  #wrapper #container .globalHeader .menuBtn { display: block; position: fixed; top: 0; right: 5px; width: 48px; height: 48px; z-index: 10; }
  #wrapper #container .globalHeader .menuBtn .inner { position: relative; width: 48px; height: 48px; }
  #wrapper #container .globalHeader .menuBtn .inner .line { display: block; position: absolute; top: 50%; left: 50%; width: 24px; height: 2px; margin: -1px 0 0 -12px; background: #333; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
  #wrapper #container .globalHeader .menuBtn .inner .line:before, #wrapper #container .globalHeader .menuBtn .inner .line:after { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 2px; background: #333; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
  #wrapper #container .globalHeader .menuBtn .inner .line:before { margin-top: -8px; }
  #wrapper #container .globalHeader .menuBtn .inner .line:after { margin-top: 6px; }
  #wrapper #container .globalHeader .menuBtn.open .inner .line { background: transparent; }
  #wrapper #container .globalHeader .menuBtn.open .inner .line:before { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  #wrapper #container .globalHeader .menuBtn.open .inner .line:after { -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
  #wrapper #container .globalHeader .menuBtn.open .inner .line:before, #wrapper #container .globalHeader .menuBtn.open .inner .line:after { margin-top: 0; }
  #wrapper #container .globalHeader .innerBlock { padding-top: 0; width: 100%; height: auto; }
  #wrapper #container .globalHeader .innerBlock .logoBlock { display: inline-block; position: absolute; top: 10px; left: 20px; float: none; }
  #wrapper #container .globalHeader .innerBlock .logoBlock .imgBlock .img .link img { width: 67px; height: 16px; }
  #wrapper #container .globalHeader .innerBlock .detailBlock { position: static; padding: 35% 0 5%; width: 80%; height: auto; }
  #wrapper #container .globalHeader .innerBlock .detailBlock > .title { font-size: 48px; word-break: keep-all; }
  #wrapper #container .globalHeader .innerBlock .detailBlock > .text { font-size: 14px; line-height: 1.2; }
  #wrapper #container .globalHeader .innerBlock .globalNav { display: none; position: fixed; right: -150px; padding: 30px; width: 150px; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); z-index: 9; -moz-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -moz-box-shadow: 0px 0px 15px -5px #000; -webkit-box-shadow: 0px 0px 15px -5px #000; box-shadow: 0px 0px 15px -5px #000; }
  #wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem { float: none; }
  #wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem:first-child { display: block; }
  #wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem .link { color: #000; outline: none; }
  #wrapper #container .globalHeader .innerBlock .globalNav .headerMenuList .menuItem .link:hover { text-decoration: none; }
  #wrapper #container .globalHeader .directionBox { right: 30px; bottom: 20px; }
  #wrapper #container .globalHeader .directionBox .box { width: 17px; height: 34px; }
  #wrapper #container .globalHeader .directionBox .box::before { top: 4px; left: 6px; width: 4px; height: 4px; }
  @keyframes ball-act { 0% { top: 4px; opacity: .3; }
    100% { top: 24px; opacity: 1; } }
  #wrapper #container .globalHeader .directionBox .text { font-size: 10px; }
  #wrapper #container .mainArea .sectionBlock { margin: 60px auto 0; }
  #wrapper #container .mainArea .sectionBlock .beforeLine { padding-bottom: 1px; width: 180px; }
  #wrapper #container .mainArea .sectionBlock .beforeLine:before { width: 180px; }
  #wrapper #container .mainArea .sectionBlock .sectionTitle { padding: 30px 0; font-size: 48px; line-height: 1.0; }
  #wrapper #container .mainArea .sectionBlock .sectionTitle:before { display: none; }
  #wrapper #container .mainArea .sectionBlock .innerBlock .detailBlock .text { margin-bottom: 10px; }
  #wrapper #container .mainArea .sectionBlock.about .innerBlock { width: 100%; height: auto; }
  #wrapper #container .mainArea .sectionBlock.about .innerBlock .detailBlock > .title { padding: 0 3.125%; font-size: 20px; line-height: 1.4; text-align: left; }
  #wrapper #container .mainArea .sectionBlock.about .innerBlock .detailBlock > .text { padding: 0 3.125%; font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock { display: block; margin: 0 auto; width: 100%; height: auto; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock .inner .title { margin-top: 20px; font-size: 20px; line-height: 1.4; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock .detailBlock .inner .text { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock { margin-top: 20px; width: 100%; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock .imgBlock .img { max-width: 979px; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) .detailBlock .title { margin-top: 0; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1), #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2), #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) { margin-bottom: 0; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) .detailBlock, #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2) .detailBlock, #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) .detailBlock { padding: 0 3.125%; width: 93.75%; }
  #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(1) .detailBlock .inner, #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(2) .detailBlock .inner, #wrapper #container .mainArea .sectionBlock.interview .innerBlock:nth-of-type(3) .detailBlock .inner { float: none; width: 100%; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock { width: 100%; height: auto; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .carouselList li .text { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn { width: 40px; height: 40px; top: calc(50% - 50px); }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn:after, #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn:after { content: ""; width: 8px; height: 8px; margin-top: -4px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn { left: 30px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .prevBtn:after { left: 25px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn { right: 30px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .carouselBlock .nextBtn:after { right: 18px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock { width: 100%; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailBlock { margin: 30px 0; padding: 0 3.125%; width: 93.75%; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailBlock > .title { margin-bottom: 10px; font-size: 20px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailBlock > .text { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock { padding: 0 3.125%; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea { margin-bottom: 30px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem { margin-bottom: 20px; width: 100%; float: none; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem:nth-child(n+3) { margin-bottom: 20px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText { line-height: 1.4; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .title { margin-bottom: 10px; font-size: 18px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .text { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .detailListArea .listItem .detailText .text .linker { font-size: 10px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText { font-size: 18px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText .text { margin-bottom: 5px; font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.workspace .innerBlock .welfareBlock .detailListBlock .bottomBlock .detailText .text:nth-child(2) { margin-bottom: 10px; font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock { width: 100%; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock { margin: 0 auto 25px; padding: 0 6.25%; width: 87.5%; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .detailBlock .text { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock > .title { padding: 0 3.125%; text-align: center; font-size: 18px; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable { margin: 0 auto 50px; padding: 0 3.125%; width: 93.75%; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .title, #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .recruitTable tr .detail { font-size: 12px; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .linkBlock { padding-bottom: 50px; }
  #wrapper #container .mainArea .sectionBlock.career .innerBlock .bottomBlock .linkBlock .link { font-size: 12px; }
  #wrapper #container .globalFooter .innerBlock { width: 100%; padding-bottom: 60px; }
  #wrapper #container .globalFooter .innerBlock .imgBlock { margin: 0 auto 50px; }
  #wrapper .overlay { display: none; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; background: #000; z-index: 8; -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } }
@keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes lazy-set { 0% { transform: translate3d(0, 30px, 0); opacity: 0; }
  100% { transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes lazy-title { 0% { letter-spacing: 10px; opacity: 0; }
  100% { letter-spacing: -2px; opacity: 1; } }



/*# sourceMappingURL=recruit.css.map */