@charset "utf-8";
@font-face {
	font-family: '';
	src: url(../font/);
}
* {
  margin: 0;
  padding: 0;
}
main {
  width: 90%;
  max-width: 800px;
  margin: 140px auto 0;
}

#team {
  text-align: center;
  margin: 0 auto 100px;
}
#team img {
  width: auto;
  height: 180px;
}
#team p {font-family: 'NotoSans_B'}
#team .title {
  color: #005BAC;
  font-size: 32px;
  line-height: 1.25;
  margin: 30px auto;
}
#team .text {
  line-height: 1.3;
  text-align: left;
}

#movie {text-align: center;}
#movie p {color: #005BAC}
#movie .title {margin-bottom: 32px;}
#movie .title .main{
  font-family: 'LAKESFONT';
  font-size: 64px;
}
#movie .title .sub{
	font-family: 'A-OTF_B';
  font-size: 18px;
}
#movie .content {
  position: relative;
  width: 100%;
  padding: calc(315 / 560 * 100%) 0 0;
}
#movie .content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#movie .text {margin-top: 16px;}
#movie .text p {font-size: 18px;}

@media screen and (max-width: 767px) {
  main {
    max-width: none;
  }
  
  #team {margin: 40px auto 60px;}
  #team img {height: 140px;}
  #team .title {
    font-size: 24px;
    line-height: 1.125;
    margin: 24px auto 30px;
  }
  #team .text {
    width: 90%;
    margin: 0 auto;
    line-height: 1.5;
    font-family: 'NotoSans';
    font-size: 18px;
  }
  
  #movie .title .main{font-size: 56px;}
  #movie .title .sub{font-size: 16px;}
  #movie .text {margin-top: 8px;}
  #movie .text p {font-size: 13px;}
}