@charset "utf-8";#headline{background:#0080ff}.cm{background:url(//jbr.ne.jp/wp-content/themes/web/css/key/../../img/key/main-about.jpg) no-repeat no-repeat left top transparent}.content h2{background-color:#0080ff}h3{border-bottom:3px solid #0080ff}h3:before{color:#6bb5ff}h3:after{color:#0080ff}h5:before{background:#0080ff}h4:before{border-bottom:3px solid #0080ff}h4:after{border-bottom:3px solid #d8d8d8}#footer{background:#0080ff}#footer .inner{background-color:#0080ff}.panel{background:#0080ff}@media only screen and (max-width:480px){.pagetop{background-color:#0080ff}}.slider_back{background:url(//jbr.ne.jp/wp-content/themes/web/css/key/../../img/key/voice-back.jpg) no-repeat}.breadcrumb{text-align:left;margin:30px 0 20px}.key-case_title[class]{font-size:20px;font-weight:700;margin-bottom:20px}.case-img_box{display:flex;width:32.7%;gap:5px;align-items:center;justify-content:flex-start}.key-title_box{justify-content:space-between;display:flex;gap:20px}@media only screen and (max-width:480px){.key-title_box{flex-direction:column}}.key-said_case{padding:20px 0}@media only screen and (max-width:480px){.key-said_case{width:100%}}.key-text_box{text-align:left}.key-case_content_connection{display:flex;flex-direction:column;width:calc(100% / 3 - 20px * 2 / 3)}.key-case_content_connection img{aspect-ratio:3/2;width:100%;object-fit:cover}.key-case_content_connection_title{text-align:center;margin-left:0 !important}.key-case_content{display:flex;gap:20px;margin-top:20px}@media only screen and (max-width:480px){.key-case_content_connection{width:calc(100% / 3 - 10px * 2 / 3)}.key-case_content{gap:10px}}.key-case_content_item{background-color:#f0f0f0;width:100%;transition:opacity .2s}.key-case_content_item:hover{opacity:.6}.key-said_case_box{margin-bottom:20px;background-color:#f0f0f0;padding:20px;border-radius:5px;list-style:none}.key-said_case_title{font-size:16px;font-weight:700;color:#0080ff;margin-bottom:20px;margin-left:0 !important}.key-said_case_content{border-bottom:1px solid #d4d4d4;margin-bottom:10px;padding-bottom:10px;text-align:left}.key-wrapper{display:flex;gap:20px;padding:0 20px}@media only screen and (max-width:480px){.key-wrapper{flex-direction:column}}.key-content_left{width:70%}.key-content_right{width:30%;flex-shrink:0}@media only screen and (max-width:480px){.key-content_left{width:100%}.key-content_right{width:100%}}.key-case_list{display:flex;flex-direction:column;gap:20px;padding:0 20px}.key-case_item{display:flex;gap:20px;padding:20px;background-color:#EEEEEE;& a{display:block}}@media only screen and (max-width:480px){.key-case_item{flex-direction:column}}.key-case_item_thumb{width:30%;flex-shrink:0;transition:opacity .2s;&>img{width:100%;height:100%;object-fit:cover}}@media only screen and (max-width:480px){.key-case_item_thumb{width:100%}}.key-case_item_thumb:hover{opacity:.6}.key-case_item_catbox{display:flex;gap:10px}.key-case_item_title{border:none;margin:0;padding:0;font-size:20px;margin-bottom:20px}@media only screen and (max-width:480px){.key-case_item_title{font-size:16px;margin-bottom:10px}}.key-case_item_title:before{display:none}.key-case_item_title:after{display:none}.key-case_item_textbox{text-align:left;margin-top:20px;transition:opacity .2s;font-size:16px}@media only screen and (max-width:480px){.key-case_item_textbox{font-size:12px}}.key-case_item_textbox:hover{opacity:.6;color:#63b8ff}.key-case_item_text{color:#000;margin-bottom:20px}.key-cate-cats-list{display:flex;justify-content:center;margin-bottom:20px;&>li{font-size:18px;&>a{display:block;padding:8px 16px;line-height:1}&+li{border-left:1px solid #0080ff}&:first-of-type{border-left:1px solid #0080ff}&:last-of-type{border-right:1px solid #0080ff}&.is-current{&>a{background-color:#0080ff;color:#fff}}}}