/* ---------------------------------------------------- Root(Setup) & Mixin ---------------------------------------------------- */
/* ---------------------------------------------------- Setup ---------------------------------------------------- */
.sidebar .sidebar-inner.bottom-space { padding-bottom: 1.4rem; }

/* ---------------------------------------------------- Grid(masonry) ---------------------------------------------------- */
.sidebar .grid { margin: 0; padding-top: 0; }
.sidebar .grid::before, .sidebar .grid::after { display: block; clear: both; content: ""; }
.sidebar .grid .grid-sizer, .sidebar .grid .grid-item { width: 100%; margin: 0; }
.sidebar .grid .grid-sizer { position: absolute; margin-bottom: 0 !important; }
.sidebar .grid .grid-item { float: left; background: #fff; padding: 0; border: none; border-radius: 0; }

@media (min-width: 768px) and (max-width: 991.98px) { .sidebar .grid { margin: 0 -2%; padding-top: 1.4rem; }
  .sidebar .grid .grid-sizer, .sidebar .grid .grid-item { width: 46%; margin: 0 2% 0 2%; } }
@media (max-width: 767.98px) { .sidebar .grid { padding-top: .6rem; } }
/* ---------------------------------------------------- News ---------------------------------------------------- */
.sidebar-news-panel { position: relative; border-top: 1px solid #cccccc; padding-top: 1.4rem; margin-top: 1.4rem; }
.sidebar-news-panel h4 { color: #2b2b2b; }
.sidebar-news-panel h5 { color: #2b2b2b; font-weight: bold; }
.sidebar-news-panel h5 a { color: #2b2b2b; }
.sidebar-news-panel h5 a .nwfont-angle-right { font-size: 0.933rem; margin-top: -6px; vertical-align: middle; text-decoration: none; }
.sidebar-news-panel h5 .today-num a { display: inline-block; width: auto; height: 20px; line-height: 18px; border-radius: 10px; padding: 0 9px; margin-left: 6px; margin-top: -4px; color: #2b2b2b; font-size: 0.867rem; letter-spacing: -.5px; text-decoration: none; vertical-align: middle; font-weight: normal; background-color: #dee2e5; }
.sidebar-news-panel h5 .today-num a:hover { background-color: #c2c8ce; }
.sidebar-news-panel h6 { font-size: 1.133rem; color: #2b2b2b; font-weight: bold; }
.sidebar-news-panel .sidebar-panel-close { position: absolute; right: 0; top: 1.3rem; border: 0; background: none; cursor: pointer; }
.sidebar-news-panel.filled { background-color: #f5f6f7; border-top: none; padding: 1.4rem; }
.sidebar-news-panel.corp-sns, .sidebar-news-panel.release-contact { border-top: none; }
.sidebar-news-panel .link i { color: #0091e6; }

@media (min-width: 992px) { .grid-item:nth-of-type(2) .sidebar-news-panel { border-top: none; padding-top: inherit; margin-top: inherit; }
  .grid-item:nth-of-type(2) .sidebar-news-panel.filled { padding-top: 1.4rem; }
  .grid-item:nth-of-type(2) .edu-info-banner, .grid-item:nth-of-type(2) .edu-info-banner3 { border: 1px solid #cee1ee; padding-top: 1.4rem; }
  .sidebar-news-panel.marketing-report, .sidebar-news-panel.edu-info-banner, .sidebar-news-panel.edu-info-banner2, .sidebar-news-panel.edu-info-banner3, .sidebar-news-panel.edu-info-banner4 { margin-top: 1rem; } }
@media (max-width: 991.98px) { .sidebar-news-panel .sidebar-panel-close { right: .4rem; top: 1.2rem; }
  .sidebar-news-panel .sidebar-panel-close .ico-news-panel-close { width: 16px; height: 16px; }
  .sidebar-news-panel.mobile-border-top-none { border-top: 0; padding-top: 0; } }
@media (min-width: 768px) and (max-width: 991.98px) { .sidebar-news-panel.corp-sns { border-top: 1px solid #cccccc; } }
.sidebar-mynews { margin-bottom: 0; padding-top: .1rem; }
.sidebar-mynews li { margin-bottom: .5rem; }
.sidebar-mynews li:last-child { margin-bottom: .1rem; }
.sidebar-mynews li::before { display: inline-block; clear: both; content: ""; width: 22px; height: 22px; background: url(../../property/img/comm/ico_custom_checkbox.png) 0 0 no-repeat; background-size: cover; vertical-align: top; }
.sidebar-mynews li a { padding-left: .6rem; }
.sidebar-mynews .active::before { display: inline-block; clear: both; content: ""; background: url(../../property/img/comm/ico_custom_checkbox_ckd.png) 0 0 no-repeat; background-size: cover; }
.sidebar-mynews .active a { color: #444444; }

.sidebar-news-list { margin-bottom: 0; }
.sidebar-news-list li { line-height: 1.4; margin-top: .7rem; }
.sidebar-news-list li:first-child { margin-top: inherit; }
.sidebar-news-list li a { color: #2b2b2b; overflow: hidden; }
.sidebar-news-list li a.active { font-weight: bold; }
.sidebar-news-list li .info { display: block; font-size: 0.933rem; color: #777777; }
.sidebar-news-list li .info-m-inline { display: block; font-size: 0.933rem; color: #777777; }
.sidebar-news-list.low li { margin-top: .4rem; }

.sidebar-news-panel.popular-hottopic .sidebar-news-list li a.active { color: #0a75cc; }

.sidebar-tag { margin-bottom: .5rem; margin-top: -.4rem; }
.sidebar-tag li { margin-right: .5rem; margin-top: .5rem; }

.sidebar-video-list .inner { padding-top: 1rem; }
.sidebar-video-list .inner:first-child { padding-top: inherit; }
.sidebar-video-list .inner .desc { font-size: 0.933rem; line-height: 1.3; padding-top: .4rem; }
.sidebar-video-list .inner .desc a { color: #555555; }

.sidebar-video-list2 .inner { padding-top: 1rem; }
.sidebar-video-list2 .inner .atc_thum { width: 100%; height: 0; padding-bottom: 56.26%; overflow: hidden; position: relative; text-align: center; }
.sidebar-video-list2 .inner .atc_thum .ico-play-video .thumbnail { width: 100%; overflow: hidden; }
.sidebar-video-list2 .inner .atc_thum .ico-play-video .thumbnail img { width: 110%; -webkit-transform: translate(-5%, -5%); transform: translate(-5%, -5%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.sidebar-video-list2 .inner .atc_thum .ico-play-video .thumbnail img:hover { -webkit-transform: scale(1.08) translate(-5%, -5%); transform: scale(1.08) translate(-5%, -5%); }
.sidebar-video-list2 .inner .atc_thum .ico-play-video::after { display: block; clear: both; content: ""; background: url(/property/img/comm/icons_pc_20201013.png?v=1) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; background-position: -400px -380px !important; pointer-events: none; }
@media (max-width: 991.98px) { .sidebar-video-list2 .inner .atc_thum .ico-play-video::after { background: url(/property/img/comm/icons_mo_20201013.png?v=1) no-repeat; background-size: 500px 600px; } }
.sidebar-video-list2 .inner .atc_thum .ico-play-video:hover::after { background-position: -400px -420px !important; }
.sidebar-video-list2 .inner .desc { font-size: 0.933rem; line-height: 1.3; padding-top: .4rem; }
.sidebar-video-list2 .inner .desc a { color: #555555; }
.sidebar-video-list2 .inner:first-child { padding-top: inherit; }

.sidebar-corp-wrap .release-logo { display: block; border: 1px solid #e5e5e5; padding: .6rem 1rem; margin-bottom: 1.2rem; }
.sidebar-corp-wrap .release-logo a .thumbnail { width: 120px; height: 70px; line-height: 66px; text-align: center; margin: 0 auto; }
.sidebar-corp-wrap .release-logo a .thumbnail img { width: auto; max-width: 120px; max-height: 70px; vertical-align: middle; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.sidebar-corp-wrap .corp-info { color: #444444; }
.sidebar-corp-wrap .corp-info .bar::after { display: inline-block; clear: both; content: ""; width: 1px; height: 12px; background-color: #cccccc; margin: 0 .5rem; }
.sidebar-corp-wrap .corp-website { padding-bottom: .1rem; }
.sidebar-corp-wrap .corp-website i { padding-left: .8rem; }
.sidebar-corp-wrap .btn-info { min-width: 120px; }

.sidebar-sns { margin-bottom: inherit; padding-top: .2rem; }
.sidebar-sns li { margin-bottom: .7rem; }
.sidebar-sns li a { text-decoration: none; }
.sidebar-sns li a .icons { margin-right: .4rem; }
.sidebar-sns li:last-child { margin-bottom: inherit; }
.sidebar-sns li.blog a:hover i { background-color: #3db933; }
.sidebar-sns li.fb a:hover i { background-color: #385ead; }
.sidebar-sns li.twit a:hover i { background-color: #00acee; }
.sidebar-sns li.kas a:hover i { background-color: #fac800; }
.sidebar-sns li.youtube a:hover i { background-color: #de1f38; }
.sidebar-sns li.instagam a:hover i { background-color: #8941a7; }

.sidebar-contact { line-height: 1.7; }

@media (min-width: 992px) { .sidebar-corp-wrap h4 { margin-bottom: .4rem; } }
@media (max-width: 991.98px) { .sidebar-news-list li .info-m-inline { display: inline; padding-left: .8rem; } }
@media (min-width: 768px) and (max-width: 991.98px) { .sidebar-news-list li { font-size: 1.067rem; } }
@media (max-width: 767.98px) { .sidebar-news-list li { font-size: 1.067rem; } }
.journalist-blog-banner { background-color: #edfafc !important; }
.journalist-blog-banner h6 a { color: #0a75cc; }
.journalist-blog-banner .slogan { font-size: 1.4rem; }
.journalist-blog-banner .visual { text-align: left; padding-top: .8rem; padding-bottom: 1rem; padding-left: 2rem; }
.journalist-blog-banner .visual img { width: 132px; }
.journalist-blog-banner .link { padding-top: .8rem; }
.journalist-blog-banner .link a { font-weight: bold; }
.journalist-blog-banner .link i { color: #0091e6; }

/* ---------------------------------------------------- Left Menu ---------------------------------------------------- */
.sidebar-left-menu { background: #fafafa; border: 1px solid #e5e5e5; margin-bottom: 1rem; padding: 0 10px 25px; }
.sidebar-left-menu .inner { margin-bottom: 0; }
.sidebar-left-menu .inner .sn-item h6.title { font-size: 1rem; font-weight: bold; border-bottom: 1px solid #e5e5e5; padding: 22px 6px 10px; margin-bottom: inherit; }
.sidebar-left-menu .inner .sn-item .sn-depth2 { margin-bottom: inherit; }
.sidebar-left-menu .inner .sn-item .sn-depth2 .sn-depth2-item .sn-depth2-link { display: block; color: #444444; padding: 6px 8px 6px 15px; letter-spacing: -.5px; border-bottom: 1px solid #e5e5e5; text-decoration: none; }
.sidebar-left-menu .inner .sn-item .sn-depth2 .sn-depth2-item .sn-depth2-link:hover { background: #f2f2f2; }
.sidebar-left-menu .inner .sn-item .sn-depth2 .sn-depth2-item .sn-depth2-link.active { background: #555555; color: #fff; }
.sidebar-left-menu .inner .sn-item:last-child .sn-depth2-item:last-child .sn-depth2-link { border-bottom: none; }

/* ---------------------------------------------------- Service ---------------------------------------------------- */
.marketing-report { background: url(/property/img/sub/bg_rightbanner_report.jpg) center top; padding: 1.4rem 1.4rem 1.6rem !important; border-top: none !important; }
.marketing-report h6.h_title6 { font-size: 1.133rem; color: #ffa800; font-weight: bold; }
.marketing-report h3.h_title1 { color: #fff; letter-spacing: -1px; line-height: 1.3; }
.marketing-report .idea-search { padding-top: 1.6rem; text-align: left; }
.marketing-report .idea-search .btn { border-color: #fff; color: #fff; width: 70%; }
.marketing-report .idea-search .btn i { color: #fafafa; }
.marketing-report .idea-search .btn:hover, .marketing-report .idea-search .btn:active { border-color: #fff; background: #fff; color: #444444; }
.marketing-report .idea-search .btn:hover i, .marketing-report .idea-search .btn:active i { color: #444444; }

.download-brochure { position: relative; padding-left: 1.4rem; padding-top: 1.2rem; padding-bottom: 1.2rem; }
.download-brochure i { font-size: 0.933rem; }

@media (min-width: 992px) { .download-brochure { border-top: none; margin-top: 0; } }
@media (max-width: 767.98px) { .marketing-report h3.h_title1 { font-size: 1.533rem; font-weight: normal; }
  .download-brochure { border-top: none; margin-top: 0; } }
.sidebar-reviews { background: #edfafc; padding: 1.5rem; }
.sidebar-reviews .reviews-wrap .client { font-size: 0.933rem; font-style: normal !important; }

/* ---------------------------------------------------- Education ---------------------------------------------------- */
.sidebar-member-benefit .member-benefit-banner { background: #f2faff; padding: 1.5rem; border: 1px solid #cee1ee; }

.sidebar-member-benefit2 .member-benefit-banner { background: url(/property/img/sub/bg_rightbanner_report.jpg) center top; padding: 1.5rem 1.6rem; }
.sidebar-member-benefit2 .member-benefit-banner h5.h_title4 { color: #fff; }
.sidebar-member-benefit2 .member-benefit-banner .detail-view .btn { border-color: #fff; color: #fff; }
.sidebar-member-benefit2 .member-benefit-banner .detail-view .btn:hover, .sidebar-member-benefit2 .member-benefit-banner .detail-view .btn:active { border-color: #fff; background: #fff; color: #444444; }
.sidebar-member-benefit2 .member-benefit-banner .benefit-img-membership { margin-top: 1rem; margin-bottom: .8rem; padding-left: 25%; }
.sidebar-member-benefit2 .member-benefit-banner .benefit-img-membership img { max-width: 82px; }
.sidebar-member-benefit2 .member-benefit-banner .detail-view2 .btn { background: #f57a00; border-color: #f57a00; }
.sidebar-member-benefit2 .member-benefit-banner .detail-view2 .btn:hover, .sidebar-member-benefit2 .member-benefit-banner .detail-view2 .btn:active { background: #dc6d00; border-color: #dc6d00; }

@media (max-width: 991.98px) { .sidebar-member-benefit, .sidebar-member-benefit2 { margin-top: 0; }
  .sidebar-member-benefit2 .member-benefit-banner .benefit-img-membership { padding-left: 30%; } }
@media (max-width: 767.98px) { .sidebar-member-benefit2 .member-benefit-banner .benefit-img-membership { padding-left: 35%; } }
.edu-info-banner { background: #fff1cc; /*background: #fcf3de;*/ /*background: $light-cobalt;*/ padding: 1.8rem 1.5rem; margin-top: inherit; border: none !important; }
.edu-info-banner .newswire { text-align: center; margin-bottom: 1.4rem; margin-top: 1.4rem; }
.edu-info-banner .newswire img { width: 148px; }
.edu-info-banner h3.h_title1.t1 { text-align: center; font-size: 1.533rem; line-height: 1.3; font-weight: bold; }
.edu-info-banner h6.h_title6.t2 { font-size: 1.2rem; font-weight: normal; text-align: center; color: #0a75cc; margin-top: 1.2rem; margin-bottom: .4rem; }
.edu-info-banner h3.h_title1.t3 { text-align: center; font-size: 1.6rem; line-height: 1.3; color: #0a75cc; font-weight: normal; }
.edu-info-banner .service-type { margin: .8rem auto; }
.edu-info-banner .service-type li { color: #555555; padding-top: .2rem; }
.edu-info-banner .service-type li i { color: #59bf26; padding-right: .5rem; }
.edu-info-banner .detail-view { padding-top: .8rem; text-align: center; margin: 0 auto; }
.edu-info-banner .detail-view .btn { width: 78%; }

@media (max-width: 767.98px) { .edu-info-banner { margin-top: 1rem; }
  .edu-info-banner h3.h_title1 { font-size: 1.533rem; font-weight: normal; } }
.edu-info-banner2 { background: url(/property/img/sub/bg_rightbanner_report.jpg) center top; padding: 1.4rem 1.4rem 1.6rem !important; border-top: none !important; margin-top: inherit; }
.edu-info-banner2 h6.h_title6 { font-size: 1.133rem; color: #ffa800; font-weight: bold; text-align: center; padding-bottom: .2rem; }
.edu-info-banner2 h3.h_title1 { color: #fff; text-align: center; font-size: 1.4rem; line-height: 1.3; }
.edu-info-banner2 .service-type { margin: .8rem auto; }
.edu-info-banner2 .service-type li { color: #fff; padding-top: .2rem; }
.edu-info-banner2 .service-type li i { color: #ffa800; padding-right: .5rem; }
.edu-info-banner2 .detail-view { padding-top: .8rem; text-align: center; margin: 0 auto; }
.edu-info-banner2 .detail-view .btn { border-color: #fff; color: #fff; width: 76%; }
.edu-info-banner2 .detail-view .btn:hover, .edu-info-banner2 .detail-view .btn:active { border-color: #fff; background: #fff; color: #444444; }

@media (max-width: 767.98px) { .edu-info-banner2 { margin-top: 1rem; }
  .edu-info-banner2 h3.h_title1 { font-size: 1.533rem; font-weight: normal; } }
.edu-info-banner3 { background: #edfafc; margin-top: inherit; /*padding: 1.5rem;border: none !important;*/ border: 1px solid #cee1ee; }
.edu-info-banner3 h3.h_title1.heading { text-align: center; font-weight: bold; padding-top: .2rem; padding-left: 1.5rem; padding-right: 1.5rem; }
.edu-info-banner3 h3.h_title1 { text-align: center; font-size: 1.533rem; line-height: 1.3; padding-left: 1.5rem; padding-right: 1.5rem; }
.edu-info-banner3 .globe { text-align: center; margin-top: .8rem; margin-bottom: .2rem; }
.edu-info-banner3 .globe img { width: 100%; max-width: 480px; }
.edu-info-banner3 .link { padding: 1.2rem 1.5rem 1.5rem; text-align: center; }
.edu-info-banner3 .link a { font-weight: bold; }
.edu-info-banner3 .link i { color: #0091e6; }
.edu-info-banner3 .detail-view { padding-top: 1.8rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; text-align: center; margin: 0 auto; }

@media (max-width: 767.98px) { .edu-info-banner3 { margin-top: 1rem; }
  .edu-info-banner3 h3.h_title1 { font-size: 1.533rem; font-weight: normal; } }
.edu-info-banner4 { background: #9d50a1; margin-top: inherit; border: none !important; padding-top: 0; }
.edu-info-banner4 .inner { background: url(/property/img/sub/edu_banner_service.jpg?v=1) no-repeat; background-size: contain; padding: 1.8rem 1.5rem; }
.edu-info-banner4 .inner .picture { min-height: 240px; }
.edu-info-banner4 .inner h2.headline { color: #fff; font-weight: normal; word-break: keep-all; margin-bottom: .8rem; }
.edu-info-banner4 .inner h5.h_title5 { color: #fff; font-weight: normal; word-break: keep-all; }
.edu-info-banner4 .inner .link { padding-top: 1rem; }
.edu-info-banner4 .inner .link a { color: #fff; font-weight: bold; }
.edu-info-banner4 .inner .link i { color: #fff; }
.edu-info-banner4 .inner .detail-view { padding-top: 1rem; text-align: center; margin: 0 auto; }
.edu-info-banner4 .inner .detail-view .btn { color: #fff; border-color: #fff; }
.edu-info-banner4 .inner .detail-view .btn:hover { color: #9b4f9e; }
.edu-info-banner4 .inner .detail-view .btn.focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.edu-info-banner4 .inner .detail-view .btn:not(:disabled):not(.disabled):active { -webkit-box-shadow: none; box-shadow: none; }

@media (max-width: 991.98px) { .edu-info-banner4 .inner { background-size: cover; background-position: center -80px; }
  .edu-info-banner4 .inner .picture { min-height: 220px; } }
@media (max-width: 767.98px) { .edu-info-banner4 { margin-top: 1rem; }
  .edu-info-banner4 .inner { background-size: cover; background-position: center -180px; }
  .edu-info-banner4 .inner .picture { min-height: 150px; } }
@media (max-width: 575.98px) { .edu-info-banner4 .inner { background-size: cover; background-position: center -60px; }
  .edu-info-banner4 .inner .picture { min-height: 220px; }
  .edu-info-banner4 .inner h2.headline { font-size: 1.8rem; }
  .edu-info-banner4 .inner h5.h_title5 { font-size: 1.2rem; } }
/* ---------------------------------------------------- Corp, nd  ---------------------------------------------------- */
.corp-info { margin-bottom: 0; }
.corp-info li { padding: .17rem 0; }

/*# sourceMappingURL=sidebar.css.map */