@charset "UTF-8";
/* line 17, liststyle.scss */
#amazon_work {
  font-weight: 550;
  font-family: "Yu Gothic", YuGothic, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  color: #282828;
  font-feature-settings: "palt" 1;
  overflow: scroll; }
  /* line 25, liststyle.scss */
#amazon_work p {
    font-family: "Yu Gothic", YuGothic, 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.6;
    color: #282828;
    font-feature-settings: "palt" 1; }

/* line 32, liststyle.scss */
#worklist {
  display: block;
  height: auto;
  font-family: "Yu Gothic", YuGothic, "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif !important; }
@media screen and (max-width: 768px) {
#worklist {
  margin-top: -50px;
}
}
  /* line 37, liststyle.scss */
  #worklist .wl-mv {
    padding: 40px 0;
    background: #F0962D; }
  @media screen and (max-width: 768px) {
  #worklist .wl-mv {
    padding: 20px 0;
    background: #F0962D; }
  }
    /* line 41, liststyle.scss */
    #worklist .wl-mv h2 {
      width: 100%;
      margin: 0 auto;
      display: flex; }
      /* line 46, liststyle.scss */
      #worklist .wl-mv h2 img {
        width: auto;
        height: 80px;
        margin: 0 auto; }
        @media screen and (max-width: 768px) {
          /* line 46, liststyle.scss */
          #worklist .wl-mv h2 img {
            height: 50px; } }
  /* line 57, liststyle.scss */
  #worklist .wl-conts .wl-conts-inner {
    padding: 70px 0;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      /* line 57, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner {
        padding: 3%;
        box-sizing: border-box; } }
    /* line 67, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner h3 {
      font-size: 3rem;
      color: #000;
      margin-bottom: 10px;
      text-align: center;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        /* line 67, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner h3 {
          font-size: 2.3rem; } }
    /* line 77, liststyle.scss */
