#content {
  position: relative;
  background: black; }
  #content a {
    opacity: 1;
    transition: opacity 1s; }
  #content a:hover {
    opacity: 0.5; }
  #content #main-nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 5px 10px;
    background: rgba(100, 100, 100, 0.4);
    z-index: 900; }
    @media screen and (max-width: 767px) {
      #content #main-nav {
        /* position: absolute; */
        position: fixed;
        top: 110px; } }
    @media screen and (max-width: 639px) {
      #content #main-nav {
        top: 100px; } }
    #content #main-nav ul {
      list-style: none;
      text-align: center; }
      #content #main-nav ul li {
        display: inline-block;
        border-right: solid 2px white;
        padding: 0 10px;
        line-height: 1; }
        #content #main-nav ul li:last-child {
          border-right: none; }
        #content #main-nav ul li a {
          font-family: serif;
          text-decoration: none;
          color: white;
          font-size: 14px; }
          @media screen and (max-width: 640px) {
            #content #main-nav ul li a {
              font-size: 12px; } }
          @media screen and (max-width: 360px) {
            #content #main-nav ul li a {
              letter-spacing: -1px; } }
  #content #cnt_main #content-header {
    background: url("../../img/works/fa-works-title-img.png") center;
    background-size: auto 100%;
    width: 100%;
    height: 39.71354vw;
    max-height: 500px;
    position: relative;
    min-height: 200px; }
    @media screen and (min-width: 1280px) {
      #content #cnt_main #content-header {
        background-size: 100% auto; } }
    #content #cnt_main #content-header h2 {
      width: 62.5%;
      max-width: 800px;
      min-width: 300px;
      height: 12.96875vw;
      max-height: 166px;
      margin: auto;
      position: absolute;
      bottom: 20%;
      left: 0;
      right: 0; }
      @media screen and (max-width: 640px) {
        #content #cnt_main #content-header h2 {
          bottom: 25%; } }
      @media screen and (max-width: 400px) {
        #content #cnt_main #content-header h2 {
          bottom: 40%; } }
    #content #cnt_main #content-header p {
      width: 25.7%;
      max-width: 380px;
      min-width: 200px;
      padding: 1% 2.3%;
      background: black;
      position: absolute;
      margin: auto;
      bottom: -5%;
      left: 0;
      right: 0;
      z-index: 100; }
      @media screen and (min-width: 1280px) {
        #content #cnt_main #content-header p {
          padding: 16px 30px; } }
      @media screen and (max-width: 640px) {
        #content #cnt_main #content-header p {
          padding: 0.5% 2.3%; } }
      #content #cnt_main #content-header p img {
        width: 100%;
        vertical-align: middle; }
  #content #cnt_main .years {
    padding: 4% 3%;
    position: relative; }
    #content #cnt_main .years h2 {
      position: relative;
      text-align: center;
      margin-bottom: 4%; }
      #content #cnt_main .years h2::before, #content #cnt_main .years h2::after {
        content: "";
        background: url("../../img/works/fa-works-dot.png");
        background-repeat: repeat-x;
        background-position: center;
        position: absolute;
        width: 27%;
        display: block;
        overflow: hidden;
        top: 0;
        bottom: 0;
        margin: auto; }
        @media screen and (max-width: 640px) {
          #content #cnt_main .years h2::before, #content #cnt_main .years h2::after {
            width: calc(45% - 125px); } }
      #content #cnt_main .years h2::before {
        left: 0; }
      #content #cnt_main .years h2::after {
        right: 0; }
      #content #cnt_main .years h2 img {
        width: 43%;
        max-width: 556px;
        min-width: 250px;
        margin: auto;
        vertical-align: middle; }
    #content #cnt_main .years .my-gallery {
      text-align: justify;
      max-width: 1500px;
      margin: auto;
      text-align: center; }
      #content #cnt_main .years .my-gallery::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 0; }
      #content #cnt_main .years .my-gallery figure {
        width: calc(33% - 4px);
        display: inline-block;
        margin: 2px;
        overflow: hidden;
        vertical-align: top; }
        @media screen and (min-width: 1590px) {
          #content #cnt_main .years .my-gallery figure {
            margin: 3px 3px; } }
        @media screen and (max-width: 400px) {
          #content #cnt_main .years .my-gallery figure {
            width: 32%;
            margin: 0.3%; } }
        #content #cnt_main .years .my-gallery figure img {
          width: 100%;
          transform: scale(1.01); }
  #content #cnt_main #works2017 {
    background: #0F1832; }
    #content #cnt_main #works2018 {
      background: #523B0A; }
      #content #cnt_main #works2019 {
        background: #457375; }
        #content #cnt_main #works2020 {
          background: #3B1200; }
          #content #cnt_main #works2021 {
            background: #0F1F16; }
            #content #cnt_main #works2022 {
              background: #0F1832; }
            #content #cnt_main #works2023 {
              background: #513d00; }
            #content #cnt_main #works2024 {
              background: #457375; }
            #content #cnt_main #works2025 {
              background: #3B1200; }
  


/* #btn_fa_top */
#btn_contact a span {
  background: url("../../../../../module/img/common/btn_contact_bg.jpg") no-repeat center center;
  background-size: cover; }

#btn_fa_top {
  background: #000;
  line-height: 1; }

#btn_fa_top a {
  position: relative;
  display: block;
  width: 100%;
  height: 190px;
  text-align: center; }

#btn_fa_top a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 190px;
  background: url("../../../module/img/common/fa-to-top-bk.png") no-repeat center center;
  background-size: cover; }

#btn_fa_top a img {
  position: relative;
  top: 50%;
  margin-top: -34px;
  z-index: 10;
  height: 70px; }

#btn_fa_top a span {
  transition: 0.6s; }

#btn_fa_top a:hover span {
  transition: 0.8s;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6; }

@media screen and (max-width: 999px) {
  #btn_fa_top a, #btn_fa_top a span {
    height: 150px; }

  #btn_fa_top a img {
    margin-top: -27px;
    z-index: 10;
    height: 54px; } }
@media screen and (max-width: 767px) {
  #btn_fa_top a img {
    margin-top: -25px;
    height: 50px; } }
@media screen and (max-width: 639px) {
  #btn_fa_top a, #btn_fa_top a span {
    height: 90px; }

  #btn_fa_top a img {
    height: 35px;
    margin-top: -17px; } }

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