main.works .content .wrap {
  margin: 10rem auto; }

main.works .switch {
  margin: 0 0 18rem;
  position: relative; }
  main.works .switch a {
    color: #CCCBCB;
    display: block;
    flex-basis: 50%;
    background: #F8FAFA;
    text-align: center;
    padding: 2rem 0; }
    main.works .switch a::after {
      content: '';
      display: inline-block;
      margin: 0 0 0 2rem;
      width: 0.8rem;
      height: 0.8rem;
      border-color: #CCCBCB;
      border-style: solid solid none none;
      border-width: 1px;
      transform: rotate(45deg); }
    main.works .switch a.active {
      background: #1D3868;
      color: #fff; }
      main.works .switch a.active::after {
        transform: rotate(135deg);
        vertical-align: 2px; }

main.works .works_visual {
  margin: 0 0 20rem;
  text-align: center; }
  main.works .works_visual .slick-arrow::before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: inline-block;
    border-style: solid solid none none;
    border-width: 1px;
    border-color: #000; }
  main.works .works_visual .slick-arrow.slick-next:before {
    transform: rotate(45deg); }
  main.works .works_visual .slick-arrow.slick-prev:before {
    transform: rotate(-135deg); }
  main.works .works_visual .slider-for,
  main.works .works_visual .slider-for2 {
    margin: 0 auto 7rem; }
    main.works .works_visual .slider-for img,
    main.works .works_visual .slider-for2 img {
      height: 51rem;
      object-fit: contain; }
    main.works .works_visual .slider-for .slick-list,
    main.works .works_visual .slider-for2 .slick-list {
      max-width: 72rem;
      margin: auto; }
  main.works .works_visual .slider-nav img,
  main.works .works_visual .slider-nav2 img {
    height: 7rem;
    padding: 0 1rem;
    object-fit: cover;
    width: 100%; }
  main.works .works_visual .slick-slide img {
    width: 100%; }
  main.works .works_visual .slick-dots {
    bottom: -4rem; }
    main.works .works_visual .slick-dots li button::before {
      content: '';
      width: .8rem;
      height: .8rem;
      background: #000;
      border-radius: 50%; }

main.works .title {
  background: #EAEDED;
  cursor: pointer;
  font-size: 1.8rem;
  margin: 0 0 2rem;
  padding: 1rem 2rem;
  position: relative; }
  main.works .title::after {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-style: solid solid none none;
    border-width: 1px;
    transform: rotate(45deg);
    position: absolute;
    right: 2rem;
    top: 40%; }
  main.works .title.open::after {
    transform: rotate(135deg); }

main.works table {
  margin: 0 0 3rem;
  width: 100%; }
  main.works table tr th,
  main.works table tr td {
    font-size: 1.4rem;
    padding: .5rem 1rem; }
  main.works table tr th {
    background: #F8FAFA;
    text-align: left;
    font-weight: 300; }
  main.works table tr td {
    border-right: 1px dotted #CCCBCB; }
  main.works table tr:not(:last-child) th {
    border-bottom: 1px solid #fff; }
  main.works table tbody tr:nth-child(2n) {
    background: #f9f9f9; }

@media (max-width: 767px) {
  main.works .switch {
    display: block; }
  main.works .works_visual {
    margin: 0 0 5rem; }
    main.works .works_visual .slider-for,
    main.works .works_visual .slider-for2 {
      margin: 0; }
      main.works .works_visual .slider-for .slick-slide,
      main.works .works_visual .slider-for2 .slick-slide {
        height: 70vw; }
        main.works .works_visual .slider-for .slick-slide img,
        main.works .works_visual .slider-for2 .slick-slide img {
          height: calc(100% - 5rem); } }

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