@charset "UTF-8";
@media screen and (min-width: 768px),print {

#staff-recommend{ width: 100%; max-width: 1920px; margin: 0 auto -70px; padding: 80px 0 200px; background-color: #F1F0EC; }
#staff-recommend .inner-Box{ width: 1100px; margin: 0 auto; }
#staff-recommend .ttl{ text-align: center; margin-bottom: 100px; display: none; }
#staff-recommend .list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#staff-recommend .list li{ width: 235px; margin-right: 53px; margin-bottom: 75px; }
#staff-recommend .list li:nth-child(4n){ margin-right: 0; }
#staff-recommend .list li .pic{ margin-bottom: 10px; width: 235px; }
#staff-recommend .list li .pic img{ width: 100%; }
#staff-recommend .list li .system-name{ font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0.8px; text-align: center; color: #070163; }
#staff-recommend .list li .system-job{ font-size: 14px; line-height: 21px; letter-spacing: 0.7px; text-align: center; color: #070163; }

}


@media screen and (max-width: 767px) {

#staff-recommend{ margin: 0 auto -17vw; padding: 12vw 0 30vw; background-color: #F1F0EC; }
#staff-recommend .inner-Box{ margin: 0 3vw; }
#staff-recommend .ttl{ text-align: center; margin-bottom: 9vw; padding: 0 4vw; display: none; }
#staff-recommend .list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#staff-recommend .list li{ width: 49%; margin-right: 2%; margin-bottom: 9vw; }
#staff-recommend .list li:nth-child(2n){ margin-right: 0; }
#staff-recommend .list li .pic{ margin-bottom: 2.358vw; width: 100%; }
#staff-recommend .list li .pic img{ width: 100%; }
#staff-recommend .list li .system-name{ font-size: 4vw; font-weight: 700; line-height: 5.66vw; letter-spacing: 0.189vw; text-align: center; color: #070163; }
#staff-recommend .list li .system-job{ font-size: 3.4vw; line-height: 4.953vw; letter-spacing: 0.165vw; text-align: center; color: #070163; }


}