@charset "utf-8";

/* #cont1 */
#cont1{
}
#cont1 .inner{
  max-width:900px;
}
#cont1 .lead{
  margin-top:90px;
  font-size:16px;
  text-align:left;
  letter-spacing:0.1em;
}
#cont1 .activities{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont1 .activities li{
  width:30%;
  margin:5% 5% 0 0;
}
#cont1 .activities li:nth-child(3n+3){
  margin-right:0;
}
#cont1 .activities li a{
  display:block;
}
#cont1 .activities li section{
  margin-top:5%;
  text-align:left;
}
#cont1 .activities li a section{
  background:url(../images/activities/cont1_link.png)no-repeat right top;
  background-size:2em auto;
}
#cont1 .activities li section h3{
  font-size:16px;
  letter-spacing:0.1em;
}
#cont1 .activities li section p{
  margin-top:1em;
  font-size:12px;
  letter-spacing:0.03em;
}

@media screen and (max-width:768px){
  #cont1{
    padding-bottom:20%;
  }
  #cont1 .lead{
    margin-top:12%;
    font-size:3.4vw;
  }
  #cont1 .activities{
    display: block;
  }
  #cont1 .activities li{
    width:auto;
    margin:9% 0 0;
  }
  #cont1 .activities li section{
    margin-top:3%;
  }
  #cont1 .activities li a section{
    background-size:1.8em auto;
  }
  #cont1 .activities li section h2{
    font-size:4vw;
  }
  #cont1 .activities li section p{
    margin-top:0.5em;
    font-size:3.4vw;
  }
}


/* #cont2 */
#cont2{
  padding-bottom:200px;
}
#cont2 .inner{
  max-width:900px;
  margin-top:30px;
}
#cont2 .paper_list{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont2 .paper_list li{
  width:20%;
  margin:5% 6.6% 0 0;
}
#cont2 .paper_list li:nth-child(4n+4){
  margin-right:0;
}
#cont2 .paper_list li figure{
  box-shadow:5px 5px 5px rgba(0,0,0,0.1);
}
#cont2 .paper_list li p{
  margin-top:1em;
  text-align:left;
}
#cont2 .paper_list li p:after{
  content:'';
  display:inline-block;
  vertical-align:-0.3em;
  width:1.3em;
  height:1.3em;
  background:url(../images/activities/cont2_icon.png)no-repeat center center;
  background-size:100% auto;
}
#cont2 .paper_list li p.no_icon:after{
  content:none;
}
#cont2 .paper_list li p .line{
  text-decoration:underline;
}

@media screen and (max-width:768px){
  #cont2{
    padding-bottom:30%;
  }
  #cont2 .inner{
    width:100%;
    margin-top:12%;
    padding-left:7%;
    padding-right:5%;
    padding-bottom:3%;
    overflow:auto;
  }
  #cont2 .paper_list{
    display:block;
    white-space:nowrap;
  }
  #cont2 .paper_list li{
    width:180px;
    margin:0 15px 0 0;
    display:inline-block;
  }
  #cont2 .paper_list li:nth-child(4n+4){
    margin-right:10px;
  }
  #cont2 .paper_list li p{
    font-size:14px;
  }
}

@media screen and (max-width:480px){
  #cont2 .paper_list li{
    width:120px;
  }
  #cont2 .paper_list li p{
    font-size:12px;
  }

}