.adspecial_type1 {
  max-width: none !important;
  color: #444;
}
.container-fluid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}
.block_sponsored {
  text-align: center;
  border-top: 1px solid #ccc;
}
footer {margin-top: 0;}

.contents-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.article-contents {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 16px;
}
.article-contents p {text-indent: 1em; color: #333;}
.article-contents p.interviewer {text-indent: 0; font-weight: bold;}
.article-contents p span[class^="person"] {margin-left: -1em;}

/* フレーム設定-------------------------------------------------------------------------------- */


.vmware-hero {
    position: relative;
    height: 400px;
    margin-bottom: 40px;
}
.adspecial_type1 .frame_header {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: linear-gradient(45deg, #fff 0%, #7aebe8 35%, #007bff 100%);
}

.frame_header::before {
    content: "";
    display: block;
    width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50vw;
    background: url(/info/event/vmware/202207/media/head_title.png) no-repeat center right;
}

.frame_header::after {
    content: "";
    display: block;
    width: 300px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: calc(50% - 50vw);
    background: url(/info/event/vmware/202207/media/head_title2.png) no-repeat bottom left;
}

.adspecial_type1 h1.adspecial {
    position: relative;
    z-index: 6;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 24px;
    color: #444;
    font-size: 2rem;
    line-height: 1.3;
    font-feature-settings: "palt" 1;
}
.adspecial_type1 h1.adspecial small {
    display: inline-block;
    margin-top: 16px;
    font-size: 1.25rem;
    background: #feea01;
    padding: 8px 24px;
    border-radius: 30px;
}


h2.adspecial {
  margin-bottom: 24px;
  color: #007696;
  font-size: 2rem;
  line-height: 1.3;
  text-align: center;
  font-feature-settings: "palt" 1;
}

h3.adspecial {
  margin: 24px 0;
  border-bottom: 3px solid #007696;
}



/* SPECIAL ------------------------------- */


/* list */
.list-line li {
  padding: 16px 0;
  border-bottom: 1px dotted #ccc;
}

.wp-list,
.report-list,
.movie-list  {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-list li,
.report-list li,
.movie-list li {
  width: 24%;
  margin: 0 .5% 24px;
}
.wp-list li a,
.report-list li a,
.movie-list li a {
  display: block;
  height: 100%;
  padding: 20px;
  background: #fff;
  transition: box-shadow .4s;
}
.wp-list li a:hover,
.report-list li a:hover,
.movie-list li a:hover {
  box-shadow: 0 3px 8px #6994ad;
}
.wp-list li .wp-thumb,
.report-list li .report-thumb,
.movie-list li .report-thumb  {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 150px;
  margin-bottom: 8px;
  text-align: center;
}
.wp-list li img,
.report-list li img,
.movie-list li img {
  max-width: 100%;
  max-height: 100%;
  border: 2px solid #efefef;
}

.wp-list li .wp-title,
.report-list li .report-title,
.movie-list li .report-title {
  font-weight: bold;
  line-height: 1.3;
}

.movie-list li {width: 19%;}
.movie-list li:nth-of-type(-n+2) {
  width: 49%;
}
.movie-list li:nth-of-type(-n+2) .report-thumb {
  height: 300px;
}



.report-list li {
    display: block;
    padding: 20px;
    background: #fff;
}
.report-list li a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 16px;
    padding: 8px;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    background: #2d7cd0;
    border-radius: 50px;
}
.report-list li a.btn-movie {background: #fa9f00;}
.report-list li a.btn-movie::after,
.report-list li a.btn-pdf::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 16px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(/extra/vmware_202208/media/movie.svg) no-repeat center center;
}
.report-list li a.btn-pdf::after {
  background: url(/extra/vmware_202208/media/pdf.svg) no-repeat center center;
}




.event {
  padding: 80px 0;
}


/* report */
.report {
  padding: 80px 0;
  background: #d7f7f6 url(/extra/vmware_202204/media/pattern_cloud.png) top left;
}


/* wp */
.wp {
  padding: 80px 0;
  background: linear-gradient(to bottom, #7aebe8 0%, #2d7cd0 100%);
}

.wp h2.adspecial {color: #fff;}





@media screen and (max-width: 960px) {
  .logo-dxcloud {top: 24px; left: 24px;}
  .summary {margin-bottom: 40px;}
  .summary::before,
  .summary::after {display: none;}

  .wp-list li {
    width: 32%;
    margin: 0 .52% 24px;
  }
   .report-list li {
    width: 48%;
  }
  .report-list li .report-thumb {height: auto;}
    .report-list li a {padding: 4px 8px;}
}


@media screen and (max-width: 800px) {
  .wp-list li a {padding: 8px;}
}


@media screen and (max-width: 640px) {
  .contents-inner {padding: 0 16px;}

.adspecial_type1 h1.adspecial {
    font-size: 1.25rem;
}
.adspecial_type1 h1.adspecial small {
    font-size: .85rem;
}

  h2.adspecial {font-size: 1.25rem;}
   .report-list li,
   .wp-list li,
   .movie-list li {
    width: 48%;
    font-size: .85rem;
  }
}