@use "sass:math";h2:first-child{margin-top:0}h2:last-child{margin-bottom:0}@media screen and (max-width:768px){h2:first-child{margin-top:0}h2:last-child{margin-bottom:0}}.p-hero{background-image:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/mv_before01.png),url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/mv_before02.png),url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/mv_after01.png),url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/mv_after02.png);background-position:0 0,0 100%,100% 0,100% 100%;background-repeat:no-repeat;background-size:30% auto,40% auto,22% auto,25% auto;margin-top:65px;overflow:hidden;padding:60px 0 90px;position:relative}.p-hero__inner{padding:0 20px;position:relative}.p-hero__body{text-align:center;width:auto}.p-hero__lead{font-size:1.125rem;line-height:1.5;margin-bottom:12px}.p-hero__lead em{font-size:1.5rem;font-weight:700}.p-hero__title{margin:0 auto}.p-hero__btn{margin-top:20px}@media screen and (min-width:769px){.p-hero{background-size:305px auto,390px auto,251px auto,238px auto;margin:90px auto 6vw;padding:0}.p-hero__inner{margin:auto;max-width:1220px;width:100%}.p-hero__body{margin:auto}.p-hero__lead{font-size:1.25rem;font-weight:500;margin-bottom:15px}.p-hero__lead em{font-size:2.75rem}.p-hero__title{margin:3rem auto 0}.p-hero__btn{margin-top:42px}.p-hero .balloon{font-size:1.125rem}}.balloon{background:#fff;border:2px solid #fec108;border-radius:5px;box-sizing:border-box;color:#fec108;display:inline-block;letter-spacing:.05em;margin:1.5em 15px 1.5em 0;max-width:100%;padding:5px 20px;position:relative}.balloon:before{border:6px solid transparent;border-left-color:#fff;content:"";margin-top:-6px;position:absolute;right:-12px;top:50%;z-index:2}.balloon:after{border:8px solid transparent;border-left-color:#fec108;content:attr(data-tooltip);content:"";margin-top:-8px;position:absolute;right:-16px;top:50%;z-index:1}.banzai{display:inline-block;line-height:1;position:relative}.banzai:before{left:-.75em;transform:rotate(-30deg)}.banzai:after,.banzai:before{background-color:#333;border-radius:3px;content:"";height:100%;position:absolute;top:0;width:2px}.banzai:after{right:-.75em;transform:rotate(30deg)}.marker{animation-delay:0s;animation-direction:normal;animation-duration:1s;animation-iteration-count:1;animation-name:bgMarker;animation-timing-function:ease-in;background:linear-gradient(transparent 70%,#fec108 0);background-repeat:no-repeat;display:inline}@keyframes bgMarker{0%{background-size:0 100%}to{background-size:100% 100%}}h2{font-size:1.375rem;font-weight:700;letter-spacing:.05em;line-height:1.7;margin:20px 0;text-align:center}h2 .white-box{border:2px solid #fff;color:#fff;display:inline-block;margin:0 10px;padding:0 10px}@media screen and (min-width:769px){h2{font-size:2.125rem;margin:54px 0}}.c-box,.c-box--white{color:#333;padding:20px}.c-box--white{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15)}@media screen and (min-width:769px){.c-box,.c-box--white{padding:30px}}a.button-download{margin:auto;width:100%}a.button-download:after{content:none}a.button-download span{display:inline-block;position:relative}a.button-download span:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_download.svg) no-repeat 50%/contain;content:"";height:14px;position:absolute;top:0;transform:translate(.5rem,2px);width:14px}@media screen and (max-width:768px){a.button-download{padding-left:10px}}@media screen and (min-width:769px){a.button-download{width:360px}a.button-download span:after{transform:translate(1rem,4px)}}.c-flex-wrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-flex-wrap>.c-flex,.c-flex-wrap>.c-flex02,.c-flex-wrap>.c-flex03,.c-flex-wrap>.c-flex04{width:100%}@media screen and (max-width:768px){.c-flex-wrap>.c-flex02:nth-of-type(n+2),.c-flex-wrap>.c-flex03:nth-of-type(n+2),.c-flex-wrap>.c-flex04:nth-of-type(n+2),.c-flex-wrap>.c-flex:nth-of-type(n+2){margin-top:20px}}@media screen and (min-width:769px){.c-flex-wrap>.c-flex01{-ms-flex:1;flex:1}.c-flex-wrap>.c-flex02{width:calc(50% - 15.25px)}.c-flex-wrap>.c-flex02:not(:nth-of-type(2n)){margin-right:30px}.c-flex-wrap>.c-flex02:nth-of-type(n+3){margin-top:30px}.c-flex-wrap>.c-flex03{width:calc(33.33333% - 20.33333px)}.c-flex-wrap>.c-flex03:not(:nth-of-type(3n)){margin-right:30px}.c-flex-wrap>.c-flex03:nth-of-type(n+4){margin-top:30px}.c-flex-wrap>.c-flex04{width:calc(25% - 22.875px)}.c-flex-wrap>.c-flex04:not(:nth-of-type(4n)){margin-right:30px}.c-flex-wrap>.c-flex04:nth-of-type(n+5){margin-top:30px}}.c-youtube{margin:auto;padding-top:56.25%;position:relative;width:100%}.c-youtube a[data-lity]:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.c-youtube a[data-lity] iframe{z-index:-1}.c-youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}.c-youtube-image a{position:relative}.c-youtube-image a:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/common/icon_play.svg) no-repeat 50%/cover;bottom:0;content:"";display:block;height:50px;left:0;margin:auto;position:absolute;right:0;top:0;width:72px}.c-youtube .hs-responsive-embed-wrapper{display:block!important;margin:auto!important;max-height:100%!important;max-width:100%!important;min-width:auto!important;overflow:visible!important;position:static!important;width:auto!important}.c-youtube .hs-responsive-embed-wrapper .hs-responsive-embed-inner-wrapper{max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important}.check-mark i{display:inline-block;padding-left:2em;position:relative}.check-mark i:after,.check-mark i:before{content:"";display:inline-block;line-height:1;position:absolute}.check-mark i:before{background-color:#fff;border:1px solid #b8b8b8;height:1em;left:0;top:0;transform:translateY(-.8em);width:1em}.check-mark i:after{border:3px solid #fec108;border-right:0;border-top:0;bottom:.2rem;height:.6em;left:.2rem;margin:auto;transform:translateY(-25%) rotate(-45deg);width:1em}.c-note,.c-notes,.c-notice{font-size:85%;padding-left:1.25em;text-indent:-1.25em}.p-effort{background-color:#fec108;padding:30px 20px}@media screen and (min-width:769px){.p-effort{padding:85px 0}}.p-effort__inner{margin:0 auto;max-width:1220px}.p-effort__title{text-align:center}.p-effort__title h2{display:inline-block;position:relative;z-index:1}.p-effort__title h2:after,.p-effort__title h2:before{content:"";display:inline-block;position:absolute}.p-effort__title h2:before{background-color:hsla(0,0%,100%,.3);border-radius:100%;height:80px;left:0;top:50%;transform:translate(-20px);width:80px;z-index:-1}.p-effort__title h2:after{aspect-ratio:72.5/50.35;background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/bg_tema-title.png) no-repeat 50%/contain;height:auto;left:11.5%;top:90%;transform:translate(-50px);width:72.5px;z-index:0}@media screen and (min-width:769px){.p-effort__title h2:before{height:160px;left:0;top:50%;transform:translate(-120px,-50%);width:160px}.p-effort__title h2:after{aspect-ratio:145/107;background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/bg_tema-title.png) no-repeat 50%/contain;height:auto;left:0;top:25%;transform:translate(-150px,-50%);width:145px;z-index:0}}.p-effort__list{margin:50px auto 0}@media screen and (min-width:769px){.p-effort__list{margin:85px auto 0}}.p-effort__list li .c-box,.p-effort__list li .c-box--white{margin-bottom:30px;position:relative}.p-effort__list li .c-box--white:after,.p-effort__list li .c-box:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_arrow_sky.svg) no-repeat 50%/contain;bottom:0;content:"";display:block;height:30px;left:50%;position:absolute;transform:translate(-50%,25px);width:21px;z-index:1}@media screen and (min-width:769px){.p-effort__list li .c-box,.p-effort__list li .c-box--white{margin-bottom:76px}.p-effort__list li .c-box--white:after,.p-effort__list li .c-box:after{height:39px;transform:translate(-50%,58px);width:21px}}.p-effort__list li h3{border-bottom:1px dotted #fec108;font-size:1.25rem;font-weight:700;letter-spacing:.05em;line-height:1.316;margin-bottom:22px;padding-bottom:10px;text-align:center}.p-effort__list li p{letter-spacing:.05em;line-height:1.6875;padding-left:30px;position:relative}.p-effort__list li p:before{content:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_tema-head.svg);display:inline-block;height:26px;left:0;position:absolute;width:26px}.p-effort__list li figure{background:#019fe8;padding:15px 20px;text-align:center}.p-effort__list li figure figcaption{color:#fff;font-size:1.375rem;font-weight:700;letter-spacing:.05em;margin-bottom:2rem}.p-effort__list li figure figcaption span{display:inline-block;position:relative;-webkit-text-emphasis:circle;text-emphasis:circle;-webkit-text-emphasis-color:#fec108;text-emphasis-color:#fec108}@media screen and (min-width:769px){.p-effort__list li figure{padding:2rem 1rem}}.p-utilize{background-color:#f4f4f4;padding:30px 20px}@media screen and (min-width:769px){.p-utilize{padding:85px 0}}.p-utilize__inner{margin:0 auto;max-width:1220px}.p-utilize__list a{display:block;position:relative;text-decoration:none;transition:all .3s}.p-utilize__list a:before{background-color:transparent;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:background-color .3s;width:100%;z-index:1}.p-utilize__list a:after{border:2px solid #fff;border-radius:5px;color:#fff;content:"Click Here";display:inline-block;font-size:1.25rem;font-weight:600;left:50%;opacity:0;padding:10px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.p-utilize__list a figure{position:relative}.p-utilize__list a figure img{display:block;position:relative}.p-utilize__list a figure figcaption{background-color:#fec108;padding:15px 20px;text-align:center;transition:background-color .3s}.p-utilize__list a figure figcaption span{padding-right:30px;position:relative}.p-utilize__list a figure figcaption span:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_zoom.svg) no-repeat 50%/contain;content:"";display:inline-block;height:24px;position:absolute;right:0;top:0;width:24px}.p-utilize__list a:hover{transition:all .3s}.p-utilize__list a:hover:before{background-color:rgba(0,0,0,.3)}.p-utilize__list a:hover:after{opacity:1}.p-utilize__list a:hover figure img{opacity:.7;transition:opacity .3s}.p-utilize__list a:hover figure figcaption{background-color:#019fe8;color:#fff;transition:background-color .3s}.p-utilize__list a:hover figure figcaption span:after{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_zoom_w.svg) no-repeat 50%/contain}.p-casestudies{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/bg_casestudies.png) no-repeat 50%/cover;padding:30px 20px}@media screen and (min-width:769px){.p-casestudies{padding:100px 0 110px}}.p-casestudies__inner{margin:0 auto;max-width:1220px}.p-casestudies__list{padding:20px}@media screen and (min-width:769px){.p-casestudies__list{padding:56px 66px}.p-casestudies__list .c-flex-wrap>.c-flex02{width:calc(50% - 32.25px)}.p-casestudies__list .c-flex-wrap>.c-flex02:not(:nth-of-type(2n)){margin-right:64px}.p-casestudies__list .c-flex-wrap>.c-flex02 p{margin-top:15px}}.p-casestudies__lead{border-bottom:2px solid #000;font-size:20px;font-weight:600;padding:0 0 15px}.p-casestudies__corp,.p-casestudies__lead{margin:0 0 20px;text-align:center}.p-faq{background-color:#f4f4f4;padding:30px 20px}@media screen and (min-width:769px){.p-faq{padding:100px 0 110px}}.p-faq__inner{margin:0 auto;max-width:900px}.p-accordion{margin:auto}.p-accordion .details+.details{margin-top:20px}.p-accordion .summary{display:-ms-grid;display:grid;position:relative;-ms-grid-columns:auto 1fr auto;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);cursor:pointer;font-weight:500;gap:1em;grid-template-columns:auto 1fr auto;line-height:1.6;padding-block:11px;padding-inline:16px}.p-accordion .summary::-webkit-details-marker{display:none}.p-accordion .summary i{font-size:1.5rem;font-weight:700;position:relative;top:-5px}.p-accordion .icon{aspect-ratio:1;display:inline-block;inline-size:1em;position:relative;top:50%;transform:translateY(-50%)}.p-accordion .icon:after,.p-accordion .icon:before{background-color:#333;block-size:2px;content:"";inline-size:100%;inset:0;margin:auto;position:absolute}.p-accordion .icon:after{rotate:90deg;transition:rotate .3s}.p-accordion .icon:where(.details[open] *):after{rotate:0deg}.p-accordion .answer{overflow:hidden}.p-accordion .answer-inner{display:-ms-grid;display:grid;padding:20px 55px;position:relative;-ms-grid-columns:1fr;font-size:1rem;gap:1.75em;grid-template-columns:1fr;line-height:1.67}.p-accordion .answer-inner:before{color:#fec108;content:"A";font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;left:25px;position:absolute;top:1rem}@media screen and (max-width:768px){.p-accordion .answer-inner a.button.button-download{line-height:1}.p-accordion .answer-inner a.button.button-download span:after{transform:translate(4.5rem,7px)}}@media screen and (min-width:769px){.p-accordion .details{letter-spacing:.05em}.p-accordion .details+.details{margin-top:2.7rem}.p-accordion .summary{font-size:1.125rem;gap:1em;line-height:1.375;padding:26px 30px 26px 44px}.p-accordion .icon{margin-left:2rem}.p-accordion .answer-inner{font-size:1.125rem;padding:26px 100px}.p-accordion .answer-inner:before{left:3.5rem;top:1.4rem}.p-accordion .answer-inner a.button.button-download{margin-left:0;width:360px}}.p-inquiry{letter-spacing:.05em;padding:30px 20px 60px}@media screen and (min-width:769px){.p-inquiry{padding:100px 0 122px}}.p-inquiry__inner{margin:0 auto;max-width:1220px}.p-inquiry__lead{line-height:1.6}@media screen and (min-width:769px){.p-inquiry__lead{text-align:center}}.p-inquiry__list{margin:50px auto 20px;position:relative}.p-inquiry__list:after,.p-inquiry__list:before{bottom:0;content:"";display:block;position:absolute}.p-inquiry__list:before{aspect-ratio:304/147.5;background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/consultation_head01.png) no-repeat 0 0/contain;left:0;top:-4rem;width:150px;z-index:1}.p-inquiry__list:after{aspect-ratio:117/136;background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/consultation_head02.png) no-repeat 0 0/contain;right:0;transform:translateX(-5px);width:50px}.p-inquiry__list-item{border:2px solid #fec108;padding:20px;position:relative}.p-inquiry__list-item:after,.p-inquiry__list-item:before{border-style:solid;bottom:0;content:"";left:50%;position:absolute;translate:-50% 100%}.p-inquiry__list-item:before{border-color:#fec108 transparent transparent;border-width:18.5px 19.5px 0}.p-inquiry__list-item:after{border-color:#fff transparent transparent;border-width:14.5px 16px 0}.p-inquiry__list-item li{font-weight:500;line-height:2;margin-left:2rem;text-indent:-2rem}@media screen and (min-width:769px){.p-inquiry__list{margin:40px auto 75px;max-width:675px}.p-inquiry__list:before{background:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/consultation_head01.png) no-repeat 0 0/contain;top:auto;transform:translateX(-304px);width:304px}.p-inquiry__list:after{transform:translateX(140px);width:117px}.p-inquiry__list-item{padding:25px 60px}.p-inquiry__list-item:before{border-width:37px 29px 0}.p-inquiry__list-item:after{border-width:33.75px 26.5px 0}}.p-inquiry__cta>.c-flex02{letter-spacing:.05em;text-align:center}.p-inquiry__cta>.c-flex02:nth-of-type(2){background-color:#fec108}.p-inquiry__cta>.c-flex02:nth-of-type(2) h3{border-color:#333}.p-inquiry__cta>.c-flex02 h3{border-bottom:1px dotted #fec108;font-weight:700;line-height:1.448;margin:0 auto 20px;max-width:420px;padding-bottom:7px}.p-inquiry__cta>.c-flex02 h3 span{font-size:1.25rem;position:relative}.p-inquiry__cta>.c-flex02 h4{font-weight:700;line-height:1.448}.p-inquiry__cta>.c-flex02 p{line-height:1.6}.p-inquiry__cta>.c-flex02 p small{font-size:.875rem}.p-inquiry__cta>.c-flex02 a.button{margin:20px auto 0}.p-inquiry__cta>.c-flex02 a.telDisable{display:block;margin:0}.p-inquiry__cta>.c-flex02 a em{font-family:Roboto,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:0;position:relative}.p-inquiry__cta>.c-flex02 a em:before{content:url(https://www.obc.co.jp/hubfs/obc/v1/images/landing/kintone_user/icon_free.svg);display:inline-block;height:50px;left:0;margin-right:12px;position:relative;top:0;transform:translateY(25%);width:50px}@media screen and (min-width:769px){.p-inquiry__cta>.c-flex02 h3 span{font-size:1.5625rem}.p-inquiry__cta>.c-flex02 h4,.p-inquiry__cta>.c-flex02 p{font-size:1.125rem}.p-inquiry__cta>.c-flex02 a.button{margin:24px auto 0}}