/* style */
.case .visual { background: #020202 url("../img/case_visual.jpg") no-repeat center center; }
.case-pickup { margin-bottom: 40px; }
@media only screen and (max-width: 1000px) { .case-pickup .inner { padding: 0; } }
.case-pickup__head { background: #222; color: #fff; padding: 15px 0; }
@media only screen and (max-width: 1000px) { .case-pickup__head { padding: 5px 0; } }
.case-pickup__head .title { padding-left: 40px; font-weight: normal; font-size: 24px; font-size: 2.4rem; line-height: 42px; position: relative; }
@media only screen and (max-width: 1000px) { .case-pickup__head .title { font-size: 18px; font-size: 1.8rem; } }
.case-pickup__head .title:before { content: ""; display: block; position: absolute; left: 10px; right: auto; top: 0; bottom: 0; margin: auto; width: 20px; height: 40px; background: url("/common/img/sprites.png") no-repeat; background-size: 100px auto; background-position: 0 -25px; }
.case-pickup__body { background: #e8e8e8; overflow: hidden; padding: 30px 0 20px; }
.case-pickup__body .list-box-orenge-arrow { width: 830px; margin: 0 auto; }
@media only screen and (max-width: 1000px) { .case-pickup__body .list-box-orenge-arrow { width: 80%; } }
.case-pickup__body .box { display: none; width: calc(100% / 5); float: left; padding: 0 5px; }
.case-pickup__body .box img { border-radius: 10px; }
.case-listbox { background: #f7f7f7; margin-bottom: 40px; }
.case-listbox__head { padding: 30px 10px 0; }
.case-listbox__head .selectbox { width: calc(90% / 4); }
@media only screen and (max-width: 1000px) { .case-listbox__head .selectbox { font-size: 1.4vw; } }
@media only screen and (max-width: 479px) { .case-listbox__head .selectbox { width: 100%; font-size: 1.2rem; margin-bottom: 5px; }
  .case-listbox__head .selectbox:last-child { margin-bottom: 0; } }
.case-listbox__body { padding: 30px 10px 25px; }
.case-listbox__body ul { margin-right: -1%; zoom: 1; }
.case-listbox__body ul:after { content: ""; display: block; clear: both; }
.case-listbox__body .box { width: calc(95% / 5); margin-right: 1%; margin-bottom: 8px; box-sizing: border-box; float: left; background: #fff; border-bottom: 2px solid #cecebf; }
.case-listbox__body .box img { width: 100%; height: auto; }
@media only screen and (max-width: 1000px) { .case-listbox__body .box { width: calc(95% / 4); }
  .case-listbox__body .box img { width: 100%; height: auto; } }
@media only screen and (max-width: 479px) { .case-listbox__body .box { width: calc(95% / 3); padding: 0; } }
.case-listbox__body .box a { padding: 11px 10px; }
/*18.11.02*/
.case-listbox__body .box .new{position:relative;}
.case-listbox__body .box .new:before{content:"";display:block;position:absolute;background:url(/common/img/icon_new.png) no-repeat;background-size:100% auto;width:28%;height:35%;top:11px;left:10px;}