html{font-size:16px}@media screen and (max-width: 520px){html{font-size:12px}}*,*::before,*::after{box-sizing:border-box;padding:0;margin:0;text-align:left;vertical-align:top}body{color:#000;font-family:"Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;font-size:1.25rem;margin:auto;width:100%}table{border-collapse:collapse;border-color:#000}table th{font-weight:normal}a{color:#000;text-decoration:none}header{background-color:#fff;color:gray;display:flex;justify-content:space-between;height:3.25rem;position:-webkit-sticky;position:sticky;top:0px;margin:auto;max-width:1280px;width:100%;z-index:999}header .logo{background-image:url("../img/logo.png");background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;height:2rem;margin-left:2rem;margin-top:.8rem;width:7rem}header>nav{margin:1rem 2rem 0 auto}header>nav>a{border-left:2px solid gray;color:gray;display:inline-block;font-size:1rem;padding:0 1rem 0 1rem}header>nav>a:last-of-type{border-right:2px solid gray}main{background-position:50% 0%,50% 100%;background-repeat:no-repeat,no-repeat;background-size:contain,contain;margin:auto;max-width:1280px;padding-bottom:8rem;padding-top:8rem;position:-webkit-sticky;position:sticky;top:3.25rem;width:100%;z-index:1}@media screen and (max-width: 960px){main{padding:0}}article{margin:0 auto}@media screen and (max-width: 960px){article{width:100%}}article section{margin:0 auto}article section div{margin:0 auto}.pre{display:block;white-space:pre-wrap}footer.copyright{color:#000;position:relative;text-align:center;z-index:99}footer.copyright::after{content:"©2018 makado-NEXT Co., Ltd.";display:inline-block;font-size:.75em;height:2rem}#page_top{background-color:silver;background-image:url("../img/page-top.svg");background-repeat:no-repeat;background-size:contain;border-radius:.5rem;bottom:.5rem;cursor:pointer;display:block;height:3.5rem;position:fixed;right:.5rem;width:3.5rem;z-index:999}#page_top{-webkit-animation:page_top 2s ease-out forwards;animation:page_top 2s ease-out forwards}@-webkit-keyframes page_top{0%{opacity:0}0%{opacity:0}100%{opacity:1}}@keyframes page_top{0%{opacity:0}0%{opacity:0}100%{opacity:1}}#introduction{height:100vh;position:relative;width:100%}#introduction div{height:100%;width:100%}#introduction #logo{background:url("../img/index-introduction-logo.svg") no-repeat center/cover}#introduction #mindmap_wrapper{left:0;position:absolute;top:0}#introduction #mindmap{background:url("../img/index-introduction-mindmap.svg") no-repeat center/cover}@media screen and (max-width: 520px){#introduction #mindmap{background:url("../img/index-introduction-mindmap_sp.svg") no-repeat center/cover}}.introduction-start #logo_wrapper{-webkit-animation:logo_start 2s ease-out forwards;animation:logo_start 2s ease-out forwards}@-webkit-keyframes logo_start{0%{opacity:0}0%{opacity:0}100%{opacity:1}}@keyframes logo_start{0%{opacity:0}0%{opacity:0}100%{opacity:1}}.introduction-start #mindmap_wrapper{-webkit-animation:mindmap_start 2s ease-out forwards;animation:mindmap_start 2s ease-out forwards}@-webkit-keyframes mindmap_start{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}@keyframes mindmap_start{0%{transform:translateX(-50%)}100%{transform:translateX(0%)}}.introduction-end #logo_wrapper{-webkit-animation:logo_end 1s ease-out forwards;animation:logo_end 1s ease-out forwards}@-webkit-keyframes logo_end{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes logo_end{0%{transform:scale(1)}100%{transform:scale(0)}}.introduction-end #mindmap_wrapper{-webkit-animation:mindmap_end 1s ease-out forwards;animation:mindmap_end 1s ease-out forwards}@-webkit-keyframes mindmap_end{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes mindmap_end{0%{transform:scale(1)}100%{transform:scale(0)}}main{background-color:#e6e6e6;background-image:url(""),url("../img/index-background-bottom.svg");padding-top:0}#image{aspect-ratio:16/9;height:auto;position:relative;width:100%;overflow:hidden}#image div{height:100%;width:100%}#image #image_background{aspect-ratio:24/9;background:url("../img/index-image-background.jpg") no-repeat left/cover;height:100%;width:auto}#image #image_text_suggestion_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_suggestion{background:url("../img/index-image-text-suggestion.svg") no-repeat center/cover}#image #image_text_development_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_development{background:url("../img/index-image-text-development.svg") no-repeat center/cover}#image #image_text_maintenance_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_maintenance{background:url("../img/index-image-text-maintenance.svg") no-repeat center/cover}#image #image_text_operation_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_operation{background:url("../img/index-image-text-operation.svg") no-repeat center/cover}#image #image_text_aim_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_aim{background:url("../img/index-image-text-aim.svg") no-repeat center/cover}#image #image_text_for_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_for{background:url("../img/index-image-text-for.svg") no-repeat center/cover}#image #image_text_the_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_the{background:url("../img/index-image-text-the.svg") no-repeat center/cover}#image #image_text_summit_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_summit{background:url("../img/index-image-text-summit.svg") no-repeat center/cover}#image #image_text_main_jp_wrapper{left:0;position:absolute;top:0;z-index:1}#image #image_text_main_jp{background:url("../img/index-image-text-main-jp.svg") no-repeat center/cover}.image-animation-start #image_background_wrapper{-webkit-animation:image_background 2s ease-out forwards;animation:image_background 2s ease-out forwards;-webkit-animation-delay:500ms;animation-delay:500ms}@-webkit-keyframes image_background{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}@keyframes image_background{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}.image-animation-start #image_text_suggestion_wrapper{-webkit-animation:image_text_suggestion 1s ease-out forwards;animation:image_text_suggestion 1s ease-out forwards}@-webkit-keyframes image_text_suggestion{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}@keyframes image_text_suggestion{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.image-animation-start #image_text_development_wrapper{-webkit-animation:image_text_development 2s ease-out forwards;animation:image_text_development 2s ease-out forwards}@-webkit-keyframes image_text_development{0%{transform:translateX(-30%)}100%{transform:translateX(0%)}}@keyframes image_text_development{0%{transform:translateX(-30%)}100%{transform:translateX(0%)}}.image-animation-start #image_text_maintenance_wrapper{-webkit-animation:image_text_maintenance 1.5s ease-out forwards;animation:image_text_maintenance 1.5s ease-out forwards}@-webkit-keyframes image_text_maintenance{0%{transform:translateX(-80%)}100%{transform:translateX(0%)}}@keyframes image_text_maintenance{0%{transform:translateX(-80%)}100%{transform:translateX(0%)}}.image-animation-start #image_text_operation_wrapper{-webkit-animation:image_text_operation 2s ease-out forwards;animation:image_text_operation 2s ease-out forwards}@-webkit-keyframes image_text_operation{0%{transform:translateX(-20%)}100%{transform:translateX(0%)}}@keyframes image_text_operation{0%{transform:translateX(-20%)}100%{transform:translateX(0%)}}.image-animation-start #image_text_aim_wrapper{-webkit-animation:image_text_aim .5s ease-out forwards;animation:image_text_aim .5s ease-out forwards}@-webkit-keyframes image_text_aim{0%{opacity:0}0%{opacity:0}100%{opacity:1}}@keyframes image_text_aim{0%{opacity:0}0%{opacity:0}100%{opacity:1}}.image-animation-start #image_text_for_wrapper{-webkit-animation:image_text_for 1s ease-out forwards;animation:image_text_for 1s ease-out forwards}@-webkit-keyframes image_text_for{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes image_text_for{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.image-animation-start #image_text_the_wrapper{-webkit-animation:image_text_for 1.5s ease-out forwards;animation:image_text_for 1.5s ease-out forwards}@keyframes image_text_for{0%{opacity:0}66.6666666667%{opacity:0}100%{opacity:1}}.image-animation-start #image_text_summit_wrapper{-webkit-animation:image_text_summit 2s ease-out forwards;animation:image_text_summit 2s ease-out forwards}@-webkit-keyframes image_text_summit{0%{opacity:0}75%{opacity:0}100%{opacity:1}}@keyframes image_text_summit{0%{opacity:0}75%{opacity:0}100%{opacity:1}}.image-animation-start #image_text_main_jp_wrapper{-webkit-animation:image_text_main_jp 2s ease-out forwards;animation:image_text_main_jp 2s ease-out forwards}@-webkit-keyframes image_text_main_jp{0%{transform:translateY(50%)}100%{transform:translateY(0)}}@keyframes image_text_main_jp{0%{transform:translateY(50%)}100%{transform:translateY(0)}}.title{background-color:#0096df;box-shadow:0 5px 10px gray;height:3rem;margin-bottom:3rem;text-align:center;width:100%}.title div{color:#fff;font-size:1.25rem;font-weight:bold;line-height:3rem;margin:auto;max-width:800px}@media screen and (max-width: 800px){.title div{padding:0 1rem}}article{color:#000;margin:0 auto;max-width:800px}@media screen and (max-width: 800px){article{padding:0 1rem}}article:first-of-type{font-size:1.5rem}article:first-of-type>section.service{aspect-ratio:4/1;background:url("../img/index-service.svg") no-repeat center/contain;height:auto;max-width:800px;width:100%}article:first-of-type>section.presentation{margin:1.5rem 0 1.5rem 0;font-size:1.25rem}article:first-of-type>section.policy{margin:50px 0 50px 0}article:first-of-type>section.policy>span:first-of-type{border-left:2px solid #000;border-right:2px solid #000;display:inline-block;padding-left:1rem;padding-right:1rem}article:first-of-type>section.policy>span:last-of-type{font-family:"Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;letter-spacing:.2em;margin-left:1em}article:last-of-type{padding-bottom:100px}article:last-of-type>section{display:flex;justify-content:center}article:last-of-type>section>a{align-items:center;aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:auto;justify-content:center;max-width:360px;position:relative;width:50vw;z-index:1}article:last-of-type>section>a:first-of-type{background-image:url("../img/overview-small.jpg")}article:last-of-type>section>a:last-of-type{margin-left:3rem;background-image:url("../img/recruit-small.jpg")}article:last-of-type>section>a::after{content:"";background-color:rgba(64,64,64,.3);position:absolute;pointer-events:none;left:0;right:0;top:0;bottom:0;z-index:2}article:last-of-type>section>a>div{z-index:3;pointer-events:none}