/*
DO NOT MODIFY THIS FILE DIRECTLY
If you do, your changes will be overwritten and lost. Instead, make your changes to
the appropriate files in the sass folder, then run Grunt to generate this file.
Instructions for running Grunt are in the readme file at the project root.
*/

@charset "UTF-8";
@media screen and (min-width: 64em) {
  .research-layout .sidebar--right {
    padding-left: 0;
  }
}

.research-layout .main--content {
  margin-bottom: 54px;
  margin-bottom: 3.375rem;
}
@media screen and (min-width: 64em) {
  .research-layout .main--content {
    margin-bottom: 2.8px;
    margin-bottom: 0.175rem;
  }
}

.article-authors__list > li {
  margin-left: 10px;
  margin-left: 0.625rem;
  border-bottom: none;
}
@media screen and (min-width: 64em) {
  .article-authors__list > li {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
    margin-left: 0;
  }
}

.article-authors__list > li:last-child {
  border-bottom: none;
}

.research-layout .sidebar--wrapper .row-1 {
  background-color: #ffffff;
  padding-top: 40px;
  padding-top: 2.5rem;
}
@media screen and (min-width: 64em) {
  .research-layout .sidebar--wrapper .row-1 {
    width: 270px;
    width: 16.875rem;
    padding-top: 23px;
    padding-top: 1.4375rem;
  }
}

.research-layout .sidebar--wrapper {
  background-color: #fafafa;
  padding-top: 0;
}
@media screen and (min-width: 48em) {
  .research-layout .sidebar--wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 75em) {
  .research-layout .sidebar--wrapper {
    width: 270px;
    width: 16.875rem;
    margin-bottom: 0;
  }
}
.research-layout .sidebar--wrapper .article-authors__title {
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-left: 30px;
  margin-left: 1.875rem;
}
@media screen and (min-width: 64em) {
  .research-layout .sidebar--wrapper .article-authors__title {
    margin-left: 30px;
    margin-left: 1.875rem;
    margin-bottom: 0;
  }
}
.research-layout .sidebar--wrapper .article-authors__list-items__name {
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
}
.research-layout .sidebar--wrapper .article-authors__btn-wrapper {
  cursor: initial;
  margin-top: 0;
  margin-left: 25px;
  margin-left: 1.5625rem;
  margin-right: 25px;
  margin-right: 1.5625rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
  padding-bottom: 0;
  border-bottom: 0;
}
@media screen and (min-width: 64em) {
  .research-layout .sidebar--wrapper .article-authors__btn-wrapper {
    margin-left: 30px;
    margin-left: 1.875rem;
  }
}
.research-layout .sidebar--wrapper .article-authors__list-items:first-child {
  margin-top: 0;
}
@media screen and (min-width: 64em) {
  .research-layout .sidebar--wrapper .article-authors__list-items:first-child {
    margin-top: 10px;
    margin-top: 0.625rem;
  }
}
.research-layout .sidebar--wrapper .article-authors__button {
  background: #D20A11;
  color: #ffffff;
  font-weight: 400;
  border: solid 1px #D20A11;
  font-size: 16px;
  font-size: 1rem;
  padding: 16px 30px;
  padding: 1rem 1.875rem;
  min-height: 52px;
  min-height: 3.25rem;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 75em) {
  .research-layout .sidebar--wrapper .article-authors__button {
    min-width: 210px;
    min-width: 13.125rem;
  }
}
.research-layout .sidebar--wrapper .article-authors__button__list-item {
  border-bottom: 0px;
}
.research-layout .sidebar--wrapper .article-authors__button:hover {
  background: transparent;
  color: #D20A11;
}
.research-layout .sidebar--wrapper .article-authors__button.subscribe {
  background: #272728;
  color: #ffffff;
  border: solid 1px #272728;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.research-layout .sidebar--wrapper .article-authors__button.subscribe:hover {
  background: transparent;
  color: #272728;
}

