span.nowrap{display:inline-block;white-space:nowrap}.dropdown-container{position:relative;border-radius:5px}.dropdown-select{cursor:pointer;background-color:#f4f4f4;padding:8px 15px;color:#0fa3af;border-radius:5px;position:relative;transition:0s}.dropdown-select svg{width:1em;height:1em;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:.2s}.dropdown-select.show{border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-select.show svg{transform:translateY(-50%) rotate(180deg)}.t_group1 svg{fill:#0fa3af}.t_group1 .casetermlist{border-bottom:5px solid #dfe0e7;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.t_group1 .casetermlist a::before{border-left:5px solid #0fa3af}.t_group1 .dropdown-select{border-bottom:5px solid #dfe0e7}.t_group2 svg{fill:#f7794d}.t_group2 .casetermlist{border-bottom:5px solid #ffd1c1;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.t_group2 .casetermlist a::before{border-left:5px solid #f7794d}.t_group2 .dropdown-select{color:#f7794d;border-bottom:5px solid #ffd1c1}.casetermlist{border-radius:2px;cursor:pointer;font-size:14px;background-color:#f4f4f4;position:absolute;width:100%;left:0;top:38px;z-index:10;transform:translate(0, 100%, 0);display:none;box-shadow:2px 5px 8px 0 rgba(0,0,0,.08)}.casetermlist li:last-child a{border-bottom:0}.casetermlist a{display:block;color:#fff;padding:7px 15px 7px 25px;font-family:dnp-shuei-mgothic-std,sans-serif;font-weight:400;letter-spacing:1px;transition:.2s;width:100%;background-color:#fff;border-bottom:1px solid #efefef;position:relative}.casetermlist a.active{background-color:#f4f4f4}.casetermlist a::before{content:"";display:block;border-top:3px solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);position:absolute;left:15px;top:50%;transform:translateY(-50%)}@media(min-width: 1000px){.casetermlist a:hover{background-color:#f4f4f4}}.casetermlist.list1 a{color:#0fa3af}.casetermlist.list2 a{color:#f7794d}#case-study .tags_filter{max-width:900px;margin:auto;width:calc(100% - 40px);padding:120px 0 !important;background:url(../img/case-study/study-bg.png) center/auto 80% no-repeat;display:flex;justify-content:space-between;overflow:visible;flex-wrap:wrap}#case-study .tags_filter>div{width:calc((100% - 30px)/2);padding:25px 35px;border-radius:15px}#case-study .tags_filter>div:first-child{background-color:#0fa3af}#case-study .tags_filter>div:last-child{background-color:#f7794d}.ajax-outer{max-width:900px;margin:auto;width:calc(100% - 40px)}.ajax-outer .ajax-inner{opacity:1;transform:translateY(0);transition:.5s}.ajax-outer .ajax-inner.holding{opacity:0;transform:translateY(50px);transition:.5s}.ajax-outer.loading-article .lds-css{display:flex !important}.ajax-outer .lds-css{display:none;align-items:center;justify-content:center}@keyframes lds-rolling{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.ajax-outer .lds-rolling{position:relative;width:40px !important;height:40px !important;transform:translate(-24.5px, -24.5px) scale(0.245) translate(24.5px, 24.5px)}.ajax-outer .lds-rolling div{animation:lds-rolling .5s linear infinite;top:100px;left:100px}.ajax-outer .lds-rolling div:after{transform:rotate(90deg)}.ajax-outer .lds-rolling div,.ajax-outer .lds-rolling div::after{position:absolute;width:160px;height:160px;border:10px solid #27316f;border-top-color:rgba(0,0,0,0);border-radius:50%}.single-case-wrapper{max-width:900px;margin:auto;width:calc(100% - 40px)}.case_info{background-color:#f0f0f0;display:flex}.case_info .left{width:55%}.case_info .right{width:45%;padding-left:25px}.case_info .right img{width:80%;max-width:240px;margin:auto;display:block}.case_info .top{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;margin-bottom:5px}.case_info .case_ttl{margin-bottom:.8em;font-size:22px}.case_info .case_ttl strong{box-shadow:0 -0.6em 0 #fff799 inset;font-weight:600}.case_info .period{margin-top:0 !important;border:2px solid #27316f;padding:0 10px;display:inline-block;font-size:14px !important}.case_info .period::before{content:"";display:inline-block;width:10px;min-width:10px;margin-right:5px;height:10px;background:url(../img/case-study/calendar.png) center/contain no-repeat}.case_info .name{font-size:24px;color:#27316f;text-align:left !important;margin-right:15px;pointer-events:none}.case_info .cats{display:flex;flex-wrap:wrap}.case_info .cats.cat1 li{border:1px solid #a0a0a0;color:#a0a0a0}.case_info .cats.cat2{font-size:12px}.case_info .cats.cat2 li{border:1px solid #22306a;color:#22306a}.case_info .cats li{padding:0 10px;border-radius:20px;margin-bottom:10px;margin-right:10px}.nbefore{background-color:#eee}.nbefore .left{position:relative}.nbefore .left::before{content:"BEFORE";display:block;color:#27316f;opacity:.1}.nbefore .left::after{content:"";display:block;position:absolute;bottom:-18px;left:50%;transform:translate(-50%, 100%);border-top:10px solid #eee;border-left:12px solid rgba(0,0,0,0);border-right:12px solid rgba(0,0,0,0)}.nbefore .right{background-color:#b9b9b9}.nafter{background-color:#ff9f91}.nafter .left::before{content:"AFTER";display:block;color:rgba(39,49,111,.1)}.nafter .right{background-color:#ed523e}.nafter,.nbefore{display:flex;justify-content:space-between}.nafter h3,.nbefore h3{font-size:16px;border-bottom-width:1px;border-bottom-style:solid;padding-bottom:5px;margin-bottom:12px;border-bottom-color:#fff;position:relative;padding-left:30px;line-height:1.5}.nafter h3::before,.nbefore h3::before{content:"";display:block;position:absolute;width:24px;height:24px;left:0;top:2px;background:url(../img/case-study/pointer.png) left center/contain no-repeat}.nafter .left,.nbefore .left{font-size:14px;width:calc(50% - 30px)}.nafter .left::before,.nbefore .left::before{font-size:34px;font-weight:800;line-height:1.3;font-family:"TsukuARdGothic-Regular",YuGothic,"Yu Gothic",sans-serif}.nafter .right,.nbefore .right{padding:10px 15px 15px;border-radius:12px;color:#fff;width:50%}.nafter .right br,.nbefore .right br{display:none}.nafter .right li,.nbefore .right li{padding-left:22px;position:relative}.nafter .right li::before,.nbefore .right li::before{content:"";display:block;position:absolute;left:0;top:3px;width:1.2em;height:1.2em;background:url(../img/case-study/check_box.png) center/contain no-repeat}.nafter .right li br,.nbefore .right li br{display:block}.nbefore,.nafter,.case_info{padding:18px 20px;display:flex;flex-wrap:wrap;height:100%;color:#27316f}.layer-outer{display:none}#case-study{overflow:hidden}#case-study .casettl{margin-bottom:1em}#case-study .table{display:flex;flex-direction:column;margin-top:10px;width:100% !important}#case-study .table br{display:none}#case-study .table .link{align-self:flex-end;margin-top:15px}#case-study .t_box{border:1px solid #e1e1e1;border-radius:10px;overflow:hidden;width:100% !important}#case-study .t_box dl{display:flex}#case-study .t_box dl:last-child dd{border-bottom:0}#case-study .t_box dt{padding:5px 20px;width:100px;background-color:#e1e1e1;font-weight:500}#case-study .t_box dt br{display:block}#case-study .t_box dd{padding:5px 20px;width:calc(100% - 100px);background-color:#fff;border-bottom:1px dashed #e1e1e1}#case-study .t_box dd br{display:block}.copybox{position:relative;z-index:2;display:none}.spitem{display:none;width:100% !important}#case-study section .marker{box-shadow:0 -0.6em 0 #fff799 inset;font-size:24px}#case-study section .marker::after{content:none}#case-study section .box{border-radius:10px;overflow:hidden;position:relative;cursor:pointer;background-color:#fff}#case-study section .inner{border:none;padding:20px;box-shadow:none}#case-study section .inner::before,#case-study section .inner::after{content:none}#case-study section .inner figcaption{padding-left:5%}#case-study section .inner .link{float:none;margin-right:0;margin-top:20px}#case-study section .inner .period{width:auto;background:none;border:2px solid #222;color:#222;height:auto;line-height:1.5;padding:0 10px;font-size:16px}#case-study section .inner .period::before{content:"";display:inline-block;width:16px;min-width:16px;margin-right:5px;height:16px;margin-bottom:-2px;background:url(../img/case-study/calendar.png) center/contain no-repeat}#case-study section .inner h2{color:inherit;text-align:unset}#case-study section .inner h3,#case-study section .inner h2{font-size:20px;margin-bottom:1em}#case-study section .inner .name{font-size:30px}#case-study section .inner .condition{margin-top:20px;border:none;padding:0;display:flex;justify-content:flex-start;flex-wrap:wrap}#case-study section .inner .condition li{border-color:#0fa3af;color:#0fa3af;font-size:16px}#case-study section .inner .condition~ul li{border-color:#f7794d;color:#f7794d;font-size:14px}#case-study section .inner ul.condition li,#case-study section .inner ul li{margin:0 0 10px 0;border-radius:15px;padding:0 10px;margin-right:10px}#case-study section .open{padding:4px;box-shadow:none;background:url(../img/case-study/border.jpg) left top/4px 4px repeat padding-box}#case-study section .open.do .icon::after{transform:translate(-50%, -50%) rotate(-90deg)}#case-study section .open img{display:block;padding-left:12%;padding-right:8%}#case-study section .icon{position:relative;right:0px;bottom:0px;width:20px;height:20px;background-color:#27316f;display:block !important}#case-study section .icon::before{content:"";display:block;position:absolute;width:12px;height:2px;background-color:#fff;left:50%;top:50%;transform:translate(-50%, -50%)}#case-study section .icon:after{content:"";display:block;position:absolute;width:2px;height:12px;background-color:#fff;top:50%;left:50%;transform:translate(-50%, -50%);transition:.3s ease}#case-study section .inner .icon-box{display:flex;align-items:center;margin-top:10px;justify-content:flex-end;width:100%;font-size:14px}#case-study section .inner .icon-box p{display:block;margin-right:5px;font-weight:700}#case-study section .inner div.icon{width:20px}#case-study section .flex.start{flex-wrap:wrap}#case-study section.caseList{padding-top:0 !important;margin-top:-30px;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:visible;max-width:100%}#case-study section.caseList .box{width:100%;margin:30px 0 0 0}.heading-1{position:relative}.heading-1 .txt{left:57.5%;top:57%;position:absolute;z-index:1;color:#27316f;font-size:16px;width:40vw;max-width:460px}@media(max-width: 1000px){.heading-1 .txt{font-size:14px}}@media(max-width: 1600px){.heading-1 .txt{font-size:14px}}@media(max-width: 1200px){#case-study .tags_filter>div{padding:15px;width:calc((100% - 20px)/2)}}@media(max-width: 1000px){.heading-1 .txt{font-size:12px}.nbefore .left,.nafter .left{font-size:14px;width:calc(50% - 20px)}.nbefore .left::before,.nafter .left::before{font-size:30px}.nbefore .left::after,.nafter .left::after{bottom:-25px}#case-study .tags_filter{padding:80px 0 !important}#case-study section .marker{font-size:24px}#case-study section .inner{padding:20px 15px}#case-study section .inner li{margin-right:8px}#case-study section .inner .period{font-size:14px}#case-study section .inner .condition{margin-top:15px}#case-study section .inner .condition~ul li{font-size:12px}#case-study section .inner .condition li{font-size:14px}#case-study section .inner .name{font-size:26px}#case-study section .inner h3,#case-study section .inner h2{font-size:18px}#case-study section .box{margin-top:20px}}@media(max-width: 768px){header .slide-menu,header nav .fas{display:block !important}}@media(max-width: 767px){#case-study .inner div{float:none !important}.nbefore{position:relative}.nbefore .left{position:static}.nbefore .left::after{bottom:0;border-left-width:8px;border-right-width:8px}.pcitem{display:none}.nbefore h3,.nafter h3{font-size:15px;margin-bottom:10px;padding-bottom:3px}.nbefore h3::before,.nafter h3::before{width:16px;height:16px;top:4px;padding-left:24px}.nbefore .left::before,.nafter .left::before{font-size:24px;line-height:1.2}#case-study .t_box{border-radius:5px}#case-study .t_box dd{width:calc(100% - 80px)}#case-study .t_box dt{width:80px}#case-study section .icon-box{justify-content:center;margin:15px auto 0}#case-study section .icon{right:auto;bottom:auto;width:18px;height:18px}#case-study section .icon::before{width:12px;height:2px}#case-study section .icon::after{width:2px;height:12px}#case-study section .marker{font-size:16px}#case-study section .inner{padding:15px 10px}#case-study section .inner li{margin-right:5px;white-space:nowrap}#case-study section .inner .name{margin-right:0;margin-bottom:5px}#case-study section .inner .period{font-size:14px}#case-study section .inner .condition~ul li{font-size:10px}#case-study section .inner .condition li{font-size:12px}#case-study section .inner h3,#case-study section .inner h2{margin-bottom:12px}#case-study section .inner figcaption{width:100%;padding-left:0 !important}#case-study section .inner figcaption>ul{display:none !important}#case-study section .inner figcaption img{width:30vw;padding:0;padding:0 0 10px 12px}.casetermlist{top:35px}.dropdown-select{font-size:12px}#case-study .tags_filter>div{width:95%;margin:auto}#case-study .tags_filter>div:last-child{margin-top:20px}.case_info{flex-wrap:wrap-reverse}.case_info .t_box{font-size:12px}.case_info .t_box dt{width:80px}.case_info .t_box dd{width:calc(100% - 80px)}.case_info .name{margin-bottom:0 !important;font-size:22px !important}.case_info .period{font-size:12px !important;margin:0 !important}.case_info .case_ttl{font-size:18px;margin-bottom:.5em}.case_info .right{padding:0;width:100%}.case_info .left{width:100%;margin-top:20px}.casetermlist{padding:0;font-size:12px}.nbefore,.nafter,.case_info{padding:15px 10px}.nbefore .left,.nafter .left{width:100%;padding-right:0;margin-bottom:5px}.nbefore .right,.nafter .right{width:100%;padding:10px}.spitem{display:block;float:none;overflow:hidden}.spitem ul{width:auto;display:inline-block}.spitem img{float:right}#case-study #cts section{padding:40px 0 50px !important;padding-top:0 !important}#case-study .flex{display:flex}#case-study section .inner li{padding:0 5px}#case-study section .inner figcaption{padding-left:15px}#case-study section .inner div{padding-right:0}#case-study section .inner ul{margin-bottom:0 !important}}@media(max-width: 740px){.heading-1{position:relative}.heading-1 .txt{left:52.5%;top:44%;position:absolute;z-index:1;color:#27316f;font-size:12px;width:42vw}}@media(max-width: 350px){.heading-1 .txt{font-size:10px}}/*# sourceMappingURL=case_study.css.map */