@import url(//odotech.jp/wp-content/themes/odotech/css/../common/css/common.css);html{scroll-padding-top:98px}@media screen and (max-width:960px){html{scroll-padding-top:83px}}.content_mv{padding:0 20px;margin:0 0 80px}.content_mv .swiper_mv .swiper-wrapper .swiper-slide{overflow:hidden;border:1px solid var(--bland);border-radius:20px;position:relative;aspect-ratio:70/29}.content_mv .swiper_mv .swiper-wrapper .swiper-slide img{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.content_mv .swiper_mv .swiper-wrapper .swiper-slide video{height:auto;width:101%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover}.content_mv .swiper-pagination{position:relative;top:0}.content_mv .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:var(--black);opacity:1;transition:.3s}.content_mv .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:10px;border-radius:5px;background:var(--bland)}@media screen and (max-width:960px){.content_mv .swiper_mv .swiper-wrapper .swiper-slide{aspect-ratio:46/25}}@media screen and (max-width:480px){.content_mv .swiper_mv .swiper-wrapper .swiper-slide{aspect-ratio:3/4}.content_mv .swiper_mv .swiper-wrapper .swiper-slide img,.content_mv .swiper_mv .swiper-wrapper .swiper-slide video{height:100%;width:auto}}.content_corporate_philosophy{margin:0 0 80px}.content_corporate_philosophy h1{font-size:64px;margin:0 0 24px}.content_corporate_philosophy h1 span{display:block}.content_corporate_philosophy h1+p{max-width:768px;margin:0 0 24px}@media screen and (max-width:960px){.content_corporate_philosophy h1{font-size:48px}}@media screen and (max-width:480px){.content_corporate_philosophy h1{font-size:32px}}.content_solution{max-width:1440px;padding:0 40px;margin:0 auto 80px}.content_solution .wrapper{position:relative;background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/bg_circle_black.svg) no-repeat left top 550px/auto 700px,var(--black);border-radius:40px;padding:40px}.content_solution .wrapper:after{content:"";width:100%;height:calc(100% - 215px);overflow:hidden;position:absolute;top:215px;left:0;background:fixed}.content_solution .box_headline_top{color:var(--white);margin:0 0 40px;position:relative;z-index:100}.box_solution{display:flex;align-items:flex-start;justify-content:space-between;gap:60px;width:100%}.solution_navigation{max-width:500px;min-width:370px;height:100%;counter-reset:number_navigation 0;position:sticky;top:100px;z-index:100;padding:0 0 150px}.solution_navigation ul{display:flex;flex-direction:column;gap:24px}.solution_navigation ul li{opacity:0;transform:translateY(40px);transition:all .6s ease-out}.solution_navigation ul li.visible{opacity:1;transform:translateY(0)}.solution_navigation ul li a{box-sizing:border-box;width:100%;height:60px;display:flex;align-items:center;border:1px solid var(--white);border-radius:30px;color:var(--white);position:relative;padding:0 0 0 40px}.solution_navigation ul li a:before{font-family:'Montserrat',sans-serif;counter-increment:number_navigation 1;content:counter(number_navigation)".";margin:0 3px 0 0}.solution_navigation ul li a:after{content:"";display:block;width:10px;height:15px;position:absolute;top:50%;transform:translateY(-50%);right:25px;background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_navigation.svg) no-repeat center center/100% auto}.solution_navigation ul li a.active{color:var(--bland);background:var(--white);border:1px solid var(--bland)}.solution_navigation ul li a.active:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_navigation_hover.svg) no-repeat center center/100% auto}.solution_navigation ul li a:active{color:var(--bland);background:var(--white);border:1px solid var(--bland)}.solution_navigation ul li a:active:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_navigation_hover.svg) no-repeat center center/100% auto}@media (hover:hover){.solution_navigation ul li a:hover{color:var(--bland);background:var(--white);border:1px solid var(--bland)}.solution_navigation ul li a:hover:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_navigation_hover.svg) no-repeat center center/100% auto}}.solution_summary{counter-reset:number_panel 0 number_pattern_website 0 number_pattern_movie_production 0 number_pattern_design_tools 0 number_pattern_support_business 0;max-width:720px;width:100%;display:flex;flex-direction:column;gap:40px;position:relative;z-index:100}#website,#movie_production,#design_tools,#support_business{position:relative}#website{z-index:100}#movie_production{z-index:99}#design_tools{z-index:98}#support_business{z-index:97}.solution_panel{box-sizing:border-box;border-radius:20px;background:var(--white);padding:40px;opacity:0;transform:translateY(30px) scale(.9);transition:all .5s ease-out}.solution_panel.visible{opacity:1;transform:translateY(0) scale(1)}.solution_panel_head{margin:0 0 24px}.solution_panel_head>span{display:flex;align-items:center;justify-content:center;color:var(--white);font-size:12px;font-weight:700;box-sizing:border-box;width:fit-content;height:30px;border-radius:20px;background:var(--bland);position:relative;padding:0 20px;margin:0 0 10px}.solution_panel_head>span:after{counter-increment:number_panel 1;content:counter(number_panel)}.solution_panel_head h3{font-size:48px;margin:0 0 10px}.solution_panel_head h3>span{display:block}.swiper_solution{margin:0 0 24px}.swiper_solution_head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 6px}.swiper_solution_head h4{font-size:24px}.box_swiper_button{display:flex;align-items:center;gap:10px}.box_swiper_button .swiper-button-prev,.box_swiper_button .swiper-button-next{position:relative;top:auto;left:auto;right:auto;margin:0;display:block;width:26px;height:26px;border:1px solid var(--black);border-radius:50%;background:var(--black);transition:.3s}.box_swiper_button .swiper-button-prev:after,.box_swiper_button .swiper-button-next:after{content:"";display:block;width:10px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box_swiper_button .swiper-button-prev:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_left.svg) no-repeat center center/100% auto}.box_swiper_button .swiper-button-next:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_right.svg) no-repeat center center/100% auto}.box_swiper_button .swiper-button-prev:active,.box_swiper_button .swiper-button-next:active{border:1px solid var(--bland);background:var(--white)}.box_swiper_button .swiper-button-prev:active:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_left_hover.svg) no-repeat center center/100% auto}.box_swiper_button .swiper-button-next:active:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_right_hover.svg) no-repeat center center/100% auto}@media (hover:hover){.box_swiper_button .swiper-button-prev:hover,.box_swiper_button .swiper-button-next:hover{border:1px solid var(--bland);background:var(--white)}.box_swiper_button .swiper-button-prev:hover:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_left_hover.svg) no-repeat center center/100% auto}.box_swiper_button .swiper-button-next:hover:after{background:url(//odotech.jp/wp-content/themes/odotech/css/../images/top/icon_arrow_solution_summary_right_hover.svg) no-repeat center center/100% auto}}.swiper_solution .swiper-slide .wrap_img{border-radius:10px;margin:0 0 10px;background:rgba(179,179,179,.3);aspect-ratio:4/3}.swiper_solution .swiper-slide .wrap_img img{transition:.3s}.swiper_solution .swiper-slide .wrap_img:active img{transform:translate(-50%,-50%) scale(1.1)}.box_solution_slide{margin:0 10px}.box_solution_slide h5 a{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;margin:0 0 4px}.box_solution_slide h5 a:active{opacity:.7}.box_solution_slide h6{font-size:12px;font-weight:700}.box_solution_slide h6+a{display:block;font-size:10px;word-break:break-all}.box_solution_slide h6+a:active{opacity:.7}.box_solution_tags{display:flex;flex-wrap:wrap;gap:2px 4px}.box_solution_tags a{display:block;width:fit-content;font-size:10px;padding:0 0 0 1em;position:relative}.box_solution_tags a:before{content:"#";display:block;font-size:10px;width:10px;height:10px;position:absolute;top:0;left:0}@media (hover:hover){.box_solution_slide h5 a:hover,.box_solution_slide h6+a:hover,.box_solution_tags a:hover{opacity:.7}.swiper_solution .swiper-slide .wrap_img:hover img{transform:translate(-50%,-50%) scale(1.1)}}.box_solution_pattern h4{font-size:24px;margin:0 0 8px}.box_solution_pattern ul{display:flex;flex-direction:column;gap:12px;margin:0 0 16px}.box_solution_pattern ul li{position:relative;padding:0 0 0 35px;letter-spacing:.03em}.box_solution_pattern ul li:before{color:var(--white);font-family:'Montserrat',sans-serif;font-size:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:4px;left:0;width:23px;height:23px;border-radius:50%;background:var(--black)}#website .box_solution_pattern ul li:before{counter-increment:number_pattern_website 1;content:counter(number_pattern_website)}#movie_production .box_solution_pattern ul li:before{counter-increment:number_pattern_movie_production 1;content:counter(number_pattern_movie_production)}#design_tools .box_solution_pattern ul li:before{counter-increment:number_pattern_design_tools 1;content:counter(number_pattern_design_tools)}#support_business .box_solution_pattern ul li:before{counter-increment:number_pattern_support_business 1;content:counter(number_pattern_support_business)}.box_solution_pattern>small{color:var(--gray-light);font-size:12px;letter-spacing:.03em}.box_solution_thumbnail{margin:0 0 33px}.box_solution_thumbnail .wrap_img{height:310px;border-radius:10px}.box_solution_free_area{border:1px solid var(--bland);border-radius:10px;height:310px}@media screen and (max-width:1100px){.box_solution{flex-direction:column;gap:40px}.solution_navigation{max-width:100%;width:100%;min-width:auto;position:relative;padding:0;top:0}.solution_navigation ul li a{padding:0 0 0 25px}.solution_summary{max-width:100%}.solution_panel_head h3{font-size:36px}}@media screen and (max-width:960px){.content_solution{padding:0}.content_solution .wrapper,.solution_panel{border-radius:20px;padding:20px}.solution_panel_head h3>span{display:inline-block}}.content_news_top{margin:0 0 80px}.content_news_top .wrapper{position:relative}.content_news_top .wrapper:before,.content_news_top .wrapper:after{content:"";display:block;position:absolute}.content_news_top .wrapper:before{width:498px;height:498px;top:50%;transform:translateY(-50%);left:79px;z-index:-1;background:url(//odotech.jp/wp-content/themes/odotech/css/../common/images/bg_circle_news_top_left.svg) no-repeat center center/100% auto}.content_news_top .wrapper:after{width:491px;height:491px;top:50%;transform:translateY(-50%);right:40px;z-index:-1;background:url(//odotech.jp/wp-content/themes/odotech/css/../common/images/bg_circle_news_top_right.svg) no-repeat center center/100% auto}.content_news_top .box_headline_top{margin:0 0 24px}.content_news_top .box_news{margin:0 0 24px}.content_news_top .component_button{margin:0 auto}@media screen and (max-width:1200px){.content_news_top .wrapper:before,.content_news_top .wrapper:after{transform:none}.content_news_top .wrapper:before{width:398px;height:398px;top:0;left:40px}.content_news_top .wrapper:after{width:393px;height:393px;top:auto;bottom:0}}@media screen and (max-width:960px){.content_news_top .wrapper:before{width:249px;height:249px}.content_news_top .wrapper:after{width:246px;height:246px}}