#worklist .wl-conts .wl-conts-inner .attention {
      margin: 0 auto 30px;
      font-size: 1em;
	  line-height: 1.5em;
      text-align: center; }
      @media screen and (max-width: 768px) {
        /* line 77, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .attention {
          margin: 0 auto 15px;
          font-size: 1.2em; } }
    /* line 86, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .wl-nav {
      padding: 10px 0;
      margin-bottom: 60px;
      display: flex;
      justify-content: center;
      background: #eee; }
      @media screen and (max-width: 768px) {
        /* line 86, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .wl-nav {
          justify-content: space-around;
          margin-bottom: 40px;
          padding-bottom: 20px; } }
      /* line 98, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .wl-nav li {
        position: relative;
        width: 20%;
        font-size: 1.6rem;
        text-align: center;
        font-weight: bold; }
        @media screen and (max-width: 768px) {
          /* line 98, liststyle.scss */
          #worklist .wl-conts .wl-conts-inner .wl-nav li {
            width: 30%; } }
        /* line 107, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .wl-nav li a {
          text-decoration: none; }
        /* line 110, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .wl-nav li a:hover {
          opacity: 0.7; }
      /* line 114, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .wl-nav li:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0;
        border-bottom: solid 2px #333;
        border-right: solid 2px #333;
        position: absolute;
        top: 50%;
        right: 20%;
        margin-top: -6px;
        transform: rotate(45deg); }
        @media screen and (max-width: 768px) {
          /* line 114, liststyle.scss */
          #worklist .wl-conts .wl-conts-inner .wl-nav li:after {
            bottom: 0;
            right: 50%;
            margin: 15px -3px 0 0; } }
    /* line 133, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .conts-area {
      margin-bottom: 100px; }
      @media screen and (max-width: 768px) {
        /* line 133, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area {
          margin-bottom: 60px; } }
      /* line 138, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area h4 {
        padding: 10px;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #000;
        border: 3px solid #000; }
      /* line 147, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-genre {
        margin: 60px auto 30px;
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #000; }
        @media screen and (max-width: 768px) {
          /* line 147, liststyle.scss */
          #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-genre {
            margin: 30px auto 10px;
            font-size: 1.8rem; } }
      /* line 158, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table {
        width: 100%;
        border-top: 1px solid #000;
        border-right: 1px solid #000; }
        /* line 164, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr th, #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr td {
          color: #000;
          font-size: 1.5rem;
          text-align: left;
          box-sizing: border-box; }
        /* line 170, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr th {
          color: #000;
          padding: 10px;
          font-weight: bold;
          text-align: left;
          background: #F0962D; }
        /* line 177, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr th:first-child {
          border-right: 1px solid #000;
          border-left: 1px solid #000; }
        /* line 181, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr td {
          border-bottom: 1px solid #000;
          border-left: 1px solid #000;
          line-height: 1.3em;}
        /* line 185, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr .date {
          padding: 10px;
          width: 15%;
          text-align: center; }
          @media screen and (max-width: 768px) {
            /* line 185, liststyle.scss */
            #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr .date {
              width: 32%;
			  padding: 2% 1%;} }
        /* line 193, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr .title {
          width: 85%;
          font-weight: bold; }
          @media screen and (max-width: 768px) {
            /* line 193, liststyle.scss */
            #worklist .wl-conts .wl-conts-inner .conts-area .wl-box table.conts-area-table tr .title {
              width: 70%; } }
      /* line 204, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 {
        width: 100%;
        border-top: 1px solid #000;
        border-right: 1px solid #000; }
        /* line 210, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr th, #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr td {
          color: #000;
          font-size: 1.5rem;
          text-align: left;
          box-sizing: border-box; }
        /* line 216, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr th {
          color: #fff;
          padding: 10px;
          font-weight: bold;
          text-align: center;
          background: #000; }
        /* line 223, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr th:first-child {
          border-right: 1px solid #fff;
          border-left: 1px solid #000; }
        /* line 227, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr td {
          border-bottom: 1px solid #000;
          border-left: 1px solid #000; }
        /* line 231, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr .title {
          width: 100%; }
          @media screen and (max-width: 768px) {
            /* line 231, liststyle.scss */
            #worklist .wl-conts .wl-conts-inner .conts-area .wl-box .conts-area-table2 tr .title {
              width: 100%; } }
      /* line 239, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area .wl-box td.table-link {
        padding: 10px;
        display: block;
        text-decoration: none;}
       #worklist .wl-conts .wl-conts-inner .conts-area .wl-box a.table-link {
        padding: 10px;
        display: block;
        text-decoration: underline;}
        @media screen and (max-width: 768px) {
          /* line 239, liststyle.scss */
          #worklist .wl-conts .wl-conts-inner .conts-area .wl-box td.table-link {
			display: table-cell;}
          #worklist .wl-conts .wl-conts-inner .conts-area .wl-box td a.table-link {
			display: table-cell;
            text-decoration: underline;}
        }
      /* line 247, liststyle.scss */
      #worklist .wl-conts .wl-conts-inner .conts-area .wl-box td a.table-link:hover {
        background: #f9d5ab;
        text-decoration: none;}
        @media screen and (max-width: 768px) {
          /* line 247, liststyle.scss */
          #worklist .wl-conts .wl-conts-inner .conts-area .wl-box td a.table-link:hover {
            text-decoration: none;
            background: #fff; } }
    /* line 256, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .wl-btn-back {
      position: relative;
      padding: 15px 5%;
      max-width: 400px;
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
      text-align: center;
      display: block;
      font-size: 1.5rem;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      vertical-align: middle;
      line-height: 1;
      background: #333; }
      @media screen and (max-width: 768px) {
        /* line 256, liststyle.scss */
        #worklist .wl-conts .wl-conts-inner .wl-btn-back {
          padding: 20px 3%;
          max-width: 100%; } }
    /* line 277, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .wl-btn-back::before {
      content: '';
      width: 0.65em;
      height: 0.65em;
      border: 0.15em solid currentColor;
      border-right: 0;
      border-bottom: 0;
      transform: rotate(-45deg);
      transform-origin: top left;
      position: absolute;
      top: 50%;
      left: 1em;
      box-sizing: border-box; }
    /* line 291, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .wl-btn-back::after {
      content: "";
      margin: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 1em;
      width: 1.5em;
      height: 0.1em;
      background: #fff; }
    /* line 302, liststyle.scss */
    #worklist .wl-conts .wl-conts-inner .wl-btn-back:hover {
      opacity: 0.7; }

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