@charset "UTF-8";::selection{background:#fcefe6;color:inherit}p{line-height:1.8}#site-header{background:0 0;display:flex;flex-direction:column;justify-content:stretch;padding-top:7rem;width:450px;position:fixed}@media (max-width:1200px){#site-header{width:320px}}.site-nav li,.widget-content{font-size:inherit}.site-nav a:hover,.site-nav .current-menu-item>a{text-decoration:none;color:#ec6c00}#site-wrapper{padding-left:450px}@media (max-width:1200px){#site-wrapper{padding-left:320px}}.post-header h1.post-title{font-size:2.4rem;text-align:center}.post-header hr{max-width:30%;margin:1.5em auto;height:1px}.post-tags .tags-links{font-weight:400;font-size:1.2rem}.entry-content .tags-links{font-size:1.4rem;margin-bottom:4em}.entry-content .tags-links ul li{margin-right:1.5em}.tags-links ul{margin:0;padding:0;list-style:none}.tags-links ul li{display:inline-block;margin:0 .5em .3em 1em;padding:0}.tags-links ul li a{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 1em;background-color:#e8e9ef;border-radius:0 3px 3px 0;color:#1d2b62;text-decoration:none;-webkit-transition:.2s;transition:.2s}.tags-links ul li a:before{position:absolute;top:0;left:-15px;content:'';width:0;height:0;border-color:transparent #e8e9ef transparent transparent;border-style:solid;border-width:15px 15px 15px 0;-webkit-transition:.2s;transition:.2s}.tags-links ul li a:after{position:absolute;top:50%;left:0;z-index:2;display:block;content:'';width:6px;height:6px;margin-top:-3px;background-color:#fff;border-radius:100%}.tags-links ul li a:hover{background-color:#a5a9c4;text-decoration:none;color:#fff}.tags-links ul li a:hover:before{border-right-color:#a5a9c4}.tags-links ul li span{display:block;white-space:nowrap;text-overflow:ellipsis}.tbl_work_memo{border-top:2px solid #1d2b62;border-bottom:2px solid #1d2b62;margin-bottom:5rem}.tbl_work_memo tr{background:0 0 !important;border-bottom:1px dotted #a5a9c4}.tbl_work_memo tr td{vertical-align:top}.tbl_work_memo tr td:nth-child(1){min-width:100px}.page_subhead{overflow:hidden;position:relative;border-bottom:1px solid #1d2b62;margin-bottom:2.5em}.page_subhead h2{color:#1d2b62;font-size:3.4rem;margin-bottom:.5rem;letter-spacing:.5rem}.page_subhead span{position:absolute;bottom:0;right:0;color:#e8e9ef;font-size:3.6rem;font-weight:700;line-height:1}.post-thumbnail-wrap img{margin:0 auto}.outline_block{display:grid;grid-template-columns:230px 1fr;gap:1.5em 0;background-image:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/outline_vbar_cover.png),url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/outline_vbar.png);background-repeat:no-repeat,repeat-y;background-position:5px top,10px 0}@media (max-width:650px){.outline_block{grid-template-columns:1fr;gap:1em}}.outline_block .outline_year:before{content:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/outline_year_point.png);vertical-align:-10px;margin-right:20px}.outline_block .outline_year img{display:inline}.outline_block .outline_text h3{margin:0 0 .5em;font-size:2rem;color:#1d2b62}.outline_block .outline_text p{font-size:1.4rem;line-height:1.6}@media (max-width:650px){.outline_block .outline_text{margin-left:50px}}.work-date{color:#68717b;font-size:1.4rem;font-weight:500;list-style:none}.work-date img,.work-date span{display:inline;width:auto;vertical-align:middle}.work-date img{opacity:.5;margin-right:4px}.archive-header .preview-wrapper,.archive-header-mobile{background-color:#e8e9ef;border:7px solid #fff}.archive-header .preview-wrapper .archive-title,.archive-header-mobile .archive-title{color:#1d2b62}.archive-header .preview-wrapper .subheading,.archive-header-mobile .subheading{color:#ec6c00}.archive-header .preview-wrapper img,.archive-header-mobile img{display:inline}@keyframes poyooon{0%{transform:scale(1,1) translate(0%,-100%);opacity:0}35%{transform:scale(1,1.1) translate(0%,10%);opacity:1}42%{transform:scale(1.4,.5) translate(0%,50%)}60%{transform:scale(.9,1.2) translate(0%,-5%)}74%{transform:scale(1,1) translate(0%,0%)}88%{transform:scale(.9,1.1) translate(0%,-3%)}100%{transform:scale(1,1) translate(0%,0%)}}@keyframes rubberBand_ex{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(.5,.5,.5) translate(-200px,-20px)}}@keyframes fostor_combine{from{transform:translate(0,0);opacity:1}40%{transform:translate(0,22px);opacity:1}to{transform:translate(0,22px);opacity:0}}@keyframes story_combine{from{transform:translate(0,0);opacity:1}40%{transform:translate(0,-22px);opacity:1}to{transform:translate(0,-22px);opacity:0}}@keyframes sdb{0%{transform:translate(0,0);opacity:0}40%{transform:translate(0,20px);opacity:1}80%{transform:translate(0,20px);opacity:1}100%{transform:translate(0,20px);opacity:0}}@keyframes srr{0%{transform:translate(0,0);opacity:0}40%{transform:translate(20px,0);opacity:1}80%{transform:translate(20px,0);opacity:1}100%{transform:translate(20px,0);opacity:0}}html,body{height:100vh;box-sizing:border-box}body{overflow-y:scroll}.year_wrap .startup,.year_wrap .startup_shadow,.year_wrap .anv_10y,.year_wrap .anv_shadow,.year_wrap .anv_go,.year_wrap .anv_yu{position:absolute;opacity:0}.pos_ab{position:absolute}.body_wrap{width:100%;height:100vh}.body_wrap.do_show{height:calc(41000px + 110vw)}.hero_wrap{position:relative;width:100%;height:100vh;overflow:hidden;z-index:1}.load_after{display:none}.horizon-wrap{width:calc(9000px + 110vw);height:100vh;position:static;z-index:1;top:0;left:0;display:none;flex-wrap:wrap;transition-duration:.5s}.horizon-wrap.onscroll{display:flex;position:fixed}.horizon-wrap .horizon-sec{height:100vh}.back_grid{background:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/back_grid.png);position:fixed;z-index:0;top:0;left:0;height:100vh;width:100vw}.year_wrap{position:absolute;z-index:2;width:1013px;height:697px;top:35%;left:calc(50% - 210px);transition:all 1s ease 0s;transform:translate(116%,100%);opacity:0}.year_wrap.active{opacity:1;transform:none}.year_wrap .year_bar{position:absolute;top:110px}.year_wrap .startup{left:165px;z-index:10}.year_wrap .startup.active{animation:poyooon 1.1s ease-in 0s;opacity:1}.year_wrap .startup_shadow{left:160px;top:95px;transform:scale(.8,.8);transition:opacity .7s ease .2s;z-index:0}.year_wrap .startup_shadow.active{opacity:1}.year_wrap .anv_10y{bottom:195px;right:70px;z-index:10}.year_wrap .anv_10y.active{animation:poyooon 1s ease-in 0s;opacity:1}.year_wrap .anv_shadow{bottom:180px;right:90px;transition:opacity .6s ease .2s;z-index:0}.year_wrap .anv_shadow.active{opacity:1}.year_wrap .anv_go{bottom:56px;right:-60px;opacity:0}.year_wrap .anv_go.active{opacity:1}.year_wrap .anv_yu{bottom:80px;right:-90px;opacity:0}.year_wrap .anv_yu.active{transition-delay:.3s;transition-property:opacity;opacity:1}#connect{position:relative;z-index:1;width:100%;height:12000px;top:0;left:0}#connect .do_hidden{transition-duration:.5s;transition-delay:unset;opacity:0;visibility:hidden}.block_connect{position:absolute;width:100%;height:100vh;top:0;opacity:0;visibility:hidden;transition:opacity .3s linear 0s}.block_connect.move_stop{position:fixed;height:100vh}.block_connect.do_show{opacity:1;visibility:visible}.block_connect .and_enduser{top:calc(50% + -278px);left:calc(50% + -176px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s}.block_connect .and_enduser.do_event{opacity:1;visibility:visible}.block_connect .and_client{top:calc(50% + -3px);left:calc(50% + -248px);opacity:0;visibility:hidden;transition:all 1.5s ease .5s}.block_connect .and_client.do_event{opacity:1;visibility:visible}.block_connect .and_us{top:calc(50% + 75px);left:calc(50% + 105px);opacity:0;visibility:hidden;transition:all 1.5s ease 1s}.block_connect .and_us.do_event{opacity:1;visibility:visible}.block_connect .and_connect{top:calc(50% + -145px);left:calc(50% + -68px);opacity:0;visibility:hidden;transition:all 1.5s ease 0}.block_connect .and_connect.do_event{opacity:1;visibility:visible}.block_connect .and_and{top:calc(50% + -105px);left:calc(50% + -40px);opacity:0;visibility:hidden;transition:all 1.5s ease 1s;z-index:5}.block_connect .and_and.do_event{opacity:1;visibility:visible}.block_connect .and_and.do_small{animation:rubberBand_ex .8s ease 0s;transform:scale3d(.5,.5,.5) translate(-200px,-20px)}.block_connect .and_and.do_moresmall{transition-delay:0s;transform:scale3d(.32,.32,.32) translate(-250px,-20px)}.block_connect .and_and.do_kurutto{transform:scale3d(.32,.32,.32) translate(-250px,-20px) rotate(-45deg)}.block_connect .and_and.do_combine{transform:scale3d(.32,.19,.32) translate(-250px,-20px) rotate(-45deg)}.block_connect .and_and.do_hidden{display:none}.block_connect .connectus{position:absolute;top:calc(50% - 30px);left:calc(50% + 250px);transition:all 1s ease 0s;transform:translate(150%,150%);opacity:0;visibility:hidden}.block_connect .connectus.do_event{transform:none;opacity:1;visibility:visible}.block_connect .and_enduser.move_event,.block_connect .and_client.move_event,.block_connect .and_us.move_event,.block_connect .and_connect.move_event,.block_connect .connectus.move_event{transition:all 1.5s ease 0s;transform:translate(-100%,0);opacity:0;visibility:hidden}.block_connect .foster1{top:calc(50% + -80px);left:calc(50% + 10px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;transform:translate(0,-100vw);transition-duration:.8s}.block_connect .foster1.do_move{transform:none;opacity:1;visibility:visible}.block_connect .foster2{top:calc(50% + -207px);left:calc(50% + -10px);opacity:0;visibility:hidden;transition:all 1.5s ease .3s;transform:translate(0,-100vw);transition-duration:.8s}.block_connect .foster2.do_move{transform:none;opacity:1;visibility:visible}.block_connect .foster1.do_combine,.block_connect .foster2.do_combine{animation:fostor_combine 1s ease 0s;animation-fill-mode:forwards;transition-duration:.5s}.block_connect .story1{top:calc(50% + -15px);left:calc(50% + 85px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;transform:translate(100vh,0);transition-duration:.8s}.block_connect .story1.do_move{transform:none;opacity:1;visibility:visible}.block_connect .story2{top:calc(50% + 22px);left:calc(50% + 88px);opacity:0;visibility:hidden;transition:all 1.5s ease .3s;transform:translate(100vh,0);transition-duration:.8s}.block_connect .story2.do_move{transform:none;opacity:1;visibility:visible}.block_connect .story1.do_combine,.block_connect .story2.do_combine{animation:story_combine 1s ease 0s;animation-fill-mode:forwards;transition-duration:.5s}.block_connect .fostory{top:calc(50% + -45px);left:calc(50% + 10px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;z-index:20}.block_connect .fostory.do_tada{animation:tada .8s ease .8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1;visibility:visible;transition-duration:.5s}.block_connect .andfostory{top:calc(50% + 10px);left:calc(50% + 10px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;transform:translate(0,100vh);transition-delay:0s}.block_connect .andfostory.do_move{transform:none;opacity:1;visibility:visible}.block_connect .andfostory.set_delay{transition-delay:1s}.block_connect .it_partner{top:calc(50% + -404px);left:calc(50% + -300px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;transform:translate(-100vw,-100vh);transition-delay:0s}.block_connect .it_partner.do_move{transform:none;opacity:1;visibility:visible}.block_connect .it_partner.set_delay{transition-delay:1s}.block_connect .keycap{top:calc(50% + -70px);left:calc(50% + -90px);opacity:0;visibility:hidden;transition:all 1.5s ease 0s;transform:translate(0,100vh);transition-duration:.8s}.block_connect .keycap.do_move{transform:none;opacity:1;visibility:visible}.block_connect .keycap.do_hidden{display:none}#sec-salespromotion img,#sec-itsystem img,#sec-fosteritskills img{image-rendering:pixelated}#sec-salespromotion{position:relative;display:flex}#sec-salespromotion .spr-introbox-box,#sec-salespromotion .spr-subject-box,#sec-salespromotion .spr-service-box{position:relative;height:100vh}#sec-salespromotion .spr-introbox-box{width:560px}#sec-salespromotion .spr-subject-box{width:675px}#sec-salespromotion .spr-service-box{width:932px}#sec-salespromotion .spr-monitor{left:0;top:50px}#sec-salespromotion .spr-keyboard{left:71px;top:364px}#sec-salespromotion .spr-box{left:300px;top:100px}#sec-salespromotion .spr-bag{left:275px;top:274px}#sec-salespromotion .spr-discussion{left:253px;top:436px}#sec-salespromotion .txt-external{left:0;top:70px}#sec-salespromotion .spr-section{left:0;top:148px}#sec-salespromotion .spr-subcatch{left:3px;top:218px;transform:translate(100%,0);transition:all .8s cubic-bezier(.5,0,.75,0) 0s;opacity:0}#sec-salespromotion .spr-subcatch.do_event{transform:none;opacity:1}#sec-salespromotion .spr-balloon1{left:20px;top:290px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0}#sec-salespromotion .spr-balloon1.do_event{transform:none;opacity:1}#sec-salespromotion .spr-balloon2{left:50px;top:426px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:.5s}#sec-salespromotion .spr-balloon2.do_event{transform:none;opacity:1}#sec-salespromotion .spr-balloon3{left:350px;top:305px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-salespromotion .spr-balloon3.do_event{transform:none;opacity:1}#sec-salespromotion .spr-service1{left:50px;top:35px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0}#sec-salespromotion .spr-service1.do_move{transform:none;opacity:1}#sec-salespromotion .spr-service2{left:182px;top:216px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:.5s}#sec-salespromotion .spr-service2.do_move{transform:none;opacity:1}#sec-salespromotion .spr-service3{left:0;top:192px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-salespromotion .spr-service3.do_move{transform:none;opacity:1}#sec-salespromotion .spr-service4{left:122px;top:370px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:1.5s}#sec-salespromotion .spr-service4.do_move{transform:none;opacity:1}#sec-itsystem{position:relative;display:flex}#sec-itsystem .itsys-introbox-box,#sec-itsystem .itsys-subject-box,#sec-itsystem .itsys-service-box{position:relative;height:100vh}#sec-itsystem .itsys-introbox-box{width:535px}#sec-itsystem .itsys-subject-box{width:890px}#sec-itsystem .itsys-service-box{width:932px}#sec-itsystem .itsys-labyrinth{left:0;top:60px}#sec-itsystem .txt-external{left:0;top:70px}#sec-itsystem .itsys-section{left:0;top:148px}#sec-itsystem .itsys-subcatch1{left:5px;top:220px;transform:translate(100%,0);transition:all .8s cubic-bezier(.5,0,.75,0) 0s;opacity:0}#sec-itsystem .itsys-subcatch1.do_event{transform:none;opacity:1}#sec-itsystem .itsys-subcatch2{left:5px;top:240px;transform:translate(100%,0);transition:all .8s cubic-bezier(.5,0,.75,0) 0s;opacity:0}#sec-itsystem .itsys-subcatch2.do_event{transform:none;opacity:1}#sec-itsystem .itsys-balloon1{left:65px;top:315px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0}#sec-itsystem .itsys-balloon1.do_event{transform:none;opacity:1}#sec-itsystem .itsys-balloon2{left:140px;top:465px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:.5s}#sec-itsystem .itsys-balloon2.do_event{transform:none;opacity:1}#sec-itsystem .itsys-balloon3{left:490px;top:338px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-itsystem .itsys-balloon3.do_event{transform:none;opacity:1}#sec-itsystem .itsys-service1{left:75px;top:66px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0}#sec-itsystem .itsys-service1.do_move{transform:none;opacity:1}#sec-itsystem .itsys-service2{left:290px;top:283px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:.5s}#sec-itsystem .itsys-service2.do_move{transform:none;opacity:1}#sec-itsystem .itsys-service3{left:0;top:193px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-itsystem .itsys-service3.do_move{transform:none;opacity:1}#sec-itsystem .itsys-service4{left:195px;top:404px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:1.5s}#sec-itsystem .itsys-service4.do_move{transform:none;opacity:1}#sec-fosteritskills{position:relative;display:flex}#sec-fosteritskills .fst-introbox-box,#sec-fosteritskills .fst-subject-box,#sec-fosteritskills .fst-service-box{position:relative;height:100vh}#sec-fosteritskills .fst-introbox-box{width:523px}#sec-fosteritskills .fst-subject-box{width:779px}#sec-fosteritskills .fst-service-box{width:932px}#sec-fosteritskills .fst-base{left:0;top:125px}#sec-fosteritskills .fst-cloud1{left:-33px;top:95px}#sec-fosteritskills .fst-cloud2{left:393px;top:33px}#sec-fosteritskills .txt-external{left:0;top:70px}#sec-fosteritskills .fst-section{left:0;top:148px}#sec-fosteritskills .fst-subcatch1{left:5px;top:220px;transform:translate(100%,0);transition:all .8s cubic-bezier(.5,0,.75,0) 0s;opacity:0}#sec-fosteritskills .fst-subcatch1.do_event{transform:none;opacity:1}#sec-fosteritskills .fst-subcatch2{left:5px;top:240px;transform:translate(100%,0);transition:all .8s cubic-bezier(.5,0,.75,0) 0s;opacity:0}#sec-fosteritskills .fst-subcatch2.do_event{transform:none;opacity:1}#sec-fosteritskills .fst-balloon1{left:31px;top:299px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0}#sec-fosteritskills .fst-balloon1.do_event{transform:none;opacity:1}#sec-fosteritskills .fst-balloon2{left:191px;top:460px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:.5s}#sec-fosteritskills .fst-balloon2.do_event{transform:none;opacity:1}#sec-fosteritskills .fst-balloon3{left:411px;top:207px;transform:translate(100%,-20px) scale(1.3,1.3);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-fosteritskills .fst-balloon3.do_event{transform:none;opacity:1}#sec-fosteritskills .fst-service1{left:216px;top:144px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0}#sec-fosteritskills .fst-service1.do_move{transform:none;opacity:1}#sec-fosteritskills .fst-service2{left:0;top:152px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:1s}#sec-fosteritskills .fst-service2.do_move{transform:none;opacity:1}#sec-fosteritskills .fst-service3{left:110px;top:363px;transform:translate(175%,100%);transition:all 1s ease 0s;opacity:0;transition-delay:2s}#sec-fosteritskills .fst-service3.do_move{transform:none;opacity:1}.thanks_box{position:relative;display:flex;z-index:10;padding-left:10rem;height:100vh}.thanks_box p{position:relative;top:180px;line-height:2;letter-spacing:1px}.close_contact{position:relative;z-index:10;text-align:center}.close_contact .gmap{margin-top:30px;position:relative;z-index:10;padding-left:80px}.close_contact .tel_box span,.close_contact .address_box span{font-size:.8em}.close_contact .tel_box{font-size:.9em;padding-top:5em;margin-bottom:10em}.close_contact .tel_box b{font-size:2.4em;color:#1d2b62}.close_contact .access_box{text-align:center}.close_contact .address_box{margin-top:50px}.close_contact .address_box .parking{color:#1d2b62;font-size:.9em}.close_contact .address_box .parking:before{content:'';font-family:'Font Awesome 5';font-size:1.2em;margin-right:.5em}.header-right-mini{position:fixed;width:80px;height:100vh;left:0;background:#fff;z-index:1000}.header-right-mini .mini-logo{margin-top:5%;margin:5% auto 0}.header-right-mini .right-bars{display:inline-block;width:100%;height:90vh;cursor:pointer;transition:opacity .5s ease}.header-right-mini .right-bars:hover{opacity:.5}.header-right-mini .right-bars .bar{background:#232d37;border-radius:.2rem;display:block;width:35px;height:.2rem;position:absolute;top:calc(50% - .1rem);left:20px;transition:transform .2s ease-in,opacity 0s ease-out .2s,margin .2s ease-out .2s}.header-right-mini .right-bars .bar:nth-child(1){margin-top:-.6rem}.header-right-mini .right-bars .bar:nth-child(3){margin-top:.6rem}#site-header{padding-right:4rem;padding-left:4rem;top:0;bottom:0;left:0}body.home #site-header{background:#fff;transform:translate(-400px,0);padding-left:80px;transition:all .5s ease}@media (min-width:1440px){body.home #site-header{transform:translate(-44.5rem,0)}}body.home #site-header.active{transform:translate(0,0)}.header-top,.header-inner{margin:0;background-color:#fff;width:80%}@media (max-width:1200px){.header-top,.header-inner{width:100%}}.header-top{flex-grow:0;padding:0}.header-inner{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.nav-toggle,.mobile-menu-wrapper{display:none}ul.site-nav{margin-top:6rem}ul.site-nav li{margin-top:1em}.social-menu-wrapper{margin-top:6rem;padding-bottom:6rem}body.home #site-wrapper{padding-left:0}#site-wrapper{min-width:1001px;overflow-x:hidden}#site-content{min-height:100vh;padding:6rem 6rem 0 0;position:relative;z-index:10}@media (max-width:1100px){#site-content{padding-right:2rem}}.single-container{border-radius:.8rem;box-shadow:0 .3rem 1.8rem #edeeee;overflow:hidden;max-width:1200px}.post-inner,.has-post-thumbnail .post-inner{padding:6rem 0;max-width:700px}@media (max-width:1400px){.post-inner,.has-post-thumbnail .post-inner{max-width:none;margin:0 4em;width:auto}}.featured-media,.works-media{height:280px;background:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/back_featuredimg.png) no-repeat right top;background-size:contain}.featured-media.sales-promotion,.works-media.sales-promotion{background-image:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/back_salespromotion.png)}.featured-media.it-system,.works-media.it-system{background-image:url(//andfostory.com/wp-content/themes/andfostory/assets/css/../images/back_itsystem.png)}.featured-media .media-inner,.works-media .media-inner{max-width:740px;margin:0 auto;padding:4em 2em 0}.featured-media .media-inner img,.works-media .media-inner img{width:auto}.preview-wrapper a.preview-image{overflow:hidden}.preview-wrapper a.preview-image img{transition:.5s}.preview-wrapper a.preview-image:hover img.wp-post-image{transition:.5s;transform:scale(1.1)}#site-footer{padding-bottom:0;padding-right:0}#site-footer .business_info{background-color:#e8e9ef;padding:3em 0 2em 80px;position:relative;z-index:10;margin-top:100px}#site-footer .subcatch{display:inline-block;margin-bottom:1em;letter-spacing:.3em;font-size:.9em;color:#1d2b62}#site-footer .open_close{font-size:.8em;margin-top:2em;line-height:2;color:#1d2b62}#site-footer .open_close img{width:18px;margin-right:5px;vertical-align:text-bottom;display:inline}#site-footer .credits{padding:1.5em 0;background-color:#1d2b62;color:#fff}.sc_down_box{position:fixed;width:50px;height:100vh;right:0;opacity:0}.sc_down_box img.arrow{position:absolute;top:45%;animation:sdb 3.5s infinite;box-sizing:border-box}.sc_down_box img.text{position:absolute;top:calc(45% + 20px);left:5px}.sc_down_box.do_scroll{opacity:1}.sc_down_box.do_hidden{display:none}.sc_right_box{position:fixed;width:100vw;height:50px;bottom:0;display:none}.sc_right_box img.arrow{position:absolute;animation:srr 3.5s infinite;box-sizing:border-box;top:5px;right:80px}.sc_right_box img.text{position:absolute;right:130px}.sc_right_box.do_scroll{display:block}.do_hidden{opacity:0}