@charset "UTF-8";main .c-head-border:first-child{margin-top:auto}main .c-head-border:last-child{margin-bottom:auto}@font-face{font-family:icon;font-style:normal;font-weight:400;src:url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49);src:url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.eot?23to49#iefix) format("embedded-opentype"),url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.ttf?23to49) format("truetype"),url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.woff?23to49) format("woff"),url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-cloud/fonts/icon.svg?23to49#icon) format("svg")}[class*=" icon-"],[class^=icon-],i{font-family:icon!important;speak:none;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow_border_bottom01:before{color:#af207f;content:"\e900"}.arrow_border_right01:before{color:#00306b;content:"\e901"}.icon_cantact_catalog:before{color:#fff;content:"\e902"}.icon_inquiry:before{color:#fff;content:"\e903"}.icon_tel:before{color:#fff;content:"\e904"}.icon_download:before{color:#186eb4;content:"\e905"}.icon_list:before{color:#b9c0c8;content:"\e906"}.icon_list:after{color:#af207f;content:"\e907";margin-left:-1em}.icon_blockquote01:before{color:#ac257d;content:"\e908"}.icon_blockquote02:before{color:#ac257d;content:"\e909"}main>*{line-height:1.5}main #hero{height:880px}main #hero .inner{margin:auto;max-width:1014px}main #hero .hero,main #hero.hero{background:#1594df url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_bg01.png) no-repeat bottom;color:#fff;padding:115px 0 285px;position:relative}main #hero .hero .logo,main #hero.hero .logo{margin-bottom:40px;width:330px}main #hero .hero .lead,main #hero.hero .lead{color:#fff;font-size:48px;font-weight:700;margin-bottom:16px}main #hero .hero .lead small,main #hero.hero .lead small{font-size:40px;font-weight:400}main #hero .hero .copy,main #hero.hero .copy{font-size:24px;margin-bottom:56px}main #hero .hero .desc,main #hero.hero .desc{font-size:18px;margin-bottom:32px}main #hero .hero a.cover,main #hero.hero a.cover{position:static}main #hero .hero a.cover:before,main #hero.hero a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .hero a.cover:hover:before,main #hero.hero a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .hero a.link,main #hero.hero a.link{color:#fff;display:inline-block;font-size:16px;padding-right:20px;position:relative;text-decoration:none}main #hero .hero a.link:hover,main #hero.hero a.link:hover{opacity:.7}main #hero .hero a.link:hover:before,main #hero.hero a.link:hover:before{background:none}main #hero .hero a.link:after,main #hero.hero a.link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;bottom:0;content:"";display:block;height:7px;margin:auto;position:absolute;right:0;top:0;transform:rotate(-45deg);width:7px}main #hero .nencho{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_nencho2021.png) no-repeat bottom;background-size:cover;color:#333;padding:130px 0 270px;position:relative;text-align:center}main #hero .nencho .lead{color:#333;font-size:56px;font-weight:700;margin-bottom:35px}main #hero .nencho .lead em{color:#fd5d1f}main #hero .nencho .link{border:1px solid #fd5d1f;border-radius:30px;color:#fd5d1f;display:block;font-weight:700;margin:0 auto 35px;max-width:680px;padding:15px;position:relative;text-decoration:none;width:100%}main #hero .nencho .link:after{border:0;border-right:2px solid #fd5d1f;border-top:2px solid #fd5d1f;content:"";height:8px;margin-top:-4px;position:absolute;right:20px;top:50%;transform:translateY(-50% x);transform:rotate(45deg);width:8px}main #hero .nencho .c-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}main #hero .nencho .c-flex .desc{font-size:18px;font-weight:700;margin-right:10px}main #hero .nencho .c-flex .desc em{color:#0081cc;display:block;font-weight:400;margin-bottom:10px}main #hero .nencho .c-flex .desc small{display:block;font-size:15px;font-weight:400}main #hero .nencho .c-flex img{max-width:250px;width:100%}main #hero .nencho a.cover{position:static}main #hero .nencho a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .nencho a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .denshihozon{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_denshihozon.png?A) no-repeat bottom/cover;color:#fff;height:100%;height:893px;padding:120px 0 243px;position:relative}main #hero .denshihozon .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}main #hero .denshihozon .visual__main{padding:0 0 60px;width:760px}main #hero .denshihozon .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .denshihozon .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .denshihozon .visual h1{font-weight:600;line-height:1.52;margin:0 0 20px}main #hero .denshihozon .visual h1 span{background-color:#fff;color:#333;display:inline-block;font-size:60px;margin-bottom:15px;padding:0 .5em}main #hero .denshihozon .visual h1 span.color{color:#ac257d;padding:0}main #hero .denshihozon .visual h1 span em{font-size:50px}main #hero .denshihozon .visual .link{color:#fff;display:inline-block;font-size:22px;padding-right:20px;position:relative;text-decoration:none}main #hero .denshihozon .visual .link:hover{opacity:.7}main #hero .denshihozon .visual .link:hover:before{background:none}main #hero .denshihozon .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .denshihozon a.cover{position:static}main #hero .denshihozon a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .denshihozon a.cover:hover:before,main #hero.denshihozon a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .bugyohr{background:url(//www.obc.co.jp/hubfs/obc/v1/images/landing/bugyo-hr/branding05.png?A) no-repeat bottom/cover;color:#fff;height:100%;height:893px;padding:180px 0 183px;position:relative;text-align:center}main #hero .bugyohr.y202401{background:url(//www.obc.co.jp/hubfs/obc/v1/images/landing/bugyo-hr/branding2024.png?A) no-repeat bottom/cover}main #hero .bugyohr .inner__main h1{color:#fff;font-size:100px;margin:0 0 20px}main #hero .bugyohr .inner__main .lead,main #hero .bugyohr .inner__main h1{font-family:Zen Old Mincho,serif!important;font-weight:600;line-height:1.52}main #hero .bugyohr .inner__main .lead{font-size:40px}main #hero .bugyohr a.cover{position:static}main #hero .bugyohr a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .bugyohr a.cover:hover:before{background:hsla(0,0%,100%,.2)}mmain #hero .invoicedx{position:relative}main #hero .invoicedx .inner__main{height:100%}main #hero .invoicedx .inner__main picture{display:block;position:relative}main #hero .invoicedx .inner__main .detail{left:20%;padding:5rem 7rem;position:absolute;top:25%;transform:translate(-20%,-25%)}main #hero .invoicedx .inner__main .detail .lead img{width:55rem}main #hero .invoicedx .inner__main .detail h1{margin:30px 0}main #hero .invoicedx .inner__main .detail h1 img{width:50rem}main #hero .invoicedx .inner__main .detail .c-button.orange{margin:0 auto 0 20%;max-width:430px}main #hero .invoicedx a.cover{position:static}main #hero .invoicedx a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .invoicedx a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .backdx{color:#fff;height:893px;padding:120px 0 234px;position:relative}main #hero .backdx:before{background-color:#273162;height:350px;left:0;top:0}main #hero .backdx:after,main #hero .backdx:before{content:"";display:block;position:absolute;width:100%}main #hero .backdx:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_backdx.png?A=) no-repeat;background-position:top;background-size:cover;bottom:0;height:543px}main #hero .backdx .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .backdx .visual__main{padding:0 0 92px;position:relative;z-index:2}main #hero .backdx .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .backdx .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .backdx .hero_logo{margin-left:auto;margin-right:auto;width:60%}main #hero .backdx .point_img{margin-bottom:16px;margin-left:auto;margin-right:auto;width:98%}main #hero .backdx .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .backdx .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .backdx .visual h1 span.color{color:#ac257d;padding:0}main #hero .backdx .visual h1 span em{font-size:50px}main #hero .backdx .visual .link{color:#fff;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .backdx .visual .link:hover{opacity:.7}main #hero .backdx .visual .link:hover:before{background:none}main #hero .backdx .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .backdx .visual .backdx_link{text-align:center}main #hero .backdx a.cover{position:static}main #hero .backdx a.cover:after,main #hero .backdx a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .backdx a.cover:hover:after,main #hero .backdx a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .backdx .backdx_list{background-color:#fff;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:5px 0;width:95%}main #hero .backdx .backdx_text{color:#333;font-size:18px;font-weight:700;margin-bottom:30px;text-align:center}main #hero .backdx .backdx_list_img{text-align:center;width:100%}main #hero .backdx .backdx_list_img img{display:inline;width:25%}main #hero .backdx .backdx_list_img img:nth-child(-n+2){margin-right:3%}main #hero .backdx .backdx_link{background-color:#a3904c;border-radius:50px;margin:0 auto;max-width:256px;padding:8px 20px}main #hero .backdx .backdx_link .link{color:#fff;font-weight:700;padding-right:0}main #hero .backdx .backdx_link .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;left:145px}main #hero .backdx_box{background-color:#fff;margin:0 auto;max-width:800px;padding:2px;position:relative}main #hero .backdx_box .backdx_inner_box{background-color:#fff;border:2px solid #273162;max-width:800px;padding:75px 75px 45px}main #hero .backdx_box .hero_logo{left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:16%}main #hero .slide-item.backdx a.cover{height:893px;position:absolute;top:0;width:100%;z-index:3}main #hero .dxsuite{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_dxsuite.png) no-repeat top/cover;background-color:#273162;color:#fff;height:100%;height:893px;padding:92px 0 234px;position:relative}main #hero .dxsuite .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .dxsuite .visual__main{padding:0 0 92px}main #hero .dxsuite .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .dxsuite .hero_logo{margin-left:auto;margin-right:auto;width:60%}main #hero .dxsuite .point_img{margin-left:auto;margin-right:auto;width:98%}main #hero .dxsuite .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .dxsuite .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .dxsuite .visual h1 span.color{color:#ac257d;padding:0}main #hero .dxsuite .visual h1 span em{font-size:50px}main #hero .dxsuite .visual .link{color:#fff;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .dxsuite .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .dxsuite .visual .link:hover{opacity:.7}main #hero .dxsuite .visual .link:hover:before{background:none}main #hero .dxsuite .visual .dxsuite_link{text-align:center}main #hero .dxsuite a.cover{position:static}main #hero .dxsuite a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .dxsuite a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .dxsuite .dxsuite_list{background-color:#fff;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:5px 0;width:95%}main #hero .dxsuite .dxsuite_text{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}main #hero .dxsuite .dxsuite_list_img{text-align:center;width:100%}main #hero .dxsuite .dxsuite_list_img img{display:inline;width:25%}main #hero .dxsuite .dxsuite_list_img img:nth-child(-n+2){margin-right:3%}main #hero .dxsuite .dxsuite_link{background-color:#fff;border-radius:50px;margin:0 auto;max-width:256px;padding:8px 20px}main #hero .dxsuite .dxsuite_link .link{color:#057db8;font-weight:700;padding-right:0}main #hero .dxsuite .dxsuite_link .link:after{border-bottom:2px solid #057db8;border-right:2px solid #057db8;left:145px}main #hero.denchou a.cover:hover:before,main #hero.dxseminar a.cover:hover:before,main #hero.dxsuite a.cover:hover:before,main #hero.hrsuite a.cover:hover:before,main #hero.verp a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .denchou{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_denchou.png) no-repeat top/cover;color:#333;height:100%;height:893px;padding:80px 0 243px;position:relative}main #hero .denchou .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .denchou .visual__main{padding:0 0 60px}main #hero .denchou .visual__main p{color:#333;font-size:20px;line-height:2;text-align:center}main #hero .denchou .visual__main .blue{color:#005ead;font-size:16px}main #hero .denchou .visual__main ul{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .denchou .visual__main ul li{border:1px solid #333;font-weight:700;margin:0 .5em;padding:.5em}main #hero .denchou .visual__top{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%;-ms-flex-align:center;align-items:center}main #hero .denchou .visual__top img{height:80%;width:30%}main #hero .denchou .visual__top img:nth-child(2){height:auto;width:39%}main #hero .denchou .visual__top_sp{display:none}main #hero .denchou .visual__top_sp_img{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center}main #hero .denchou .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .denchou .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .denchou .hero_logo{margin-bottom:20px;margin-left:auto;margin-right:auto;width:80%}main #hero .denchou .point_img{margin-bottom:20px;margin-left:auto;margin-right:auto;width:50%}main #hero .denchou .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .denchou .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .denchou .visual h1 span.color{color:#ac257d;padding:0}main #hero .denchou .visual h1 span em{font-size:50px}main #hero .denchou .visual .link{color:#333;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .denchou .visual .link:after{border-bottom:2px solid #333;border-right:2px solid #333;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .denchou .visual .link:hover{opacity:.7}main #hero .denchou .visual .link:hover:before{background:none}main #hero .denchou .visual .denchou_link{margin-top:1.5em;text-align:center}main #hero .denchou .visual .visual__main .visual__main_pc{display:-ms-flexbox;display:flex}main #hero .denchou .visual .visual__main .visual__main_sp{display:none}main #hero .denchou a.cover{position:static}main #hero .denchou a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .denchou a.cover:hover{background:hsla(0,0%,100%,.2)}main #hero .hrsuite{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_hrsuite.png?A) no-repeat top/cover;color:#fff;height:100%;height:893px;padding:120px 0 243px;position:relative}main #hero .hrsuite .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .hrsuite .visual__main{padding:0 0 60px}main #hero .hrsuite .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .hrsuite .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .hrsuite .hero_logo{margin-bottom:20px;margin-left:auto;margin-right:auto;width:80%}main #hero .hrsuite .point_img{margin-bottom:20px;margin-left:auto;margin-right:auto;width:50%}main #hero .hrsuite .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .hrsuite .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .hrsuite .visual h1 span.color{color:#ac257d;padding:0}main #hero .hrsuite .visual h1 span em{font-size:50px}main #hero .hrsuite .visual .link{color:#fff;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .hrsuite .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .hrsuite .visual .link:hover{opacity:.7}main #hero .hrsuite .visual .link:hover:before{background:none}main #hero .hrsuite .visual .hrsuite_link{text-align:center}main #hero .hrsuite .visual a.cover{position:static}main #hero .hrsuite .visual a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .hrsuite .visual a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .dxseminar_link{background-color:#0c0c0c;border-radius:50px;margin:30px auto;margin:45px auto!important;max-width:380px;padding:15px 45px;text-align:center}main #hero .dxseminar{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_dxseminar.png) no-repeat top/cover;background-color:#273162;color:#fff;height:100%;height:893px;padding:60px 0 234px;position:relative}main #hero .dxseminar h1.logo{margin:auto auto 10px;max-width:1200px}main #hero .dxseminar .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .dxseminar .visual__main{padding:0 0 92px}main #hero .dxseminar .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .dxseminar .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .dxseminar .hero_logo{margin-left:auto;margin-right:auto;width:60%}main #hero .dxseminar .point_img{margin-left:auto;margin-right:auto;width:98%}main #hero .dxseminar .visual{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column}main #hero .dxseminar .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .dxseminar .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .dxseminar .visual h1 span.color{color:#ac257d;padding:0}main #hero .dxseminar .visual h1 span em{font-size:50px}main #hero .dxseminar .visual .link{color:#fff;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .dxseminar .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;left:140px;margin:auto;position:absolute;right:0;top:45%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .dxseminar .visual .link:hover{opacity:.7}main #hero .dxseminar .visual .link:hover:before{background:none}main #hero .dxseminar .visual .dxseminar_link{border:1px solid #fff;font-size:14px;text-align:center}main #hero .dxseminar a.cover{position:static}main #hero .dxseminar a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .dxseminar a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .dxseminar .dxseminar_list{background-color:#fff;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:5px 0;width:95%}main #hero .dxseminar .dxseminar_text{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}main #hero .dxseminar .dxseminar_list_img{text-align:center;width:100%}main #hero .dxseminar .dxseminar_list_img img{display:inline;width:25%}main #hero .dxseminar .dxseminar_list_img img:nth-child(-n+2){margin-right:3%}main #hero .dxseminar .dxseminar_link .link{color:#fff;font-weight:700;padding-right:0;text-decoration:none}main #hero .dxseminar .dxseminar_link .link:after{left:145px;left:300px}main #hero .dxseminar .dxseminar_img .only--sp{display:none!important}main #hero .verp{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_verp_cloud.png) no-repeat top/cover;background-color:#273162;color:#fff;height:100%;height:881px;padding:92px 0 234px;position:relative}main #hero .verp .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}main #hero .verp .visual__main{padding:0 0 92px}main #hero .verp .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:20px;margin:0 0 20px;padding:5px 20px 3px}main #hero .verp .visual__tx__lead{font-size:23px;margin-bottom:20px}main #hero .verp .hero_logo{margin:40px auto;text-align:center;width:60%}main #hero .verp .hero_logo img{margin:0 auto}main #hero .verp .point_img{margin-left:auto;margin-right:auto;width:98%}main #hero .verp .visual h1{font-weight:600;line-height:1.52;margin:0 0 10px;text-align:center;vertical-align:middle}main #hero .verp .visual h1 span{color:#fff;font-size:48px;margin-bottom:15px;text-align:center}main #hero .verp .visual h1 span.color{color:#ac257d;padding:0}main #hero .verp .visual h1 span em{font-size:50px}main #hero .verp .visual .link{color:#fff;display:inline-block;font-size:18px;padding-right:20px;position:relative;text-decoration:none}main #hero .verp .visual .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .verp .visual .link:hover{opacity:.7}main #hero .verp .visual .link:hover:before{background:none}main #hero .verp .visual .verp_link{text-align:center}main #hero .verp a.cover{position:static}main #hero .verp a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .verp a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .verp .verp_list{background-color:#fff;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:5px 0;width:95%}main #hero .verp .verp_title{color:#fff;font-size:39px;margin-bottom:20px;text-align:center}main #hero .verp .verp_title span{display:block;font-size:29px;margin-bottom:10px;text-align:center}main #hero .verp .verp_text{color:#fff;font-size:18px;font-weight:700;margin-bottom:40px;text-align:center}main #hero .verp .verp_list_img{text-align:center;width:100%}main #hero .verp .verp_list_img img{display:inline;width:25%}main #hero .verp .verp_list_img img:nth-child(-n+2){margin-right:3%}main #hero .verp .verp_link{border:1px solid #fff;margin:0 auto;max-width:256px;padding:8px 20px}main #hero .verp .verp_link .link{color:#fff;font-weight:700;padding-right:0}main #hero .verp .verp_link .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;left:145px}main #hero .paperless{background-color:#0f7cbe;color:#fff;padding:37px 0 261px;position:relative}main #hero .paperless .inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-width:1220px;position:relative}main #hero .paperless .detail{padding:60px 0 30px;position:relative;text-align:center;width:61%}main #hero .paperless .mv{display:-ms-flexbox;display:flex;position:relative;width:44%;-ms-flex-align:end;align-items:flex-end}main #hero .paperless .mv figure{height:575px;left:45%;position:absolute;top:8%;transform:translate(-50%,-20px);width:574px}main #hero .paperless .logo{margin-bottom:40px;width:330px}main #hero .paperless .lead{color:#fff;font-size:3.875rem;font-weight:700;line-height:1.3}main #hero .paperless .lead small{display:block;font-size:1.25rem;font-weight:400;line-height:1.5}main #hero .paperless .lead small em{font-size:1.625rem;font-weight:600}main #hero .paperless .list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:30px auto;max-width:480px}main #hero .paperless .list li{background-color:#00438b;border-radius:50%;height:156px;position:relative;width:156px}main #hero .paperless .list li span{color:#fff;display:inline-block;font-size:1.375rem;font-weight:500;position:relative;text-align:center;top:50%;transform:translateY(-50%)}main #hero .paperless .copy{font-size:24px;margin-bottom:56px}main #hero .paperless .desc{font-size:18px;margin-bottom:32px}main #hero .paperless a.cover{position:static}main #hero .paperless a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .paperless a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .paperless a.link{border:1px solid #fff;border-radius:100px;color:#fff;display:inline-block;font-size:16px;padding:10px 0;position:relative;text-decoration:none;width:285px}main #hero .paperless a.link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;bottom:0;content:"";display:block;height:7px;margin:auto;position:absolute;right:25%;top:0;transform:rotate(-45deg);width:7px}main #hero .paperless a.link:hover{opacity:.7}main #hero .paperless a.link:hover:before{background:none}main #hero .paperless.cm{background:#1594df url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_paperless.png) repeat bottom;background-size:cover}main #hero .paperless.cm .mv figure{left:52%;top:0;width:114%}main #hero .paperless.cm .lead{text-shadow:2px 2px 8px rgba(0,0,0,.3)}main #hero .paperless.cm .list li{background-color:transparent;border:1px solid #fff}main #hero .edge{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_bg02.png?A) no-repeat bottom/cover;color:#fff;height:100%;height:880px;padding:130px 0 230px;position:relative;text-align:center}main #hero .edge .top{margin-bottom:10px}main #hero .edge .top .lead{font-size:90px;font-weight:700;line-height:1;margin-bottom:50px}main #hero .edge .top .lead small{font-size:45px}main #hero .edge .top .lead small em{font-size:105px}main #hero .edge .top .lead .txt01{display:block;margin:0 auto 30px;max-width:1015px}main #hero .edge .top .lead .txt02{display:block;margin:auto;max-width:890px}main #hero .edge .top .link{color:#fff;display:inline-block;font-size:22px;padding-right:20px;position:relative;text-decoration:none}main #hero .edge .top .link:hover{opacity:.7}main #hero .edge .top .link:hover:before{background:none}main #hero .edge .top .link:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:block;height:10px;margin:auto;position:absolute;right:0;top:50%;transform:rotate(-45deg) translateY(-50%);width:10px}main #hero .edge .bottom{-ms-flex-pack:justify;justify-content:space-between;margin:auto;max-width:1012px}main #hero .edge .bottom,main #hero .edge .bottom .award-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}main #hero .edge .bottom .award-list{-ms-flex-align:center;align-items:center}main #hero .edge .bottom .award-list>*{padding:0 10px}main #hero .edge .bottom .cm{position:relative;transition:opacity .3s;z-index:1}main #hero .edge .bottom .cm:hover{opacity:.6}main #hero .edge a.cover{position:static}main #hero .edge a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .edge a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .f2021{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_f2021.png) no-repeat top/cover;color:#fff;height:100%;height:880px;padding:60px 0 230px;position:relative}main #hero .f2021 .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}main #hero .f2021 .visual__main{width:630px}main #hero .f2021 a.cover{cursor:pointer;position:static}main #hero .f2021 a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background .3s;width:100%}main #hero .f2021 a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .seikyukanri{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_seikyukanri.png) repeat bottom;background-size:cover;color:#fff;padding:56px 0 286px;position:relative}main #hero .seikyukanri .inner{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-width:830px;position:relative}main #hero .seikyukanri .detail{padding:25px 0 30px;position:relative;text-align:left;width:60%}main #hero .seikyukanri .mv{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:end;align-items:flex-end;width:8%}main #hero .seikyukanri .mv figure{height:575px;left:45%;position:absolute;top:8%;transform:translate(-50%,-20px);width:574px}main #hero .seikyukanri .logo{margin-bottom:40px;width:330px}main #hero .seikyukanri .lead{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3}main #hero .seikyukanri .lead span{border:2px solid #fff;border-radius:100px;color:#fff;display:inline-block;font-size:2rem;padding:7px 20px 3px;position:relative}main #hero .seikyukanri .lead span.green{border:2px solid #b3c76b;margin-bottom:10px}main #hero .seikyukanri .lead span.blue{border:2px solid #54bced;margin-right:.5rem}main #hero .seikyukanri .copy{font-size:24px;margin-bottom:56px}main #hero .seikyukanri .desc{font-size:18px;margin-bottom:32px}main #hero .seikyukanri a.cover{position:static}main #hero .seikyukanri a.cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:.3s;width:100%}main #hero .seikyukanri a.cover:hover:before{background:hsla(0,0%,100%,.2)}main #hero .seikyukanri a.link{background-color:#fff;border:1px solid #fff;border-radius:100px;color:#1a4588;display:inline-block;font-size:16px;font-weight:700;margin-top:20px;padding:10px 0;position:relative;text-align:center;text-decoration:none;width:285px}main #hero .seikyukanri a.link:after{border-bottom:2px solid #1a4588;border-right:2px solid #1a4588;bottom:0;content:"";display:block;height:7px;margin:auto;position:absolute;right:25%;top:0;transform:rotate(-45deg);width:7px}main #hero .seikyukanri a.link:hover{opacity:.7}main #hero .seikyukanri a.link:hover:before{background:none}main #hero .seikyukanri.cm .mv figure{left:52%;top:0;width:114%}@media screen and (max-width:768px){main #hero{height:auto}main #hero .inner{padding:0 15px}main #hero .hero,main #hero.hero{background:#1594df url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_bg01.png) no-repeat bottom/contain;padding:98px 0 190px}main #hero .hero .logo,main #hero.hero .logo{margin-bottom:24px;width:280px}main #hero .hero .lead,main #hero.hero .lead{font-size:28px;margin-bottom:10px}main #hero .hero .lead small,main #hero.hero .lead small{font-size:22px}main #hero .hero .copy,main #hero.hero .copy{font-size:18px;margin-bottom:16px}main #hero .hero .desc,main #hero.hero .desc{font-size:16px;margin-bottom:16px}main #hero .hero a.link,main #hero.hero a.link{color:#fff;font-size:16px;padding-right:16px}main #hero .hero a.link:after,main #hero.hero a.link:after{height:6px;width:6px}main #hero .denshihozon{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_denshihozon.png?A) no-repeat 70% 100%/auto 100%;color:#fff;height:auto;padding:80px 0;position:relative}main #hero .denshihozon .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .denshihozon .visual__main{padding:0 0 30px;width:100%}main #hero .denshihozon .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .denshihozon .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .denshihozon .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .denshihozon .visual h1 span em{font-size:20px}main #hero .denshihozon .visual .link{font-size:16px}main #hero .bugyohr{background:url(//www.obc.co.jp/hubfs/obc/v1/images/landing/bugyo-hr/branding05.png?A) no-repeat bottom/cover;height:auto;padding:160px 0 120px}main #hero .bugyohr .inner__main h1{font-size:50px;margin:0 0 30px}main #hero .bugyohr .inner__main .lead{font-size:20px;margin-bottom:20px}main #hero .invoicedx{background:url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/landing/invoicedx/hero_sp.png) no-repeat 50%/contain,url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-edge/landing/invoicedx/sp_bg.png) no-repeat 50%/cover;height:auto;padding:60px 0}main #hero .invoicedx .inner__main .detail{left:0;padding:90% 0 0;position:absolute;top:0;transform:translate(0)}main #hero .invoicedx .inner__main .detail .lead,main #hero .invoicedx .inner__main .detail h1{opacity:0;visibility:hidden}main #hero .invoicedx .inner__main .detail .c-button.orange{bottom:8%;left:50%;margin:0;max-width:75%;position:absolute;right:auto;transform:translateX(-50%)}main #hero .backdx{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_backdx.png?A) no-repeat 70% 100%/auto 100%;background-position:50%;color:#fff;height:auto;padding:102px 0;position:relative}main #hero .backdx:before{height:100%}main #hero .backdx:after{background:none}main #hero .backdx .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .backdx .visual__main{padding:0;width:100%}main #hero .backdx .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .backdx .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .backdx .visual h1{line-height:2;margin:0 0 30px}main #hero .backdx .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .backdx .visual h1 span em{font-size:20px}main #hero .backdx .visual .link{font-size:16px}main #hero .backdx .visual .backdx_link{font-size:14px;max-width:200px}main #hero .backdx .hero_logo{text-align:center;width:35%}main #hero .backdx .point_img{margin-bottom:10px;width:90%}main #hero .backdx .point_img img{width:100%}main #hero .backdx .backdx_list_img img{margin-bottom:5px;width:90%}main #hero .backdx .backdx_list_img img:nth-child(-n+2){margin-right:0}main #hero .backdx .backdx_list{padding:10px 0;width:87%}main #hero .backdx .backdx_text{font-size:16px;margin-bottom:10px}main #hero .backdx .backdx_link .link:after{left:115px}main #hero .backdx_box .backdx_inner_box{padding:70px 20px 30px}main #hero .dxsuite{background-position:50%;color:#fff;height:auto;padding:64px 0;position:relative}main #hero .dxsuite .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .dxsuite .visual__main{padding:0 0 30px;width:100%}main #hero .dxsuite .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .dxsuite .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .dxsuite .visual h1{line-height:2;margin:0 0 30px}main #hero .dxsuite .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .dxsuite .visual h1 span em{font-size:20px}main #hero .dxsuite .visual .link{font-size:16px}main #hero .dxsuite .visual .dxsuite_link{font-size:14px;max-width:200px}main #hero .dxsuite .hero_logo{width:100%}main #hero .dxsuite .point_img{margin-bottom:10px;width:90%}main #hero .dxsuite .point_img img{width:100%}main #hero .dxsuite .dxsuite_list_img img{margin-bottom:5px;width:90%}main #hero .dxsuite .dxsuite_list_img img:nth-child(-n+2){margin-right:0}main #hero .dxsuite .dxsuite_list{padding:10px 0;width:87%}main #hero .dxsuite .dxsuite_text{font-size:16px;margin-bottom:10px}main #hero .dxsuite .dxsuite_link .link:after{left:115px}main #hero .verp{background-position:50%;color:#fff;height:auto;padding:65px 0 100px;position:relative}main #hero .verp .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .verp .visual__main{padding:0 0 30px;width:100%}main #hero .verp .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .verp .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .verp .visual h1{line-height:2;margin:0 0 30px}main #hero .verp .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .verp .visual h1 span em{font-size:20px}main #hero .verp .visual .link{font-size:16px}main #hero .verp .visual .verp_link{font-size:14px;max-width:200px}main #hero .verp .hero_logo{width:100%}main #hero .verp .verp_title{font-size:36px}main #hero .verp .verp_title span{font-size:20px}main #hero .verp .point_img{margin-bottom:10px;width:90%}main #hero .verp .point_img img{width:100%}main #hero .verp .verp_list_img img{margin-bottom:5px;width:90%}main #hero .verp .verp_list_img img:nth-child(-n+2){margin-right:0}main #hero .verp .verp_list{padding:10px 0;width:87%}main #hero .verp .verp_text{font-size:16px;margin-bottom:20px}main #hero .verp .verp_link .link:after{left:115px}main #hero .denchou{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_denchou.png) no-repeat 70% 100%/auto 100%;background-position:50%;color:#333;height:auto;padding:40px 0;position:relative}main #hero .denchou .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .denchou .visual__main{padding:0 0 30px;width:100%}main #hero .denchou .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .denchou .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .denchou .visual h1{line-height:2;margin:0 0 30px}main #hero .denchou .visual h1 span{font-size:23px;margin-bottom:10px;empty-cells-font-size:20px}main #hero .denchou .visual .link{font-size:16px}main #hero .denchou .visual .visual__main .visual__main_pc{display:none}main #hero .denchou .visual .visual__main .visual__main_sp{display:-ms-flexbox;display:flex}main #hero .denchou .hero_logo{margin-bottom:50px;width:100%}main #hero .denchou .point_img{margin-bottom:50px;width:90%}main #hero .denchou .point_img img{width:100%}main #hero .denchou .visual__top{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;display:none}main #hero .denchou .visual__top img{width:40%}main #hero .denchou .visual__top img:nth-child(2){width:70%}main #hero .denchou .visual__main ul{-ms-flex-wrap:wrap;flex-wrap:wrap}main #hero .denchou .visual__main ul li:nth-child(-n+3){margin-bottom:.5em}main #hero .denchou .visual__top{margin-bottom:20px}main #hero .denchou .visual__top_sp{display:inline}main #hero .denchou .visual__top_sp img{height:230px;margin:0 auto}main #hero .denchou .visual__top_sp_img{position:absolute;width:100%}main #hero .denchou .visual__top_sp_img img{-ms-flex-pack:justify;height:60px;justify-content:space-between;object-fit:contain;padding:0;width:30%}main #hero .hrsuite{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_hrsuite02.png?A) no-repeat 70% 100%/auto 100%;background-position:50%;color:#fff;height:auto;padding:72px 0;position:relative}main #hero .hrsuite .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .hrsuite .visual__main{padding:0 0 30px;width:100%}main #hero .hrsuite .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .hrsuite .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .hrsuite .visual h1{line-height:2;margin:0 0 30px}main #hero .hrsuite .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .hrsuite .visual h1 span em{font-size:20px}main #hero .hrsuite .visual .link{font-size:16px}main #hero .hrsuite .hero_logo{margin-bottom:50px;width:100%}main #hero .hrsuite .point_img{margin-bottom:50px;width:90%}main #hero .hrsuite .point_img img{width:100%}main #hero .dxseminar{background:none;background-position:50%;color:#fff;height:auto;margin:0 auto;padding:64px 0;position:relative;width:95%}main #hero .dxseminar .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}main #hero .dxseminar .visual__main{padding:0 0 30px;width:100%}main #hero .dxseminar .visual__tx__icon{background:#fff;border-radius:100vh;color:#ac257d;display:inline-block;font-size:14px;margin:30px 0 20px;padding:5px 20px 3px}main #hero .dxseminar .visual__tx__lead{font-size:16px;margin-bottom:20px}main #hero .dxseminar .visual h1{line-height:2;margin:0 0 30px}main #hero .dxseminar .visual h1 span{font-size:23px;margin-bottom:10px}main #hero .dxseminar .visual h1 span em{font-size:20px}main #hero .dxseminar .visual .link{font-size:14px}main #hero .dxseminar .visual .link:after{height:7px;width:7px}main #hero .dxseminar .visual .dxseminar_link{font-size:14px!important;max-width:300px;padding:15px 30px}main #hero .dxseminar .hero_logo{width:100%}main #hero .dxseminar .point_img{margin-bottom:10px;width:90%}main #hero .dxseminar .point_img img{width:100%}main #hero .dxseminar .dxsuite_list_img img{margin-bottom:5px;width:90%}main #hero .dxseminar .dxseminar_list{padding:10px 0;width:87%}main #hero .dxseminar .dxseminar_text{font-size:16px;margin-bottom:10px}main #hero .dxseminar .dxseminar_link .link:after{left:233px}main #hero .dxseminar .dxseminar_img .only--pc{display:none}main #hero .dxseminar .dxseminar_img .only--sp{display:block!important;margin:auto}main #hero .edge{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_bg02.png?A) no-repeat bottom/cover;color:#fff;height:auto;padding:30px 0 60px}main #hero .edge .top{margin-bottom:10px}main #hero .edge .top .lead{font-size:28px;line-height:1.1;margin-bottom:14px}main #hero .edge .top .lead span{display:inline-block}main #hero .edge .top .lead small{font-size:20px}main #hero .edge .top .lead small em{font-size:32px}main #hero .edge .top .lead .txt01{display:block;margin:0 auto 10px;max-width:315px;padding:0 20px}main #hero .edge .top .lead .txt02{display:block;margin:auto;max-width:400px;padding:0 20px}main #hero .edge .top .link{font-size:16px;padding-right:14px}main #hero .edge .top .link:after{height:6px;width:6px}main #hero .edge .bottom{display:block;margin-top:12px}main #hero .edge .bottom .award-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:auto;max-width:350px}main #hero .edge .bottom .award-list>*{padding:0 5px}main #hero .edge .bottom .cm{margin:20px auto;max-width:150px}main #hero .f2021{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_f2021.png) no-repeat bottom/cover;height:auto;padding:30px 0 0}main #hero .f2021 .visual__contents__area{display:-ms-flexbox;display:flex;-ms-flex-pack:center;-ms-flex-direction:column-reverse;flex-direction:column-reverse;justify-content:center}main #hero .f2021 .visual__main{height:auto;margin:0 auto;max-height:145px;width:60%}main #hero .f2021 .visual__tx__lead{height:auto;margin:0 auto;width:80%}main #hero .f2021 a.link{color:#fff;display:inline-block;font-size:16px;left:0;padding-right:20px;position:relative;text-decoration:none}main #hero .f2021 a.link:hover{opacity:.7}main #hero .f2021 a.link:hover:before{background:none}main #hero .nencho{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_nencho2021_sp.png) no-repeat bottom;background-size:cover;padding:24px 0 80px}main #hero .nencho .lead{font-size:20px}main #hero .nencho .link{border-radius:50px;padding:10px}main #hero .nencho .c-flex{display:block}main #hero .nencho .c-flex .desc{margin:10px 0}main #hero .nencho .c-flex img{margin:0 auto;max-width:180px}main #hero .paperless{padding:10px 0 23px}main #hero .paperless .inner{display:block;position:relative}main #hero .paperless .detail{height:auto;padding-bottom:0;padding-top:20px;position:relative;text-align:center;width:100%}main #hero .paperless .mv{margin:10px auto 0;width:70%}main #hero .paperless .lead{font-size:1.875rem}main #hero .paperless .lead small{font-size:.9375rem}main #hero .paperless .list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:15px auto}main #hero .paperless .list li{height:110px;width:110px}main #hero .paperless .list li span{font-size:1rem}main #hero .paperless a.link:after{right:13%}main #hero .paperless.cm{background-size:cover}main #hero .paperless.cm .mv{margin-top:0;width:49%}main #hero .paperless.cm .mv figure{height:auto;left:50%;margin:auto;position:relative;text-align:center;top:12px;transform:translateX(-50%);width:100%}main #hero .seikyukanri{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/hero_seikyukanri_sp.png) repeat bottom;background-size:cover;padding:0}main #hero .seikyukanri .inner{display:block;position:relative}main #hero .seikyukanri .detail{height:auto;padding:30px 0 0;position:relative;width:95%}main #hero .seikyukanri .mv{margin:30px 30% 10px 26%;width:65%}main #hero .seikyukanri .mv figure{height:auto;margin:auto;position:relative;text-align:center;width:100%}main #hero .seikyukanri .lead{font-size:16px}main #hero .seikyukanri .lead span{font-size:1.5rem;padding:3px 20px}main #hero .seikyukanri .lead small{font-size:.9375rem;margin-bottom:1em}main #hero .seikyukanri .list{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto 10px}main #hero .seikyukanri .list li{font-size:20px}main #hero .seikyukanri .list li span{font-size:30px}main #hero .seikyukanri .list li span.dot{padding-top:.1em}main #hero .seikyukanri .list li span.line{border-bottom:10px solid #54bced;font-size:48px}main #hero .seikyukanri .list li:last-child{margin-top:0}main #hero .seikyukanri a.link{margin-top:0;padding:7px 0;width:235px}main #hero .seikyukanri a.link:after{right:13%}main #hero .seikyukanri.cm .mv figure{top:12px}}main #hero .bugyo-verp{background:#000 url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-v/renew/bg_hero.jpg?A) no-repeat 0 0/100% auto;height:881px;padding:100px 0 180px}main #hero .bugyo-verp .inner__main h1{font-size:46px;font-weight:400;letter-spacing:1px;line-height:1.4;margin-bottom:40px}main #hero .bugyo-verp .inner__main .lead,main #hero .bugyo-verp .inner__main h1{color:#fff;font-family:"Noto Serif JP",游明朝体,Yu Mincho,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,ＭＳ Ｐ明朝,ＭＳ 明朝,serif;text-align:center}main #hero .bugyo-verp .inner__main .lead{font-size:22px;margin:50px 0}main #hero .bugyo-verp .inner__main .logo{margin:auto;max-width:600px}main #hero .bugyo-verp .inner__main .banner{margin:30px auto;max-width:600px}@media screen and (max-width:768px){main #hero .bugyo-verp{background-position:0 10%;height:660px;padding:100px 0}main #hero .bugyo-verp .inner__main h1{font-size:24px;margin:0 0 20px}main #hero .bugyo-verp .inner__main .lead{font-size:16px;margin:20px 0 30px}}main #hero .leasing{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/leasing/mv_bg.png) no-repeat center 60px/contain #9446af;height:881px;padding:120px 0 100px;position:relative}main #hero .leasing:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/leasing/top_mv.png) no-repeat;background-size:cover;content:"";height:800px;left:calc(50% + 240px);position:absolute;top:40px;width:480px}main #hero .leasing .lead{color:#fff;font-size:42px;font-weight:700;margin-bottom:40px;text-align:center}main #hero .leasing .logo{margin:0 auto;max-width:480px}main #hero .leasing .copy{color:#fff;font-size:24px;font-weight:500;margin:20px 0 60px;text-align:center}main #hero .leasing .cover:before{z-index:1}@media screen and (max-width:768px){main #hero .leasing{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/leasing/mv_bg.png) no-repeat center 40px/contain #9446af;height:100%;overflow:hidden;padding:60px 0 120px}main #hero .leasing:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/leasing/top_mv.png) no-repeat;background-size:cover;bottom:-108px;content:"";height:500px;left:calc(50% - 80px);position:absolute;top:unset;width:370px;z-index:0}main #hero .leasing .lead{line-height:1.3;margin-bottom:30px}main #hero .leasing .logo{max-width:420px}main #hero .leasing .copy{font-size:16px;margin:15px 0 140px}main #hero .leasing .c-button{position:relative;z-index:1}}main #hero .kotei_verp{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/bugyo-v/landing/leasing/kotei/mv_bg_top.png) no-repeat;background-position:left -30px top -30px;background-size:cover;height:100%;padding:80px 0;position:relative}main #hero .kotei_verp .intersect{left:0;margin:0;pointer-events:none;position:absolute;top:450px}main #hero .kotei_verp .intersect_2{margin:0;max-width:300px;pointer-events:none;position:absolute;right:0;top:30px}main #hero .kotei_verp .kyozo{bottom:-150px;left:calc(50% + 110px);max-width:390px;pointer-events:none;position:absolute;z-index:0}main #hero .kotei_verp .wrap{margin:0 auto;max-width:1200px;padding:0;pointer-events:none;position:relative;z-index:0}main #hero .kotei_verp .wrap .logo{margin:40px 0 80px;max-width:640px}main #hero .kotei_verp .lead{color:#333;font-size:42px;font-weight:700}main #hero .kotei_verp .lead em{background-color:#532d74;color:#fff;display:inline-block;margin-right:24px;margin-top:40px;padding:20px;position:relative}main #hero .kotei_verp .lead em:after{background-color:#532d74;content:"";height:20px;left:calc(100% - 10px);position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:20px}main #hero .kotei_verp .lead em span{color:#333;display:inline-block;font-size:32px;left:50%;padding:0 20px;position:absolute;top:-55px;transform:translateX(-50%)}main #hero .kotei_verp .lead em span:before{background-color:#532d74;bottom:0;content:"";height:36px;left:0;position:absolute;transform:rotate(-24deg);width:5px}main #hero .kotei_verp .lead em span:after{background-color:#532d74;bottom:0;content:"";height:36px;position:absolute;right:0;transform:rotate(24deg);width:5px}main #hero .kotei_verp .c-marker{display:inline-block;padding:0 4px;position:relative;z-index:0}main #hero .kotei_verp .c-marker:after{background:#fec108;bottom:.2rem;content:"";height:1rem;left:0;position:absolute;transition:all .6s;width:100%;z-index:-1}@media screen and (max-width:768px){main #hero .kotei_verp .c-marker:after{height:.7rem}}main #hero .kotei_verp .c-button{background-color:#ff9a00;border-color:#ff9a00}@media screen and (max-width:768px){main #hero .kotei_verp{background-position:0 0;height:100%;padding:40px 0 100px}main #hero .kotei_verp .inner .cover{height:100%;left:0;position:absolute;top:0;width:100%;z-index:11}main #hero .kotei_verp .lead{font-size:24px;line-height:1.5;text-align:center}main #hero .kotei_verp .lead em{font-size:20px;margin:40px auto 20px;padding:10px 30px}main #hero .kotei_verp .lead em:after{background-color:#532d74;bottom:-10px;content:"";height:20px;left:50%;position:absolute;top:unset;transform:translateX(-50%) rotate(45deg);width:20px}main #hero .kotei_verp .lead em span{font-size:20px;top:-40px}main #hero .kotei_verp .lead em span:after,main #hero .kotei_verp .lead em span:before{height:24px;width:3px}main #hero .kotei_verp p{font-size:20px;line-height:1.5;max-width:100%;padding:8px 20px}main #hero .kotei_verp .intersect{left:0;top:48%;width:34%}main #hero .kotei_verp .intersect_2{right:0;top:2%;width:32%}main #hero .kotei_verp .kyozo{bottom:unset;left:50%;margin:0;top:43%;transform:translateX(-55%);width:80%;z-index:0}main #hero .kotei_verp .wrap{z-index:10}main #hero .kotei_verp .wrap .logo{margin:20px 0 68%}}main #hero .bugyo-ai{background:url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-ai/leasing/identification/hero_bg.png) no-repeat 50%/cover;height:100%;padding:0 0 20vw;position:relative}main #hero .bugyo-ai-wrap{margin:0 -103px;max-width:1220px;position:relative}main #hero .bugyo-ai-main,main #hero .bugyo-ai-wrap{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}main #hero .bugyo-ai-main{height:100%;position:absolute;right:-4%;width:50%;-ms-flex-pack:center;justify-content:center;z-index:0}main #hero .bugyo-ai-main__frame{position:relative}main #hero .bugyo-ai-main__movie{aspect-ratio:16/9;left:11.5%;position:absolute;top:50%;transform:translateY(-50%);width:80%}main #hero .bugyo-ai-detail{padding:5% 0 0;z-index:1}main #hero .bugyo-ai-detail__subtitle{display:-ms-flexbox;display:flex}main #hero .bugyo-ai-detail__subtitle span{display:inline-block;padding:0 1em;position:relative}main #hero .bugyo-ai-detail__subtitle span.new{background:#1d488c;-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);color:#1d488c;font-size:25px;font-weight:900;line-height:150%;transform:rotate(-3.13deg);z-index:0}main #hero .bugyo-ai-detail__subtitle span.new:before{background-color:#fec108;content:"";display:block;height:100%;left:0;position:absolute;top:0;transform:rotate(3.88deg);width:100%;z-index:-1}main #hero .bugyo-ai-detail__subtitle small{font-size:26px;font-weight:900;line-height:150%}main #hero .bugyo-ai-detail__title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:45px;font-weight:700;line-height:1.3;margin:1rem 0;position:relative}main #hero .bugyo-ai-detail__title em{color:#333}main #hero .bugyo-ai-detail__title em.color{color:#1d488c}main #hero .bugyo-ai-detail__lead{background:linear-gradient(91.33deg,#164fa4 29.93%,#3b9dcb 97.97%);-webkit-clip-path:polygon(0 0,97.5% 0,100% 50%,97.5% 100%,0 100%);clip-path:polygon(0 0,97.5% 0,100% 50%,97.5% 100%,0 100%);color:#fff;display:inline-block;font-size:21px;font-weight:500;line-height:1.5;margin:1rem 0;padding:0 1.5em 0 .5em}main #hero .bugyo-ai-detail__logo{margin:1rem 0 1.5rem}main #hero .bugyo-ai .c-button{background-color:#f78d0b;border-color:#f78d0b;margin:30px auto;max-width:560px}@media screen and (min-width:1441px){main #hero .bugyo-ai-main{margin-right:0}}@media screen and (max-width:768px){main #hero .bugyo-ai{background:url(//www.obc.co.jp/hubfs/obc/v1/images/bugyo-ai/leasing/identification/hero_bg_sp.png) no-repeat 50%/cover;padding:5vw 0 12vw}main #hero .bugyo-ai-wrap{-ms-flex-direction:column;flex-direction:column;margin:0}main #hero .bugyo-ai-main{position:relative;right:0;width:60%}main #hero .bugyo-ai-main__movie{top:50%;transform:translateY(-50%)}main #hero .bugyo-ai-detail{padding:0;width:100%}main #hero .bugyo-ai-detail__subtitle span.new{font-size:14px}main #hero .bugyo-ai-detail__subtitle small{font-size:16px}main #hero .bugyo-ai-detail__title{-ms-flex-align:center;align-items:center;font-size:36px;line-height:1.2;margin:1rem 0 0}main #hero .bugyo-ai-detail__title:before{top:-10px}main #hero .bugyo-ai-detail__title:after{bottom:-15px}main #hero .bugyo-ai-detail__lead{display:block;font-size:11px;padding:.25em 1.5em .25em .5em;text-align:center}main #hero .bugyo-ai-detail__logo{margin:.5rem auto 1rem;max-width:90%}main #hero .bugyo-ai .c-button{margin:20px auto 0}}main #guide{margin-bottom:100px;margin-top:-220px;position:relative;z-index:1}main #guide .inner{background:#f6f6f6 url(https://www.obc.co.jp/hubfs/obc/v1/images/index/kamon01.png) repeat bottom;border-radius:8px;margin:auto;max-width:1014px;padding:56px 100px 64px}main #guide .guide-title{color:#b6278b;font-size:32px;line-height:1;margin-bottom:40px;margin-top:64px;text-align:center}main #guide .guide-title:first-child{margin-top:0}main #guide .guide-title br{display:none}main #guide .search-area form{border:1px solid #666;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:32px;overflow:hidden}main #guide .search-area form .input{-ms-flex:1;flex:1}main #guide .search-area form .input input{padding:9px 12px;width:100%}main #guide .search-area form .button{background:#fff;width:60px}main #guide .search-area form .button input{background:#fff url(https://www.obc.co.jp/hubfs/obc/v1/images/index/search_button.svg) no-repeat 50%;cursor:pointer;height:100%;transition:opacity .3s;width:100%}main #guide .search-area form .button input:hover{opacity:.7}main #guide .access{font-size:18px}main #guide .access:after{clear:both;content:"";display:block}main #guide .access dt{float:left;padding:5px 15px 0 0}main #guide .access dd{overflow:hidden}main #guide .access dd .access-list{letter-spacing:-.5em}main #guide .access dd .access-list li{display:inline-block;letter-spacing:0;margin:0 16px 16px 0}main #guide .access dd .access-list li a{background:#fff;border:1px solid #057db8;border-radius:8px;color:#057db8;display:block;font-weight:700;padding:5px 16px;transition:background .2s,color .2s}main #guide .access dd .access-list li a:hover{background:#057db8;color:#fff}main #guide .candidacy{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:#fff;border-radius:8px;padding:26px 32px 28px}main #guide .candidacy+.candidacy{margin-top:8px}main #guide .candidacy dt{border-right:1px solid #666;color:#b6278b;font-size:22px;line-height:1.2;margin-right:32px;padding-right:32px;white-space:nowrap}main #guide .candidacy dd .candidacy-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}main #guide .candidacy dd .candidacy-list li{margin-right:32px}main #guide .candidacy dd .candidacy-list-small li{margin-right:16px}main #guide .candidacy dd .candidacy-list a{display:inline-block;padding:4px 21px 4px 2px;position:relative;transition:opacity .3s}main #guide .candidacy dd .candidacy-list a:hover{opacity:.6}main #guide .candidacy dd .candidacy-list a:after{border-bottom:2px solid #333;border-right:2px solid #333;bottom:0;content:"";display:block;height:7px;margin:auto;position:absolute;right:5px;top:0;transform:rotate(-45deg);width:7px}@media screen and (max-width:768px){main #guide{margin-bottom:40px;margin-top:-40px;padding:0 15px}main #guide .inner{padding:40px 15px 15px}main #guide .guide-title{font-size:22px;line-height:1.3;margin-bottom:24px;margin-top:48px}main #guide .guide-title br{display:block}main #guide .search-area form{margin-bottom:15px}main #guide .search-area form .input{-ms-flex:1;flex:1}main #guide .search-area form .input input{padding:7px 10px;width:100%}main #guide .search-area form .button{width:50px}main #guide .search-area form .button input{background-size:auto 65%}main #guide .access{font-size:15px}main #guide .access dt{float:none;margin-bottom:10px;padding:0}main #guide .access dd .access-list li{margin:0 6px 6px 0}main #guide .access dd .access-list li a{font-size:13px;padding:4px 12px}main #guide .candidacy{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;padding:15px}main #guide .candidacy+.candidacy{margin-top:10px}main #guide .candidacy dt{border-right:none;font-size:18px;margin-bottom:14px;margin-right:0;padding-right:0}main #guide .candidacy dd .candidacy-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}main #guide .candidacy dd .candidacy-list li{font-size:14px;margin:0 15px 5px 0}main #guide .candidacy dd .candidacy-list-small li{margin:0 15px 5px 0}main #guide .candidacy dd .candidacy-list a{padding:5px 16px 5px 2px}main #guide .candidacy dd .candidacy-list a:after{bottom:0;right:3px;top:0}}main #products{padding-bottom:70px}main #products .inner{margin:auto;max-width:1260px;padding:0 20px}main #products .products-title{font-size:32px;margin-bottom:48px;text-align:center}main #products .products-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:0 -20px;width:calc(100% + 40px)}main #products .products-list li{padding:0 20px;width:50%}main #products .products-list li:nth-child(n+3){margin-top:40px}main #products .products-list li a{color:#fff;display:block;height:100%;padding:38px 60px 32px;position:relative;text-align:center;transition:opacity .3s}main #products .products-list li a:hover{opacity:.7}main #products .products-list li a:after{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:0;content:"";display:block;height:32px;margin:auto;position:absolute;right:16px;top:0;transform:rotate(-45deg);width:32px}main #products .products-list li figure{margin-bottom:30px}main #products .products-list li .lead{font-size:32px;margin-bottom:10px}main #products .products-list li .desc{font-size:18px}main #products .products-list li.bugyo-cloud a{background:#009fe6}main #products .products-list li.bugyo-edge a{background:#314474}main #products .products-list li.bugyo-v a{background:#191d6a}main #products .products-list li.bugyo-i a{background:#007ab6}main #products .products-list-table thead th{font-weight:400!important}main #products .products-list-grid .container{display:-ms-grid;display:grid;-ms-grid-columns:.1fr .1fr 1fr 1fr 1fr;grid-template-columns:.1fr .1fr 1fr 1fr 1fr;-ms-grid-rows:.2fr 1fr 1fr 1fr;gap:10px 10px;grid-auto-flow:row;grid-template-areas:"brank brank title1 title8 title2" "title3 title4 bugyo-v_cloud bugyo-verp_multicloud bugyo-v_sp" "title3 title5 bugyo-cloud bugyo-i_multicloud bugyo-11" "title6 title7 bugyo-edge bugyo-edge bugyo-edge";grid-template-rows:.2fr 1fr 1fr 1fr}main #products .products-list-grid .container>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}main #products .products-list-grid .container a{color:#fff;display:block;padding:38px 60px 32px;position:relative;text-align:center;transition:opacity .3s;width:100%}main #products .products-list-grid .container a:hover{opacity:.7}main #products .products-list-grid .container a:after{border-bottom:1px solid #fff;border-right:1px solid #fff;bottom:0;content:"";display:block;height:32px;margin:auto;position:absolute;right:16px;top:0;transform:rotate(-45deg);width:32px}main #products .products-list-grid .container figure img{max-height:72px;max-width:300px}main #products .products-list-grid .brank{grid-area:brank}main #products .products-list-grid .title1{grid-area:title1}main #products .products-list-grid .title2{grid-area:title2}main #products .products-list-grid .title1,main #products .products-list-grid .title2{border:1px solid #b2b2b2;padding:10px 0}main #products .products-list-grid .title3,main #products .products-list-grid .title4,main #products .products-list-grid .title5,main #products .products-list-grid .title6,main #products .products-list-grid .title7{border:1px solid #b2b2b2;display:block;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}main #products .products-list-grid .title3{grid-area:title3}main #products .products-list-grid .title4{grid-area:title4}main #products .products-list-grid .title5{grid-area:title5}main #products .products-list-grid .title6{grid-area:title6}main #products .products-list-grid .title7{grid-area:title7}main #products .products-list-grid .title8{border:1px solid #b2b2b2;grid-area:title8;padding:10px 0}main #products .products-list-grid .bugyo-v_cloud{background:#333;grid-area:bugyo-v_cloud}main #products .products-list-grid .bugyo-v_sp{background:#333;grid-area:bugyo-v_sp}main #products .products-list-grid .bugyo-cloud{background:#009fe6;grid-area:bugyo-cloud}main #products .products-list-grid .bugyo-11{background:#007ab6;grid-area:bugyo-11}main #products .products-list-grid .bugyo-edge{background:#314474;grid-area:bugyo-edge}main #products .products-list-grid .bugyo-cloud figure img{max-height:64px}main #products .products-list-grid .bugyo-11 figure img{max-height:60px}main #products .products-list-grid .bugyo-verp_multicloud{background:#333;grid-area:bugyo-verp_multicloud}main #products .products-list-grid .bugyo-i_multicloud{background:#1d71bb;grid-area:bugyo-i_multicloud}@media screen and (max-width:768px){main #products{padding-bottom:40px}main #products .inner{padding:0 15px}main #products .products-title{font-size:26px;margin-bottom:32px}main #products .products-list{margin:0 -8px;width:calc(100% + 16px)}main #products .products-list li{padding:0 8px;width:50%}main #products .products-list li:nth-child(n+3){margin-top:16px}main #products .products-list li a{padding:24px 22px}main #products .products-list li a:after{height:16px;right:8px;width:16px}main #products .products-list li figure{margin-bottom:20px}main #products .products-list li .lead{font-size:22px;margin-bottom:8px}main #products .products-list li .desc{font-size:13px}main #products .products-list li.bugyo-cloud figure img{width:200px}main #products .products-list li.bugyo-edge figure img{width:235px}main #products .products-list li.bugyo-v figure img{width:190px}main #products .products-list li.bugyo-i figure img{width:235px}main #products .products-list-grid{width:100%}main #products .products-list-grid .container{display:-ms-grid;display:grid;-ms-grid-columns:.1fr .1fr 1fr 1fr 1fr;grid-template-columns:.1fr .1fr 1fr 1fr 1fr;-ms-grid-rows:.1fr 1fr 1fr 1fr;gap:5px 5px;grid-auto-flow:row;grid-template-areas:"brank brank title1 title8 title2" "title3 title4 bugyo-v_cloud bugyo-verp_multicloud bugyo-v_sp" "title3 title5 bugyo-cloud bugyo-i_multicloud bugyo-11" "title6 title7 bugyo-edge bugyo-edge bugyo-edge";grid-template-rows:.1fr 1fr 1fr 1fr}main #products .products-list-grid .container>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}main #products .products-list-grid .container a{padding:12px 22px 12px 0}main #products .products-list-grid .container a:after{height:16px;right:8px;width:16px}main #products .products-list-grid .container .title1,main #products .products-list-grid .container .title2,main #products .products-list-grid .container .title3,main #products .products-list-grid .container .title4,main #products .products-list-grid .container .title5,main #products .products-list-grid .container .title6,main #products .products-list-grid .container .title7{font-size:12px}main #products .products-list-grid .container .bugyo-cloud figure img,main #products .products-list-grid .container .bugyo-v_cloud figure img,main #products .products-list-grid .container .bugyo-v_sp figure img{width:90px}main #products .products-list-grid .container .bugyo-edge figure img{width:135px}main #products .products-list-grid .container .bugyo-11 figure img{max-height:20px}}@media screen and (max-width:640px){main #products{padding-bottom:40px}main #products .inner{padding:0 15px}main #products .products-title{font-size:26px;margin-bottom:32px}main #products .products-list{display:block;margin:0;width:100%}main #products .products-list li{margin:auto;max-width:400px;padding:0;width:100%}main #products .products-list li:nth-child(n+2),main #products .products-list li:nth-child(n+3){margin-top:15px}main #products .products-list li a{padding:24px 30px}main #products .products-list li a:after{height:20px;right:10px;width:20px}main #products .products-list li figure{margin-bottom:20px}main #products .products-list li .lead{font-size:22px;margin-bottom:8px}main #products .products-list li .desc{font-size:13px}main #products .products-list li.bugyo-cloud figure img{width:200px}main #products .products-list li.bugyo-edge figure img{width:235px}main #products .products-list li.bugyo-v figure img{width:190px}main #products .products-list li.bugyo-i figure img{width:235px}main #products .products-list-grid{width:100%}main #products .products-list-grid .container{display:-ms-grid;display:grid;-ms-grid-columns:.1fr .1fr 1fr 1fr 1fr;grid-template-columns:.1fr .1fr 1fr 1fr 1fr;-ms-grid-rows:.1fr 1fr 1fr 1fr;gap:5px 5px;grid-auto-flow:row;grid-template-areas:"brank brank title1 title8 title2" "title3 title4 bugyo-v_cloud bugyo-verp_multicloud bugyo-v_sp" "title3 title5 bugyo-cloud bugyo-i_multicloud bugyo-11" "title6 title7 bugyo-edge bugyo-edge bugyo-edge";grid-template-rows:.1fr 1fr 1fr 1fr}main #products .products-list-grid .container>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}main #products .products-list-grid .container a{padding:10px 6px 20px}main #products .products-list-grid .container a:after{height:8px;left:50%;right:unset;top:unset;transform:rotate(-45deg) translateX(-50%);width:8px}main #products .products-list-grid .container .title1,main #products .products-list-grid .container .title2,main #products .products-list-grid .container .title3,main #products .products-list-grid .container .title4,main #products .products-list-grid .container .title5,main #products .products-list-grid .container .title6,main #products .products-list-grid .container .title7{font-size:12px}main #products .products-list-grid .container .title2{text-align:center}main #products .products-list-grid .container .bugyo-cloud figure img,main #products .products-list-grid .container .bugyo-i_multicloud figure img,main #products .products-list-grid .container .bugyo-v_cloud figure img,main #products .products-list-grid .container .bugyo-v_sp figure img,main #products .products-list-grid .container .bugyo-verp_multicloud figure img{width:82px}main #products .products-list-grid .container .bugyo-edge figure img{width:135px}main #products .products-list-grid .container .bugyo-11 figure img{max-height:unset;width:68px}}main #bland{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/bland_bg01.png) no-repeat 50%/cover;padding:120px 0 110px}main #bland .inner{margin:auto;max-width:1260px;padding:0 20px}main #bland .bland-title{font-size:38px;margin-bottom:42px}main #bland .bland-title br{display:none}main #bland .bland-title small{display:block;font-family:Barlow;font-size:14px;font-weight:700;margin-top:10px}main #bland .lead{font-size:24px;line-height:2;margin-bottom:32px}main #bland .c-button-border{border-color:#000;color:#000;margin-left:0;transition:background .2s,border .2s,color .2s}main #bland .c-button-border:after{border-color:#000}main #bland .c-button-border:hover{background:#000;color:#fff}main #bland .c-button-border:hover:after{border-color:#fff}@media screen and (max-width:768px){main #bland{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/index/bland_bg01.png) no-repeat 50%/cover;padding:60px 0}main #bland .inner{padding:0 15px}main #bland .bland-title{font-size:26px;margin-bottom:36px}main #bland .bland-title br{display:block}main #bland .bland-title small{font-size:12px}main #bland .lead{font-size:16px;line-height:1.8;margin-bottom:24px}}main #bland02{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/plus/img_section03.jpg) no-repeat 50% 80%/cover;padding:90px 0 85px;text-align:center}main #bland02 .inner{margin:auto;max-width:1260px;padding:0 20px}main #bland02 .bland-title{font-family:ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,游明朝体,Yu Mincho,HG明朝E,メイリオ,Meiryo,sans-serif;font-size:38px;margin-bottom:42px}main #bland02 .bland-title small{display:block;font-family:EB Garamond,Noto Sans,Noto Sans CJK JP,Noto Sans CJK JP Subset,Noto Sans JP,sans-serif,serif;font-size:14px;letter-spacing:.04em;margin-top:20px;position:relative}main #bland02 .bland-title small:before{background:#000;content:"";display:block;height:1px;left:0;margin:auto;position:absolute;right:0;top:-12px;width:50px}main #bland02 .lead{font-size:24px;line-height:2;margin-bottom:32px}main #bland02 p{font-family:ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,游明朝体,Yu Mincho,HG明朝E,メイリオ,Meiryo,sans-serif}main #bland02 p+p{margin-top:1.4em}main #bland02 .c-button-border{border-color:#000;color:#000;margin:30px auto 0;transition:background .2s,border .2s,color .2s}main #bland02 .c-button-border:after{border-color:#000}main #bland02 .c-button-border:hover{background:#000;color:#fff}main #bland02 .c-button-border:hover:after{border-color:#fff}@media screen and (max-width:768px){main #bland02{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/plus/img_section03.jpg) no-repeat 50% 80%/cover;padding:50px 0;text-align:center}main #bland02 .bland-title{font-size:28px;margin-bottom:30px}main #bland02 .bland-title small{font-size:12px;margin-top:15px}main #bland02 .bland-title small:before{top:-8px;width:40px}main #bland02 p{font-size:13px}main #bland02 p+p{margin-top:1.3em}main #bland02 .c-button-border{font-size:12px;margin:20px auto 0;max-width:200px}}main #topics{padding:100px 0}main #topics .inner{margin:auto;max-width:1260px;padding:0 20px}main #topics .topics-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;width:calc(100% + 40px)}main #topics .topics-list li{padding:0 20px;width:33.33%}main #topics .topics-list li:nth-child(n+4){margin-top:50px}main #topics .topics-list a figure{transition:opacity .3s}main #topics .topics-list a:hover figure{opacity:.7}main #topics .topics-list figure{background:#f2f2f2}main #topics .topics-list .desc{font-size:16px;line-height:1.75;margin-top:18px}@media screen and (max-width:768px){main #topics{padding:60px 0}main #topics .inner{padding:0 15px}main #topics .topics-list{margin:0 -8px;width:calc(100% + 16px)}main #topics .topics-list li{padding:0 8px;width:50%}main #topics .topics-list li:nth-child(n+3),main #topics .topics-list li:nth-child(n+4){margin-top:30px}main #topics .topics-list figure{background:#f2f2f2}main #topics .topics-list .desc{font-size:14px;margin-top:10px}}main #education,main #partner,main #partnersuccess,main #startup,main #user,main .richtext-block{background:#f6f6f6 url(https://www.obc.co.jp/hubfs/obc/v1/images/index/kamon01.png) repeat 50%;padding:75px 0 85px}main #education .inner,main #partner .inner,main #partnersuccess .inner,main #startup .inner,main #user .inner,main .richtext-block .inner{margin:auto;max-width:1260px;padding:0 20px}main #education .user-list,main #partner .user-list,main #partnersuccess .user-list,main #startup .user-list,main #user .user-list,main .richtext-block .user-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:90px -20px 48px;width:calc(100% + 40px)}main #education .user-list li,main #partner .user-list li,main #partnersuccess .user-list li,main #startup .user-list li,main #user .user-list li,main .richtext-block .user-list li{padding:0 20px;width:33.33%}main #education .user-list .item,main #partner .user-list .item,main #partnersuccess .user-list .item,main #startup .user-list .item,main #user .user-list .item,main .richtext-block .user-list .item{background:#fff;height:100%;padding:40px 30px}main #education .user-list .title,main #partner .user-list .title,main #partnersuccess .user-list .title,main #startup .user-list .title,main #user .user-list .title,main .richtext-block .user-list .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;color:#ac257d;font-size:24px;justify-content:center;line-height:1.5;margin-bottom:10px;text-align:center}main #education .user-list .title small,main #partner .user-list .title small,main #partnersuccess .user-list .title small,main #startup .user-list .title small,main #user .user-list .title small,main .richtext-block .user-list .title small{display:block;font-size:14px}main #education .user-list .desc,main #partner .user-list .desc,main #partnersuccess .user-list .desc,main #startup .user-list .desc,main #user .user-list .desc,main .richtext-block .user-list .desc{font-size:16px;line-height:1.75;margin-bottom:20px}@media screen and (max-width:768px){main #education,main #partner,main #partnersuccess,main #startup,main #user,main .richtext-block{background-size:350px auto;padding:50px 0 55px}main #education .inner,main #partner .inner,main #partnersuccess .inner,main #startup .inner,main #user .inner,main .richtext-block .inner{padding:0 15px}main #education .user-list,main #partner .user-list,main #partnersuccess .user-list,main #startup .user-list,main #user .user-list,main .richtext-block .user-list{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:50px -8px 32px;width:calc(100% + 16px)}main #education .user-list li,main #partner .user-list li,main #partnersuccess .user-list li,main #startup .user-list li,main #user .user-list li,main .richtext-block .user-list li{padding:0 8px;width:50%}main #education .user-list li:nth-child(n+3),main #partner .user-list li:nth-child(n+3),main #partnersuccess .user-list li:nth-child(n+3),main #startup .user-list li:nth-child(n+3),main #user .user-list li:nth-child(n+3),main .richtext-block .user-list li:nth-child(n+3){margin-top:16px}main #education .user-list .item,main #partner .user-list .item,main #partnersuccess .user-list .item,main #startup .user-list .item,main #user .user-list .item,main .richtext-block .user-list .item{padding:24px 15px}main #education .user-list .title,main #partner .user-list .title,main #partnersuccess .user-list .title,main #startup .user-list .title,main #user .user-list .title,main .richtext-block .user-list .title{font-size:18px}main #education .user-list .title small,main #partner .user-list .title small,main #partnersuccess .user-list .title small,main #startup .user-list .title small,main #user .user-list .title small,main .richtext-block .user-list .title small{font-size:13px}main #education .user-list .desc,main #partner .user-list .desc,main #partnersuccess .user-list .desc,main #startup .user-list .desc,main #user .user-list .desc,main .richtext-block .user-list .desc{font-size:14px;margin-bottom:16px}}@media screen and (max-width:640px){main #education .inner,main #partner .inner,main #partnersuccess .inner,main #startup .inner,main #user .inner,main .richtext-block .inner{padding:0 15px}main #education .user-list,main #partner .user-list,main #partnersuccess .user-list,main #startup .user-list,main #user .user-list,main .richtext-block .user-list{margin:50px 0 32px;width:100%}main #education .user-list li,main #partner .user-list li,main #partnersuccess .user-list li,main #startup .user-list li,main #user .user-list li,main .richtext-block .user-list li{max-width:380px;padding:0;width:100%}main #education .user-list li:nth-child(n+2),main #education .user-list li:nth-child(n+3),main #partner .user-list li:nth-child(n+2),main #partner .user-list li:nth-child(n+3),main #partnersuccess .user-list li:nth-child(n+2),main #partnersuccess .user-list li:nth-child(n+3),main #startup .user-list li:nth-child(n+2),main #startup .user-list li:nth-child(n+3),main #user .user-list li:nth-child(n+2),main #user .user-list li:nth-child(n+3),main .richtext-block .user-list li:nth-child(n+2),main .richtext-block .user-list li:nth-child(n+3){margin-top:16px}}main #partner,main #partnersuccess{background:#eee url(https://www.obc.co.jp/hubfs/obc/v1/images/index/kamon01.png) repeat 50%}@media screen and (max-width:768px){main #partner,main #partnersuccess{background-size:350px auto}}main #new{padding:75px 0 85px}main #new .inner{margin:auto;max-width:1260px;padding:0 20px}main #new .c-head-border{margin-bottom:32px;margin-top:100px}main #new .c-head-border:first-child{margin-top:0}main #new .new-wrap{position:relative}main #new .exception{margin-bottom:8px}main #new .exception li:nth-child(n+2){margin-top:10px}main #new .exception li a{background-color:#f4f4f4;color:#1aa0e3;display:block;padding:5px 10px;text-align:left}main #new .new-list{border-top:1px solid #b2b2b2;color:#565a5b}main #new .new-list a{color:#565a5b;transition:opacity .3s}main #new .new-list a:hover{opacity:.7}main #new .new-list li{border-bottom:1px solid #b2b2b2;padding:10px 0}main #new .new-list li:after{clear:both;content:"";display:block}main #new .new-list li .head{float:left}main #new .new-list li .head span{margin-right:1.5em}main #new .new-list li .body{overflow:hidden}main #new .new-list dl{border-bottom:1px solid #b2b2b2;padding:10px 0}main #new .new-list dl:after{clear:both;content:"";display:block}main #new .new-list dl dt{float:left;font-size:16px;width:200px}main #new .new-list dl dt.wide{width:250px}main #new .new-list dl dt span{margin-right:1.5em}main #new .new-list dl dt span.place{display:inline-block;min-width:4.5em;text-align:center}main #new .new-list dl dt time{font-family:barlow;font-size:15px;margin-right:20px}main #new .new-list dl dd{overflow:hidden}main #new .link{bottom:calc(100% + 24px);color:#000;display:inline-block;font-size:16px;padding-right:16px;position:absolute;right:0;text-decoration:none}main #new .link:after{border-bottom:2px solid #000;border-right:2px solid #000;bottom:0;content:"";display:block;height:7px;margin:auto;position:absolute;right:0;top:0;transform:rotate(-45deg);width:7px}@media screen and (max-width:768px){main #new{padding:50px 0 55px}main #new .inner{padding:0 15px}main #new .c-head-border{margin-bottom:24px;margin-top:60px}main #new .exception{font-size:14px;margin-bottom:8px}main #new .exception li:nth-child(n+2){margin-top:10px}main #new .exception li a{background-color:#f4f4f4;color:#1aa0e3;display:block;padding:5px 10px;text-align:left}main #new .new-list li{padding:12px 0}main #new .new-list li .head{display:block;float:none;margin-bottom:5px}main #new .new-list dl{padding:12px 0}main #new .new-list dl dt{display:block;float:none;font-size:14px;margin-bottom:5px;width:auto}main #new .new-list dl dt.wide{width:auto}main #new .new-list dl dt span{margin-right:1.5em}main #new .new-list dl dt span.place{text-align:left}main #new .new-list dl dt time{font-size:13px;margin-right:15px}main #new .link{font-size:14px;margin-top:10px;position:relative}}main .c-head-border{font-size:38px;line-height:1.5;margin:30px auto 64px;padding:0 0 24px;position:relative}main .c-head-border:after{background:#802062;bottom:0;content:"";display:block;height:3px;left:0;position:absolute;width:80px}@media screen and (max-width:768px){main .c-head-border{font-size:26px;margin:22px auto 42px;padding:0 0 16px}main .c-head-border:after{height:2px;width:50px}}main .u-only--sp{display:none}@media screen and (max-width:768px){main .u-only--sp{display:block}}