@charset "UTF-8";
body {
  color: #595757;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f3e3d4; }

.wrapper {
  /*width: 1980px;
  margin: auto;*/ }

header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%; }
  header > .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1980px;
    min-width: 1366px;
    margin: auto;
    padding: 60px 60px;
    vertical-align: middle; }
  header .work_list_navi {
    display: flex; }
    header .work_list_navi > li {
      padding: 0 44px;
      border-right: 1px solid #3e3a3a; }
      header .work_list_navi > li:last-child {
        padding: 0 0 0 44px;
        border-right: none; }
      header .work_list_navi > li > a {
        display: block;
        padding: 0 10px;
        color: #3e3a3a;
        font-family: 'Oswald', sans-serif;
        font-size: 2.0rem; }
        header .work_list_navi > li > a:hover {
          color: #fff;
          background-color: #e50011;
          border-radius: 5px; }

main {
  position: relative; }
  main .txt_area {
    position: relative;
    padding: 0 60px 60px;
    text-align: right;
    pointer-events: none; }
  main #index {
    width: 100%;
    max-width: 1980px;
    min-width: 1366px;
    height: 100vh;
    margin: 0 auto;
    padding: 30vh 0 0; }
    main #index .index_slider {
      position: relative;
      display: flex; }
      main #index .index_slider li {
        width: 35vw;
        max-width: 666px; }
        main #index .index_slider li .inner {
          padding: 0 15px; }
          main #index .index_slider li .inner img {
            width: 100%;
            height: auto; }
    main #index .txt_area {
      margin: -100px auto 0; }
      main #index .txt_area .catch_copy_ja {
        color: #fff;
        font-size: 4.8rem;
        font-weight: 700; }
  main .case {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1980px;
    min-width: 1366px;
    height: 100vh;
    margin: auto;
    padding: 200px 60px 60px; }
    main .case .slider_area {
      width: 800px; }
      main .case .slider_area .slider-main {
        width: 666px;
        margin: 0 auto; }
      main .case .slider_area .slider-nav {
        margin: 40px auto 0; }
        main .case .slider_area .slider-nav .slick-track {
          transform: unset !important;
          /* サムネイル固定 */ }
        main .case .slider_area .slider-nav li:hover {
          cursor: pointer; }
        main .case .slider_area .slider-nav li .inner {
          padding: 10px; }
        main .case .slider_area .slider-nav li img {
          width: 100%;
          height: auto; }
    main .case .txt_area {
      position: absolute;
      bottom: 0;
      right: 0; }
      main .case .txt_area .category_sub_title {
        margin-top: 10px;
        font-size: 3.7rem;
        font-weight: 700;
        /*color: #a6a8a8;
        color: #fff;
        mix-blend-mode: difference;*/ }
      main .case .txt_area .explanation {
        margin-top: 54px;
        font-size: 3.2rem;
        /*color: #a6a8a8;
        color: #fff;
        mix-blend-mode: difference;*/ }
      main .case .txt_area .category_num {
        margin-top: 76px; }

.notice {
  position: fixed;
  bottom: 20px;
  right: 60px;
  font-size: 1.2rem;
  text-align: right; }