@charset utf-8;

img {
  max-width:100%;
}

.pagecontent main article.act {
  background:#f4f4f4;
  padding: 40px 5%;
}
.pagecontent main article.act h3 {
  color: #1d8058;
  font-size: 1.6rem;
}

.pagecontent main article.act h4{
  font-size: 1.2rem;
}
.pagecontent main article.act h5{
  font-size: 1rem;
  margin-bottom:0;
}
.pagecontent main article.act h6{
  font-size: 1rem;
  margin-bottom:0;
}

.pagecontent main article.act dd > ul,
.pagecontent main article.act dd > ol,
.pagecontent main article.act dd > dl {
  margin-top:0;
}

.pagecontent main article.act dd dd > ul,
.pagecontent main article.act dd dd > ol {
  padding-left:1em;
}
  
.pagecontent main article.act figure {
  display:inline-block;
  margin:1em 0;
  vertical-align:top;
}
.pagecontent main article.act figure figcaption {
  font-size:.9em;
  line-height:1.5;
}

.pagecontent main article.act .hgroup {
  font-weight:bold;
}

.pagecontent main article.act ul {
  padding:0;
}

.pagecontent main article.act li {
  list-style-type: none;
}

.pagecontent main article.act  section[class*="academictalk"] li {
  position:relative;
  color:#666666;
}
.pagecontent main article.act section[class*="academictalk"] li a {
  position:absolute;
  font-size:.8em;
  right:0;
  top:.3em;
}

.pagecontent nav.act_backnum {
  display:inline-block;
  margin-top:60px;
}
.pagecontent nav.act_backnum h2 {
  font-weight:normal;
  font-size:1rem;
  padding:.5em 1em;
  background:#000;
  color:#ffffff;
}

.pagecontent nav.act_backnum ul {
  padding-left:0;
}

nav.act_backnum li {
  list-style-type:none;
  margin-left:0;
  text-align:center;
  margin-bottom:1rem;
}

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

}

@media screen and (-webkit-min-device-pixel-ratio:3),(min-resolution: 3dppx){

}

@media print, screen and (min-width: 601px) {
  .pagecontent main h2 {
    background: url(../img/h2_activity.svg) no-repeat left bottom;
    background-size: 100% auto;
    height: 46px;
    font-size: 34px;
    line-height: 46px;
    padding-left: 32px;
  }
  .pagecontent main h2.biz_h30 {
    background: transparent;
    height:auto;
    padding-left: 0px;
    margin-bottom:60px;
  }
  .pagecontent main h2.biz_h30 + ul {
    padding-left: 50px;
    padding-right: 30px;
  }
  .pagecontent nav.act_backnum ul {
    display:flex;
    flex-wrap:wrap;
  }
  .pagecontent nav.act_backnum ul li {
    margin-right:2em;
  }

  .pagecontent main article.act figure {
    max-width:390px;
  }
  
  .pagecontent main article.act section[class*="academictalk"] li .interview {
      right: 6em;
  }

}

@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:2) , (min-width: 601px) and (min-resolution: 2dppx){
}
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:3) , (min-width: 601px) and  (min-resolution: 3dppx){
}

@media screen and (max-width: 915px) {  
}

@media screen and (max-width: 600px) {
  .pagecontent main h2 {
    background: url(../img/sp_h2_activity.svg) no-repeat bottom left;
    background-size: 100% auto;
    font-size: 5vw;
    height: 6vw;
    padding-bottom: .3rem;
    padding-left: 1em;
  }
  .pagecontent main h2.biz_h30 {
    background: transparent;
    padding-left: 0px;
  }
  .pagecontent main article.act {
    padding: 10px 5%;
  }
  .pagecontent main article.act h3{
    font-size: 1.2rem;
  }
  .pagecontent nav.act_backnum {
    margin:0 0 2em;
  }
  
  .pagecontent dd > ul, .pagecontent dd > ol {
    padding-left:0;
  }
  .pagecontent dd > dl {
    margin-left:-1.5em;
  }
  
  .pagecontent main article.act li {
    margin: 0 0 2em 0;
  }
  .pagecontent main article.act section[class*="academictalk"] li a {
    position:relative;
    display:block;
    text-align:right;
  }
  
  .pagecontent main article.act > section > a {
    display:block;
    /*margin-bottom:2em;*/
  }
  
}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:2) , (max-width: 600px) and (min-resolution: 2dppx){

}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:3) , (max-width: 600px) and  (min-resolution: 3dppx){

}