.search_box{background-image:-moz-linear-gradient(right, #e92085 0%, #e93453 30%, #e94820 100%);background-image:-webkit-linear-gradient(right, #e92085 0%, #e93453 30%, #e94820 100%);background-image:linear-gradient(to left, #e92085 0%, #e93453 30%, #e94820 100%);opacity:1;color:#fff;display:flex;flex-wrap:wrap;padding:15px}.search_box_key{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.search_box_key .ttl{font-size:1.6rem}.search_box_key .words{display:flex;flex-wrap:wrap;width:88%;margin-top:10px}.search_box_key .words li{margin:0 5px 5px}.search_box_key .words li a{padding:.2em 1.5em;border:1px solid #fff;border-radius:15px;display:flex;justify-content:center}.search_box_form{width:100%;margin-top:10px;position:relative;height:30px}.search_box_form .textbox{background-color:#fff;width:100%;height:30px;border-radius:15px;padding:0 1em;font-size:1.6rem;position:absolute;top:0;left:0;line-height:30px}.search_box_form .btn{width:62px;height:30px;background-color:#333;border-radius:0 15px 15px 0;cursor:pointer;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center}.search_box_form .btn img{width:18px}.search_box_btn{width:100%}.search_box_btn button{background-image:-moz-linear-gradient(left, #e92085 0%, #e93453 30%, #e94820 100%);background-image:-webkit-linear-gradient(left, #e92085 0%, #e93453 30%, #e94820 100%);background-image:linear-gradient(to right, #e92085 0%, #e93453 30%, #e94820 100%);opacity:1;border-radius:30px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.6rem;font-weight:500;padding:1em;width:90%;max-width:300px;margin:0 auto;cursor:pointer}.search_box_btn img{width:23px;flex-shrink:0;margin-right:8px}.search_menu .checkbox{padding-bottom:10px}.scrollbox{height:250px;overflow-y:scroll;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.acc_list{position:relative}.acc_list li{border-bottom:1px solid #eee}.acc_trigger{padding:1em 2em 1em .5em;cursor:pointer;position:relative}.acc_trigger span{padding-left:.5em}.acc_trigger::after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);margin-right:0;vertical-align:middle;border-width:2px;position:absolute;top:50%;right:14px;transform:rotate(45deg) translateY(-50%)}.acc_trigger.on::after{transform:rotate(-135deg);right:10px}.acc_open{display:none;padding:10px 0}.refine_ttl{font-size:1.8rem;font-weight:500;line-height:2;padding-bottom:6px;border-bottom:1px solid #ddd;margin-bottom:24px}.refine dl{margin:10px 0}.refine dl dt{font-weight:500;margin-bottom:10px}.refine dl dd .app_lists_category{padding:0}.refine dl dd .category{display:flex}.refine dl dd .category li{margin-right:10px}.refine_trigger{border-bottom:1px solid #ddd;position:relative;padding:1em}.refine_trigger::after{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg);margin-right:0;vertical-align:middle;position:absolute;right:18px;top:18px}.refine_trigger.on::after{transform:rotate(-135deg);top:22px}.refine_open{display:none}.refine_open.borderbox{padding:20px;border-top:none;margin-top:0}.app_comment{text-align:right;font-size:90%}.p.comment{font-size:1.4rem}.app_info{margin:30px auto}.app_info .supporter{display:flex;align-items:center;margin-top:20px;border:1px solid #ddd;padding:1em;font-size:1.2rem}.app_info .supporter figure{flex:0 0 100px;margin-right:10px}.app_info .supporter .p{margin-top:0}.app_info .app_lists_category{padding:0}.app_info .imgbox .img{display:flex;align-items:center}.app_info .imgbox .img figure{position:relative;width:calc(50% - 5px);border:1px solid #ddd;margin-right:10px}.app_info .imgbox .img figure:last-child{margin-right:0}.app_info .imgbox .img figure::before{content:"";display:block;width:100%;height:0;padding-bottom:69.4%}.app_info .imgbox .img figure img{max-width:98%;width:auto;max-height:98%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.app_info_name{margin-top:1em}.app_info_btn{margin-top:20px}.app_info_btn a{width:100%;max-width:300px;min-width:200px;border-radius:20px;background-image:-moz-linear-gradient(left, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:-webkit-linear-gradient(left, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:-ms-linear-gradient(left, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:linear-gradient(to right, #00dbd2 0%, #00bdd8 20%, #009ede 100%);display:flex;justify-content:center;align-items:center;color:#fff;padding:.6em 1em;margin:0 auto 16px}.app_info_btn a:last-child{margin-bottom:0}.guide{margin-bottom:20px}.guide a{background-image:-moz-linear-gradient(right, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:-webkit-linear-gradient(right, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:-ms-linear-gradient(right, #00dbd2 0%, #00bdd8 20%, #009ede 100%);background-image:linear-gradient(to left, #00dbd2 0%, #00bdd8 20%, #009ede 100%);width:100%;height:200px;display:flex;justify-content:center;align-items:center}.guide_box{width:calc(100% - 16px);height:calc(100% - 16px);background-color:#fff;display:flex;justify-content:center;align-items:center;color:#0096e0;font-size:2.4rem;font-weight:700;padding:22px;text-align:center;transition:all .1s ease-out}.guide_box::after{content:"";display:block;width:12px;height:75px;background:url("/cocoapp/images/app/icon_arw.png") no-repeat center center;background-size:contain;margin-left:24px;transition:all .5s}.products>.sec_ttl:first-child{margin-top:0}.products_img{position:relative}.products_img a.play{position:static}.products_img_item{position:relative;width:100%}.products_img_item::before{content:"";display:block;width:99%;height:0;padding-bottom:100%;border:1px solid #ddd}.products_img_item img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:96%;height:auto;max-height:96%}.products_img .prev{width:30px;height:30px;background-color:#e94820;position:absolute;top:50%;transform:translate(-50%, -50%);z-index:3;cursor:pointer}.products_img .prev::before{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(135deg);margin-right:0;vertical-align:middle;position:absolute;top:10px;left:12px}.products_img .next{width:30px;height:30px;background-color:#e94820;position:absolute;top:50%;transform:translate(50%, -50%);right:0;z-index:3;cursor:pointer}.products_img .next::before{content:"";display:inline-block;width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);margin-right:0;vertical-align:middle;position:absolute;top:10px;right:12px}.products_table{position:relative;overflow:hidden;height:250px}.products_table::before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:60px;background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%)}.products_table.on{height:auto}.products_table.on::before{content:none}.products_table dl{display:flex;flex-wrap:wrap;margin-top:.5em}.products_table dl:first-child{margin-top:0}.products_table dt{color:#fd850f;padding:.5em 0;border-bottom:1px solid #e04f00;width:100%}.products_table dd{padding:.5em 0;width:100%}.products .g_btn::after{transform:rotate(45deg);top:40%}.products .g_btn.close{margin-top:20px}.products .g_btn.close::after{transform:rotate(-135deg);top:26px}.case{background-color:#fff;margin:30px 0 50px;padding:10px 8% 40px}.case>.sec_ttl:first-child{margin-top:0}.case .btn_wrap{margin-top:20px}.introduction .skew_ttl{margin:0}.introduction .app_info{text-align:center}.introduction .app_info_btn a{font-size:1.6rem;padding:.8em 1em;border-radius:30px}.introduction_img{border:1px solid #ddd;position:relative;width:100%}.introduction_img::before{content:"";display:block;width:100%;height:0;padding-bottom:61.6%}.introduction_img img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:auto;max-width:100%;height:auto;max-height:100%}.introduction_link{margin-top:40px}.introduction_link li{text-align:center;color:#0096e0;font-size:1.6rem;margin-bottom:20px}.introduction_link li a{transition:all .1s ease-out}.introduction_link li span{padding-bottom:.2em;border-bottom:1px solid #0096e0}@media screen and (min-width: 768px){.search_box{padding:15px 30px;align-items:center}.search_box_key{width:calc(100% - 300px);flex-wrap:nowrap;align-items:center}.search_box_key .ttl{width:145px;font-size:1.6rem}.search_box_key .words{display:flex;flex-wrap:wrap;width:calc(100% - 145px);margin-top:5px}.search_box_form{width:300px;margin-top:0}.search_menu{display:flex;flex-wrap:wrap}.search_menu .left{width:30%;max-width:336px;margin-right:7%}.search_menu .left .select_btn label{width:calc(50% - 6px);text-align:center}.search_menu .left .select_btn label:nth-of-type(2n){margin-right:0}.search_menu .right{width:63%}.search_menu .clear_btn{width:30%;max-width:336px;margin-right:7%}.search_menu .clear_btn button[type="reset"]{margin:0}.search_menu .search_box_btn{width:63%;margin-top:40px}.search_menu .search_box_btn button{margin:0}.refine{display:flex;align-items:center}.refine_ttl{padding-bottom:0;border-bottom:none;width:80px;margin-bottom:0}.refine_lists{padding-left:28px;margin-left:28px;border-left:1px solid #ddd;width:calc(100% - 80px)}.app_info{position:relative}.app_info_btn{margin-top:0;position:absolute;top:0;right:0}.app_info_btn a{margin-bottom:10px}.app_info .supporter{font-size:1.4rem}.app_info .supporter figure{flex:0 0 180px;margin-right:20px}.products_table{height:352px}.case{padding:10px 3.125% 40px}.case .card_link a{display:flex}.case .card_link_item{border:none}.case .card_link_img{width:60%;max-width:722px;border-bottom:none;display:flex}.case .card_link_info{width:40%;border:1px solid #ddd}.case .btn_wrap{margin-top:40px}.introduction{display:flex;flex-wrap:wrap}.introduction .app_info_btn{position:static}.introduction_info{width:calc(50% - 20px);margin-right:40px}.introduction_img{width:calc(50% - 20px)}.introduction_link{width:100%;display:flex;justify-content:center}.introduction_link li{margin:0 10px}}@media screen and (min-width: 1024px){.search_box_key .words li a:hover{opacity:.6}.search_menu .left .line_ttl{margin-top:44px}.search_menu .right .line_ttl{margin-top:44px}.search_menu .search_box_btn{margin-top:65px}.search_menu .search_box_btn button{cursor:pointer;font-size:1.8rem;transition:all .1s ease-out}.search_menu .search_box_btn button:hover{opacity:.6}.scrollbox{height:480px}.acc_trigger{transition:all .1s ease-out}.acc_trigger:hover{background-color:#f5f5f5}.refine_lists{padding-left:56px;margin-left:56px}.refine dl{display:flex;width:100%}.refine dl dt{flex:0 0 6em;margin-right:2em}.refine dl dd{width:calc(100% - 6em)}.refine_acc .acc_trigger::after{right:36px}.refine_trigger{padding:1em 30px;transition:all .1s ease-out;cursor:pointer}.refine_trigger:hover{background-color:#eee}.refine_trigger::after{right:36px;top:22px}.refine_trigger.on::after{top:26px}.refine_open.borderbox{padding:40px}.app_info .imgbox{margin-bottom:60px}.app_info .imgbox .img{width:42%;max-width:500px;margin-right:40px}.app_info .imgbox .img figure{max-width:240px;width:calc(50% - 10px);margin-right:20px}.app_info_btn a{transition:all .1s ease-out}.app_info_btn a:hover{opacity:.6}.guide{margin-bottom:38px}.guide a:hover .guide_box{background-color:rgba(255,255,255,0.8)}.guide a:hover .guide_box::after{backface-visibility:hidden;transform:translateY(30%)}.products{padding:10px 40px 40px}.products_img{margin:0 -40px}.products_img_item{width:530px !important;margin:0 25px}.products_img .prev{width:50px;height:50px;transform:translateY(-50%);left:40px}.products_img .prev::before{width:15px;height:15px;border-width:2px;top:16px;left:20px}.products_img .next{width:50px;height:50px;transform:translateY(-50%);right:40px}.products_img .next::before{width:15px;height:15px;border-width:2px;top:16px;right:20px}.products_table{height:400px}.products_table dl{display:flex;margin-top:0}.products_table dt{width:195px;padding:.8em}.products_table dd{width:calc(100% - 195px);padding:.8em 2.8em;border-bottom:1px solid #ddd}.products .g_btn:hover::after{transform:rotate(45deg) scale(1.4)}.products .g_btn.close:hover::after{transform:rotate(-135deg) scale(1.4)}.case{margin-bottom:100px;padding:64px 38px}.case .card_link_info .txt{font-size:2.2rem}.case .card_link_info .name{font-size:1.8rem}.introduction{padding-top:40px}.introduction .app_info{margin:60px 0 0}.introduction .app_info .color_ttl{margin-bottom:30px}.introduction_link{margin-top:80px}.introduction_link li{margin:0 40px}.introduction_link li a:hover{opacity:.6}}@media print{.app_lists_item{width:48% !important;margin-right:10px !important;margin-top:10px !important}.app_lists_item:nth-child(2n){margin-right:0 !important}.app_lists_item:nth-child(-n+2){margin-top:0 !important}.slick-dotted.slick-slider,.slick-slider .slick-list,.slick-slider .slick-track{height:500px}}