@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Medium")}@font-face{font-family:"Yu Gothic M";src:local("Yu Gothic Bold");font-weight:bold}.mb_view{display:none}.wrapper,.page{background:#f8f8f8}figure{margin:0}html{line-height:2}body{font-size:16px;font-size:1.6rem;background:#fff}img{image-rendering:-webkit-optimize-contrast}.bar{width:100%;position:relative;text-align:center;line-height:1.4}.bar__title{font-size:40px;font-size:4rem;font-weight:bold;letter-spacing:1rem}.bar__text{width:85%;margin:3rem auto 0;font-size:20px;font-size:2rem;line-height:1.8}.btn__more,.btn__list-more,.btn__send{width:100%;color:rgba(37,37,37,0.5);text-align:center;background:rgba(102,102,102,0.1);border:1px solid rgba(102,102,102,0.1);border-radius:3px;transition:all .3s;cursor:pointer}.btn__more a,.btn__list-more a,.btn__send a{color:rgba(37,37,37,0.5);text-align:center;text-decoration:none}.btn__more:hover,.btn__list-more:hover,.btn__send:hover{background:rgba(37,37,37,0.8)}.btn__more{max-width:200px;position:relative;margin:5rem 0 0 auto;padding:.8rem 1rem;font-size:12px;font-size:1.2rem;letter-spacing:.5rem}.btn__list-more,.btn__send{max-width:400px;position:relative;margin:5rem auto 0;letter-spacing:1rem}.btn__list-more{padding:1.5rem 1rem}.btn__list-more:hover{color:#fff}.btn__send a{padding:1.5rem 1rem;display:block}.btn__send:hover a{color:#fff}.btn__clear{width:200px;position:relative;margin:2rem auto 0;padding:.6rem 1rem;color:#252525;text-align:center;background:#fff;border-radius:3px;border:1px solid #252525;cursor:pointer;font-size:14px;font-size:1.4rem;letter-spacing:.5rem;transition:all .3s}.btn__clear:hover{color:#fff;background:#252525}.scene{width:100%;position:relative}.scene-in{width:100%;max-width:1280px;position:relative;margin:0 auto;padding:5rem 0}.scene--topick{margin:0 auto;padding:3rem 0 8rem}.scene-in{padding:8rem 0}.topick{width:100%;position:relative}.topick a{width:100%;display:flex;align-items:center;color:#252525;text-decoration:none;transition:all .3s}.topick a:hover figure{opacity:.7}.topick figure{width:100%;max-width:inherit;height:100%;transition:all .3s}.topick figure img{height:100%;object-fit:cover}.topick .detail{width:100%;position:relative}.topick .job{display:flex}.topick .job li{display:flex}.topick .job li span{padding:.2rem .8rem;color:#fff;background:#252525;border-radius:3px}.topick .job li:not(:last-child){margin-right:1%}.topick .company{font-weight:bold}.topick .leed,.topick .summary{line-height:1.6}.topick .icon{display:flex}.topick .icon li{display:flex;justify-content:flex-start;align-items:center;font-weight:bold;background:#fff;border-radius:3px}.topick .icon li:not(:last-child){margin-right:3%}.topick--main{margin:0 auto;padding:0;background:#fff;display:flex}.topick--main:hover .btn__more{color:#fff;background:rgba(37,37,37,0.8)}.topick--main .topick__img{width:60%;position:relative}.topick--main .topick__img>p:nth-child(1){height:100%;display:block}.topick--main .topick__img>p:nth-child(2){display:none}.topick--main .topick__detail{width:60%;position:relative;margin:0 auto;padding:2% 0}.topick--main .topick__detail .inner{width:100%;max-width:590px;position:relative;margin:0 auto 0 0}.topick--main .job li{font-size:16px;font-size:1.6rem}.topick--main .company{margin:1rem 0 0;font-size:35px;font-size:3.5rem}.topick--main .leed{font-size:25px;font-size:2.5rem;font-weight:bold}.topick--main .summary{font-size:21px;font-size:2.1rem}.topick--main .icon{margin:5rem 0 0}.topick--main .icon li{padding:.4rem .8rem;font-size:16px;font-size:1.6rem}.topick--sub{max-width:1280px;margin:8rem auto 0;display:flex;justify-content:center;align-items:flex-start}.topick--sub figure{height:auto}.topick--sub>li{width:calc((100% / 3) - (3% / 2));position:relative;display:flex;align-self:stretch;background:#fff;border-radius:5px;overflow:hidden;transition:all .3s}.topick--sub>li:hover{box-shadow:0 15px 20px -4px rgba(37,37,37,0.2),0 0 5px rgba(37,37,37,0.1);transform:translateY(-5px)}.topick--sub>li:last-child{margin-left:3%}.topick--sub>li a{display:flex;flex-wrap:wrap;color:#252525}.topick--sub>li a:hover figure{opacity:.7}.topick--sub .topick__detail{width:100%;padding:2rem;display:flex;flex-direction:column;align-self:stretch}.topick--sub .job li{font-size:14px;font-size:1.4rem}.topick--sub .company{margin:1.5rem 0 0;font-size:18px;font-size:1.8rem}.topick--sub .summary{margin:.5rem 0 0}.topick--sub .icon{margin-top:auto;padding:1.5rem 0 0}.topick--sub .icon li{padding:.2rem .5rem;font-size:12px;font-size:1.2rem}.topick--sub .icon li img{max-width:25px}.scene--list{background:#fbf9f3;border-top:2px solid #fff}.case-choice{width:100%;margin:5rem 0 0;padding:2rem;background:#fff;border-radius:3px}.case-choice p{font-size:16px;font-size:1.6rem;font-weight:bold;text-align:center;letter-spacing:1rem}.list-off{display:none}.category,.job-type{margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.category fieldset,.category input,.category textarea,.category select,.job-type fieldset,.job-type input,.job-type textarea,.job-type select{padding:0;margin:0;border:none;font-size:12px;font-size:1.2rem}.category input[type=checkbox],.category input[type=radio],.job-type input[type=checkbox],.job-type input[type=radio]{display:none}.category .label,.job-type .label{position:relative;background:#ececec;border-radius:3px;cursor:pointer;transition:all .3s ease}.category .label:hover,.job-type .label:hover{color:#fff;background:#252525}.category input[type="checkbox"]:checked+label,.category input[type=radio]:checked+label,.job-type input[type="checkbox"]:checked+label,.job-type input[type=radio]:checked+label{color:#fff;background:#252525}.category .checkbox:checked+.checkbox-in:before,.job-type .checkbox:checked+.checkbox-in:before{content:'';color:#fff;background:#252525}.job-type{width:95%;padding:1.5rem 0;border-bottom:1px dotted #252525}.job-type li{margin:.4rem .2rem}.job-type .label{padding:.8rem 1rem;display:block;color:#252525;text-align:center;background:#ececec;border-radius:2px;cursor:pointer;transition:all .3s ease}.job-type .label:hover{color:#fff;background:#252525}.category{margin:0;padding:3rem 0 1rem}.category li{margin:0 .5rem}.category .label{display:flex;align-items:center;padding:.8rem 1rem}.category .label>img{margin-right:.5rem}.case-list{margin:2rem auto 0}.case-list .flex-box{align-items:flex-start}.case-list li{width:calc(100% / 4 - (((4 - 1) * 1.4%) / 4));position:relative;display:flex;flex-direction:column;align-self:stretch;margin:1% 1% 0 0;background:#fff;border-radius:5px;transition:all .3s}.case-list li:hover{box-shadow:0 0 10px rgba(37,37,37,0.1);transform:translateY(-5px)}.case-list li:hover .company-logo{opacity:.7}.case-list li a{display:block;height:100%;color:#252525;text-decoration:none}.case-list .company-logo{height:200px;position:relative;text-align:center;background:#fff;border-radius:5px 5px 0 0 / 5px 5px 0 0;border-bottom:2px solid #fbf9f3;transition:all .3s ease}.case-list .company-logo img{position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}.case-list .company-logo img:not(.full){padding:0 10%}.case-list .company-logo img.full{width:100%;height:100%}.case-list .company-detail{padding:2rem}.case-list .company-detail .company-name{min-height:45px;margin:0 0 1rem;font-weight:bold}.scene--voice{border-top:2px solid #fff}.scene--voice .scene-in{padding:8rem 0 10rem}.case-customer{margin:5rem 0 0}.case-customer .flex-box{align-items:flex-start}.case-customer li{width:calc((100% - 1% * 4) / 5)}.case-customer li:not(:last-child){margin-right:1%}.case-customer li a{display:block;color:#252525;text-decoration:none}.case-customer li a:hover p:nth-child(1){opacity:.7}.case-customer li p{width:100%;position:relative;transition:all .3s}.case-customer li p:nth-child(1):after{content:'';width:20px;height:20px;position:absolute;right:0;bottom:0;background:url("/knowledgesuite/images/case/icon/icon-window_black.png") center center no-repeat,rgba(255,255,255,0.8)}.case-customer li p:nth-child(2){margin:1rem 0 0;font-weight:bold}.case-customer li p:nth-child(3){margin:.5rem 0 0;font-size:14px;font-size:1.4rem}.case-customer li p:nth-child(3) span{width:85px;display:inline-block}.case-bg{width:100%;height:550px;margin:0;background:#ececec}.case-bg img{width:100%;height:100%;object-fit:cover;font-family:'object-fit: cover;'}.scene--casestudy{background:#fffff9}.scene--casestudy .scene-in{padding:5rem 0}.scene--casestudy .company{width:100%;position:relative}.scene--casestudy .company__catch .heading{color:#0ca5df;font-size:30px;font-size:3rem;font-weight:normal;line-height:1.4}.scene--casestudy .company__catch>p{width:100%;margin:1rem 0 0}.scene--casestudy .company__name{margin:3rem 0 0;font-size:22px;font-size:2.2rem;font-weight:bold;line-height:1.6}.scene--case-purpose{background:#f7f7f0}.scene--case-purpose .purpose{width:100%;max-width:1280px;position:relative;display:flex;margin:0 auto 0;padding:5rem 0}.scene--case-purpose .purpose__text{width:calc(100% - 35% - 5%);position:relative;margin-right:5%}.scene--case-purpose .purpose__text .tag{color:#0ca5df;font-size:20px;font-size:2rem;font-weight:bold;line-height:1.4}.scene--case-purpose .purpose__text .tag:not(:first-child){margin:3rem 0 0}.scene--case-purpose .purpose__text p{position:relative;margin:1rem 0 0;padding:0 0 0 1.4rem;line-height:1.4}.scene--case-purpose .purpose__text p::before{content:'';width:8px;height:8px;position:absolute;top:.7rem;left:0;bottom:0;background:#c3c3bc;border-radius:50%}.scene--case-purpose .purpose__outline{width:35%;position:relative}.scene--case-purpose .purpose__outline .logo{padding:4rem;min-height:200px;line-height:200px;text-align:center;background:#fff}.scene--case-purpose .purpose__outline .detail{width:100%;position:relative;display:flex;flex-wrap:wrap;padding:0 1rem;line-height:1.8}.scene--case-purpose .purpose__outline .detail dt,.scene--case-purpose .purpose__outline .detail dd{margin:1rem 0 0}.scene--case-purpose .purpose__outline .detail dt{letter-spacing:.5rem}.scene--case-purpose .purpose__outline .detail dd{width:calc(100% - 100px);text-indent:-2rem;padding:0 0 0 2rem}.scene--case-interview{padding:8rem 0 0;background:#fff}.case-article{width:100%;max-width:1280px;position:relative;display:flex;justify-content:center;align-items:flex-start;margin:0 auto}.case-article__inner{width:55%;position:relative}.case-article__inner .heading{width:100%;font-size:25px;font-size:2.5rem;line-height:1.6}.case-article__inner .lead{width:100%;position:relative;margin:3rem 0 1rem;padding:0 0 0 3rem;font-size:16px;font-size:1.6rem;line-height:1.6}.case-article__inner .lead::before{content:'';width:20px;height:2px;position:absolute;top:1rem;left:0;background:#252525}.case-article__inner .lead__mt-none{margin:0 0 1rem}.case-article__inner .interview{font-size:16px;font-size:1.6rem;line-height:1.8}.case-article__inner .interview p:not(:first-child){margin:3rem 0 0}.case-article__inner .interview .name{padding:0 2rem 0 0;font-weight:bold}.case-article__inner .inner__right{margin-left:3%}.case-article__img{width:40%;position:relative;margin:0 0 3vw}.case-article__img figure{position:relative}.case-article__img figure+figure{margin:9vw 0 0}.case-article__img figure img{position:relative;z-index:1}.case-article .photo{width:100%;position:absolute;background:url("/knowledgesuite/images/case/bg/bg-pattern_stripe.png") center center repeat,#dcdcdc;pointer-events:none}.case-article .photo__bg__rb{height:100%;right:-3vw;bottom:-2.5vw}.case-article .photo__bg__lb{height:100%;left:-3vw;bottom:-2.5vw}.case-article .photo__bg__lt{height:70%;top:-2.5vw;left:-3vw}.case-article .list{width:90%;position:relative;display:flex;margin:3rem auto 0}.case-article .list--column3>li{width:calc((100% - 5% * 2) / 3)}.case-article .list>li figcaption{font-size:12px;font-size:1.2rem;text-align:center}.case-article .list>li:not(:first-child){margin-left:5%}.case-article .list>li .ttl{margin:1rem 0 0;font-weight:bold;text-align:center}.case-article .list>li .detail{margin-top:auto;margin-bottom:0}.case-a-left .case-article__inner{margin:0 5% 0 auto}.case-a-right .case-article__inner{margin:0 auto 0 5%}.case-a-center{max-width:inherit;display:block;overflow:hidden}.case-a-center .case-article__inner{width:100%;max-width:1280px;margin:0 auto}.case-a-center .case-article__img{width:100%;margin:0 calc(50% - 50vw) 5rem}.case-a-center .case-article__img img{width:100%}.case-a-margin{margin:10rem auto 0}.case-a-margin-md{margin:5rem auto 0}.case-a-margin-sm{margin:3rem auto 0}.case-a-more .blur{width:100%;position:relative;display:flex;justify-content:center;align-items:flex-start;filter:blur(6px);transform:translateZ(0);transition:all .3s}.case-a-more .blur:hover{opacity:.7}.case-a-more .blur .case-article__inner,.case-a-more .blur .case-article__img{pointer-events:none}.case-a-more .more{width:100%;max-width:1280px;position:absolute;top:20%;left:0;right:0;bottom:0;margin:auto;text-align:center;pointer-events:none}.case-a-more .more p{font-size:25px;font-size:2.5rem;font-weight:bold;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff}.case-a-more .more .btn{width:100%;max-width:500px;position:relative;margin:1rem auto 0;padding:2rem 1rem;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-size:25px;font-size:2.5rem;font-weight:bold;background:#0ca5df;border:1px solid #0b90c2;border-radius:3px;text-shadow:0 2px 5px rgba(37,37,37,0.5)}.case-a-more .more .btn>i{width:24px;height:24px;position:relative;display:block;margin-left:3%;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(37,37,37,0.5)}.case-a-more .more .btn>i::after{content:'';width:0;height:0;position:absolute;top:0;right:-.2rem;left:0;bottom:0;margin:auto;border-left:8px solid #0ca5df;border-top:6px solid transparent;border-bottom:6px solid transparent}.case-a-more a{width:100%;max-width:1280px;position:relative;display:block;margin:0 auto;color:#252525;text-decoration:none}@supports not (filter: blur(6px)){.case-a-more .blur{background:rgba(255,255,255,0.7)}}.scene--case-form{width:100%;position:relative;background:#fffff9}.scene--case-form h2{width:100%;position:relative;text-align:center;font-size:30px;font-size:3rem;line-height:1.4;letter-spacing:.2rem}.scene--case-form .table--mailform{width:100%;border-spacing:0}.scene--case-form .table--mailform tr:not(:last-child){border-top:1px dotted rgba(37,37,37,0.2)}.scene--case-form .table--mailform td,.scene--case-form .table--mailform th{line-height:1.4;text-align:left;padding:1.2rem}.scene--case-form .table--mailform td{width:70%}.scene--case-form .table--mailform th{width:30%;border-right:2px solid #fff;vertical-align:top}.scene--case-form .table--mailform th .flex-box{align-items:flex-start}.scene--case-form .table--mailform fieldset{letter-spacing:-.4em}.scene--case-form .table--mailform fieldset,.scene--case-form .table--mailform input,.scene--case-form .table--mailform textarea,.scene--case-form .table--mailform select{padding:0;margin:0;border:none;font-size:12px;font-size:1.2rem;border:1px solid rgba(37,37,37,0.2)}.scene--case-form .table--mailform input:not([type="checkbox"]):not([type="radio"]),.scene--case-form .table--mailform select{width:40%;padding:.6rem;background:#ffebed}.scene--case-form .table--mailform ul.input-small input:not([type="checkbox"]){width:100%;max-width:100px}.scene--case-form .table--mailform label{padding:0 .5rem 0 0}.scene--case-form .table--mailform textarea{width:100%;min-height:125px;padding:.6rem;display:block;background:#fff}.scene--case-form .table--mailform .sub-text>div{vertical-align:middle;display:inline-block;*display:inline;zoom:1}.scene--case-form .table--mailform .sub-text>div:nth-child(1){width:40%}.scene--case-form .table--mailform .sub-text>div:nth-child(2){font-size:12px;font-size:1.2rem;margin-left:3%}.scene--case-form .table--mailform .sub-text input:not([type="checkbox"]):not([type="radio"]){width:100%}.scene--case-form .table--mailform .label{width:calc(100% - 50px - 1rem)}.scene--case-form .table--mailform .mark{width:50px;margin:0 1rem 0 0;padding:.2rem .8rem;color:#fff;font-size:12px;font-size:1.2rem;font-weight:bold;text-align:center;letter-spacing:.1rem;border-radius:3px}.scene--case-form .table--mailform .mark__red{background:#e60012}.scene--case-form .table--mailform .mark__gray{background:#666}.scene--case-form .table--mailform .item-select{width:100%}.scene--case-form .table--mailform .item-select li{width:100%;display:flex;justify-content:flex-start;align-items:flex-start}.scene--case-form .table--mailform .item-select li:not(:first-child){margin:.5rem 0 0}.scene--case-form .table--mailform ul.label-side{width:100%;display:flex;justify-content:flex-start}.scene--case-form .table--mailform ul.label-side li{width:43.5%}.scene--case-form .table--mailform ul.label-side li:not(:last-child){padding:0 3% 0 0}.scene--case-form .table--mailform ul.label-side input:not([type="checkbox"]),.scene--case-form .table--mailform ul.label-side textarea,.scene--case-form .table--mailform ul.label-side select{width:100%}.scene--case-form .table--mailform .ifpersonal{border:1px solid rgba(37,37,37,0.2);width:100%;height:125px;margin:0 0 .5rem;background:#fff;-webkit-overflow-scrolling:touch}.scene--case-form .table--mailform .ifpersonal iframe{width:100%;height:100%;border:none;display:block}.scene--case-form .table--mailform .error-text{color:#e60012;font-size:12px;font-size:1.2rem;font-weight:bold}.scene--case-download{width:100%;position:relative}.scene--case-download .download-list{width:100%;flex-wrap:wrap;justify-content:center;align-items:flex-start}.scene--case-download .download-list li{width:calc((100% - 6%) / 3);margin:1% 3% 0 0;text-align:center;padding:2rem;background:#fff;border:1px solid rgba(37,37,37,0.1);border-radius:3px;transition:all .3s}.scene--case-download .download-list li:hover{opacity:.7}.scene--case-download .download-list li:nth-child(-n+3){margin-top:0}.scene--case-download .download-list li:nth-child(3n){margin-right:0}.scene--case-download .download-list li a{display:block;color:#252525;text-align:center;text-decoration:none}.scene--case-download .download-list li .title{font-size:20px;font-size:2rem;font-weight:bold}.scene--case-download .download-list li figure{width:100%;max-width:300px;margin:1rem auto 0}.scene--case-download .download-list li .btn{margin:1rem auto 0}.scene--cv-area{width:100%;position:relative;background:#fff}.scene--cv-area .scene-in{padding:8rem 0}.scene--cv-area .cv-in{width:100%;position:relative;text-align:center;line-height:1.4;font-size:20px;font-size:2rem}.scene--cv-area .cv-in .title{width:100%;max-width:580px;position:relative;margin:0 auto 1rem;color:#0033c4;font-weight:bold;text-align:center;font-size:28px;font-size:2.8rem}.scene--cv-area .cv-in .title>span{font-size:38px;font-size:3.8rem;letter-spacing:-.1rem}.scene--cv-area .cv-in .title::before,.scene--cv-area .cv-in .title::after{content:'';width:15px;position:absolute;top:0;bottom:0;z-index:1;margin:auto 0}.scene--cv-area .cv-in .title::before{left:0;background:url("/knowledgesuite/images/case/icon/icon-hash_l.png") no-repeat center bottom;background-size:15px auto}.scene--cv-area .cv-in .title::after{right:0;background:url("/knowledgesuite/images/case/icon/icon-hash_r.png") no-repeat center bottom;background-size:15px auto}.scene--cv-area .cv-in .btn{width:100%;max-width:600px;position:relative;margin:3rem auto 0}.scene--cv-area .cv-in .btn a{display:block;padding:2.5rem;color:#fff;font-weight:bold;font-size:22px;font-size:2.2rem;text-decoration:none;background:#0033c4;border-radius:5px}.scene--cv-area .cv-in .btn a::before{content:'';width:0;height:0;position:absolute;top:0;left:1rem;bottom:0;margin:auto 0;border-left:12px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;transition:all .2s}.scene--cv-area .cv-in .btn a:hover{opacity:.7}.scene--cv-area .cv-in .btn a:hover::before{left:1.5rem}.scene--cv-area .contact-in{width:100%;margin:5rem 0 0;padding:4rem;text-align:center;line-height:1.6;background:rgba(255,195,51,0.2);border-radius:5px}.scene--cv-area .contact-in .caption{font-size:25px;font-size:2.5rem}.scene--cv-area .contact-in ul{width:100%;position:relative;display:flex;margin:3rem 0 0}.scene--cv-area .contact-in ul li{width:calc((100% - 3%) / 2);position:relative;border-radius:5px}.scene--cv-area .contact-in ul li a{width:100%;height:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:1.5rem 2.5rem;color:#fff;font-size:20px;font-size:2rem;font-weight:bold;text-align:center;line-height:1.4;text-decoration:none}.scene--cv-area .contact-in ul li a>span.small{font-size:16px;font-size:1.6rem}.scene--cv-area .contact-in ul li a>span.big{margin:-.5rem 0 0;font-size:20px;font-size:2rem}.scene--cv-area .contact-in ul li a>span.block{width:100%;display:block}.scene--cv-area .contact-in ul li a::before{content:'';width:0;height:0;position:absolute;top:0;left:1rem;bottom:0;margin:auto 0;border-left:12px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;transition:all .2s}.scene--cv-area .contact-in ul li a:hover{opacity:.7}.scene--cv-area .contact-in ul li a:hover::before{left:1.5rem}.scene--cv-area .contact-in ul li:not(:first-child){margin-left:3%}.scene--cv-area .contact-in ul li:nth-child(1){background:#23b3fe}.scene--cv-area .contact-in ul li:nth-child(2){background:#ff9000}.scene--cv-area .contact-in ul li:nth-child(3){background:#7ac405}.scene--cv-area .contact-in .inquiry{position:relative;margin:3rem 0 0;padding:2rem;background:#fff}.scene--cv-area .contact-in .inquiry p{font-weight:bold}.scene--cv-area .contact-in .inquiry p>span{font-size:30px;font-size:3rem;font-weight:normal}.scene--case-service .scene-in{width:100%;max-width:1280px;position:relative;margin:0 auto}.scene--case-service .title{width:100%;position:relative;margin:0 0 3rem;padding:0 0 0 1rem;font-size:20px;font-size:2rem;font-weight:bold;line-height:1.4;border-left:5px solid #e60012}.scene--case-narrow{width:100%;position:relative}.scene--case-narrow .scene-in{width:100%;max-width:960px;position:relative;margin:5rem auto 8rem;padding:4rem;background:#fff;border-radius:5px}.scene--case-narrow .title{width:100%;position:relative;line-height:1.4;text-align:left}.scene--case-narrow .title__company{padding:2rem;color:#fff;font-size:30px;font-size:3rem;font-weight:bold;background:#00b7ee;border-radius:5px}.scene--case-narrow .title__catch{font-size:18px;font-size:1.8rem}.scene--case-narrow .title__sub{width:100%;position:relative;font-size:18px;font-size:1.8rem;margin:3rem 0 0;padding:0 0 0 1rem;border-left:5px solid #00b7ee}.scene--case-narrow .title__head{width:100%;position:relative;margin:5rem 0 0;display:flex;color:#fff;font-size:20px;font-size:2rem;font-weight:normal;line-height:1.4}.scene--case-narrow .title__head>div{padding:.5rem 2rem}.scene--case-narrow .title__head>div:nth-child(1){min-width:100px;display:flex;justify-content:center;align-items:center;text-align:center;letter-spacing:.5rem;background:#666}.scene--case-narrow .title__head>div:nth-child(2){width:100%;background:#00b7ee}.scene--case-narrow .title__interview{width:100%;position:relative;margin:3rem 0 0;padding:0 0 0 5rem}.scene--case-narrow .title__interview::before{content:'';width:40px;height:2px;position:absolute;top:.8rem;left:0;margin:0;background:#00b7ee}.scene--case-narrow .photo{width:300px;position:relative;color:rgba(37,37,37,0.6);font-size:10px;font-size:1rem;margin-right:3%;float:left}.scene--case-narrow .photo p:nth-child(2){margin:.5rem 0 0}.scene--case-narrow .photo::after{content:"";display:block;clear:both}.scene--case-narrow .case-interview{width:100%;position:relative;display:grid;grid-template-columns:1fr 1fr 260px;gap:0px 0px;margin:3rem 0 0}.scene--case-narrow .case-interview__main{grid-area:1 / 1 / 2 / 3}.scene--case-narrow .case-interview__main .text{width:100%;position:relative}.scene--case-narrow .case-interview__main .item{width:100%;position:relative}.scene--case-narrow .case-interview__main .movie{aspect-ratio:16 / 9}.scene--case-narrow .case-interview__main .movie iframe{width:100%;height:100%}.scene--case-narrow .case-interview__outline{width:260px;grid-area:1 / 3 / 2 / 4;margin-left:5%;padding:0 1rem;line-height:1.4}.scene--case-narrow .case-interview__outline .logo{width:100%;margin:0 auto;text-align:center}.scene--case-narrow .case-interview__outline h3{font-size:18px;font-size:1.8rem}.scene--case-narrow .case-interview__outline dl{font-size:12px;font-size:1.2rem}.scene--case-narrow .case-interview__outline dl dt{font-weight:bold}.scene--case-narrow .case-interview__outline dl dt:not(:last-child){margin:.5rem 0 0}.scene--case-narrow .case-interview__more{width:100%;position:relative;grid-area:2 / 1 / 3 / 4}.scene--case-narrow .case-interview__more .text-box{margin:1rem 0 0}.footmark .case-interview__main .item{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1rem 0 0;padding:1rem;font-size:12px;font-size:1.2rem;background:rgba(0,183,238,0.1)}.footmark .case-interview__main .item__img{width:100%;position:relative;padding:1rem 0 0}.footmark .case-interview__main .item__img img{width:100%;margin:0;display:block;float:inherit}.footmark .case-interview__main .item__before>div{background:#555}.footmark .case-interview__main .item__after{margin-left:2%}.footmark .case-interview__main .item__after>div{background:#f39800}.footmark .case-interview__main .item__before,.footmark .case-interview__main .item__after{width:48%;position:relative;align-items:flex-start}.footmark .case-interview__main .item__before>div,.footmark .case-interview__main .item__after>div{width:70px;display:flex;justify-content:center;align-self:stretch;padding:.2rem .5rem;color:#fff;text-align:center;letter-spacing:.1rem}.footmark .case-interview__main .item__before>div>p,.footmark .case-interview__main .item__after>div>p{display:flex;align-items:center}.footmark .case-interview__main .item__before ul,.footmark .case-interview__main .item__after ul{width:calc(100% - 70px - 3%);position:relative;margin-left:3%;text-align:left}.footmark .case-interview__main .item__before li,.footmark .case-interview__main .item__after li{width:100%;position:relative;padding:0 1rem 0 1rem}.footmark .case-interview__main .item__before li:not(:first-child),.footmark .case-interview__main .item__after li:not(:first-child){margin:.5rem 0 0}.footmark .case-interview__main .item__before li::before,.footmark .case-interview__main .item__after li::before{content:'';width:7px;height:7px;position:absolute;top:1rem;left:0;margin:0;background:#252525;border-radius:50%}@media screen and (max-width: 1780px){.topick--main .topick__detail{padding:2% 2rem 2% 3%}}@media screen and (max-width: 1380px){.case-article{overflow:hidden}}@media screen and (max-width: 1280px){.scene-in{padding:8rem 2rem}.topick--main .company{font-size:30px;font-size:3rem}.topick--main .summary{font-size:20px;font-size:2rem}.topick--main .leed{font-size:18px;font-size:1.8rem}.topick--main .icon li{font-size:14px;font-size:1.4rem}.scene--voice .scene-in{padding:8rem 2rem 10rem}.scene--casestudy .scene-in{padding:5rem 2rem}.scene--case-purpose .purpose{padding:5rem 2rem}.case-a-left .case-article__inner{padding:0 0 0 2rem}.case-a-right .case-article__inner{padding:0 2rem 0 0}.case-a-center .case-article__inner{padding:0 2rem}.scene--cv-area .scene-in{padding:8rem 1rem}}@media screen and (max-width: 1180px){.topick--main .topick__img{width:70%}.topick--main .topick__detail{width:50%}}@media (max-width: 1024px){.topick a{flex-wrap:wrap;color:#252525;transition:none}.topick a:hover figure{opacity:1}.topick figure{max-width:100%;transition:none}.topick figure img{height:auto;object-fit:inherit}.topick--main{flex-wrap:wrap;overflow:hidden;border-radius:3px}.topick--main .topick__img{width:100%;height:auto;margin-right:0}.topick--main .topick__img img{width:100%}.topick--main .topick__img>p:nth-child(1){display:none}.topick--main .topick__img>p:nth-child(2){display:block}.topick--main .topick__detail{width:100%;position:relative;margin:0;padding:2rem}.topick--main .topick__detail .inner{max-width:inherit;margin:0 auto}.topick--main .icon{margin:3rem 0 0}.topick--main .btn__more{display:none}.topick--sub figure{width:180px}.topick--sub .topick__detail{width:calc(100% - 180px)}.case-bg{height:auto}.case-bg img{height:auto;object-fit:inherit;font-family:inherit}.case-article__inner .heading{font-size:22px;font-size:2.2rem}.scene--cv-area .contact-in{padding:2rem}.scene--cv-area .contact-in ul li{width:calc((100% - 2%) / 3)}.scene--cv-area .contact-in ul li:not(:first-child){margin-left:1%}.scene--case-narrow .photo{float:none;margin:1rem 0}.scene--case-narrow .photo img{width:100%}}@media (max-width: 960px){.bar__title{font-size:35px;font-size:3.5rem}.bar__text{width:100%;font-size:18px;font-size:1.8rem}.topick--sub{padding:0 2rem;flex-wrap:wrap}.topick--sub figure{width:220px}.topick--sub>li{width:100%}.topick--sub>li:last-child{margin-top:1rem;margin-left:0}.topick--sub .topick__detail{width:calc(100% - 220px);padding:2rem;display:flex;flex-direction:column;align-self:stretch}}@media (max-width: 768px){html{line-height:1.6}body{font-size:14px;font-size:1.4rem}.bar__title{font-size:30px;font-size:3rem}.bar__text{width:100%;font-size:16px;font-size:1.6rem}.btn__more,.btn__list-more{transition:none}.btn__more:hover,.btn__list-more:hover{background:rgba(102,102,102,0.1)}.btn__more{margin:1rem 0 0 auto}.btn__list-more,.btn__send{margin:3rem auto 0}.btn__list-more:hover{color:#252525}.btn__send{background:#252525}.btn__send a{color:#fff}.btn__send:hover{background:#252525}.btn__send:hover a{color:#fff}.btn__clear{margin:.5rem auto 0;font-size:12px;font-size:1.2rem;transition:none}.btn__clear:hover{color:#252525;background:#fff}.scene--topick{padding:0 0 8rem}.scene-in{padding:5rem 2rem}.topick--main .job li{font-size:14px;font-size:1.4rem}.topick--main .company{font-size:20px;font-size:2rem}.topick--main .summary{font-size:16px;font-size:1.6rem}.topick--main .icon{margin:1rem 0 0}.topick--main .icon li{font-size:12px;font-size:1.2rem}.topick--main .icon li img{max-width:20px}.topick--sub{margin:3rem auto 0;padding:0}.topick--sub figure{width:100%}.topick--sub figure img{width:100%;max-width:initial;object-fit:initial;object-position:cebter}.topick--sub>li{overflow:visible;transition:none}.topick--sub>li:hover{box-shadow:none;transform:translateY(0)}.topick--sub>li:last-child{margin-top:3rem}.topick--sub .topick__detail{width:100%}.topick--sub .job li{font-size:12px;font-size:1.2rem}.topick--sub .company{margin:1.5rem 0 0;font-size:20px;font-size:2rem}.topick--sub .summary{margin:1rem 0 0;font-size:16px;font-size:1.6rem}.topick--sub .icon{padding:1rem 0 0}.topick--sub .icon li img{max-width:20px}.case-list li{width:calc((100% - 1%) / 2)}.case-list li:nth-child(even){margin-right:0}.case-list li:hover{box-shadow:none;transform:translateY(0)}.case-list li:hover .company-logo{opacity:1}.case-choice{margin:3rem 0 0}.case-choice p{font-size:14px;font-size:1.4rem}.category .label,.job-type .label{transition:none}.category .label:hover,.job-type .label:hover{color:#252525;background:#ececec}.job-type{width:100%;padding:1.5rem 0;justify-content:flex-start}.job-type li{margin:.2rem}.job-type .label{padding:.8rem;transition:none}.job-type .label:hover{color:#252525;background:#ececec}.category{padding:1.5rem 0 1rem;justify-content:flex-start}.category li{margin:.2rem}.category .label{padding:.8rem}.category .label>img{max-height:25px}.scene--voice .scene-in{padding:5rem 2rem 8rem}.case-customer{margin:3rem 0 0}.case-customer li{width:calc((100% - 1rem) / 2)}.case-customer li:nth-child(-n+3){margin-top:1rem}.case-customer li:nth-child(even){margin-right:0}.case-customer li img{width:100%}.scene--casestudy .scene-in{padding:3rem 2rem}.scene--casestudy .company__catch .heading{font-size:22px;font-size:2.2rem}.scene--casestudy .company__name{font-size:18px;font-size:1.8rem}.scene--case-purpose .purpose{flex-wrap:wrap}.scene--case-purpose .purpose__text{width:100%;margin:3rem 0 0;order:1}.scene--case-purpose .purpose__text .tag{font-size:18px;font-size:1.8rem}.scene--case-purpose .purpose__text .tag:not(:first-child){margin:1.5rem 0 0}.scene--case-purpose .purpose__text p:not(:first-child){margin:.5rem 0 0}.scene--case-purpose .purpose__outline{width:100%;order:0}.scene--case-purpose .purpose__outline .logo{min-height:100px;line-height:100px}.scene--case-interview{padding:5rem 0 0}.case-article{flex-wrap:wrap}.case-article__inner{width:100%;order:1}.case-article__inner .heading{font-size:22px;font-size:2.2rem}.case-article__inner .leed{font-size:14px;font-size:1.4rem}.case-article__inner .interview{font-size:14px;font-size:1.4rem}.case-article__img{width:100%;margin:0 0 5rem;order:0}.case-article__img figure+figure{margin:5rem 0 0}.case-article__img figure img{width:100%}.case-article .photo{width:95%}.case-article .photo__bg__rb{height:100%;right:0;bottom:-3rem}.case-article .photo__bg__lb{height:100%;left:0;bottom:-3rem}.case-article .photo__bg__lt{height:70%;top:inherit;left:inherit;right:0;bottom:-3rem}.case-article .list{flex-wrap:wrap}.case-article .list--column3>li{width:100%}.case-article .list>li:not(:first-child){margin:2rem 0 0}.case-a-left .case-article,.case-a-right .case-article{padding:0 2rem}.case-a-left .case-article__inner,.case-a-right .case-article__inner{margin:0;padding:0 2rem}.case-a-left .case-article__img figure img{padding:0 0 0 10%}.case-a-right .case-article__img figure img{padding:0 10% 0 0}.case-a-center .case-article__img{margin:0 0 3rem}.case-a-margin{margin:5rem 0 0}.case-a-more .blur{flex-wrap:wrap;transition:none}.case-a-more .blur:hover{opacity:1}.case-a-more .blur .case-article__inner{display:none}.case-a-more .blur .case-article__img figure img{padding:0}.case-a-more .more{top:30%;padding:0 2rem}.case-a-more .more p{font-size:20px;font-size:2rem}.case-a-more .more .btn{font-size:20px;font-size:2rem}.scene--case-form h2{font-size:25px;font-size:2.5rem}.scene--case-form .table--mailform th .flex-box{flex-wrap:wrap}.scene--case-form .table--mailform th{padding:1rem 1rem 0}.scene--case-form .table--mailform td{padding:.5rem 1rem 1rem}.scene--case-form .table--mailform input:not([type="checkbox"]):not([type="radio"]),.scene--case-form .table--mailform select{width:100%}.scene--case-form .table--mailform .label{width:100%;margin:.5rem 0 0;text-align:center}.scene--case-form .table--mailform .mark{margin:0 auto}.scene--case-form .table--mailform .sub-text>div:nth-child(1){width:60%}.scene--case-form .table--mailform .sub-text input:not([type="checkbox"]):not([type="radio"]){width:100%}.scene--case-form .table--mailform ul.label-side li{width:50%}.scene--case-download .download-list li{width:calc((100% - 3%) / 2);margin:3% 3% 0 0;transition:none}.scene--case-download .download-list li:hover{opacity:1}.scene--case-download .download-list li:nth-child(3n){margin-right:3%}.scene--case-download .download-list li:nth-child(-n+4){margin-top:3%}.scene--case-download .download-list li:nth-child(-n+2){margin-top:0}.scene--case-download .download-list li:nth-child(2n){margin-right:0}.scene--case-download .download-list li .title{font-size:18px;font-size:1.8rem}.scene--cv-area .scene-in{padding:5rem 1rem}.scene--cv-area .cv-in{font-size:18px;font-size:1.8rem}.scene--cv-area .cv-in .title{font-size:20px;font-size:2rem}.scene--cv-area .cv-in .title>span{font-size:26px;font-size:2.6rem}.scene--cv-area .cv-in .title::before,.scene--cv-area .cv-in .title::after{width:10px}.scene--cv-area .cv-in .title::before{background-size:10px auto}.scene--cv-area .cv-in .title::after{right:0;background-size:10px auto}.scene--cv-area .cv-in .btn{margin:1rem  auto 0}.scene--cv-area .cv-in .btn a{padding:2rem;font-size:16px;font-size:1.6rem}.scene--cv-area .cv-in .btn a::before{left:1rem;border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;transition:none}.scene--cv-area .cv-in .btn a:hover{opacity:1}.scene--cv-area .cv-in .btn a:hover::before{left:1rem}.scene--cv-area .contact-in{margin:3rem 0 0}.scene--cv-area .contact-in .caption{font-size:20px;font-size:2rem}.scene--cv-area .contact-in ul{flex-wrap:wrap;margin:1rem 0 0}.scene--cv-area .contact-in ul li{width:100%}.scene--cv-area .contact-in ul li a:hover{opacity:1}.scene--cv-area .contact-in ul li a:hover::before{left:1rem}.scene--cv-area .contact-in ul li:not(:first-child){margin:1rem 0 0}.scene--cv-area .inquiry p>span{display:block;font-size:25px;font-size:2.5rem}.scene--case-narrow .scene-in{margin:3rem auto 5rem;padding:2rem}.scene--case-narrow .title__company{padding:.5rem 1rem;font-size:25px;font-size:2.5rem}.scene--case-narrow .title__catch{font-size:16px;font-size:1.6rem}.scene--case-narrow .title__sub{font-size:16px;font-size:1.6rem;margin:2rem 0 0}.scene--case-narrow .title__head{margin:3rem 0 0;font-size:18px;font-size:1.8rem}.scene--case-narrow .title__head>div{padding:.5rem 1rem}.scene--case-narrow .title__head>div:nth-child(1){min-width:90px}.scene--case-narrow .title__interview{padding:0 0 0 4rem}.scene--case-narrow .title__interview::before{width:30px}.scene--case-narrow .photo{width:auto;margin:0 0 1rem;text-align:center}.scene--case-narrow .case-interview{margin:1rem 0 0;grid-template-columns:1fr 1fr 1fr}.scene--case-narrow .case-interview__main{grid-area:1 / 1 / 2 / 4}.scene--case-narrow .case-interview__main .text{width:100%;margin:0}.scene--case-narrow .case-interview__outline{width:100%;margin:1rem 0 0;padding:0;grid-area:3 / 1 / 4 / 4}.scene--case-narrow .case-interview__outline h3{font-size:16px;font-size:1.6rem;text-align:center}.scene--case-narrow .case-interview__more{grid-area:2 / 1 / 3 / 4}.footmark .case-interview__main .item__after{margin:4rem 0 0}.footmark .case-interview__main .item__after::before{content:'';width:0;height:0;position:absolute;top:-30px;left:0;right:0;margin:0 auto;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #555}.footmark .case-interview__main .item__before,.footmark .case-interview__main .item__after{width:100%}}@media (max-width: 599px){.mb_view{display:block}.case-list li{width:100%}.case-list li:not(:first-child){margin:1rem 0 0}.job-type .label{padding:.4rem .6rem}.category .label{padding:.4rem 1rem}.case-customer li{width:100%}.case-customer li:nth-child(-n+3){margin-top:0}.case-customer li:not(:last-child){margin-right:0;margin-bottom:1rem}.scene--case-form .table--mailform td,.scene--case-form .table--mailform th{width:100%;display:block}.scene--case-form .table--mailform th{border:none}.scene--case-form .table--mailform th .flex-box{flex-wrap:nowrap}.scene--case-form .table--mailform input:not([type="checkbox"]):not([type="radio"]),.scene--case-form .table--mailform select{width:100%;font-size:16px;font-size:1.6rem;background:#ffebed}.scene--case-form .table--mailform .label{width:calc(100% - 50px);margin:0;text-align:left}.scene--case-form .table--mailform .mark{margin:0 1rem 0 0}.scene--case-download .download-list li{width:100%;margin:3% 0 0}.scene--case-download .download-list li:not(:first-child){margin-top:1rem}.scene--case-download .download-list li:nth-child(3n){margin-right:0}}