#sec_workspace {
  height: auto;
  padding: 4rem 0;
  background: #F7F7F7;
}

#sec_workspace p.txt_dc {
  line-height: 1.8;
  font-size: 1.2rem;
}

#sec_group .txt_ahf {
  height: 1.8rem;
  display: block;
  margin: 1rem auto 2rem;
}

span.sp {
  display: inline;
}

.container_ws {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding: 0 3rem;
  max-width: 1200px;
}

#sec_workspace .box_slider {
  width: 100%;
}

#sec_workspace .slick-slide img {
  width: 100%;
  height: 100%;
}

#sec_workspace .slider {
  background: none;
}

.block_img {
  /* flex: 3; */
  flex: 2;
  width: 40%;
}

#sec_workspace .slick_arrow_back {
  position: absolute;
  top: calc(50% - 2rem);
  left: 1rem;
  z-index: 100;
  cursor: pointer;
  color: rgba(255,255,255,.8);
  font-size: 3rem;
  line-height: 3rem;
}

#sec_workspace .slick_arrow_forward {
  position: absolute;
  top: calc(50% - 2rem);
  right: 1rem;
  z-index: 100;
  cursor: pointer;
  color: rgba(255,255,255,.8);
  font-size: 3rem;
  line-height: 3rem;
}

#sec_workspace .box_txt {
  width: 800px;
  margin: -1rem auto 1.4rem;
  background: none;
  padding: 0 2rem;
}

#sec_workspace .block_txt {
  flex: 2;
  background: #fff;
  margin: 0 0 0 1rem;
  padding: 1rem 1.2rem;
}

#sec_workspace .box_info_ws table {
  border-collapse: separate;
}

#sec_workspace .box_info_ws table td {
  border-bottom: .4rem solid transparent;
  vertical-align: baseline;
}

#sec_workspace td.td_cate {
  word-break: keep-all;
}

#sec_workspace td.td_cate p {
  background: #f7f7f7;
  color: #333;
  padding: .2rem .6rem;
  text-align: center;
}

#sec_workspace td.td_info {
  padding: 0 1rem;
}

#sec_workspace td.td_info p {
  padding-bottom: .4rem;
  line-height: 1.6rem;
  font-size: 1rem;
}

#sec_workspace td.td_info p a {
  color: inherit;
  line-height: 1.5;
  transition: .1s;
}

#sec_workspace td.td_info p a:hover {
  opacity: .5;
  transition: .1s;
}

#sec_workspace span.txt_gray {
  color: #999;
}

#sec_workspace .slider-nav .slick-slide {
  transition: .3s ease;
  transform: scale(.85);
}

.btn_workspace_rsv {
  border-radius: 10rem;
  font-size: 1rem;
  letter-spacing:.04rem;
  padding: .6rem 1rem;
  background: #333;
  color: #fff;
  display: table;
  margin: .4rem auto 1rem;
  transition: .2s;
}

.btn_workspace_rsv:hover,.btn_workspace_rsv:focus,.btn_workspace_rsv:active {
  color: #fff;
  background: #868686;
  transition: .2s;
}

/*-----------------------------------------
added style*/
#sec_workspace {
  background: inherit;
  /* padding: 0; */
}

.container_ws {
  text-align: left;
  margin-top: .6rem;
  padding: 0;
}

#sec_workspace .block_txt {
  background: none;
  padding: 0 1.2rem;
}

#sec_workspace .box_info_ws table .td_ws_info {
  display: block;
}

#sec_workspace td.td_info p a.link_lp {
  color: #0E778B;
}

#sec_workspace td.td_info p a.link_map {
  color: #fff;
  padding: 6px;
  border-radius: 2px;
  font-size: .8rem;
  background: #555;
  line-height: 2rem;
  margin-left: .4rem;
}

#sec_workspace td.td_info p {
  padding-bottom: 0;
  margin-bottom: .5rem;
  line-height: 1.7;
}

#sec_workspace td.td_info p.link_lp_box {
  margin-bottom: 0;
}

.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

#sec_workspace .slider .slick-slide {
  outline: none;
}

