.fadeon{opacity:0;transition:all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width: 559px){#company .page-lead{text-align:center}}#company #information{padding:0 3%;max-width:calc(792px + 6%);margin:0 auto}@media screen and (max-width: 959px){#company #information{padding:0 1rem}}#company #information ul{margin-top:5rem}@media screen and (max-width: 559px){#company #information ul{margin-top:3rem}}#company #information ul li{font-size:1.5rem;line-height:1.7;display:flex;padding:2.5rem 0;border-top:1px solid #b3b3b3}@media screen and (max-width: 559px){#company #information ul li{flex-direction:column}}#company #information ul li h3{font-weight:700;letter-spacing:.1rem;width:193px}@media screen and (max-width: 559px){#company #information ul li h3{width:100%}#company #information ul li h3:before{content:"▼"}}#company #information ul li .txt{flex:1}#company #information .others{padding-top:5rem;border-top:1px solid #b3b3b3;display:flex;justify-content:space-between}@media screen and (max-width: 559px){#company #information .others{flex-direction:column}}#company #information .others .ot-holder{display:flex;flex-direction:row-reverse;width:316px}@media screen and (max-width: 559px){#company #information .others .ot-holder{width:100%;margin-bottom:3rem}}#company #information .others .ot-holder .txt{flex:1}#company #information .others .ot-holder .txt h3{font-size:1.6rem;font-weight:500;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid #000}#company #information .others .ot-holder .txt p{font-size:1.45rem;line-height:1.4}#company #information .others .ot-holder .image{width:64px;margin-right:2rem}#company #information .others .p-mark{width:85px}#company .backwrap{background:#ededed;padding:5rem 0 7rem;margin:15rem auto 10rem}@media screen and (max-width: 959px){#company .backwrap{margin:8rem auto 6rem}}@media screen and (max-width: 559px){#company .backwrap{padding:4rem 0 3rem;margin:4.5rem auto 6rem}}#company .backwrap #location{padding:0 3%;max-width:calc(792px + 6%);margin:0 auto}@media screen and (max-width: 959px){#company .backwrap #location{padding:0 1rem}}#company .backwrap #location .box{margin-top:5rem;display:flex;justify-content:space-between}@media screen and (max-width: 559px){#company .backwrap #location .box{margin-top:3rem;flex-direction:column}}#company .backwrap #location .box .holder{width:47%;display:flex;flex-direction:column}@media screen and (max-width: 559px){#company .backwrap #location .box .holder{width:100%;margin-bottom:2rem}}#company .backwrap #location .box .holder h3{order:2;font-size:1.8rem;letter-spacing:.1rem;line-height:1.5;margin:2rem 0 1rem}#company .backwrap #location .box .holder h3:before{content:"▼";color:#ce000e;margin-right:.3rem;font-size:1.6rem;display:inline-block}#company .backwrap #location .box .holder p{font-size:1.5rem;letter-spacing:.1rem;line-height:1.8}#company .backwrap #location .box .holder p:nth-of-type(1){order:3}#company .backwrap #location .box .holder p:nth-of-type(2){order:4}#company .backwrap #location .box .holder p a{text-decoration:underline}#company .backwrap #location .box .holder .image{order:1;height:100%}#company #history{padding:0 3%;max-width:calc(792px + 6%);margin:0 auto}@media screen and (max-width: 959px){#company #history{padding:0 1rem}}#company #history ul{margin-top:7rem}@media screen and (max-width: 559px){#company #history ul{margin-top:4rem}}#company #history ul li{display:flex;font-size:1.5rem;line-height:1.7;padding:2.5rem 0;border-bottom:1px solid #b3b3b3}@media screen and (max-width: 559px){#company #history ul li{flex-direction:column}}#company #history ul li:nth-of-type(1){border-top:1px solid #b3b3b3}#company #history ul li .year{width:105px;padding-left:.5rem}@media screen and (max-width: 559px){#company #history ul li .year{font-weight:500}#company #history ul li .year:before{content:"▼"}}#company #history ul li .txt{flex:1}