/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#main .intro-image {
  background-image: url(/assets/images/dept/feature/01/bg_01.jpg); }
#main #s2 .foundation {
  border: solid 2px #ddf0f4; }
  @media screen and (min-width: 1024px) {
    #main #s2 .foundation {
      /* pc */
      width: 880px;
      margin: 0 auto; } }
  #main #s2 .foundation .head {
    padding: 30px 40px;
    background: url(/assets/images/common/line_dot_1px_01.gif) left bottom repeat-x;
    text-align: center;
    line-height: 1.2; }
    @media screen and (max-width: 640px) {
      #main #s2 .foundation .head {
        /* sp */
        padding: 15px 30px; } }
    #main #s2 .foundation .head .tit {
      color: #69cac6; }
    #main #s2 .foundation .head .tit-num {
      color: #69cac6;
      font-size: 400%; }
  #main #s2 .foundation .body {
    padding: 30px 40px; }
    @media screen and (max-width: 640px) {
      #main #s2 .foundation .body {
        /* sp */
        padding: 15px 30px; } }
#main #s2 #f1, #main #s2 #f2 {
  margin-bottom: 40px; }
  @media screen and (max-width: 640px) {
    #main #s2 #f1, #main #s2 #f2 {
      /* sp */
      margin-bottom: 20px; } }
@media screen and (min-width: 641px) {
  #main #s2 {
    /* pc */ }
    #main #s2 #f2 ul,
    #main #s2 #f3 ul {
      width: 100%;
      margin: 0 17%; } }
@media screen and (min-width: 1024px) {
  #main #s3 .dept {
    /* pc */
    width: 880px;
    margin: 0 auto; } }
@media screen and (min-width: 641px) {
  #main #s3 .dept ul {
    /* sp */ }
    #main #s3 .dept ul li {
      padding-bottom: 40px;
      border-bottom: solid 1px #e5e5e5;
      margin-bottom: 40px; }
      #main #s3 .dept ul li:nth-child(4), #main #s3 .dept ul li:nth-child(5) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; } }
#main #s3 .dept .box5 {
  margin-bottom: 20px; }
#main #topics1 figure {
  height: auto;
  margin: 0 auto; }
  @media screen and (min-width: 641px) and (max-width: 1023px) {
    #main #topics1 figure {
      /* tablet */
      max-width: 480px; } }
  @media screen and (min-width: 1024px) {
    #main #topics1 figure {
      /* pc */
      max-width: 594px; } }