@charset "UTF-8";

/*media-appearances*/
.img_media{
  padding-bottom: calc(100%*250/1186);
  background: url(../img/oem_bg.png);
}

.media_appearances .lead {
  margin: 0 0 2em;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.media_appearances_list > li {
  position: relative;
  margin: 0 0 2em;
}

.media_appearances_list > li .name {
  display: inline-block;
  margin: 0 0 15px;
  padding: 8px 15px;
  background: #1f58a7;
  color: #fff;
}

.media_appearances_list > li .name::before {
  position: absolute;
  left: 0;
  top: calc(0.75em + 8px);
  width: 100%;
  height: 1px;
  background: #999;
  content: "";
  z-index: -1;
}

.media_appearances_list > li .url {
  margin: 5px 0 0;
}

.media_appearances_list > li .url a {
  font-size: 14px;
  color: #999;
}

.media_appearances_list > li a:hover {
  text-decoration: underline;
}



@media screen and (max-width: 1180px) {
  /* 1024px以下に適用されるCSS（タブレット用） */
  .img_media {
    padding-bottom: calc(100%*375/1186);
    background-size: cover!important;
  }

}

@media screen and (max-width: 599px) {
  /* 599px以下に適用されるCSS（スマホ用） */



}