@charset utf-8;

.pagecontent main .flex a:link, 
.pagecontent main .flex a:active, 
.pagecontent main .flex a:hover, 
.pagecontent main .flex a:visited {
  color:#568c87;
}

header .heading_group  {
  position:relative;
  background:#d9f1f4;
}

header .heading_group .background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('../img/il_green.png') bottom center repeat-x transparent;
  background-size: auto 110px;
  z-index:100;
  margin:0;
}

header .heading_group .inner {
  margin:0 auto;
  max-width:1020px;
  padding-top:30px;
  padding-bottom:48px;
  position:relative;
}

h1 {
  width:175px;
  height: auto;
  position: absolute;
  top: 30px;
  left: 0;
}

header .heading_group p {
  margin:0;
}
header .heading_group p img {
  width:auto;
  height:100%;
}

.fb-page {
  height:500px;
}

.pagecontent main {
  max-width:1020px;
  margin:0 auto;
}

.pagecontent main > section{
  margin:20px 0 120px;
}

.pagecontent main .lead h2 img {
  max-width:420px;
  height:auto;
}

.pagecontent main .lead h2 + p{
  line-height:2;
}

.pagecontent main .news h2, .pagecontent main .movie h2 {
  margin:1em 0 .2em;
}

.pagecontent main .news h2 img {
  width:175px;
  height:auto;
}
.pagecontent main .movie h2 img {
  width:175px;
  height:auto;
}
.pagecontent main .movie section[class*="sciencelab"] li {
  margin-left:3.5em;
  text-indent:-3.5em;
}

.pagecontent main .news dl {
  margin:0;
  padding-bottom:.5em;
  border-bottom:dotted 1px #231815;
}
.pagecontent main .news dt {
  padding-top:1em;
  border-top:dotted 1px #231815;
  color:#000;
  font-weight:bold;
}

.pagecontent main .news dd {
  margin: 0 0 .5em 8em;
  position:relative;
  color:#666666;
}
.pagecontent main .news dd a {
  font-size:.8em;
  right:0;
  top:.3em;
  display:block;
  text-align:right;
}

.pagecontent main .movie section {
  border-top: dotted 1px #231815;
}
.pagecontent main .movie section:last-of-type {
  border-bottom: dotted 1px #231815;
}
.pagecontent main .movie h3 {
  margin-bottom:0;
}
.pagecontent main .movie h3 + *{
  margin-top:0;
}
.pagecontent main .movie ul {
  padding:0;
}
.pagecontent main .movie li {
  list-style-type: none;
}


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

@media screen and (-webkit-min-device-pixel-ratio:3),(min-resolution: 3dppx){
/*
  header .heading_group .background {
    background-image:url('../img/il_green.png') ;
  }
*/
}

@media print, screen and (min-width: 601px) {

  .pagecontent main .leadandfbpage {
    display:flex;
    margin:100px 0 1em;
  }
  .pagecontent main .leadandfbpage > section:first-of-type {
    width: calc( 100% - 300px );
  }
  .pagecontent main .fb_iframe_widget {
    margin-left:1em;
  }

  .pagecontent main .flex {
    display:flex;
    justify-content:space-between;
  }
  .pagecontent main .flex > section {
    width:48%;
  }
  
  .pagecontent main .lead h2 {
    font-size:32px;
    margin:0 0 1em;
  }
  header .heading_group p img.sp {
    display:none;
  }
  .pagecontent main .news dt {
    font-size:small;
  }
  .pagecontent main .news dt + dd {
    margin-top:-1.7em;
  }
}

@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) {
  header .heading_group .background {
    background-size: auto 8vw;
    background-image:url('../img/il_green_80h.png') ;
  }
  header .heading_group .inner {
    padding:5px 5%;
    height:auto;
  }
  h1 {
      width: 24%;
      position: relative;
      top:10px;
  }
  header .heading_group  p {
    width: 90vw;
    margin-top: -7%;
    position:static;
  }
  header .heading_group p img.pc {
    display:none;
  }
  .pagecontent main {
    margin:0 5%;
  }
  
  .pagecontent main .lead h2 {
    margin:1em 0 -.5em;
  }
  .pagecontent main .lead h2 img {
    max-width:250px;
  }
  .pagecontent main .news h2 img {
    width:150px;
  }
  .pagecontent main .fb_iframe_widget {
    width:100%;
  }
  .pagecontent main .news dd {
    margin: 0 0 .5em 0;
  }
  .pagecontent main .movie li {
    margin-bottom:2em;
  }
  .pagecontent main .movie{
    margin-bottom:3em;
  }
}
@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){
  header .heading_group .background {
    background-image:url('../img/il_green.png') ;
  }
}


@media print {
}