/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#main .intro-image {
  background-image: url(/assets/images/dept/feature/03/bg_01.jpg); }
@media screen and (max-width: 640px) {
  #main {
    /* sp */ }
    #main h1 {
      line-height: 1.5; } }
#main #s2 .category {
  height: auto;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 640px) {
    #main #s2 .category {
      /* sp */
      max-width: 80%; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    #main #s2 .category {
      /* tablet */
      max-width: 80%; } }
  @media screen and (min-width: 1024px) {
    #main #s2 .category {
      /* pc */
      max-width: 702px; } }
#main .project {
  border: solid 2px #ddf0f4;
  margin: 0 auto 40px auto; }
  @media screen and (max-width: 640px) {
    #main .project {
      /* sp */
      margin: 0 auto 20px auto; } }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    #main .project {
      /* tablet */
      width: 90%; } }
  @media screen and (min-width: 1024px) {
    #main .project {
      /* pc */
      width: 880px; } }
  #main .project .head {
    padding: 30px 40px;
    background: url(/assets/images/common/line_dot_1px_01.gif) left bottom repeat-x;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #main .project .head {
        /* sp */
        padding: 15px 30px; } }
    #main .project .head .tit, #main .project .head h3 {
      color: #69cac6; }
    #main .project .head .tit {
      margin-bottom: 1em; }
  #main .project .body {
    padding: 30px 20px; }
    #main .project .body figure {
      margin-bottom: 40px; }
      @media screen and (max-width: 640px) {
        #main .project .body figure {
          /* sp */
          margin-bottom: 20px; } }
    #main .project .body p {
      text-align: left; }
    @media screen and (max-width: 640px) {
      #main .project .body {
        /* sp */
        padding: 15px 30px; }
        #main .project .body ul li {
          padding-bottom: 20px;
          border-bottom: solid 1px #e5e5e5;
          margin-bottom: 20px; }
          #main .project .body ul li:last-child {
            padding-bottom: 0px;
            border-bottom: none; }
          #main .project .body ul li h3 {
            text-align: left; } }
    @media screen and (min-width: 641px) and (max-width: 1023px) {
      #main .project .body {
        /* tablet */ }
        #main .project .body ul li {
          padding: 0 60px; } }
    @media screen and (min-width: 1024px) {
      #main .project .body {
        /* pc */ }
        #main .project .body p {
          width: 480px;
          margin: 0 auto; } }