#sec_workspace .slick_arrow_forward {
  position: absolute;
  top: calc(50% - 1.5rem);
  right: 1rem;
}

#sec_workspace .slick_arrow_back {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: 1rem;
}

.btn_link_LP {
  color: #fff;
  display: block;
  text-align: center;
  padding: .8rem 3rem;
  margin: 0 0 0 .2rem;
  background: #555;
  font-size: 1rem;
  letter-spacing: .04rem;
  font-weight:  bold;
  transition: all 150ms linear;
  width: 100%;
}

.btn_link_LP:hover {
  background: #999;
  border: none;
  color: #fff;
  transition: all 150ms linear;
}


/*-----------------------------------------
added style*/

@media(max-width: 992px) {
  #sec_workspace {
    padding: 2rem 0;
  }

  span.sp{
    display: none;
  }

  #sec_workspace p.txt_dc {
    line-height: 1.7;
    font-size: 1rem;
  }

  #sec_workspace  h2.heading {
    display: table;
    line-height: inherit;
    margin: 0 auto 2rem;
  }

  .container_ws {
    display: flex;
    flex-direction: column-reverse;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 100%;
  }

  #sec_workspace .block_img {
    flex: 1;
    width: 100%;
  }

  #sec_workspace .block_txt {
    flex: 1;
    background: #fff;
    margin: 0 0 1rem 0;
    padding: 1rem 1.2rem;
  }

  .box_info_ws table {
    border-collapse: separate;
    width: 100%;
  }

  .box_info_ws table td {
    border-bottom: .4rem solid transparent;
    display: block;
  }

  #sec_workspace td.td_cate {
    word-break: keep-all;
  }

  #sec_workspace td.td_cate p {
    background: #f7f7f7;
    color: #333;
    padding: .2rem .6rem;
    text-align: center;
  }

  #sec_workspace td.td_info {
    padding: 0 1rem;
  }

  #sec_workspace td.td_info p {
    padding-bottom: .4rem;
    line-height: 1.5;
  }

  #sec_workspace td.td_info p a {
    color: inherit;
    line-height: 1.5;
    transition: .1s;
  }

  td.td_info p a:hover {
    opacity: .5;
    transition: .1s;
  }

  span.txt_gray {
    color: #999;
  }

  #sec_workspace .slider-nav .slick-slide {
    transition: .3s ease;
    transform: scale(.85);
  }

  .btn_workspace_rsv {
    letter-spacing:.04rem;
    padding: .6rem 1rem;
    display: table;
    margin: .4rem auto 1rem;
    transition: .2s;
  }

  /*-----------------------------------------
  added style*/
  #sec_workspace .block_img {
    margin: .4rem 0 1.4rem;
  }

  #sec_workspace td.td_info {
    padding: 0;
  }

  #sec_workspace td.td_cate p {
    margin: 0;
  }

  #sec_workspace .block_txt {
    padding: 0;
  }

  .btn_link_LP {
    font-weight: bold;
    letter-spacing: .02rem;
  }
  /*-----------------------------------------
  added style*/
}

@media(max-width: 767px) {
  #sec_workspace .txt_ahf {
    height: 1rem;
    margin: 1rem auto .6rem;
  }

  #sec_group .txt_ahf {
    height: 1rem;
    display: block;
    margin: 1rem auto .6rem;
  }

  #sec_workspace .box_txt {
    margin: 0 auto 1rem;
    width: 100%;
    padding: 0 1rem;
  }

/*  #sec_workspace .slick_arrow_back {
    position: absolute;
    left: .6rem;
    font-size: 2rem;
    line-height: 4rem;
  }

  #sec_workspace .slick_arrow_forward {
    position: absolute;
    right: .6rem;
    font-size: 2rem;
    line-height: 4rem;
    }*/

  /*-----------------------------------------
  added style*/
  #sec_workspace .slick_arrow_back {
    position: absolute;
    top: calc(50% - 2rem);
  }

  #sec_workspace .slick_arrow_forward {
    position: absolute;
    top: calc(50% - 2rem);
  }
  /*-----------------------------------------
  added style*/
}