/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#main {
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */
  /* ---------------------------------------- */ }
  #main h1 {
    padding: 0;
    margin: 40px auto 40px auto;
    background: none; }
    @media screen and (max-width: 640px) {
      #main h1 {
        /* sp */
        margin: 20px auto 30px auto; }
        #main h1 img {
          max-width: 200px;
          height: auto; } }
  #main h2 {
    font-family: 'DIN Next W01 Medium';
    font-size: 120%;
    text-align: center; }
  #main h3 {
    margin-bottom: 30px; }
  @media screen and (min-width: 641px) {
    #main .pagewidth.w600 {
      /* pc */
      width: 600px;
      margin: 0 auto; } }
  #main #movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #main #movie {
        /* sp */
        margin-bottom: 40px; } }
    @media screen and (min-width: 1140px) {
      #main #movie {
        /* pc */
        width: 1140px;
        height: 641px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0; } }
    #main #movie iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #main #intro {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #main #intro {
        /* sp */
        margin-bottom: 40px; } }
  #main #outline {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #main #outline {
        /* sp */
        margin-bottom: 40px; } }
    #main #outline table th, #main #outline table td {
      border-top: solid 1px #e5e5e5;
      padding: 10px 0;
      text-align: left;
      vertical-align: top; }
    #main #outline table th {
      white-space: nowrap;
      padding-right: 20px; }
  #main #notes {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #main #notes {
        /* sp */
        margin-bottom: 40px; } }
  #main #profile .person {
    padding-bottom: 60px;
    background: url(/assets/images/seian_lights/img_line_01.png) no-repeat center bottom;
    margin-bottom: 60px; }
    @media screen and (max-width: 640px) {
      #main #profile .person {
        /* sp */
        padding-bottom: 30px;
        margin-bottom: 30px; } }
    #main #profile .person:last-child {
      padding-top: 0;
      background: none; }
    #main #profile .person h3 {
      margin-bottom: 0px; }
  #main #profile .icon {
    margin-bottom: 15px; }
  #main #profile .alphabet {
    margin-bottom: 15px; }
  #main #gallery {
    padding-bottom: 60px; }
    @media screen and (max-width: 640px) {
      #main #gallery {
        /* sp */
        padding-bottom: 30px; } }
    #main #gallery img {
      width: 100%;
      height: auto; }
  #main #about {
    margin-bottom: 120px; }
    @media screen and (max-width: 640px) {
      #main #about {
        /* sp */
        margin-bottom: 60px; } }
  #main .wide-image {
    width: 100%;
    padding-top: 35%;
    background-size: cover;
    margin-bottom: 80px;
    background-position: center center; }
    @media screen and (max-width: 640px) {
      #main .wide-image {
        /* sp */
        margin-bottom: 40px;
        padding-top: 41.66%; } }
  #main .bg1 {
    background-image: url(/assets/images/seian_atmosphere/bg_1.jpg); }
  #main .bg2 {
    background-image: url(/assets/images/seian_atmosphere/bg_2.jpg); }
  #main .bg3 {
    background-image: url(/assets/images/seian_atmosphere/bg_3.jpg); }
  #main #projects {
    margin-bottom: 80px; }
    @media screen and (max-width: 640px) {
      #main #projects {
        /* sp */
        margin-bottom: 40px; } }
    #main #projects p {
      text-align: center; }
    #main #projects .bnr {
      text-align: center; }
    @media screen and (max-width: 640px) {
      #main #projects {
        /* sp */ }
        #main #projects p {
          text-align: left; }
        #main #projects .bnr img {
          max-width: 100%;
          height: auto; } }