/* IE11  Queries*/
@media (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .research-layout .sidebar--wrapper .article-authors__button {
    padding: 15px 20px 15px;
    padding: 0.9375rem 1.25rem 0.9375rem;
    min-height: 50px;
    min-height: 3.125rem;
  }
}
.mediaSliderV1 {
  position: relative;
  margin-bottom: 36px;
  margin-bottom: 2.25rem;
}
@media screen and (min-width: 75em) {
  .mediaSliderV1 {
    margin-bottom: 64px;
    margin-bottom: 4rem;
  }
}
.mediaSliderV1 .jp-security-slide-container a {
  text-decoration: none;
}
.mediaSliderV1 .jp-security-slide-container .slide-text-container {
  background: #ffffff;
  padding: 18px 16px 14px;
  padding: 1.125rem 1rem 0.875rem;
}
@media screen and (min-width: 75em) {
  .mediaSliderV1 .jp-security-slide-container .slide-text-container {
    padding: 12px 18px 20px;
    padding: 0.75rem 1.125rem 1.25rem;
  }
}
.mediaSliderV1 .jp-security-slide-container .tag {
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
  color: #c00;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 15px;
  line-height: 0.9375rem;
  font-weight: 600;
}
.mediaSliderV1 .jp-security-slide-container .headline {
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  color: #272728;
  font-size: 16px;
  font-size: 1rem;
  line-height: 35px;
  line-height: 2.1875rem;
  margin-bottom: 0;
}
@media screen and (min-width: 75em) {
  .mediaSliderV1 .jp-security-slide-container .headline {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 44px;
    line-height: 2.75rem;
  }
}
.mediaSliderV1 .owl-carousel {
  /* Having this flex, and owl.item as flex, allows the browser to resize the height of all slides dynamically */
}
.mediaSliderV1 .owl-carousel .owl-stage {
  display: flex;
}
.mediaSliderV1 .owl-carousel .owl-item {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.mediaSliderV1 .owl-carousel .owl-item .jp-security-slide-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.mediaSliderV1 .owl-carousel .owl-item .jp-security-slide-container .slide-text-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.mediaSliderV1 .owl-carousel .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 30%;
}
.mediaSliderV1 .owl-carousel .owl-nav .owl-prev, .mediaSliderV1 .owl-carousel .owl-nav .owl-next {
  width: 40px;
  width: 2.5rem;
  height: 60px;
  height: 3.75rem;
  background-color: #272728;
  color: #ffffff;
  border-radius: 0;
}
.mediaSliderV1 .owl-carousel .owl-nav [class*=owl-] {
  margin: 0;
}
.mediaSliderV1 .owl-carousel .owl-nav [class*=owl-]:hover {
  background-color: #272728;
  color: #ffffff;
}
.mediaSliderV1 .owl-carousel .owl-dots {
  padding-top: 12px;
  padding-top: 0.75rem;
  padding-bottom: 28px;
  padding-bottom: 1.75rem;
}
@media screen and (min-width: 75em) {
  .mediaSliderV1 .owl-carousel .owl-dots {
    padding-top: 20px;
    padding-top: 1.25rem;
    padding-bottom: 55px;
    padding-bottom: 3.4375rem;
  }
}
.mediaSliderV1 .owl-carousel .owl-dots .owl-dot span {
  width: 8px;
  width: 0.5rem;
  height: 8px;
  height: 0.5rem;
  background: #9d9fa2;
}
.mediaSliderV1 .owl-carousel .owl-dots .owl-dot.active span {
  background: #272728;
}
.mediaSliderV1 .jp-media-slider-edit-mode {
  display: flex;
  flex-wrap: wrap;
}
.mediaSliderV1 .jp-media-slider-edit-mode .jp-security-slide-container {
  flex: 1 0 366px;
}
@media screen and (min-width: 75em) {
  .mediaSliderV1 .jp-media-slider-edit-mode .jp-security-slide-container {
    flex: 1 0 500px;
  }
}

.promotional-content {
  background: #fafafa;
}
.promotional-content .inner-wrapper {
  margin-top: 0;
  padding-top: 42px;
  padding-top: 2.625rem;
  border-bottom: none;
}
@media screen and (min-width: 100em) {
  .promotional-content .inner-wrapper .featured-article {
    flex: 1 0 641px;
  }
}
.promotional-content .inner-wrapper .featured-article .article-filter-tag {
  margin-top: 30px;
  margin-top: 1.875rem;
}
.promotional-content .inner-wrapper .featured-article .jwPlayer .iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}
@media screen and (min-width: 64em) {
  .promotional-content .inner-wrapper .featured-article .jwPlayer .iframe-container {
    width: 641px;
    width: 40.0625rem;
    padding-bottom: 350px;
    padding-bottom: 21.875rem;
  }
}
.promotional-content .inner-wrapper .featured-article .jwPlayer .iframe-container iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.promotional-content .inner-wrapper .featured-article .article-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
  line-height: 32px;
}
@media screen and (min-width: 64em) {
  .promotional-content .inner-wrapper .featured-article .article-title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 35.2px;
  }
}
.promotional-content .inner-wrapper .featured-article .article-description {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
  line-height: 22.4px;
}
.promotional-content .inner-wrapper .trending-topics-list {
  width: 100%;
}
.promotional-content .inner-wrapper .trending-topics-list .header {
  font-size: 28px;
  font-size: 1.75rem;
  margin: 0;
  border-bottom: none;
  position: relative;
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
  line-height: 22px;
  color: #272728;
}
@media screen and (min-width: 64em) {
  .promotional-content .inner-wrapper .trending-topics-list .header {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.promotional-content .inner-wrapper .trending-topics-list .header::after {
  content: "";
  height: 2px;
  height: 0.125rem;
  top: 25%;
  right: 0;
  position: absolute;
  background: #c00;
}
.promotional-content .inner-wrapper .trending-topics-list .trending-item {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.promotional-content .inner-wrapper .trending-topics-list .trending-item img {
  width: 110px;
  width: 6.875rem;
  height: 110px;
  height: 6.875rem;
  margin-right: 15px;
  margin-right: 0.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 64em) {
  .promotional-content .inner-wrapper .trending-topics-list .trending-item img {
    width: 90px;
    width: 5.625rem;
    height: 90px;
    height: 5.625rem;
  }
}
.promotional-content .inner-wrapper .trending-topics-list .trending-item .trending-item__wrapper .title {
  font-size: 16px;
  font-size: 1rem;
  color: #272728;
  font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック";
  line-height: 28px;
}

.logoImage {
  margin-top: 20px;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .logoImage {
    margin-top: 26px;
    margin-top: 1.625rem;
  }
}
.logoImage img {
  height: 30px;
  height: 1.875rem;
}
@media screen and (min-width: 64em) {
  .logoImage img {
    height: 54px;
    height: 3.375rem;
  }
}

/* Changes were made to article details component because of logo image design
 calling for smaller space between logo and article details */
.article-details {
  margin: 20px 0 17px 0;
  margin: 1.25rem 0 1.0625rem 0;
}
@media screen and (min-width: 64em) {
  .article-details {
    margin: 24px 0 17px 0;
    margin: 1.5rem 0 1.0625rem 0;
  }
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("jp-media/css/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #ffffff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}