.robot{font-family:"Roboto",sans-serif}.noto{font-family:"Noto Serif JP",serif}.RoNow{font-family:"ナウ-GM","NOW-GM"}#wrapperContent{margin-top:70px}#wrapperContent #content.top main article #main_movie{padding-top:30px;margin-bottom:100px;align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#wrapperContent #content.top main article #main_movie .movie{flex-basis:70%;margin-left:0}#wrapperContent #content.top main article #main_movie .logoArea{flex-basis:18%}#wrapperContent #content.top main article #main_movie .logoArea .logo_txt{width:75%;margin:20px auto 0}#wrapperContent #content.top main article #main_movie .logoArea .logo_txt img{width:100%}#wrapperContent #content.top main article #main_movie .logoArea .insta{text-align:center;margin:45px auto 0}#wrapperContent #content.top main article #main_movie .logoArea .insta a img{transition:all .2s ease-out}#wrapperContent #content.top main article #main_movie .logoArea .insta a:hover img{opacity:.8}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #main_movie{padding-top:20px;margin-bottom:50px}#wrapperContent #content.top main article #main_movie .movie{flex-basis:100%}#wrapperContent #content.top main article #main_movie .logoArea{flex-basis:100%;margin-top:30px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 20px}#wrapperContent #content.top main article #main_movie .logoArea .logoBox{flex-basis:40%}#wrapperContent #content.top main article #main_movie .logoArea .logo_txt{margin:12px auto 0}#wrapperContent #content.top main article #main_movie .logoArea .insta{flex-basis:20%;margin:0}#wrapperContent #content.top main article #main_movie .logoArea .insta a img{width:10vw;min-width:30px}}#wrapperContent #content.top main article #top_banner{margin-bottom:100px}#wrapperContent #content.top main article #top_banner a:hover img{opacity:.8;transition:all .2s ease-out}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_banner{margin-bottom:50px}}#wrapperContent #content.top main article #top_lead{margin-bottom:100px}#wrapperContent #content.top main article #top_lead h2{font-size:6rem;text-align:center;color:#1e50a2;letter-spacing:.1em;text-indent:.1em}#wrapperContent #content.top main article #top_lead .p01{margin:20px 0;font-size:2.8rem;text-align:center;color:#1e50a2;letter-spacing:.2em;text-indent:.2em}#wrapperContent #content.top main article #top_lead .p02{font-size:2.2rem;text-align:center;line-height:2;letter-spacing:.2em}#wrapperContent #content.top main article #top_lead .mv{margin-top:80px;text-align:center}@media only screen and (max-width: 768px){#wrapperContent #content.top main article #top_lead h2{font-size:4.8rem}}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_lead{margin-bottom:50px}#wrapperContent #content.top main article #top_lead h2{font-size:3.8rem}#wrapperContent #content.top main article #top_lead .p01{font-size:2.4rem}#wrapperContent #content.top main article #top_lead .p02{font-size:1.6rem;letter-spacing:0}#wrapperContent #content.top main article #top_lead .mv{margin-top:40px}}#wrapperContent #content.top main article #top_service{margin-bottom:100px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#wrapperContent #content.top main article #top_service .serviceBox{position:relative;flex-basis:30%;padding:16px 0;background-color:#f0f0f0;text-align:center}#wrapperContent #content.top main article #top_service .serviceBox::before{content:"";display:block;width:0;height:50px;border-right:1px solid #909090;position:absolute;top:-40px;left:0;right:0;margin:0 auto}#wrapperContent #content.top main article #top_service .serviceBox::after{content:"";display:block;width:100%;aspect-ratio:1/1;background-color:#f0f0f0;opacity:.4;position:absolute;mix-blend-mode:multiply}#wrapperContent #content.top main article #top_service .serviceBox .serviceType{position:relative;margin-bottom:10px;font-size:3rem;color:#2e3240;font-family:"Noto Serif JP",serif;font-weight:300;z-index:1}#wrapperContent #content.top main article #top_service .serviceBox .serviceImg{position:relative;width:50%;margin:0 auto 10px;z-index:1}#wrapperContent #content.top main article #top_service .serviceBox .serviceLead{position:relative;margin-bottom:15px;font-size:1.8rem;font-weight:400;line-height:1.5;z-index:1}#wrapperContent #content.top main article #top_service .serviceBox h2{pointer-events:none;position:relative;padding:11px 0;margin-bottom:60px;background-color:#1e50a2;border:none;font-size:2.4rem;font-weight:bold;line-height:1;color:#fff;z-index:1}#wrapperContent #content.top main article #top_service .serviceBox h2::before{content:"";display:block;width:0;height:40px;border-right:1px solid #909090;position:absolute;bottom:-50px;left:0;right:0;margin:0 auto}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list{position:relative;padding:0 16px}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li{margin-bottom:6px}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li:last-child{margin-bottom:0}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a{position:relative;display:block;padding:18px 0;background-color:#fff;line-height:1;color:#221815;font-size:1.5rem}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a::after{content:"";display:block;width:0;height:0;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #221815;border-width:4px 0px 4px 7px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a:hover{background-color:#1e50a2;color:#fff}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a:hover::after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}#wrapperContent #content.top main article #top_service .serviceBox.service_promotion{background-color:#eff4f7}#wrapperContent #content.top main article #top_service .serviceBox.service_promotion::after{background-color:#eff4f7;top:-13%;left:-10%}#wrapperContent #content.top main article #top_service .serviceBox.service_creative{background-color:#f3f0f4}#wrapperContent #content.top main article #top_service .serviceBox.service_creative::after{background-color:#f3f0f4;top:12%;left:-10%}#wrapperContent #content.top main article #top_service .serviceBox.service_printing{background-color:#edf0ef}#wrapperContent #content.top main article #top_service .serviceBox.service_printing::after{background-color:#edf0ef;top:-12%;left:10%}#wrapperContent #content.top main article #top_service .serviceBox.service_printing h2{letter-spacing:1em;text-indent:1em}@media only screen and (max-width: 768px){#wrapperContent #content.top main article #top_service .serviceBox{flex-basis:33%}#wrapperContent #content.top main article #top_service .serviceBox .serviceLead{font-size:1.4rem}#wrapperContent #content.top main article #top_service .serviceBox h2{font-size:2rem}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a{font-size:1.4rem}}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_service{gap:60px 0}#wrapperContent #content.top main article #top_service .serviceBox{flex-basis:100%}#wrapperContent #content.top main article #top_service .serviceBox::after{width:60%}#wrapperContent #content.top main article #top_service .serviceBox .serviceLead{font-size:1.8rem}#wrapperContent #content.top main article #top_service .serviceBox h2{pointer-events:all;width:calc(100% - 32px);margin:0 auto 20px;padding:13px 0 17px;font-size:2.2rem}#wrapperContent #content.top main article #top_service .serviceBox h2::before{content:"";width:0;height:0;border-style:solid;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-width:10px 10px 0px 10px;bottom:auto;top:50%;left:auto;right:20px;transform:translateY(-50%)}#wrapperContent #content.top main article #top_service .serviceBox h2.active::before{transform:translateY(-50%) scaleY(-1)}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list{display:none}#wrapperContent #content.top main article #top_service .serviceBox ul.serviceCategory_list li a{padding-left:20px;font-size:1.6rem;text-align:left}#wrapperContent #content.top main article #top_service .serviceBox.service_promotion::after{top:0;left:-20px;transform:translateY(-12%)}#wrapperContent #content.top main article #top_service .serviceBox.service_creative::after{top:0;left:-20px;transform:translateY(38%)}#wrapperContent #content.top main article #top_service .serviceBox.service_printing::after{top:0;left:auto;right:-20px;transform:translateY(-12%)}}#wrapperContent #content.top main article hgroup{margin-bottom:50px;text-align:center;color:#1e50a2;font-weight:400}#wrapperContent #content.top main article hgroup p{font-family:"Roboto",sans-serif;letter-spacing:.3em;text-indent:.3em}#wrapperContent #content.top main article hgroup h2{font-size:4rem;letter-spacing:.4em;text-indent:.4em}@media only screen and (max-width: 640px){#wrapperContent #content.top main article hgroup{margin-bottom:30px}#wrapperContent #content.top main article hgroup p{font-size:1.2rem}#wrapperContent #content.top main article hgroup h2{font-size:3rem}}#wrapperContent #content.top main article #top_our_case_studies{margin-bottom:100px}#wrapperContent #content.top main article #top_our_case_studies .case_list_link{margin:-60px 0 60px 0;text-align:right}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a{position:relative;padding:0 0 5px 5px;border-bottom:1px solid #ccc}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a span{margin-left:5px;font-size:2rem;transform:translateY(-1px)}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a::after{content:"";border-bottom:1px solid #1e50a2;position:absolute;bottom:0;left:0;width:0;transition:all .2s ease-out}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a:hover::after{width:100%}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_our_case_studies .case_list_link{margin:0 0 20px 0}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a{border-bottom:none}#wrapperContent #content.top main article #top_our_case_studies .case_list_link a::after{content:none}}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list{padding-bottom:5px;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:40px 0}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li{flex-basis:32%}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a{display:block}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a span{display:block}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .image{aspect-ratio:3/2;overflow:hidden;display:flex;align-items:center;background-color:#eee}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .image img{width:100%;transition:all .2s ease-out}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox{padding:20px 0px 0px}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox .clientName{margin-bottom:5px;font-size:1.4rem;color:#555;font-weight:400}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox .projectName{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #cdcdcd;line-height:1.5;color:#333;font-weight:bold}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox .hashtag{display:inline-block;margin-right:1em;font-size:1.2rem;font-weight:400;color:#1e50a2}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox .hashtag::before{content:"#"}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a:hover .image img{transform:scale(1.2)}#wrapperContent #content.top main article #top_our_case_studies .new_box li{margin-bottom:0}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_our_case_studies{margin-bottom:50px}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list{width:1910px;padding:0 5px 10px 5px;flex-wrap:nowrap;justify-content:flex-start;gap:0 20px}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li{flex-basis:300px;box-shadow:0 0 10px 0px rgba(0,0,0,.1)}#wrapperContent #content.top main article #top_our_case_studies ul.our_case_studies_list li a .txtBox{padding:20px}#wrapperContent #content.top main article #top_our_case_studies ul.new_box{width:924px;padding:0 5px 10px 5px;flex-wrap:nowrap;justify-content:flex-start;gap:0 20px}#wrapperContent #content.top main article #top_our_case_studies ul.new_box li{box-shadow:0 0 10px 0px rgba(0,0,0,.1);margin-bottom:5px}#wrapperContent #content.top main article #top_our_case_studies ul.new_box::after{width:0}}#wrapperContent #content.top main article #top_our_case_studies .scroll-hint-icon-wrap{z-index:999}#wrapperContent #content.top main article #top_news .news_list_link{margin:-60px 0 60px 0;text-align:right}#wrapperContent #content.top main article #top_news .news_list_link a{position:relative;padding:0 0 5px 5px;border-bottom:1px solid #ccc}#wrapperContent #content.top main article #top_news .news_list_link a span{margin-left:5px;font-size:2rem;transform:translateY(-1px)}#wrapperContent #content.top main article #top_news .news_list_link a::after{content:"";border-bottom:1px solid #1e50a2;position:absolute;bottom:0;left:0;width:0;transition:all .2s ease-out}#wrapperContent #content.top main article #top_news .news_list_link a:hover::after{width:100%}#wrapperContent #content.top main article #top_news ul.news_list li{border-bottom:1px solid #ddd}#wrapperContent #content.top main article #top_news ul.news_list li:first-child{border-top:1px solid #ddd}#wrapperContent #content.top main article #top_news ul.news_list li a{position:relative;display:block;padding:25px 34px 25px 0;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;flex-wrap:nowrap;gap:0 20px}#wrapperContent #content.top main article #top_news ul.news_list li a span,#wrapperContent #content.top main article #top_news ul.news_list li a time{display:block}#wrapperContent #content.top main article #top_news ul.news_list li a .date{flex-basis:auto;font-family:"Roboto",sans-serif;color:#1e50a2;font-weight:bold}#wrapperContent #content.top main article #top_news ul.news_list li a .category{min-width:110px;padding:4px 8px;background-color:#f3f6fa;border-radius:2px;text-align:center;font-size:1.2rem;color:#717171;transition:all .2s ease-out}#wrapperContent #content.top main article #top_news ul.news_list li a .ttl{flex:1;line-height:1.5;color:#222}#wrapperContent #content.top main article #top_news ul.news_list li a .ttl.new::before{content:"NEW　";font-family:"Roboto",sans-serif;font-weight:bold;color:#e50000}#wrapperContent #content.top main article #top_news ul.news_list li a::after{content:"▶";display:block;width:24px;height:24px;line-height:24px;border-radius:50%;background-color:#f3f6fa;text-align:center;color:#1e50a2;font-size:1rem;position:absolute;top:50%;right:0;transform:translateY(-50%);transition:all .2s ease-out}#wrapperContent #content.top main article #top_news ul.news_list li a:hover{background-color:#fafbfd}#wrapperContent #content.top main article #top_news ul.news_list li a:hover .category{background-color:#fff}#wrapperContent #content.top main article #top_news ul.news_list li a:hover::after{background-color:#fff}@media only screen and (max-width: 640px){#wrapperContent #content.top main article #top_news .news_list_link{margin:0 0 10px 0}#wrapperContent #content.top main article #top_news .news_list_link a{border-bottom:none}#wrapperContent #content.top main article #top_news .news_list_link a::after{content:none}#wrapperContent #content.top main article #top_news ul.news_list li a{flex-wrap:wrap}#wrapperContent #content.top main article #top_news ul.news_list li a .ttl{margin-top:10px;flex-basis:100%;font-size:1.4rem}}/*# sourceMappingURL=layout_top.css.map */