/* Scss Document */
/*-----------------
home
-----------------*/
/* line 5, ../scss/home.scss */
header.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7); }
  @media screen and (max-width: 768px) {
    /* line 5, ../scss/home.scss */
    header.fixed {
      position: inherit;
      background: #000; } }
  /* line 14, ../scss/home.scss */
  header.fixed h1.kaps_logo {
    background-color: transparent; }

/* line 18, ../scss/home.scss */
#toppage {
  width: 100%; }
  /* line 20, ../scss/home.scss */
  #toppage .mainvisual {
    background: #000; }
    @media screen and (max-width: 768px) {
      /* line 20, ../scss/home.scss */
      #toppage .mainvisual {
        margin-top: -4%; } }
    /* line 25, ../scss/home.scss */
    #toppage .mainvisual div {
      max-width: 1400px;
      margin: -88px auto 88px; }
      /* line 28, ../scss/home.scss */
      #toppage .mainvisual div img {
        width: 100%; }
  /* line 33, ../scss/home.scss */
  #toppage section {
    margin: 3% auto 5%; }
    @media screen and (max-width: 768px) {
      /* line 33, ../scss/home.scss */
      #toppage section {
        margin-top: 8%; } }
  /* line 39, ../scss/home.scss */
  #toppage h2 {
    text-align: center;
    margin: 88px auto 0;
    font-size: 1.5em;
    position: relative; }
    /* line 44, ../scss/home.scss */
    #toppage h2 img {
      width: 2em;
      vertical-align: -.4em;
      padding-right: 1em; }
  /* line 50, ../scss/home.scss */
  #toppage h2:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  /* line 60, ../scss/home.scss */
  #toppage h2 span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5; }
  /* line 66, ../scss/home.scss */
  #toppage ul {
    max-width: 1400px;
    margin: 2% auto 0;
    display: flex;
    flex-wrap: wrap; }
    /* line 71, ../scss/home.scss */
    #toppage ul li {
      width: 27%;
      margin: 1% 1.5%;
      padding: 2% 1.5%;
      border: #646464 solid 1px; }
      @media screen and (max-width: 768px) {
        /* line 71, ../scss/home.scss */
        #toppage ul li {
          width: 80%;
          margin: 5% auto;
          padding: 3% 5%; } }
      /* line 82, ../scss/home.scss */
      #toppage ul li .thumbnail img {
        width: 100%;
        height: auto;
        border-top-right-radius: .5em;
        -webkit-border-top-right-radius: .5em;
        -moz-border-top-right-radius: .5em;
        border-bottom-left-radius: .5em;
        -webkit-border-bottom-left-radius: .5em;
        -moz-border-bottom-left-radius: .5em; }
      /* line 93, ../scss/home.scss */
      #toppage ul li h3 {
        text-align: center;
        height: 3em;
        display: flex;
        align-content: center;
        margin-top: 5%;
        line-height: 1.3em; }
        @media screen and (max-width: 768px) {
          /* line 93, ../scss/home.scss */
          #toppage ul li h3 {
            height: 2.5em; } }
      /* line 104, ../scss/home.scss */
      #toppage ul li .contentText {
        line-height: 1.4em; }
      /* line 107, ../scss/home.scss */
      #toppage ul li .under_area {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        position: relative;
        margin-top: 10%; }
        @media screen and (max-width: 768px) {
          /* line 107, ../scss/home.scss */
          #toppage ul li .under_area {
            margin-top: 0; } }
        /* line 116, ../scss/home.scss */
        #toppage ul li .under_area .date {
          width: 77%;
          position: relative;
          top: 1.4em;
          color: #565555; }
          @media screen and (min-width: 769px) and (max-width: 930px) {
            /* line 116, ../scss/home.scss */
            #toppage ul li .under_area .date {
              width: 73%; } }
          @media screen and (max-width: 768px) {
            /* line 116, ../scss/home.scss */
            #toppage ul li .under_area .date {
              top: 1.4em; } }
        /* line 128, ../scss/home.scss */
        #toppage ul li .under_area .pageLink {
          background: url(../images/common/pager_waku.png) #38c1de no-repeat;
          background-size: cover;
          color: #fff;
          width: 4em;
          height: 4em;
          text-align: center; }
          @media screen and (max-width: 768px) {
            /* line 128, ../scss/home.scss */
            #toppage ul li .under_area .pageLink {
              width: 4em;
              height: 4em; } }
          /* line 139, ../scss/home.scss */
          #toppage ul li .under_area .pageLink span {
            position: relative;
            top: 1.4em;
            display: block; }
            @media screen and (max-width: 768px) {
              /* line 139, ../scss/home.scss */
              #toppage ul li .under_area .pageLink span {
                top: 1.4em; } }
          /* line 147, ../scss/home.scss */
          #toppage ul li .under_area .pageLink a {
            color: #fff;
            width: 100%;
            height: 100%; }
  /* line 158, ../scss/home.scss */
  #toppage .blog h2 img {
    width: 1.6em !important;
    vertical-align: -.4em !important;
    padding-right: 1em !important; }
  /* line 164, ../scss/home.scss */
  #toppage .blog .pageLink {
    background: url(../images/common/pager_waku.png) #fb4384 no-repeat !important;
    background-size: cover !important;
    color: #fff !important;
    width: 4em !important;
    height: 4em !important;
    text-align: center !important; }

/*# sourceMappingURL=home.css.map */