@charset "UTF-8";

/* - - - - - common setting - - - - - */

.workability {
  font-family: "Hiragino Sans、ヒラギノ角ゴシック","Arial" !important;
  font-size: 16px;
  color: #000;
  scroll-behavior: smooth;
  padding: 83px 0 0;
}
@media screen and (max-width: 767px) {
  .workability {
    font-size: min(4.26vw ,16px);
    padding: 16.6vw 0 0;
  }
}

.workability img{
  max-width: 100%;
  height: auto;
}

  .workability .container {
    max-width: 830px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
@media screen and (max-width: 767px) {
  .workability .container {
    width: auto;
    padding-left: 6vw !important;
    padding-right: 6vw !important;
  }
}

.workability .note {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .workability .note {
    font-size: min(3.46vw ,15px);
    line-height: 1.53;
    text-align: left;
  }
}

.workability .indent {
  text-indent: -1em;
  margin-left: 1em;
}

.workability sup {
  font-size: 0.7em;
  vertical-align: super;
}

.workability .asterisk{
  color: #e95b94;
}

.workability .c_red{
  color: #e50012;
}

.workability .list_icon_font{
  font-family: ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

.workability .btn_link{
  display: block;
  transition: .4s ease;
}

.workability .txt_link{
  color: #0071bc;
}

.workability p .ls_common{
  letter-spacing: -0.5em !important;
}
@media screen and (max-width: 767px) {
  .workability p .sp_ls_common{
    letter-spacing: -0.5em !important;
  }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - tabs 切り替え関連大枠 - - - - - */

.workability .tabs {
  width: auto;
  margin-top: 132px;
}
@media screen and (max-width: 767px) {
  .workability .tabs {
    margin-top: 19vw;
  }
}

.workability .tabs .workability_tab_wrap input {
  display: none;
}
.workability .tabs .workability_tab_wrap .workability_tab {
  border-bottom: 3px solid #E4E4E4;
  width: auto;
}
.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list {
  display: flex;
  justify-content: center;
}

.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C7C7C7;
  border: solid 3px #E4E4E4;
  border-bottom: none;
  transition: opacity 0.4s;
  cursor: pointer;
}
.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item:hover {
  opacity: 0.5;
}
.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item.active {
  background-color: #E4E4E4;
  scale: 1 1.2;
  transform-origin: center bottom;
  color: #333333;
}
.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item.active .label_txt {
  scale: 1 0.8;
}

.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item .workability_tab_btn_cont {
  display: flex;
  cursor: pointer;
  line-height: 1;
}
.workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item .label_txt {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  padding: 1.1em 0;
}
@media screen and (max-width: 767px) {
  .workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item:hover{
    opacity: 1;
  }
  .workability .tabs .workability_tab_wrap .workability_tab .workability_tab_btn_list .workability_tab_btn_item .label_txt {
    font-size: min(4.8vw, 20px);
    line-height: 1.4;
    padding: 0.3em 0;
  }
}

.workability .tabs .workability_tab_wrap .workability_tab_content {
  display: none;
}
.workability .tabs .workability_tab_wrap .workability_tab_content.active {
  display: block;
  transition: all 0.4s;
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - workability_tab_content 共通 - - - - - */

.workability_tab_content [class$="_list"]{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
  width: 100%;
}
.workability_tab_content .workability_list > [class$="item"]{
  max-width: 380px;
  width: 46%;
}
@media screen and (max-width: 767px) {
  .workability_tab_content [class$="_list"]{
    display: block;
    margin-top: 6.6vw;
    width: 100%;
  }
  .workability_tab_content .workability_list > [class$="item"]{
    max-width: 100%;
    width: 100%;
  }
  .workability_tab_content .workability_list > [class$="item"] + [class$="item"]{
    margin-top: 6.66vw;
  }
}

.workability_tab_content [class$="_list"] > li.arrow{
  position: relative;
}
.workability_tab_content [class$="_list"] > li.arrow::after{
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 30px solid #808080;
  border-right: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(170%,-50%);
}
@media screen and (max-width: 767px) {
  .workability_tab_content [class$="_list"] > li.arrow {
    margin-bottom: 22.6vw;
  }
  .workability_tab_content [class$="_list"] > li.arrow::after{
    right: 50%;
    top: 100%;
    transform: translate(50%,8vw) rotate(90deg);
    border-width: 4vw;
    border-left-width: 8vw;
  }
}
@media screen and (min-width: 768px) {
  .workability_tab_content .spacer_list > .spacer_item.arrow::after{
    transform: translate(170%,0);
  }
  .workability_tab_content .reuse_list > .reuse_item.arrow::after{
    transform: translate(170%,-80%);
  }
}

.workability_tab_content .container{
  padding-top: 75px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .container{
    padding-top: 16.6vw;
  }
}

.workability_tab_content .particular_cont ,
.workability_tab_content .design_cont{
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .particular_cont ,
  .workability_tab_content .design_cont{
    margin-top: 19vw;
  }
}
.workability_tab_content .particular_cont:first-of-type ,
.workability_tab_content .design_cont:first-of-type{
  margin-top: 0;
}

.workability_tab_content h3.ttl{
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content h3.ttl{
    font-size: min(6.13vw ,25px);
    margin-bottom: 4vw;
  }
}

.workability_tab_content h4.list_ttl{
  font-weight: bold;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content h4.list_ttl{
    margin-bottom: 5.33vw;
  }
}

.workability_tab_content h4.sub_ttl{
  background-color: #333333;
  color: #fff;
  display: inline-block;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-top: 26px;
  font-weight: bold;
}
.workability_tab_content .products{
  font-size: 13px;
  border: #000 1px solid;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  display: inline-block;
  margin-top: 19px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content h4.sub_ttl{
    width: 100%;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    margin-top: 5.5vw;
  }
  .workability_tab_content h4.sub_ttl:nth-of-type(2){
    margin-top: 13.3vw;
  }
  .workability_tab_content .products{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: min(3.46vw ,15px);
    margin-top: 5.5vw;
  }
}

.workability_tab_content .note_list_ttl{
  margin-top: 26px;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .note_list_ttl{
    margin-top: 8vw;
    font-size: min(3.46vw ,15px)
  }
}
.workability_tab_content .note_list{
  margin-top: 0;
}

.workability_tab_content .txt_s{
  margin-top: 100px;
  text-align: right;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .txt_s{
    margin-top: 25.2vw;
    font-size: min(3.46vw ,15px);
    text-align: left;
  }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - workability_tab_content particular - - - - - */

.workability_tab_content [class$="_list"] > .wrap_item_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  width: 45%;
}
.workability_tab_content [class$="_list"] > .wrap_item_list .list_txt{
  width: 43%;
}
.workability_tab_content [class$="_list"] > .wrap_item_list .list_txt .list_ttl{
  margin-bottom: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .workability_tab_content [class$="_list"] > .wrap_item_list{
    display: block;
    margin-top: 6.66vw;
    width: 100%;
  }
  .workability_tab_content [class$="_list"] > .wrap_item_list .list_txt{
    width: 100%;
    max-width: 100%;
  }
  .workability_tab_content [class$="_list"] > .wrap_item_list .list_txt .list_ttl{
    margin-bottom: 5.3vw;
  }
  .workability_tab_content [class$="_list"] > .wrap_item_list .list_img{
    max-width: 100% !important
  }
}


/* .reuse .reuse_list .oil_list */
.workability_tab_content .particular_cont .reuse_list,
.workability_tab_content .particular_cont .oil_list{
  margin-top: 0;
}
.particular_cont.reuse .list_txt p .ls{
  letter-spacing: -0.1em;
}
.particular_cont .reuse_list .reuse_item:first-of-type{
  width: 46%;
}
.particular_cont .reuse_list .reuse_item:nth-of-type(2){
  width: 46%;
}
.particular_cont .reuse_list .reuse_item .list_txt{
  max-width: 176px;
  width: 47%;
}
.particular_cont .reuse_list .reuse_item:nth-of-type(2) .list_txt{
  width: 45%;
  max-width: 100%;
}
.particular_cont .reuse_list .reuse_item .list_img{
  max-width: 197px;
  width: 51.9%;
}
.particular_cont .oil_list .oil_item .list_txt{
  max-width: 215px;
  width: 59%;
}
.particular_cont .oil_list .oil_item .list_img{
  max-width: 141px;
  width: 37.2%;
}
.particular_cont .oil_list .oil_item:nth-of-type(2) .list_img{
  max-width: 139px;
  width: 36.6%;
}

@media screen and (max-width: 767px) {
  .particular_cont.reuse .list_img{
    margin-top: 6vw;
  }
  .particular_cont.reuse .wrap_item_list .list_txt{
    width: 100% !important;
    max-width: 100%;
  }
  .particular_cont .reuse_list .reuse_item:first-of-type{
    width: 100%;
  }
  .particular_cont .reuse_list .reuse_item:nth-of-type(2){
    width: 100%;
  }
  .particular_cont .reuse_list .reuse_item .list_img{
    width: 100%;
  }
  .particular_cont .oil_list .oil_item:nth-of-type(2){
    margin-top: 10.6vw;
  }
  .particular_cont .oil_list .oil_item .list_img{
    width: 42.4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .particular_cont .oil_list .oil_item:nth-of-type(2) .list_img{
    width: 59.5vw;
  }
}


.particular_cont.spacer .note,
.particular_cont .reuse_item .note{
  margin-top: 20px;
}
.particular_cont.spacer .txt.ls{
  letter-spacing: -0.023em;
}
.particular_cont .reuse_item .note.indent{
  text-indent: -2.5em;
  margin-left: 2.5em;
}
@media screen and (max-width: 767px) {
  .particular_cont.spacer .note{
    margin-top: 5.33vw;
  }
  .particular_cont .reuse_item .note{
    margin-top: 0.3em;
  }
  .particular_cont.spacer .products .txt{
    margin-left: auto;
    margin-right: auto;
    width: 56vw;
    text-align: left;
  }
}

.workability_tab_content .particular_cont.install .products{
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.workability_tab_content .particular_cont.install .install_list .install_item:first-of-type{
  max-width: 417px;
  width: 51%;
}
.workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2){
  max-width: 356px;
  width: 43%;
}
.workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2) .txt {
  letter-spacing: -0.05em;
  font-size: 1rem;
}
.workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2) .txt .ls{
  letter-spacing: -0.08em;
}
.workability_tab_content .particular_cont.install .install_list .install_item .list_img{
  margin-top: 45px;
}
.workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2) .list_img {
  padding-top: 55px;
}
@media screen and (min-width: 768px) {
  .workability_tab_content .particular_cont.install .install_list .products {
    max-width: 199%;
    width: 94vw;
    margin-left: auto;
    margin-right:  auto;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item .products.sp_only{
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 841px) {
  .workability_tab_content .particular_cont.install .install_list .install_item .txt {
    padding-bottom: 25px;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2) .list_img {
    padding-top: 2.3rem;
  }
  .workability_tab_content .particular_cont.install .install_list .products {
    max-width: 199%;
    width: 94vw;
    margin-left: calc(104% - 50vw);
    margin-right:  calc(104% - 50vw);
  }
}
@media screen and (max-width: 767px) {
  .workability_tab_content .particular_cont.install .install_list .install_item{
    max-width: 100% !important;
    width: 100% !important;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item + .install_item{
    margin-top: 20vw;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item .list_img{
    margin-top: 10.6vw;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item:nth-of-type(2) .list_img{
    padding-top: 0;
    margin-top: 5.33vw;
  }
  .workability_tab_content .particular_cont.install .install_list .install_item .txt,
  .workability_tab_content .particular_cont.install .install_list .install_item .txt .ls{
    letter-spacing: 0 !important;
  }
}

.particular_cont .cleaning{
  background-color: #f0f0f0;
  padding: 31px 30px;
  margin-top: 40px;
}
.particular_cont .cleaning .cleaning_block{
  border: #000 1px solid;
  padding: 1em;
  display: inline-block;
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  .particular_cont .cleaning{
    padding: 9.3vw 5.86vw;
    margin-top: 10.6vw;
  }
  .particular_cont .cleaning .cleaning_block{
    padding: 3.2vw;
    margin-top: 6vw;
  }
}

.particular_cont .cleaning .sub_ttl{
  margin-top: 40px;
}
.particular_cont .cleaning .sub_ttl:nth-of-type(2){
  margin-top: 17px;
}
.particular_cont .cleaning .txt{
  margin-top: 13px;
}
.particular_cont .cleaning .cleaning_block .txt{
  margin-top: 0;
}
.particular_cont .cleaning .note_list{
  margin-top: 20px;
}
.particular_cont .cleaning .ttl,
.particular_cont .cleaning .sub_ttl{
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .particular_cont .cleaning .sub_ttl{
    margin-top: 9.5vw;
  }
  .particular_cont .cleaning .sub_ttl:nth-of-type(2){
    margin-top: 5.5vw;
  }
  .particular_cont .cleaning .txt{
    margin-top: 2.5vw;
  }
  .particular_cont .cleaning .note_list{
    margin-top: 8vw;
  }
}

.particular_cont.fit .fit_list .fit_item:first-of-type{
  width: 33%;
}
.particular_cont.fit .fit_list .fit_item:nth-of-type(2){
  max-width: 522px;
  width: 62.9%;
}
@media screen and (max-width: 767px) {
  .particular_cont.fit .fit_list .fit_item:first-of-type{
    width: 100%;
  }
  .particular_cont.fit .fit_list .fit_item:nth-of-type(2){
    max-width: 100%;
    width: 100%;
  }
  .particular_cont.fit .fit_list .fit_item .list_img{
    margin-top: 5.3vw;
  }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - workability_tab_content design - - - - - */

.workability_tab_content .design h2.label{
  border: #333 1px solid;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .design h2.label{
    padding: 0.2em;
  }
}

.workability_tab_content .design_cont:first-of-type{
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .design_cont:first-of-type{
    margin-top: 9vw;
  }
}

.design_cont.plate .plate_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
}
.design_cont.plate .plate_list .plate_item:first-of-type {
  max-width: 560px;
  width: 67.5%;
}
.design_cont.plate .plate_list .plate_item:nth-of-type(2) {
  max-width: 250px;
  width: 30.2%;
}
.design_cont.plate .plate_list .plate_item:nth-of-type(2) .list_txt {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .design_cont.plate .plate_list .plate_item:first-of-type {
    max-width: 100%;
    width: 100%;
  }
  .design_cont.plate .plate_list .plate_item:nth-of-type(2) {
    order: 2;
    width: 100%;
    max-width: 100%;
    margin-top: 10.6vw;
  }
  .design_cont.plate .plate_list .plate_item:nth-of-type(3) {
    order: 1;
  }
  .design_cont.plate .plate_list .plate_item .about_item .products .txt {
    margin-left: auto;
    margin-right: auto;
    width: 56vw;
    text-align: left;
  }
  .design_cont.plate .plate_list .plate_item .about_item:nth-of-type(2) .products .txt {
    width: 65vw;
  }
  .design_cont.plate .plate_list .plate_item .list_img ~ .list_txt {
    margin-top: 7vw;
  }
}

.design_cont .num_txt.indent {
  text-indent: 0;
  margin-left: 0;
  display: flex;
  align-items: flex-start;
}
.design_cont .num_txt.indent .note.indent {
  text-indent: -1em !important;
  margin-left: 1em !important;
  display: block;
}

.workability_tab_content .design_cont .num_txt .num{
  font-size: 15px;
  font-weight: bold;
  background-color: #e50012;
  color: #fff;
  text-align: center;
  line-height: 16px;
  min-width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 3px;
}
.workability_tab_content .design_cont .about_list {
  margin-top: 25px;
}
.workability_tab_content .design_cont .about_list .about_item + .about_item{
  margin-top: 35px;
}
.workability_tab_content .design_cont .about_list .about_item .products {
  margin-top: 20px;
}
.workability_tab_content .design_cont .about_list .about_item .about_num .num_txt .ls{
  letter-spacing: -0.01em;
}
.workability_tab_content .design_cont .about_list .about_item .about_list{
  margin-top: 0;
  align-items: flex-start;
}
.workability_tab_content .design_cont .about_list .about_item .about_list .about_item:first-of-type{
  max-width: 380px;
  width: 45.8%;
}
.workability_tab_content .design_cont .about_list .about_item .about_list .about_item:nth-of-type(2){
  max-width: 380px;
  width: 45.8%;
  margin-top: 0;
}
.workability_tab_content .design_cont .about_list .about_item .about_list .about_item:nth-of-type(3){
  max-width: 380px;
  width: 50%;
  margin-top: -40px;
}
@media screen and (max-width: 767px) {
  .workability_tab_content .design_cont .about_list {
    margin-top: 7vw;
  }
  .workability_tab_content .design_cont .about_list .about_item + .about_item{
    margin-top: 8vw;
  }
  .workability_tab_content .design_cont .about_list .about_item .products {
    margin-top: 4vw;
  }
  .workability_tab_content .design_cont .about_list .about_item .about_list{
    margin-top: 0;
  }
  .workability_tab_content .design_cont .about_list .about_item .about_list .about_item{
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media screen and (max-width: 865px) {
  .workability_tab_content .design_cont .about_list .about_item .about_list .about_item:nth-of-type(3){
    margin-top: -2vw;
  }
}

.design_cont.piping .piping_list .piping_item .list_img ,
.design_cont.handle .handle_list .handle_item .list_img {
  margin-top: 25px;
}
.design_cont.piping .piping_list .piping_item:nth-of-type(1) .txt{
  width: 102%;
}
.design_cont.piping .piping_list .piping_item:nth-of-type(2) .txt ,
.design_cont.handle .handle_list .handle_item:nth-of-type(2) .txt {
  padding-bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  .design_cont.piping .piping_list .piping_item:nth-of-type(2),
  .design_cont.handle .handle_list .handle_item:nth-of-type(2){
    margin-top: 19vw;
  }
  .design_cont.piping .piping_list .piping_item .list_img ,
  .design_cont.handle .handle_list .handle_item .list_img {
    margin-top: 6.66vw;
  }
  .design_cont.piping .piping_list .piping_item:nth-of-type(1) .txt{
    width: 100%;
  }
  .design_cont.piping .piping_list .piping_item:nth-of-type(2) .txt ,
  .design_cont.handle .handle_list .handle_item:nth-of-type(2) .txt {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .design_cont.step .products .txt,
  .design_cont.base .products .txt{
    margin-left: auto;
    margin-right: auto;
    width: 56vw;
    text-align: left;
  }
  .design_cont.base .products .txt{
    width: 63vw;
  }
  .workability_tab_content .design_cont .about_list .about_item .about_list .about_item:nth-of-type(3){
    margin-top: 4vw;
  }
  .design_cont.base .about_item:nth-of-type(2) .list_img{
    margin-top: 2vw;
  }
}

.design .outdoor{
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .design .outdoor{
    margin-top: 21vw;
  }
}

/* - - - - - - - - - - - - - - - - - - */


/* - - - - - products_feature - - - - - */

.workability .products_feature_section {
  width: 100%;
  border-top: 2px solid #DEDEDE;
  border-bottom: 2px solid #DEDEDE;
  padding-top: 30px;
  padding-bottom: 30px;
}
.workability .products_feature .feature_icon {
  display: flex;
  justify-content: center;
  width: 100%;
}
.workability .products_feature .feature_icon>li {
  width: 78px;
  height: 78px;
  font-size: 16px;
}
.workability .products_feature .feature_icon>li>a {
  display: flex;
  font-weight: 700;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.14286;
  background-color: #fff;
  color: #ec1d00;
  border: 1px solid #ec1d00;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: .25s ease-out;
}
.workability .products_feature .feature_icon>li>a:hover {
  text-decoration: none;
  background-color: #ec1d00;
  color: #fff;
}

@media only screen and (min-width:768px) {
  .workability .products_feature .feature_icon>li {
    width: 78px;
    height: 78px;
  }
  .workability .products_feature .feature_icon>li:not(:first-child) {
    margin-left: 15px;
  }
}

@media only screen and (max-width:767px) {
  .workability .products_feature_section {
    padding-top: 8vw;
    padding-bottom: 11vw;
    margin-top: 26vw;
  }
  .workability .products_feature {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
  }
  .workability .products_feature .feature_icon {
    margin: 0 auto;
    max-width: 345px;
  }
  .workability .products_feature .feature_icon>li {
    width: 21.95652%;
    height: calc((100vw - 30px) * .2145);
    max-height: 73.75px;
  }
  .workability .products_feature .feature_icon>li:not(:first-child) {
    margin-left: 4.05797%;
  }
}
/* - - - - - - - - - - - - - - - - - - */

/* - - - - - returntop - - - - - */

.workability .returntop{
  margin-top: 112px;
  padding-bottom: 10.6vw;
  margin-bottom: 0;
  color: #262626;
}
.workability .returntop .returntop_btn{
  width: 129px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid grey;
  border-radius: 5px;
  color: #333;
  display: block;
  padding: 10px 0 10px 0;
  -webkit-transition: .25s ease-out;
  transition: .25s ease-out;
  font-size: 87.5%;
}
.workability .returntop .returntop_btn:hover{
  background-color: #c00;
  text-decoration: none;
  color: #fff;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .workability .returntop{
    margin-top: 17vw;
  }
}

/* - - - - - - - - - - - - - - - - - - */