@import '../_component/tocAccordion.css';
@import '../_component/sb_instagram.css';
@import '../_component/site-post_blog.css';

#page-recommend .tit-page .ico {
  width: 21px;
  height: 26px;
  background-size: 21px 26px;
}
#page-recommend .sec-recommend-index {
  margin: 0 auto 56px;
}
#page-recommend .sec-recommend-index .recommend-list {
  margin: 0 0 32px;
}
#page-recommend
  .sec-recommend-index
  .recommend-list
  li
  a
  .content
  .recommend-tag {
  display: inline-block;
  margin: 0 auto 8px 0;
  color: #fc5774;
  border: 1px solid #fc5774;
  border-radius: 20px;
}
#page-recommend
  .sec-recommend-index
  .recommend-list
  li
  a
  .content
  .tit-recommend {
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  #page-recommend .sec-recommend-index .recommend-list {
    display: flex;
    flex-wrap: wrap;
  }
  #page-recommend .sec-recommend-index .recommend-list li {
    width: 356px;
    margin: 0 16px 0 0;
  }
  #page-recommend .sec-recommend-index .recommend-list li:nth-child(3n) {
    margin-right: 0;
  }
  #page-recommend .sec-recommend-index .recommend-list li:nth-child(n + 4) {
    margin-top: 32px;
  }
  #page-recommend .sec-recommend-index .recommend-list li a {
    display: block;
  }
  #page-recommend .sec-recommend-index .recommend-list li a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 358px;
    height: 239px;
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid #e4e4e4;
  }
  #page-recommend .sec-recommend-index .recommend-list li a .img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
  #page-recommend
    .sec-recommend-index
    .recommend-list
    li
    a
    .content
    .recommend-tag {
    padding: 4px 12px 3px;
    font-size: 11px;
  }
  #page-recommend
    .sec-recommend-index
    .recommend-list
    li
    a
    .content
    .tit-recommend {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #page-recommend .sec-recommend-index .recommend-list li {
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
  }
  #page-recommend .sec-recommend-index .recommend-list li a {
    display: flex;
  }
  #page-recommend .sec-recommend-index .recommend-list li a .img {
    width: 120px;
    height: 80px;
    margin: 0 12px 0 0;
  }
  #page-recommend .sec-recommend-index .recommend-list li a .content {
    width: calc(100% - 132px);
  }
  #page-recommend
    .sec-recommend-index
    .recommend-list
    li
    a
    .content
    .recommend-tag {
    padding: 4px 8px 2px;
    font-size: 11px;
  }
  #page-recommend
    .sec-recommend-index
    .recommend-list
    li
    a
    .content
    .tit-recommend {
    font-weight: 700;
    font-size: 15px;
  }
}

#page-recommend-single,
[id*='page-recommend_single_'] {
  overflow-x: hidden;
}
#page-recommend-single #main .txt,
[id*='page-recommend_single_'] #main .txt {
  line-height: 1.71;
}
#page-recommend-single .sec-contact-recommend,
[id*='page-recommend_single_'] .sec-contact-recommend {
  padding: 24px 0;
}
#page-recommend-single .sec-contact-recommend.bg-white,
[id*='page-recommend_single_'] .sec-contact-recommend.bg-white {
  background-color: #fff;
}
#page-recommend-single .mv-recommend .tit-page-recommend,
[id*='page-recommend_single_'] .mv-recommend .tit-page-recommend {
  letter-spacing: 0.06em;
}
#page-recommend-single .mv-recommend .list-label,
[id*='page-recommend_single_'] .mv-recommend .list-label {
  display: flex;
  flex-flow: row wrap;
}
#page-recommend-single .mv-recommend .list-label li,
[id*='page-recommend_single_'] .mv-recommend .list-label li {
  box-sizing: border-box;
  width: auto;
  color: #fc5774;
  font-weight: 700;
  background-color: #fff8fa;
  border: 1px solid #ffd8e1;
}
#page-recommend-single .catchphrase,
[id*='page-recommend_single_'] .catchphrase {
  text-align: center;
}
#page-recommend-single .catchphrase .tit,
[id*='page-recommend_single_'] .catchphrase .tit {
  letter-spacing: 0.06em;
}
#page-recommend-single .catchphrase .number,
[id*='page-recommend_single_'] .catchphrase .number {
  font-weight: 700;
  letter-spacing: 0.06em;
}
#page-recommend-single .tit-sec,
[id*='page-recommend_single_'] .tit-sec {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
#page-recommend-single .tit-sec::before,
[id*='page-recommend_single_'] .tit-sec::before {
  position: absolute;
  left: 0;
  content: '';
}
#page-recommend-single .circle-number,
[id*='page-recommend_single_'] .circle-number {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#page-recommend-single .sec-contact-recommend .btn,
[id*='page-recommend_single_'] .sec-contact-recommend .btn {
  width: 265px;
}
#page-recommend-single .flex-list li,
[id*='page-recommend_single_'] .flex-list li {
  box-sizing: border-box;
}
#page-recommend-single .sec-popular .list-popular li,
[id*='page-recommend_single_'] .sec-popular .list-popular li {
  background-color: #fff8fa;
  border-radius: 10px;
}
#page-recommend-single .sec-popular .list-popular li .tit-list-popular,
[id*='page-recommend_single_'] .sec-popular .list-popular li .tit-list-popular {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0 0 12px;
  color: #fff;
  font-weight: 700;
  background-color: #fc5774;
}
#page-recommend-single .sec-popular .list-popular li .tit-list-popular::before,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .tit-list-popular::before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: '';
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  td,
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  td,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th {
  box-sizing: border-box;
  padding: 10px;
  letter-spacing: 0.06em;
  vertical-align: middle;
  border-bottom: 1px dashed #ccc;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th {
  min-width: 72px;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  td,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  td {
  line-height: 1.5;
  background-color: #fff;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:first-child
  th,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:first-child
  th {
  border-radius: 4px 0 0 0;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:first-child
  td,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:first-child
  td {
  border-radius: 0 4px 0 0;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  td,
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  th,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  td,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  th {
  border-bottom: none;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  th,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  th {
  border-radius: 0 0 0 4px;
}
#page-recommend-single
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  td,
[id*='page-recommend_single_']
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  tr:last-child
  td {
  border-radius: 0 0 4px 0;
}
#page-recommend-single .sec-detail-job .area-recommend,
[id*='page-recommend_single_'] .sec-detail-job .area-recommend {
  box-sizing: border-box;
}
#page-recommend-single .sec-detail-job .area-recommend .tit-area-recommend,
[id*='page-recommend_single_']
  .sec-detail-job
  .area-recommend
  .tit-area-recommend {
  margin: 0 0 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
#page-recommend-single .sec-detail-job .area-recommend .list-area-recommend li,
[id*='page-recommend_single_']
  .sec-detail-job
  .area-recommend
  .list-area-recommend
  li {
  position: relative;
  margin: 0 0 6px;
  padding: 0 0 0 14px;
  line-height: 1.4;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-detail-job
  .area-recommend
  .list-area-recommend
  li:last-child,
[id*='page-recommend_single_']
  .sec-detail-job
  .area-recommend
  .list-area-recommend
  li:last-child {
  margin: 0;
}
#page-recommend-single
  .sec-detail-job
  .area-recommend
  .list-area-recommend
  li::before,
[id*='page-recommend_single_']
  .sec-detail-job
  .area-recommend
  .list-area-recommend
  li::before {
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #fc5774;
  border-radius: 50%;
  content: '';
}
#page-recommend-single .sec-recommend-point .list-recommend-point li,
[id*='page-recommend_single_'] .sec-recommend-point .list-recommend-point li {
  background-color: #fff8fa;
}
#page-recommend-single
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point,
[id*='page-recommend_single_']
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
  color: #fc5774;
  font-weight: 700;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point,
[id*='page-recommend_single_']
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point {
  margin: 0 12px 0 0;
  color: #fff;
  background-color: #fc5774;
  border-radius: 50%;
}
#page-recommend-single
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span,
[id*='page-recommend_single_']
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span {
  display: block;
  text-align: center;
}
#page-recommend-single .sec-voice-in,
[id*='page-recommend_single_'] .sec-voice-in {
  display: flex;
  justify-content: space-between;
}
#page-recommend-single .sec-voice-in + .sec-voice-in,
[id*='page-recommend_single_'] .sec-voice-in + .sec-voice-in {
  margin: 32px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #ccc;
}
#page-recommend-single .sec-voice-in .area-img .txt-img,
[id*='page-recommend_single_'] .sec-voice-in .area-img .txt-img {
  margin: 12px 0 0;
  letter-spacing: 0.06em;
}
#page-recommend-single .sec-voice-in .content .tit,
[id*='page-recommend_single_'] .sec-voice-in .content .tit {
  color: #fc5774;
  letter-spacing: 0.06em;
}
#page-recommend-single .sec-comparison .table-sec-comparison tr td,
#page-recommend-single .sec-comparison .table-sec-comparison tr th,
[id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tr td,
[id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tr th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#page-recommend-single .sec-comparison .table-sec-comparison tr th,
[id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tr th {
  text-align: center;
}
#page-recommend-single .sec-comparison .table-sec-comparison thead tr,
[id*='page-recommend_single_'] .sec-comparison .table-sec-comparison thead tr {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
#page-recommend-single .sec-comparison .table-sec-comparison thead tr th,
[id*='page-recommend_single_']
  .sec-comparison
  .table-sec-comparison
  thead
  tr
  th {
  padding: 12px 0;
}
#page-recommend-single .sec-comparison .table-sec-comparison tbody th,
[id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tbody th {
  vertical-align: middle;
  border-left: 1px solid #ccc;
}
#page-recommend-single
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li,
[id*='page-recommend_single_']
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li {
  margin: 0 0 10px;
  padding: 0 0 0 15px;
  line-height: 1.33;
  text-indent: -15px;
  counter-increment: number;
}
#page-recommend-single
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li:last-child,
[id*='page-recommend_single_']
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li:last-child {
  margin: 0;
}
#page-recommend-single
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li
  span,
[id*='page-recommend_single_']
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li
  span {
  position: relative;
  padding: 0 0 0 15px;
}
#page-recommend-single
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li
  span::before,
[id*='page-recommend_single_']
  .sec-comparison
  .table-sec-comparison
  tbody
  td
  .list-comparison
  li
  span::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #222;
  text-indent: 0;
  content: counter(number) '.';
}
#page-recommend-single .sec-example .area-list-example .list-style-disc li,
[id*='page-recommend_single_']
  .sec-example
  .area-list-example
  .list-style-disc
  li {
  position: relative;
  padding: 0 0 0 16px;
  line-height: 1.6;
}
#page-recommend-single
  .sec-example
  .area-list-example
  .list-style-disc
  li::before,
[id*='page-recommend_single_']
  .sec-example
  .area-list-example
  .list-style-disc
  li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  background-color: #fc5774;
  border-radius: 50%;
  content: '';
}
#page-recommend-single .sec-recommend-job .list-recommend-job,
[id*='page-recommend_single_'] .sec-recommend-job .list-recommend-job {
  display: flex;
  flex-flow: row wrap;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job {
  text-align: center;
  border-radius: 4px;
  border-collapse: separate;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td,
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th {
  padding: 8px;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th {
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td {
  position: relative;
  font-size: 12px;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before {
  position: absolute;
  bottom: 0;
  height: 1px;
  border-bottom: 1px dashed #ccc;
  content: '';
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox {
  position: absolute;
  top: 6px;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .num,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .num {
  font-weight: 700;
  font-size: 18px;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:last-child
  td::before,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:last-child
  td::before {
  content: none;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-pink
  th,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-pink
  th {
  background-color: #fc5774;
}
#page-recommend-single
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-cyan
  th,
[id*='page-recommend_single_']
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-cyan
  th {
  background-color: #4bb4eb;
}
#page-recommend-single .sec-reason-child,
[id*='page-recommend_single_'] .sec-reason-child {
  border-radius: 10px;
}
#page-recommend-single .sec-reason-child .list-reason li,
[id*='page-recommend_single_'] .sec-reason-child .list-reason li {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
#page-recommend-single .sec-reason-child .list-reason li:last-child,
[id*='page-recommend_single_'] .sec-reason-child .list-reason li:last-child {
  margin: 0;
}
#page-recommend-single .sec-reason-child .list-reason li .circle-number,
[id*='page-recommend_single_']
  .sec-reason-child
  .list-reason
  li
  .circle-number {
  margin: 0 8px 0 0;
}
#page-recommend-single .sec-recommend-detail .contents-width-small,
[id*='page-recommend_single_'] .sec-recommend-detail .contents-width-small {
  margin: 0 auto;
}
#page-recommend-single .sec-recommend-detail .list-recommend-detail li,
[id*='page-recommend_single_'] .sec-recommend-detail .list-recommend-detail li {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 0 16px;
  padding: 0 0 0 26px;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-detail
  .list-recommend-detail
  li
  .ico-checkbox,
[id*='page-recommend_single_']
  .sec-recommend-detail
  .list-recommend-detail
  li
  .ico-checkbox {
  position: absolute;
  top: 0.1em;
  left: 0;
}
#page-recommend-single
  .sec-recommend-detail
  .list-recommend-detail
  li:last-child,
[id*='page-recommend_single_']
  .sec-recommend-detail
  .list-recommend-detail
  li:last-child {
  margin: 0;
}
#page-recommend-single
  .sec-recommend-detail
  .list-recommend-detail
  li
  .ico-checkbox,
[id*='page-recommend_single_']
  .sec-recommend-detail
  .list-recommend-detail
  li
  .ico-checkbox {
  margin: 0 8px 0 0;
}
#page-recommend-single .sec-faq-list .list-faq li,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li {
  margin: 0 0 24px;
}
#page-recommend-single .sec-faq-list .list-faq li:last-child,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li:last-child {
  margin: 0;
}
#page-recommend-single .sec-faq-list .list-faq li .tit-list-faq,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li .tit-list-faq {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 1.42;
  border-radius: 4px;
}
#page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li .tit-list-faq dl {
  display: flex;
}
#page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl dt,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li .tit-list-faq dl dt {
  position: relative;
  width: 60px;
}
#page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl dt::after,
[id*='page-recommend_single_']
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq
  dl
  dt::after {
  position: absolute;
  right: 0.5em;
  width: 1px;
  height: 1em;
  content: '';
}
#page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl dd,
[id*='page-recommend_single_'] .sec-faq-list .list-faq li .tit-list-faq dl dd {
  width: calc(100% - 60px);
}
#page-recommend-single .sec-flow-in .content-flow,
[id*='page-recommend_single_'] .sec-flow-in .content-flow {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.53;
  letter-spacing: 0.06em;
}
#page-recommend-single .sec-flow-in .content-flow::before,
[id*='page-recommend_single_'] .sec-flow-in .content-flow::before {
  position: absolute;
  content: '';
}
#page-recommend-single .area-btn,
[id*='page-recommend_single_'] .area-btn {
  justify-content: center;
}
#page-recommend-single .area-btn.area-btn-form,
[id*='page-recommend_single_'] .area-btn.area-btn-form {
  box-sizing: border-box;
}
#page-recommend-single .area-btn .btn-form,
[id*='page-recommend_single_'] .area-btn .btn-form {
  width: 500px;
  height: 86px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-align: center;
  transition: all 0.1s ease 0s;
}
#page-recommend-single .sec-recommend-basic .tit-sec,
[id*='page-recommend_single_'] .sec-recommend-basic .tit-sec {
  display: flex;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
}
#page-recommend-single .sec-recommend-basic .tit-sec::before,
[id*='page-recommend_single_'] .sec-recommend-basic .tit-sec::before {
  top: 0;
  width: 4px;
  background-color: #fc5774;
  border-radius: 3px;
}
#page-recommend-single .sec-recommend-basic .circle-number,
[id*='page-recommend_single_'] .sec-recommend-basic .circle-number {
  width: 32px;
  min-width: 32px;
  height: 32px;
  color: #fff;
  font-size: 16px;
  background-color: #fc5774;
}
#page-recommend-single .sec-recommend-basic .mv-recommend,
[id*='page-recommend_single_'] .sec-recommend-basic .mv-recommend {
  margin: 0 auto;
}
#page-recommend-single .sec-recommend-basic .mv-recommend .tit-page-recommend,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .mv-recommend
  .tit-page-recommend {
  border-top: 8px solid #fc5774;
}
#page-recommend-single .sec-recommend-basic .mv-recommend .list-label,
[id*='page-recommend_single_'] .sec-recommend-basic .mv-recommend .list-label {
  display: flex;
  flex-flow: row wrap;
}
#page-recommend-single .sec-recommend-basic .mv-recommend .list-label li,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .mv-recommend
  .list-label
  li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 4px;
}
#page-recommend-single .sec-recommend-basic .catchphrase,
[id*='page-recommend_single_'] .sec-recommend-basic .catchphrase {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ffd8e1;
  border-radius: 10px;
}
#page-recommend-single .sec-recommend-basic .catchphrase .tit,
[id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .tit {
  position: absolute;
  top: -0.5em;
  left: 50%;
  width: auto;
  background-color: #fff;
  transform: translate3d(-50%, 0, 0);
}
#page-recommend-single .sec-recommend-basic .catchphrase .number,
[id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .number {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.06em;
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffd8e1 60%);
}
#page-recommend-single .sec-recommend-basic .sec-popular .list-popular li,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li {
  border: 3px solid #ffd8e1;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .tit-list-popular,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .tit-list-popular {
  left: -2px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .tit-list-popular::before,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .tit-list-popular::before {
  right: -11px;
  border-color: transparent transparent transparent #fc5775;
  border-width: 16px 0 16px 11px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th {
  background-color: #f2efef;
}
#page-recommend-single .sec-recommend-basic .sec-contact-recommend,
[id*='page-recommend_single_'] .sec-recommend-basic .sec-contact-recommend {
  background-color: #fff8fa;
}
#page-recommend-single .sec-recommend-basic .sec-detail-job .area-recommend,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-detail-job
  .area-recommend {
  border: 3px solid #ffd8e1;
  border-radius: 10px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.point,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.point {
  font-size: 10px;
  letter-spacing: 0.03em;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq {
  margin: 0 0 24px;
  color: #fff;
  background-color: #fc5774;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq::before,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq::before {
  position: absolute;
  bottom: -8px;
  background: url(/cms/wp-content/themes/supernurse/img/common/ico_triangle.svg)
    center center no-repeat;
  content: '';
}
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq
  dl
  dt::after,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq
  dl
  dt::after {
  background-color: #fff;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-comparison
  .table-sec-comparison
  tr
  th,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-comparison
  .table-sec-comparison
  tr
  th {
  background-color: #f2efef;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before {
  left: 12px;
  width: calc(100% - 24px);
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox {
  left: 24px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:nth-child(2)
  td,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:nth-child(2)
  td {
  padding: 12px 0 8px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-pink,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-pink {
  border: 1px solid #fc5774;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-cyan,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job-cyan {
  border: 1px solid #4bb4eb;
}
#page-recommend-single .sec-recommend-basic .sec-reason .sec-reason-in,
[id*='page-recommend_single_'] .sec-recommend-basic .sec-reason .sec-reason-in {
  margin: 0 auto;
}
#page-recommend-single .sec-recommend-basic .sec-reason-child,
[id*='page-recommend_single_'] .sec-recommend-basic .sec-reason-child {
  background-color: #fff8fa;
}
#page-recommend-single .sec-recommend-basic .sec-reason-child .list-reason li,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-reason-child
  .list-reason
  li {
  border-bottom: 1px dotted #ccc;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-reason-child
  .list-reason
  li:last-child,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-reason-child
  .list-reason
  li:last-child {
  border-bottom: none;
}
#page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li {
  border: 3px solid #f2efef;
  border-radius: 10px;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li:last-child,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li:last-child {
  margin: 0;
}
#page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li dl dd,
#page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li dl dt,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt {
  position: relative;
  line-height: 1.71;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd
  .ico,
#page-recommend-single
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .ico,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd
  .ico,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .ico {
  position: absolute;
  top: -2px;
  left: 0;
}
#page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li dl dt,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt {
  border-bottom: 1px dashed #ccc;
}
#page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li dl dd,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd {
  padding: 0 0 0 34px;
}
#page-recommend-single .sec-recommend-basic .sec-flow-in .content-flow::before,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-flow-in
  .content-flow::before {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-flow-in
  .content-flow:last-child,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-flow-in
  .content-flow:last-child {
  border: none;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-flow-in
  .content-flow:last-child::before,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-flow-in
  .content-flow:last-child::before {
  content: none;
}
#page-recommend-single
  .sec-recommend-basic
  .sec-flow-in
  .content-flow
  .circle-number,
[id*='page-recommend_single_']
  .sec-recommend-basic
  .sec-flow-in
  .content-flow
  .circle-number {
  margin: 0 16px 0 0;
}
#page-recommend-single .sec-recommend-pop,
[id*='page-recommend_single_'] .sec-recommend-pop {
  overflow-x: hidden;
}
#page-recommend-single .sec-recommend-pop .tit-sec,
[id*='page-recommend_single_'] .sec-recommend-pop .tit-sec {
  z-index: 100;
}
#page-recommend-single .sec-recommend-pop .tit-sec::before,
[id*='page-recommend_single_'] .sec-recommend-pop .tit-sec::before {
  bottom: 2px;
  z-index: -1;
  width: 100%;
  height: 12px;
  background-color: #fed8e1;
  background-image: repeating-linear-gradient(
    -60deg,
    #fff,
    #fff 3px,
    transparent 0,
    transparent 6px
  );
}
#page-recommend-single .sec-recommend-pop .contents-release,
[id*='page-recommend_single_'] .sec-recommend-pop .contents-release {
  box-sizing: border-box;
  width: 100vw;
  margin: 0 calc(50% - 50vw) !important;
}
#page-recommend-single .sec-recommend-pop .mv-recommend .tit-page-recommend,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .mv-recommend
  .tit-page-recommend {
  font-weight: 700;
  background: linear-gradient(rgba(255, 255, 255, 0) 25%, #fff8fa 25%);
  border-bottom: 4px solid #ffd8e1;
}
#page-recommend-single .sec-recommend-pop .mv-recommend .list-label li,
[id*='page-recommend_single_'] .sec-recommend-pop .mv-recommend .list-label li {
  position: relative;
  height: 60px;
  padding: 12px 16px;
  font-size: 14px;
}
#page-recommend-single .sec-recommend-pop .mv-recommend .list-label li::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .mv-recommend
  .list-label
  li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-color: #c2e2f2 transparent transparent transparent;
  border-style: solid;
  border-width: 12px 12px 0 0;
  content: '';
}
#page-recommend-single .sec-recommend-pop .mv-recommend .list-label li span,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .mv-recommend
  .list-label
  li
  span {
  display: block;
  text-align: center;
}
#page-recommend-single .sec-recommend-pop .mv-recommend .list-label li span.top,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .mv-recommend
  .list-label
  li
  span.top {
  margin: 0 0 4px;
  padding: 0 0 4px;
  border-bottom: 1px dotted #fc5774;
}
#page-recommend-single .sec-recommend-pop .catchphrase .tit,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .tit {
  position: relative;
  margin: 0 0 10px;
}
#page-recommend-single .sec-recommend-pop .catchphrase .tit span,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .tit span {
  position: relative;
  padding: 0 12px;
  background-color: #fff;
}
#page-recommend-single .sec-recommend-pop .catchphrase .tit::before,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .tit::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #fff;
  background-image: radial-gradient(#fc5774 30%, rgba(255, 255, 255, 0) 30%);
  background-size: 8px 8px;
  transform: translate3d(0, -50%, 0);
  content: '';
}
#page-recommend-single .sec-recommend-pop .catchphrase .number,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #fc5774;
}
#page-recommend-single .sec-recommend-pop .catchphrase .number::after,
#page-recommend-single .sec-recommend-pop .catchphrase .number::before,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number::after,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number::before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: '';
}
#page-recommend-single .sec-recommend-pop .catchphrase .number::before,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number::before {
  right: 0;
}
#page-recommend-single .sec-recommend-pop .catchphrase .number::after,
[id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number::after {
  left: 0;
}
#page-recommend-single .sec-recommend-pop .circle-number,
[id*='page-recommend_single_'] .sec-recommend-pop .circle-number {
  width: 48px;
  min-width: 48px;
  height: 48px;
  color: #fc5774;
  font-size: 24px;
  background-color: #fff;
}
#page-recommend-single .sec-recommend-pop .sec-popular .list-popular li,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li {
  border: 1px solid #ffd8e1;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .tit-list-popular,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .tit-list-popular {
  left: 0;
  height: 30px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .tit-list-popular::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .tit-list-popular::before {
  right: 0;
  border-color: transparent #fff8fa transparent transparent;
  border-width: 15px 10px 15px 0;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-popular
  .list-popular
  li
  .area-table
  .table-sec-popular
  th {
  background-color: #fcf3e8;
}
#page-recommend-single .sec-recommend-pop .sec-detail-job .area-recommend,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend {
  position: relative;
  margin: 0 8px;
  background-color: #f2f9ff;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  content: '';
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle::before {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 60px;
  height: 1px;
  background-color: #5fbceb;
  content: '';
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-left,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-left {
  top: 0;
  left: 0;
  border-color: #fff transparent transparent transparent;
  border-width: 24px 24px 0 0;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-left::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-left::before {
  transform: rotate(-45deg) translate(-6px, 0);
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-right,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-right {
  right: 0;
  bottom: 0;
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 24px 24px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-right::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-detail-job
  .area-recommend
  .triangle-right::before {
  transform: rotate(-45deg) translate(-36px, 0);
}
#page-recommend-single
  .sec-recommend-pop
  .sec-comparison
  .table-sec-comparison
  tr
  th,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-comparison
  .table-sec-comparison
  tr
  th {
  font-weight: 700;
  background-color: #fcf3e8;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job {
  box-sizing: border-box;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li {
  position: relative;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table {
  position: absolute;
  top: -15px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::after,
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  content: '';
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::before {
  left: -5px;
  border-width: 15px 5px 15px 0;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .tit-recommend-table::after {
  right: -5px;
  border-width: 15px 0 15px 5px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job {
  border: none;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  th {
  display: none;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td {
  background-color: #fff;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td::before {
  left: 12px;
  width: calc(100% - 24px);
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  td
  .ico-checkbox {
  left: 10px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:nth-child(2)
  td,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job
  li
  .table-recommend-job
  tr:nth-child(2)
  td {
  padding: 28px 0 8px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink {
  background-color: #ffd8e1;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table {
  background-color: #fc5774;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table::before {
  border-color: transparent #fc5774 transparent transparent;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-pink
  .tit-recommend-table::after {
  border-color: transparent transparent transparent #fc5774;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan {
  background-color: #c2e2f2;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table {
  background-color: #4bb4eb;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table::before {
  border-color: transparent #4bb4eb transparent transparent;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-job
  .list-recommend-job-cyan
  .tit-recommend-table::after {
  border-color: transparent transparent transparent #4bb4eb;
}
#page-recommend-single .sec-recommend-pop .sec-reason-child,
[id*='page-recommend_single_'] .sec-recommend-pop .sec-reason-child {
  background-color: #f0f0f0;
}
#page-recommend-single .sec-recommend-pop .sec-reason-child .list-reason li,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-reason-child
  .list-reason
  li {
  border-bottom: 1px dotted #fc5774;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-reason-child
  .list-reason
  li:last-child,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-reason-child
  .list-reason
  li:last-child {
  border-bottom: none;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .contents-release,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .contents-release {
  padding-top: 32px;
  background-color: #ffd8e1;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li {
  position: relative;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point {
  position: absolute;
  top: -12px;
  left: -15px;
  min-width: 60px;
  height: 60px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.point,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.point {
  padding: 10px 0 0;
  font-size: 10px;
  letter-spacing: 0.03em;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.num,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point
  span.num {
  margin: -4px 0 0;
  font-size: 24px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-recommend-point
  .list-recommend-point
  li
  .tit-recommend-point
  .circle-point::before {
  position: absolute;
  right: 0;
  bottom: 2px;
  width: 0;
  height: 0;
  border-color: #fc5775 transparent transparent transparent;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  transform: rotate(-45deg);
  content: '';
}
#page-recommend-single .sec-recommend-pop .sec-faq-list-in,
[id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-list-in {
  background-color: #fff8fa;
}
#page-recommend-single .sec-recommend-pop .sec-faq-list .list-faq li,
[id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-list .list-faq li {
  background-color: #fff;
  border-radius: 10px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq {
  margin: 0 0 16px;
  color: #fc5774;
  border: 1px dotted #fc5774;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq
  dl
  dt::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-list
  .list-faq
  li
  .tit-list-faq
  dl
  dt::after {
  background-color: #fc5774;
}
#page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box,
[id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-box .list-faq-box {
  display: flex;
  flex-flow: row wrap;
  background-color: #f7f7f7;
}
#page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li {
  position: relative;
  box-sizing: border-box;
  margin: 30px 0 0;
  background-color: #fff;
}
#page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li dl dt,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt {
  display: flex;
  padding: 0 0 0 70px;
  color: #fc5774;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .question,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .question {
  position: relative;
  left: -70px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 56px;
  height: 52px;
  color: #222;
  font-size: 14px;
  background-color: #ffd8e1;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .question::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .question::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 26px 8px 26px;
  content: '';
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .txt-box,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dt
  .txt-box {
  display: block;
  margin: 0 0 0 -56px;
}
#page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li dl dd,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd {
  line-height: 1.71;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd
  .ico-a,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-faq-box
  .list-faq-box
  li
  dl
  dd
  .ico-a {
  display: none;
}
#page-recommend-single .sec-recommend-pop .sec-flow-in .content-flow,
[id*='page-recommend_single_'] .sec-recommend-pop .sec-flow-in .content-flow {
  height: 72px;
  padding: 12px 15px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}
#page-recommend-single .sec-recommend-pop .sec-flow-in .content-flow > *,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  > * {
  position: relative;
  z-index: 3;
}
#page-recommend-single .sec-recommend-pop .sec-flow-in .content-flow::before,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow::before {
  bottom: -17px;
  left: 50%;
  z-index: 1;
  width: 18px;
  height: 24px;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
  transform: rotate(45deg) translateX(-50%) skew(-4deg, -4deg);
}
#page-recommend-single .sec-recommend-pop .sec-flow-in .content-flow::after,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: '';
}
#page-recommend-single
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  + .content-flow,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  + .content-flow {
  margin: 14px 0 0;
}
#page-recommend-single .sec-recommend-pop .sec-flow-in .content-flow .sec-step,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step {
  margin: 0 25px 0 0;
  color: #fc5774;
  text-align: center;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span {
  display: block;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span.step,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span.step {
  font-size: 10px;
}
#page-recommend-single
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span.num,
[id*='page-recommend_single_']
  .sec-recommend-pop
  .sec-flow-in
  .content-flow
  .sec-step
  span.num {
  position: relative;
  top: -7px;
  font-weight: 700;
  font-size: 24px;
}
#page-recommend-single .sec-recommend-pop .area-btn .btn-form,
[id*='page-recommend_single_'] .sec-recommend-pop .area-btn .btn-form {
  position: relative;
}
#page-recommend-single .sec-recommend-pop .area-btn .btn-form::before,
[id*='page-recommend_single_'] .sec-recommend-pop .area-btn .btn-form::before {
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid #fff;
  border-radius: 3px;
  content: '';
}
#page-recommend-single .sec-recommend-bnr,
[id*='page-recommend_single_'] .sec-recommend-bnr {
  margin: 0 auto 56px;
}
#page-recommend-single .sec-recommend-bnr .recommend-bnr-slide-in .img,
[id*='page-recommend_single_'] .sec-recommend-bnr .recommend-bnr-slide-in .img {
  margin: 0 0 16px;
}
#page-recommend-single .sec-recommend-bnr .recommend-bnr-slide .slide,
[id*='page-recommend_single_'] .sec-recommend-bnr .recommend-bnr-slide .slide {
  margin: 0 4px;
}
#page-recommend-single .sec-recommend-bnr .recommend-bnr-slide .slide a,
[id*='page-recommend_single_']
  .sec-recommend-bnr
  .recommend-bnr-slide
  .slide
  a {
  display: block;
  outline: 0;
}
#page-recommend-single .slick-initialized .slick-slide,
[id*='page-recommend_single_'] .slick-initialized .slick-slide {
  height: auto;
}
#page-recommend-single-input .sec-form-recommend-single-input .tit-form {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.06em;
  background-color: #fc5774;
}
#page-recommend-single-input
  .sec-form-recommend-single-input
  .tit-form
  .circle-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 24px 0 0;
  color: #fc5774;
  font-size: 15px;
  background-color: #fff;
  border: 1px solid #fc5774;
  border-radius: 50%;
}
#page-recommend-single-input
  .sec-form-recommend-single-input
  .tit-form
  .circle-tit
  .row {
  display: block;
  text-align: center;
}
#page-recommend-single-input
  .sec-form-recommend-single-input
  .tit-form
  .circle-tit
  .num {
  font-size: 25px;
}
#page-recommend-single-input
  .sec-form-recommend-single-input.area-system
  .bg-pink
  .sec-system {
  padding: 4px 60px 40px;
  border-radius: 0;
  box-shadow: none;
}
#page-recommend-single-input
  .sec-form-recommend-single-input.area-system
  .sec-form {
  padding: 0;
}
#page-recommend-single-input
  .sec-form-recommend-single-input.area-system
  .sec-form
  .form-list {
  border-top: none;
}
#page-recommend-single-input
  .sec-form-recommend-single-input.area-system
  .sec-form
  .form-list
  .form-input-set {
  letter-spacing: 0;
}
@media only screen and (min-width: 768px) {
  #page-recommend-single .contents-width.contents-width-recommend,
  [id*='page-recommend_single_'] .contents-width.contents-width-recommend {
    width: 880px;
  }
  #page-recommend-single
    .contents-width.contents-width-recommend
    + .contents-width-recommend,
  [id*='page-recommend_single_']
    .contents-width.contents-width-recommend
    + .contents-width-recommend {
    margin: 56px auto 0;
  }
  #page-recommend-single .sec-contact-recommend,
  [id*='page-recommend_single_'] .sec-contact-recommend {
    margin: 56px 0 0;
  }
  #page-recommend-single .sec-contact-recommend + .contents-width-recommend,
  [id*='page-recommend_single_']
    .sec-contact-recommend
    + .contents-width-recommend {
    margin: 56px auto 0;
  }
  #page-recommend-single .mv-recommend,
  [id*='page-recommend_single_'] .mv-recommend {
    width: 1100px;
  }
  #page-recommend-single .mv-recommend .txt,
  [id*='page-recommend_single_'] .mv-recommend .txt {
    margin: 24px 0 0;
    font-size: 18px;
  }
  #page-recommend-single .mv-recommend .list-label,
  [id*='page-recommend_single_'] .mv-recommend .list-label {
    margin: 0 auto;
  }
  #page-recommend-single .mv-recommend .list-label li,
  [id*='page-recommend_single_'] .mv-recommend .list-label li {
    margin: 24px 8px 0 0;
  }
  #page-recommend-single .catchphrase .number,
  [id*='page-recommend_single_'] .catchphrase .number {
    font-size: 16px;
  }
  #page-recommend-single .tit-sec,
  [id*='page-recommend_single_'] .tit-sec {
    margin: 0 0 24px;
  }
  #page-recommend-single .flex-list,
  [id*='page-recommend_single_'] .flex-list {
    display: flex;
    flex-flow: row wrap;
    margin: -20px 0 0;
  }
  #page-recommend-single .flex-list li,
  [id*='page-recommend_single_'] .flex-list li {
    width: 430px;
    margin: 20px 0 0;
  }
  #page-recommend-single .flex-list li:nth-child(2n),
  [id*='page-recommend_single_'] .flex-list li:nth-child(2n) {
    margin: 20px 0 0 20px;
  }
  #page-recommend-single .sec-popular .list-popular li .tit-list-popular,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .tit-list-popular {
    padding: 0 0 0 24px;
  }
  #page-recommend-single .sec-popular .list-popular li .area-table,
  [id*='page-recommend_single_'] .sec-popular .list-popular li .area-table {
    margin: 0 0 0 24px;
  }
  #page-recommend-single
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    th,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    th {
    width: 88px;
  }
  #page-recommend-single
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    td,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    td {
    width: calc(100% - 88px);
  }
  #page-recommend-single .sec-detail-job .txt,
  [id*='page-recommend_single_'] .sec-detail-job .txt {
    margin: 0 0 24px;
  }
  #page-recommend-single .sec-detail-job .area-recommend .tit-area-recommend,
  [id*='page-recommend_single_']
    .sec-detail-job
    .area-recommend
    .tit-area-recommend {
    font-size: 16px;
  }
  #page-recommend-single
    .sec-detail-job
    .area-recommend
    .list-area-recommend
    li,
  [id*='page-recommend_single_']
    .sec-detail-job
    .area-recommend
    .list-area-recommend
    li {
    font-size: 15px;
  }
  #page-recommend-single
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point,
  [id*='page-recommend_single_']
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point {
    font-size: 16px;
    line-height: 1.53;
  }
  #page-recommend-single .sec-voice-in .area-img,
  [id*='page-recommend_single_'] .sec-voice-in .area-img {
    width: 260px;
  }
  #page-recommend-single .sec-voice-in .area-img .txt-img,
  [id*='page-recommend_single_'] .sec-voice-in .area-img .txt-img {
    font-size: 12px;
    line-height: 1.5;
  }
  #page-recommend-single .sec-voice-in .content,
  [id*='page-recommend_single_'] .sec-voice-in .content {
    width: 600px;
  }
  #page-recommend-single .sec-voice-in .content .tit,
  [id*='page-recommend_single_'] .sec-voice-in .content .tit {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.56;
  }
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:first-child,
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:first-child {
    width: 120px;
  }
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(2),
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(3),
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(2),
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(3) {
    width: 380px;
  }
  #page-recommend-single .sec-comparison .table-sec-comparison tbody td,
  #page-recommend-single .sec-comparison .table-sec-comparison tbody th,
  [id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tbody td,
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tbody
    th {
    padding: 16px;
  }
  #page-recommend-single .sec-example .area-list-example,
  [id*='page-recommend_single_'] .sec-example .area-list-example {
    display: flex;
    margin: 0 auto;
  }
  #page-recommend-single
    .sec-example
    .area-list-example
    .list-style-disc
    li::before,
  [id*='page-recommend_single_']
    .sec-example
    .area-list-example
    .list-style-disc
    li::before {
    width: 8px;
    height: 8px;
  }
  #page-recommend-single .sec-reason .txt,
  [id*='page-recommend_single_'] .sec-reason .txt {
    margin: 24px 0 0;
  }
  #page-recommend-single .sec-reason-child,
  [id*='page-recommend_single_'] .sec-reason-child {
    margin: 24px 0 0;
    padding: 30px 24px;
  }
  #page-recommend-single .sec-reason-child .list-reason li,
  [id*='page-recommend_single_'] .sec-reason-child .list-reason li {
    padding: 0 16px 16px;
    font-size: 18px;
  }
  #page-recommend-single .sec-reason-child .list-reason li:last-child,
  [id*='page-recommend_single_'] .sec-reason-child .list-reason li:last-child {
    padding: 0 16px;
  }
  #page-recommend-single .sec-reason .txt-small,
  [id*='page-recommend_single_'] .sec-reason .txt-small {
    margin: 16px 0 0;
  }
  #page-recommend-single .sec-recommend-detail .list-recommend-detail li,
  [id*='page-recommend_single_']
    .sec-recommend-detail
    .list-recommend-detail
    li {
    font-size: 18px;
  }
  #page-recommend-single
    .sec-recommend-detail
    .list-recommend-detail
    li
    .ico-checkbox,
  [id*='page-recommend_single_']
    .sec-recommend-detail
    .list-recommend-detail
    li
    .ico-checkbox {
    width: 22px;
    height: 19px;
    background-size: 22px 19px;
  }
  #page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl dt::after,
  [id*='page-recommend_single_']
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq
    dl
    dt::after {
    top: 0;
  }
  #page-recommend-single .area-btn.area-btn-form,
  [id*='page-recommend_single_'] .area-btn.area-btn-form {
    margin: 0 0 120px;
  }
  #page-recommend-single .area-btn .btn-form,
  [id*='page-recommend_single_'] .area-btn .btn-form {
    font-size: 20px;
  }
  #page-recommend-single .area-btn .btn-form:hover,
  [id*='page-recommend_single_'] .area-btn .btn-form:hover {
    color: #fff;
    background-color: #fc5774;
  }
  #page-recommend-single .area-btn .btn-form .ico-arrow4,
  [id*='page-recommend_single_'] .area-btn .btn-form .ico-arrow4 {
    left: 24px;
  }
  #page-recommend-single .sec-contact,
  [id*='page-recommend_single_'] .sec-contact {
    margin: 80px 0;
  }
  #page-recommend-single
    .sec-contact
    .area-btn-contact
    .btn-wrapper
    + .btn-wrapper,
  [id*='page-recommend_single_']
    .sec-contact
    .area-btn-contact
    .btn-wrapper
    + .btn-wrapper {
    margin: 0 0 0 16px;
  }
  #page-recommend-single .sec-recommend-basic .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-basic .tit-sec {
    align-items: center;
    height: 34px;
    padding: 0 0 8px 20px;
  }
  #page-recommend-single .sec-recommend-basic .tit-sec::before,
  [id*='page-recommend_single_'] .sec-recommend-basic .tit-sec::before {
    height: 34px;
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .tit-page-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .mv-recommend
    .tit-page-recommend {
    padding: 30px 0 40px;
    font-size: 30px;
    text-align: center;
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .txt,
  [id*='page-recommend_single_'] .sec-recommend-basic .mv-recommend .txt {
    text-align: center;
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .list-label,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .mv-recommend
    .list-label {
    max-width: 805px;
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .list-label li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .mv-recommend
    .list-label
    li {
    height: 35px;
    font-size: 15px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase {
    width: 500px;
    margin: 45px auto 0;
    padding: 20px 8px 12px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase .tit,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .tit {
    padding: 0 12px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase .number,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .number {
    padding: 0 8px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase .number .num,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .catchphrase
    .number
    .num {
    font-size: 24px;
  }
  #page-recommend-single .sec-recommend-basic .sec-popular .list-popular li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li {
    padding: 24px 24px 24px 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li
    .tit-list-popular,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li
    .tit-list-popular {
    width: 395px;
    height: 32px;
    font-size: 16px;
  }
  #page-recommend-single .sec-recommend-basic .sec-detail-job .area-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-detail-job
    .area-recommend {
    padding: 30px 30px 24px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li {
    padding: 30px 24px 24px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point {
    min-width: 50px;
    height: 50px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.point,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.point {
    padding: 10px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.num,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.num {
    margin: -4px 0 0;
    font-size: 20px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq {
    height: 48px;
    padding: 0 18px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq::before,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq::before {
    left: 18px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
  #page-recommend-single .sec-recommend-basic .sec-example .area-list-example,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-example
    .area-list-example {
    width: 760px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-example
    .area-list-example
    .list-style-disc,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-example
    .area-list-example
    .list-style-disc {
    width: 380px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job {
    margin: -12px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li {
    width: 210px;
    margin: 12px 12px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(4n),
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(4n) {
    margin: 12px 0 0;
  }
  #page-recommend-single .sec-recommend-basic .sec-reason .sec-reason-in,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-reason
    .sec-reason-in {
    width: 760px;
  }
  #page-recommend-single .sec-recommend-basic .sec-reason .txt,
  [id*='page-recommend_single_'] .sec-recommend-basic .sec-reason .txt {
    font-size: 16px;
  }
  #page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li {
    margin: 0 0 24px;
    padding: 30px 24px 24px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt {
    margin: 0 0 24px;
    padding: 0 0 24px 36px;
  }
  #page-recommend-single .sec-recommend-basic .sec-flow-in,
  [id*='page-recommend_single_'] .sec-recommend-basic .sec-flow-in {
    display: flex;
  }
  #page-recommend-single .sec-recommend-basic .sec-flow-in .content-flow,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-flow-in
    .content-flow {
    width: 196px;
    padding: 0 20px 0 0;
    border-right: 1px solid #ccc;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-flow-in
    .content-flow::before,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-flow-in
    .content-flow::before {
    top: 50%;
    right: -2px;
    transform: rotate(45deg) translateY(-50%);
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-flow-in
    .content-flow
    + .content-flow,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-flow-in
    .content-flow
    + .content-flow {
    margin: 0 0 0 24px;
  }
  #page-recommend-single .sec-recommend-basic .area-btn .btn-form,
  [id*='page-recommend_single_'] .sec-recommend-basic .area-btn .btn-form {
    box-shadow: 0 6px #d6d0cd;
  }
  #page-recommend-single .sec-recommend-basic .area-btn .btn-form:hover,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .area-btn
    .btn-form:hover {
    box-shadow: none;
    transform: translateY(6px);
  }
  #page-recommend-single .sec-recommend-pop .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-pop .tit-sec {
    font-size: 24px;
  }
  #page-recommend-single .sec-recommend-pop .contents-release,
  [id*='page-recommend_single_'] .sec-recommend-pop .contents-release {
    padding: 40px calc(50% - 50vw);
  }
  #page-recommend-single .sec-recommend-pop .contents-release .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-pop .contents-release .tit-sec {
    width: 880px;
    margin: 0 auto 24px;
  }
  #page-recommend-single .sec-recommend-pop .mv-recommend,
  [id*='page-recommend_single_'] .sec-recommend-pop .mv-recommend {
    width: 1100px;
    margin: 0 auto 40px;
  }
  #page-recommend-single .sec-recommend-pop .mv-recommend .tit-page-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .mv-recommend
    .tit-page-recommend {
    margin: 0 0 40px;
    padding: 0 0 24px;
    font-size: 26px;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase {
    width: 400px;
    margin: 40px auto 0;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number {
    height: 38px;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number .num,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number .num {
    font-size: 22px;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number::before,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .catchphrase
    .number::before {
    border-color: transparent #fff transparent transparent;
    border-width: 19px 12px 19px 0;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number::after,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .catchphrase
    .number::after {
    border-color: transparent transparent transparent #fff;
    border-width: 19px 0 19px 12px;
  }
  #page-recommend-single .sec-recommend-pop .sec-popular .list-popular li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-popular
    .list-popular
    li {
    padding: 16px 24px 16px 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-popular
    .list-popular
    li
    .tit-list-popular,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-popular
    .list-popular
    li
    .tit-list-popular {
    width: 370px;
  }
  #page-recommend-single .sec-recommend-pop .sec-detail-job .area-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-detail-job
    .area-recommend {
    padding: 40px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-example
    .area-list-example
    .list-style-disc,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-example
    .area-list-example
    .list-style-disc {
    width: 440px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job {
    margin: -12px 0 0;
    padding: 40px 28px 24px;
    border-radius: 10px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li {
    width: 198px;
    margin: 10px 10px 0 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(4n),
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(4n) {
    margin: 10px 0 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li
    .tit-recommend-table,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li
    .tit-recommend-table {
    left: 15px;
    width: 172px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point {
    width: 880px;
    margin: -32px auto 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li {
    width: 405px;
    margin: 32px 0 0 15px;
    padding: 24px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li:nth-child(2n),
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li:nth-child(2n) {
    margin: 32px 0 0 55px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point {
    margin: 0 0 24px 45px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-list .list-faq,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-list .list-faq {
    width: 880px;
    margin: 0 auto;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-list .list-faq li,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-list .list-faq li {
    padding: 16px 24px 24px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq {
    height: 46px;
    padding: 0 16px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-box .list-faq-box {
    padding: 0 30px 30px;
    border-radius: 10px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li {
    width: 395px;
    padding: 24px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li:nth-child(2n),
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li:nth-child(2n) {
    margin: 30px 0 0 30px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li dl dt,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt {
    font-size: 15px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt
    .question,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt
    .question {
    top: -26px;
  }
  #page-recommend-single .sec-recommend-pop .area-btn .btn-form,
  [id*='page-recommend_single_'] .sec-recommend-pop .area-btn .btn-form {
    box-shadow: 5px 5px 0 #d6d0cd;
  }
  #page-recommend-single .sec-recommend-pop .area-btn .btn-form:hover,
  [id*='page-recommend_single_'] .sec-recommend-pop .area-btn .btn-form:hover {
    box-shadow: none;
    transform: translate3d(5px, 5px, 0);
  }
  #page-recommend-single .sec-recommend-bnr,
  [id*='page-recommend_single_'] .sec-recommend-bnr {
    width: 1100px;
  }
  #page-recommend-single-input
    .sec-form-recommend-single-input.area-system
    .sec-form
    .form-list
    .form-input-set
    input[type='radio']
    + label {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  #page-recommend-single #main,
  [id*='page-recommend_single_'] #main {
    margin: 56px 0 0;
  }
  #page-recommend-single
    .contents-width.contents-width-recommend
    + .contents-width-recommend,
  [id*='page-recommend_single_']
    .contents-width.contents-width-recommend
    + .contents-width-recommend {
    margin: 40px auto 0;
  }
  #page-recommend-single .sec-contact-recommend,
  [id*='page-recommend_single_'] .sec-contact-recommend {
    margin: 24px 0 0;
  }
  #page-recommend-single .sec-contact-recommend + .contents-width-recommend,
  [id*='page-recommend_single_']
    .sec-contact-recommend
    + .contents-width-recommend {
    margin: 40px auto 0;
  }
  #page-recommend-single .mv-recommend .txt,
  [id*='page-recommend_single_'] .mv-recommend .txt {
    margin: 16px 0 0;
    font-size: 14px;
  }
  #page-recommend-single .mv-recommend .list-label,
  [id*='page-recommend_single_'] .mv-recommend .list-label {
    margin: 16px auto 0;
  }
  #page-recommend-single .mv-recommend .list-label li,
  [id*='page-recommend_single_'] .mv-recommend .list-label li {
    margin: 8px 8px 0 0;
  }
  #page-recommend-single .catchphrase .tit,
  [id*='page-recommend_single_'] .catchphrase .tit {
    font-size: 12px;
  }
  #page-recommend-single .catchphrase .number,
  [id*='page-recommend_single_'] .catchphrase .number {
    font-size: 14px;
  }
  #page-recommend-single .catchphrase .number .num,
  [id*='page-recommend_single_'] .catchphrase .number .num {
    font-size: 18px;
  }
  #page-recommend-single .tit-sec,
  [id*='page-recommend_single_'] .tit-sec {
    margin: 0 0 16px;
  }
  #page-recommend-single .sec-popular .list-popular li + li,
  [id*='page-recommend_single_'] .sec-popular .list-popular li + li {
    margin: 16px 0 0;
  }
  #page-recommend-single .sec-popular .list-popular li .tit-list-popular,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .tit-list-popular {
    height: 30px;
    padding: 0 0 0 15px;
  }
  #page-recommend-single .sec-popular .list-popular li .area-table,
  [id*='page-recommend_single_'] .sec-popular .list-popular li .area-table {
    margin: 0 0 0 15px;
  }
  #page-recommend-single
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    td,
  #page-recommend-single
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    th,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    td,
  [id*='page-recommend_single_']
    .sec-popular
    .list-popular
    li
    .area-table
    .table-sec-popular
    th {
    font-size: 12px;
  }
  #page-recommend-single .sec-detail-job .txt,
  [id*='page-recommend_single_'] .sec-detail-job .txt {
    margin: 0 0 14px;
  }
  #page-recommend-single .sec-detail-job .area-recommend .tit-area-recommend,
  [id*='page-recommend_single_']
    .sec-detail-job
    .area-recommend
    .tit-area-recommend {
    font-size: 15px;
  }
  #page-recommend-single
    .sec-detail-job
    .area-recommend
    .list-area-recommend
    li,
  [id*='page-recommend_single_']
    .sec-detail-job
    .area-recommend
    .list-area-recommend
    li {
    font-size: 14px;
  }
  #page-recommend-single
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point,
  [id*='page-recommend_single_']
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point {
    font-size: 15px;
    line-height: 1.43;
  }
  #page-recommend-single .sec-voice-in .area-img,
  [id*='page-recommend_single_'] .sec-voice-in .area-img {
    width: calc(36% - 8px);
  }
  #page-recommend-single .sec-voice-in .area-img .txt-img,
  [id*='page-recommend_single_'] .sec-voice-in .area-img .txt-img {
    font-size: 10px;
    line-height: 1.6;
  }
  #page-recommend-single .sec-voice-in .content,
  [id*='page-recommend_single_'] .sec-voice-in .content {
    width: calc(64% - 8px);
  }
  #page-recommend-single .sec-voice-in .content .tit,
  [id*='page-recommend_single_'] .sec-voice-in .content .tit {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.73;
  }
  #page-recommend-single .sec-comparison .table-sec-comparison tr td,
  #page-recommend-single .sec-comparison .table-sec-comparison tr th,
  [id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tr td,
  [id*='page-recommend_single_'] .sec-comparison .table-sec-comparison tr th {
    font-size: 12px;
  }
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:first-child,
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:first-child {
    width: 32%;
  }
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(2),
  #page-recommend-single
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(3),
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(2),
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tr
    th:nth-of-type(3) {
    width: 36%;
  }
  #page-recommend-single .sec-comparison .table-sec-comparison tbody td,
  [id*='page-recommend_single_']
    .sec-comparison
    .table-sec-comparison
    tbody
    td {
    padding: 8px;
  }
  #page-recommend-single
    .sec-example
    .area-list-example
    .list-style-disc
    li::before,
  [id*='page-recommend_single_']
    .sec-example
    .area-list-example
    .list-style-disc
    li::before {
    width: 6px;
    height: 6px;
  }
  #page-recommend-single .sec-recommend-job .list-recommend-job,
  [id*='page-recommend_single_'] .sec-recommend-job .list-recommend-job {
    margin: 24px 0 0;
  }
  #page-recommend-single .sec-recommend-job .list-recommend-job li,
  [id*='page-recommend_single_'] .sec-recommend-job .list-recommend-job li {
    width: calc(50% - 4px);
  }
  #page-recommend-single .sec-reason .txt,
  [id*='page-recommend_single_'] .sec-reason .txt {
    margin: 16px 0 0;
  }
  #page-recommend-single .sec-reason-child,
  [id*='page-recommend_single_'] .sec-reason-child {
    margin: 16px 0 0;
    padding: 16px 15px;
  }
  #page-recommend-single .sec-reason-child .list-reason li,
  [id*='page-recommend_single_'] .sec-reason-child .list-reason li {
    padding: 0 0 16px;
    font-size: 15px;
    line-height: 1.53;
  }
  #page-recommend-single .sec-reason-child .list-reason li:last-child,
  [id*='page-recommend_single_'] .sec-reason-child .list-reason li:last-child {
    padding: 0;
  }
  #page-recommend-single .sec-reason .txt-small,
  [id*='page-recommend_single_'] .sec-reason .txt-small {
    margin: 8px 0 0;
    font-size: 10px;
  }
  #page-recommend-single .sec-recommend-detail .list-recommend-detail,
  [id*='page-recommend_single_'] .sec-recommend-detail .list-recommend-detail {
    margin: 0 15px;
  }
  #page-recommend-single .sec-recommend-detail .list-recommend-detail li,
  [id*='page-recommend_single_']
    .sec-recommend-detail
    .list-recommend-detail
    li {
    font-size: 12px;
  }
  #page-recommend-single
    .sec-recommend-detail
    .list-recommend-detail
    li
    .ico-checkbox,
  [id*='page-recommend_single_']
    .sec-recommend-detail
    .list-recommend-detail
    li
    .ico-checkbox {
    width: 18px;
    height: 16px;
    background-size: 18px 16px;
  }
  #page-recommend-single .sec-faq-list .list-faq li .tit-list-faq,
  [id*='page-recommend_single_'] .sec-faq-list .list-faq li .tit-list-faq {
    height: auto;
    padding: 8px;
  }
  #page-recommend-single .sec-faq-list .list-faq li .tit-list-faq dl dt::after,
  [id*='page-recommend_single_']
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq
    dl
    dt::after {
    top: 2px;
  }
  #page-recommend-single .area-btn.area-btn-form,
  [id*='page-recommend_single_'] .area-btn.area-btn-form {
    width: 100%;
    margin: 0 0 40px;
    padding: 0 4vw;
  }
  #page-recommend-single .area-btn .btn-form,
  [id*='page-recommend_single_'] .area-btn .btn-form {
    font-size: 18px;
  }
  #page-recommend-single .area-btn .btn-form .ico-arrow4,
  [id*='page-recommend_single_'] .area-btn .btn-form .ico-arrow4 {
    left: 16px;
    width: 8px;
    height: 16px;
    background-size: 8px 16px;
  }
  #page-recommend-single .sec-contact,
  [id*='page-recommend_single_'] .sec-contact {
    margin: 40px 0;
  }
  #page-recommend-single .sec-contact .area-btn-contact,
  [id*='page-recommend_single_'] .sec-contact .area-btn-contact {
    display: block;
    width: 265px;
    margin: 0 auto;
  }
  #page-recommend-single .sec-contact .area-btn-contact .btn-wrapper,
  [id*='page-recommend_single_'] .sec-contact .area-btn-contact .btn-wrapper {
    margin: 32px 0 0;
  }
  #page-recommend-single .sec-recommend-basic .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-basic .tit-sec {
    padding: 0 0 8px 16px;
  }
  #page-recommend-single .sec-recommend-basic .tit-sec::before,
  [id*='page-recommend_single_'] .sec-recommend-basic .tit-sec::before {
    height: calc(100% - 14px);
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .tit-page-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .mv-recommend
    .tit-page-recommend {
    margin: 0 4vw;
    padding: 16px 0;
    font-size: 24px;
    line-height: 1.7;
  }
  #page-recommend-single .sec-recommend-basic .mv-recommend .list-label li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .mv-recommend
    .list-label
    li {
    margin: 8px 8px 0 0;
    font-size: 14px;
    line-height: 1.28;
    text-align: center;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase {
    margin: 32px auto 0;
    padding: 15px 8px 8px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase .tit,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .tit {
    padding: 0 6px;
  }
  #page-recommend-single .sec-recommend-basic .catchphrase .number,
  [id*='page-recommend_single_'] .sec-recommend-basic .catchphrase .number {
    padding: 0 3px;
  }
  #page-recommend-single .sec-recommend-basic .sec-popular .list-popular li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li {
    padding: 16px 15px 16px 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li
    .tit-list-popular,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-popular
    .list-popular
    li
    .tit-list-popular {
    font-size: 14px;
  }
  #page-recommend-single .sec-recommend-basic .sec-detail-job .area-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-detail-job
    .area-recommend {
    padding: 24px 15px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li {
    padding: 16px 15px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    + li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    + li {
    margin: 16px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point {
    min-width: 40px;
    height: 40px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.point,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.point {
    padding: 8px 0 0;
    transform: scale(0.8);
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.num,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point
    .circle-point
    span.num {
    margin: -6px 0 0;
    font-size: 16px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq::before,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-list
    .list-faq
    li
    .tit-list-faq::before {
    left: 22px;
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job {
    margin: -16px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li {
    width: calc(50% - 4px);
    margin: 16px 0 0;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(2n),
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(2n) {
    margin: 16px 0 0 8px;
  }
  #page-recommend-single .sec-recommend-basic .sec-faq-box .list-faq-box li,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li {
    margin: 0 0 16px;
    padding: 16px 15px;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt {
    margin: 0 0 16px;
    padding: 0 0 16px 36px;
  }
  #page-recommend-single .sec-recommend-basic .sec-flow-in .content-flow,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-flow-in
    .content-flow {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid #ccc;
  }
  #page-recommend-single
    .sec-recommend-basic
    .sec-flow-in
    .content-flow::before,
  [id*='page-recommend_single_']
    .sec-recommend-basic
    .sec-flow-in
    .content-flow::before {
    bottom: -10px;
    left: calc(50% - 10px);
    transform: rotate(135deg) translateX(-50%);
  }
  #page-recommend-single .sec-recommend-basic .area-btn .btn-form,
  [id*='page-recommend_single_'] .sec-recommend-basic .area-btn .btn-form {
    box-shadow: 0 4px #d6d0cd;
  }
  #page-recommend-single .sec-recommend-pop .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-pop .tit-sec {
    font-size: 18px;
  }
  #page-recommend-single .sec-recommend-pop .contents-release,
  [id*='page-recommend_single_'] .sec-recommend-pop .contents-release {
    padding: 32px 4vw;
  }
  #page-recommend-single .sec-recommend-pop .contents-release .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-pop .contents-release .tit-sec {
    margin: 0 auto 12px;
  }
  #page-recommend-single .sec-recommend-pop .mv-recommend,
  [id*='page-recommend_single_'] .sec-recommend-pop .mv-recommend {
    margin: 0 0 16px;
  }
  #page-recommend-single .sec-recommend-pop .mv-recommend .tit-page-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .mv-recommend
    .tit-page-recommend {
    margin: 0 0 16px;
    padding: 0 15px 12px;
    font-size: 20px;
    line-height: 1.7;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase {
    margin: 32px auto 0;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .tit,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .tit {
    font-size: 12px;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number,
  [id*='page-recommend_single_'] .sec-recommend-pop .catchphrase .number {
    height: 30px;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number::before,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .catchphrase
    .number::before {
    border-color: transparent #fff transparent transparent;
    border-width: 15px 8px 15px 0;
  }
  #page-recommend-single .sec-recommend-pop .catchphrase .number::after,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .catchphrase
    .number::after {
    border-color: transparent transparent transparent #fff;
    border-width: 15px 0 15px 8px;
  }
  #page-recommend-single .sec-recommend-pop .sec-popular .list-popular li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-popular
    .list-popular
    li {
    padding: 16px 10px 12px 0;
  }
  #page-recommend-single .sec-recommend-pop .sec-detail-job .area-recommend,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-detail-job
    .area-recommend {
    padding: 24px 16px;
  }
  #page-recommend-single .sec-recommend-pop .sec-recommend-job .tit-sec,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .tit-sec {
    margin: 0 4vw;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job {
    padding: 0 4vw 24px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li {
    width: calc(50% - 4px);
    margin: 40px 0 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(2n),
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li:nth-child(2n) {
    margin: 40px 0 0 8px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li
    .tit-recommend-table,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job
    .list-recommend-job
    li
    .tit-recommend-table {
    left: 50%;
    width: 83%;
    transform: translateX(-50%);
  }
  #page-recommend-single .sec-recommend-pop .sec-recommend-job.contents-width,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-job.contents-width {
    padding: 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .contents-release,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .contents-release {
    padding: 32px 30px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li {
    padding: 24px 16px 16px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    + li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    + li {
    margin: 28px 0 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-recommend-point
    .list-recommend-point
    li
    .tit-recommend-point {
    margin: 0 0 16px 54px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-list .list-faq li,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-list .list-faq li {
    padding: 16px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-box {
    padding: 0;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .tit-sec,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-box .tit-sec {
    margin: 0 4vw 24px;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box,
  [id*='page-recommend_single_'] .sec-recommend-pop .sec-faq-box .list-faq-box {
    padding: 32px 4vw;
  }
  #page-recommend-single .sec-recommend-pop .sec-faq-box .list-faq-box li,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li {
    padding: 16px 15px;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li:first-child,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li:first-child {
    margin: 0;
  }
  #page-recommend-single
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt
    .question,
  [id*='page-recommend_single_']
    .sec-recommend-pop
    .sec-faq-box
    .list-faq-box
    li
    dl
    dt
    .question {
    top: -18px;
  }
  #page-recommend-single .sec-recommend-pop .area-btn .btn-form,
  [id*='page-recommend_single_'] .sec-recommend-pop .area-btn .btn-form {
    box-shadow: 0 4px #d6d0cd;
  }
}
@media only screen and (max-width: 375px) {
  #page-recommend-single .area-btn .btn-form,
  [id*='page-recommend_single_'] .area-btn .btn-form {
    font-size: 15px;
  }
}

/* リニューアル
一覧ページ用
====================================================*/
.recommendMain {
  padding-bottom: 9.6rem;
}
.recommendMain_lead {
  margin-bottom: 5.6rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
}
.recommendMain_menu {
  margin-bottom: 6rem;
}
.recommendMain_menu_title {
  position: relative;
  padding-bottom: 1.2rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 2.2rem;
  text-align: center;
}
.recommendMain_menu_title:not(:first-child) {
  margin-top: 4.6rem;
}
.recommendMain_menu_title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 4.8rem;
  height: 0.3rem;
  background-color: var(--button-blue);
  border-radius: 0.3rem;
  transform: translateX(-50%);
  content: '';
}
.recommendMain_menu_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 2.4rem;
}
.recommendMain_menu_item {
  width: 100%;
  max-width: calc((100% - 3.6rem) / 4);
}
.recommendMain_menu_link {
  position: relative;
  display: block;
  width: 100%;
  padding: 1rem 2.4rem 1rem 1.6rem;
  color: var(--monochrome-middle);
  font-weight: 600;
  font-size: 1.6rem;
  text-align: center;
  background: var(--white);
  border: 1px solid var(--button-blue);
  border-radius: 0.4rem;
  transition: var(--transition_color);
}
.recommendMain_menu_link::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-right: 2px solid var(--monochrome-middle);
  border-bottom: 2px solid var(--monochrome-middle);
  transform: translateY(-50%) rotate(-45deg);
  content: '';
}
.recommendMain_menu_link.is-current {
  color: var(--white);
  background: var(--button-blue);
  pointer-events: none;
}
.recommendMain_menu_link.is-current::after {
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
}

.recommendMain_card {
  container-type: inline-size;
}
.recommendMain_card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}
.recommendMain_card_item {
  width: 100%;
  max-width: calc((100% - 7.2rem) / 4);
  background: var(--white);
  border-radius: 0.8rem;
  box-shadow: var(--shadow_pc);
}
.recommendMain_card_link {
  position: relative;
  display: block;
  height: 100%;
  padding-bottom: 3.9rem;
}
.recommendMain_card_image {
  overflow: hidden;
  border-radius: 0.8rem 0.8rem 0 0;
  aspect-ratio: 298/199;
}
.recommendMain_card_image img {
  width: 100%;
}
.recommendMain_card_content {
  padding: 1.6rem 1.6rem 0;
}
.recommendMain_card_data {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.recommendMain_card_data_flag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.6rem;
  color: var(--white);
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  background: var(--button-blue);
}
.recommendMain_card_data_day {
  color: var(--monochrome-text);
  font-weight: 300;
  font-size: 1.4rem;
}
.recommendMain_card_title {
  margin-top: 1rem;
  color: var(--monochrome-middle);
  font-weight: 600;
  font-size: 1.6rem;
}
.recommendMain_card_more {
  position: absolute;
  right: 1.6rem;
  bottom: 1.6rem;
  display: flex;
  align-items: center;
  padding-right: 2.6rem;
  color: var(--monochrome-middle);
  font-weight: 300;
  font-size: 1.2rem;
}
.recommendMain_card_more_icon {
  position: absolute;
  right: 0;
  transition: var(--transition_base);
}
.recommendMain .share-buttons {
  margin-top: 5.6rem;
}
@media only screen and (min-width: 768px) {
  .recommendMain_menu_link:hover {
    color: var(--white);
    background: var(--button-blue);
    opacity: 1;
  }
  .recommendMain_menu_link:hover::after {
    border-right: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
  }
  .recommendMain_card_link:hover .recommendMain_card_more_icon {
    right: -0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .recommendMain {
    padding-bottom: 6rem;
  }
  .recommendMain_lead {
    margin-bottom: 3.8rem;
    font-size: 1.5rem;
  }
  .recommendMain_menu_title {
    padding-bottom: 0.8rem;
    font-size: 1.8rem;
  }
  .recommendMain_menu_title:not(:first-child) {
    margin-top: 3.8rem;
  }
  .recommendMain_menu_list {
    gap: 1.2rem;
    margin-top: 1.6rem;
  }
  .recommendMain_menu_link {
    padding: 0.6rem 2.4rem 0.6rem 1.2rem;
    font-size: 1.6rem;
    text-align: left;
  }
  .recommendMain_menu_item {
    max-width: calc((100% - 1.2rem) / 2);
  }
  .recommendMain_card_content {
    padding: 1.6rem 1.6rem 0;
  }
  .recommendMain_card_more {
    bottom: 1.5rem;
    font-size: 1.4rem;
  }
  .recommendMain .share-buttons {
    margin-top: 3rem;
  }
}

/* コンテナクエリ */
@container (max-width: 999px) {
  .recommendMain_card_item {
    max-width: calc((100% - 4.8rem) / 3);
  }
}
@container (max-width: 767px) {
  .recommendMain_card_item {
    max-width: calc((100% - 2.4rem) / 2);
    box-shadow: var(--shadow_sp);
  }
  .recommendMain_card_link {
    padding-bottom: 4.9rem;
  }
}
@container (max-width: 463px) {
  .recommendMain_card_item {
    max-width: 100%;
  }
}

/* リニューアル
詳細ページ用
====================================================*/
.post-recommend_content {
  margin-bottom: 4rem;
}
.post-recommend_lead {
  margin-bottom: 5.6rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.6;
}
.post-recommend_main_image {
  margin-bottom: 5.6rem;
}
.post-recommend_main_image img {
  width: 100%;
}
.post-recommend_subtitle {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 2.4rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3;
}
.post-recommend_subtitle::before {
  display: block;
  width: 0.4rem;
  height: 4rem;
  background: var(--button-blue);
  border-radius: 0.3rem;
  content: '';
}
.post-recommend_text {
  margin-bottom: 2.4rem;
  color: var(--monochrome-text);
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.6;
}
.post-recommend_text strong {
  font-weight: 600;
}
.post-recommend_image {
  margin-bottom: 2.4rem;
}
.post-recommend_image.--center {
  display: flex;
  justify-content: center;
}
.post-recommend_image.--left {
  display: flex;
  justify-content: flex-start;
}
.post-recommend_image.--right {
  display: flex;
  justify-content: flex-end;
}
.post-recommend_buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 2.4rem;
  margin-bottom: 5.6rem;
}
.post-recommend_button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc((100% - 3.6rem) / 4);
  padding: 1rem 2.4rem 1rem 1.6rem;
  color: var(--monochrome-middle);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2 !important;
  background: var(--white);
  border: 1px solid var(--button-blue);
  border-radius: 0.4rem;
  transition: var(--transition_color);
}
.post-recommend_button::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-right: 2px solid var(--monochrome-middle);
  border-bottom: 2px solid var(--monochrome-middle);
  transform: translateY(-50%) rotate(45deg);
  content: '';
}
.post-recommend_area {
  padding: 9.6rem 0;
}
.post-recommend_area:nth-child(odd) {
  background-color: var(--Background-Background-pink);
}
.post-recommend_area_title {
  position: relative;
  margin-bottom: 2.4rem;
  padding-bottom: 1.6rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 2.2rem;
  text-align: center;
}
.post-recommend_area_title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 4.8rem;
  height: 0.3rem;
  background-color: var(--button-blue);
  border-radius: 25em;
  transform: translateX(-50%);
  content: '';
}
.post-recommend_job {
}
.post-recommend_job_header {
  display: flex;
  justify-content: space-between;
  margin-top: 5.6rem;
  margin-bottom: 2.4rem;
}
.post-recommend_job_name {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  color: var(--monochrome-text);
  font-weight: 600;
  font-size: 1.8rem;
}
.post-recommend_job_name::before {
  position: absolute;
  left: 0;
  display: block;
  width: 0.4rem;
  height: 100%;
  background: var(--Primary);
  border-radius: 0.3rem;
  content: '';
}
.post-recommend_job_return {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: var(--Primary);
  font-weight: 600;
  font-size: 1.4rem;
}
.post-recommend_job_return_icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--white);
  border: 1px solid var(--Primary);
  border-radius: 5rem;
}
.post-recommend_job_return_icon::after {
  position: absolute;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.4rem;
  border-top: 2px solid var(--Primary);
  border-left: 2px solid var(--Primary);
  transform: rotate(45deg);
  content: '';
}

.post-recommend_slide {
  width: 100%;
  max-width: calc((100% - 9.6rem) / 3);
  height: auto;
  padding-bottom: 1px;
}
.post-recommend_slide_link {
  position: relative;
  display: block;
  height: 100%;
  padding: 2.4rem 2.4rem 1.6rem 2.4rem;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--Secondary-pink);
  border-radius: 0.8rem;
}
.post-recommend_slide_link::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-color: transparent transparent var(--Secondary-pink) transparent;
  border-style: solid;
  border-width: 0px 0px 5.5rem 5.5rem;
  content: '';
}
.post-recommend_slide_link::after {
  position: absolute;
  right: 1.2rem;
  bottom: 2rem;
  display: block;
  width: 3.6rem;
  height: 0.8rem;
  background: url(/share-files/_assets/images/icon-arrow_long_thin.svg) center
    center no-repeat;
  filter: var(--svg-Primary);
  transition: var(--transition_base);
  content: '';
}
.post-recommend_slide_employ {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.3rem 1.2rem;
  color: var(--monochrome-middle);
  font-weight: 600;
  font-size: clamp(1.3rem, calc(var(--scaleFactorPC) * 14), 1.4rem);
  text-align: center;
  background: var(--Secondary-pink);
  border-radius: 6rem;
}
.post-recommend_slide_pref {
  display: flex;
  align-items: flex-start;
  margin-top: 1.2rem;
  padding-top: 0.2rem;
  color: var(--monochrome-text);
  font-weight: 300;
  font-size: clamp(1.3rem, calc(var(--scaleFactorPC) * 14), 1.4rem);
  line-height: 1.6;
}
.post-recommend_slide_pref img {
  position: relative;
  top: -0.2rem;
  margin-right: 0.5rem;
}
.post-recommend_slide_title {
  margin-top: 1.4rem;
  color: var(--Primary);
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.6;
}
.post-recommend_slide_table {
  margin-top: 1.9rem;
}
.post-recommend_slide_table th {
  width: 6.4rem;
  padding-bottom: 1.2rem;
  text-align: center;
}
.post-recommend_slide_table tr:last-child th {
  padding-bottom: 0;
}
.post-recommend_slide_table th span {
  display: block;
  padding: 0.4rem;
  color: var(--monochrome-text);
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1;
  background: var(--monochrome-background02);
}
.post-recommend_slide_table td {
  padding: 0.1rem 0;
  padding-bottom: 1.2rem;
  padding-left: 0.8rem;
  color: var(--monochrome-text);
  font-weight: 300;
  font-size: clamp(1.2rem, calc(var(--scaleFactorPC) * 14), 1.4rem);
  line-height: 1.6;
  text-align: left;
}
.post-recommend_slide_recruitNum {
  color: #b2b2b2;
  font-weight: 300;
  font-size: clamp(1.1rem, calc(var(--scaleFactorPC) * 12), 1.2rem);
  line-height: 1.6;
  text-align: left;
}

/* Sliderの件数が少ない時 */
.post-recommend_slider .post-recommend_slides {
  gap: 4.8rem;
}
.post-recommend_slider.glide--carousel .post-recommend_slides {
  gap: 0;
}
.post-recommend_slider.glide--carousel .glide_controls {
  margin-top: 3.2rem;
}

@media only screen and (min-width: 768px) {
  .post-recommend_slide_link:hover::after {
    right: 0.9rem;
  }
  .post-recommend_button:hover {
    color: var(--white);
    background: var(--button-blue);
    opacity: 1;
  }
  .post-recommend_button:hover::after {
    border-right: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
  }
}
@media only screen and (max-width: 999px) {
  .post-recommend_slider_box {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .post-recommend_slides {
    justify-content: center;
  }
  .post-recommend_slide {
    max-width: calc((100% - (48px * (2.5 - 1))) / 2.5);
  }
  .post-recommend_slider.glide--carousel .post-recommend_slides {
    justify-content: normal;
  }
  .post-recommend_slider.glide--carousel .post-recommend_slide {
    margin-right: inherit;
    margin-left: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .post-recommend_content {
    margin-bottom: 0;
  }
  .post-recommend_area {
    padding: 6rem 0;
  }
  .post-recommend_area_title {
    padding-bottom: 1rem;
    font-size: 1.8rem;
  }
  .post-recommend_main_image {
    margin-bottom: 3.2rem;
  }
  .post-recommend_lead {
    margin-bottom: 2.2rem;
    font-size: 1.5rem;
  }
  .post-recommend_subtitle {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .post-recommend_text {
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }
  .post-recommend_image {
    margin-bottom: 2rem;
  }
  .post-recommend_buttons {
    margin-bottom: 6rem;
  }
  .post-recommend_area .post-recommend_buttons {
    margin-bottom: 3.2rem;
  }
  .post-recommend_button {
    justify-content: flex-start;
    max-width: calc((100% - 1.2rem) / 2);
    padding: 0.8rem 2.4rem 0.8rem 1.2rem;
  }
  .post-recommend_job_name {
    font-size: 1.6rem;
  }
  .post-recommend_slide_link {
    padding: 1.8rem 1.8rem 1.2rem 1.8rem;
  }
  .post-recommend_slide_employ {
    margin-top: 1rem;
  }
  .post-recommend_slide_pref {
    width: 100%;
    margin-top: 1rem;
  }
  .post-recommend_slide_title {
    margin-top: 1.3rem;
  }
  .post-recommend_slider_box {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .post-recommend_slide {
    max-width: calc((100% - (20px * (1.5 - 1))) / 1.5);
  }
  .post-recommend_job_header {
    flex-direction: column;
    margin-top: 3.2rem;
    margin-bottom: 1.4rem;
  }
  .post-recommend_job_return {
    gap: 0.5rem;
    margin-left: auto;
    font-size: 1.3rem;
  }
  .post-recommend_job_return_icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .post-recommend_job_return_icon::after {
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.2rem;
    border-top: 1px solid var(--Primary);
    border-left: 1px solid var(--Primary);
  }
  .post-recommend_slide_table {
    margin-top: 1.5rem;
  }
  .post-recommend_slide_table th {
    padding-bottom: 1rem;
  }
  .post-recommend_slider.glide--carousel .glide_controls {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 599px) {
  .post-recommend_slide {
    max-width: calc((100% - (20px * (1.3 - 1))) / 1.3);
  }
}

.post_recommend_requestButton {
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
}

/* 既存コンテンツ 調整 */
@media only screen and (min-width: 768px) {
  #page-recommend-single .contents-width.contents-width-recommend,
  [id*='page-recommend_single_'] .contents-width.contents-width-recommend {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 92rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #page-recommend-single .contents-width.contents-width-recommend,
  [id*='page-recommend_single_'] .contents-width.contents-width-recommend {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 92rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #page-recommend-single .sec-recommend-pop .mv-recommend,
  [id*='page-recommend_single_'] .sec-recommend-pop .mv-recommend {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 114rem;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #page-recommend-single,
  [id*='page-recommend_single_'] {
    overflow-x: visible !important;
  }
  #page-recommend-single .sec-recommend-pop,
  [id*='page-recommend_single_'] .sec-recommend-pop {
    overflow-x: visible !important;
  }
  #page-feature-sangyouhokensupport .sec-inner {
    width: 100%;
    max-width: 1100px;
  }
  .contents-width-small {
    box-sizing: border-box;
    width: 100%;
    max-width: 760px;
  }
  .featurelp-slide ul:after {
    display: block;
    width: 335px;
    height: 100%;
    margin: 0 8px;
    content: '';
  }
  .sec-recommend-job .btn-feature {
    width: 100% !important;
    max-width: 240px !important;
    margin: 4px !important;
  }
  #page-recommend-single .area-btn .btn-feature {
    max-width: calc((100% - 2.4rem) / 3) !important;
  }
}

@media only screen and (max-width: 767px) {
  .sec-recommend-job .area-btn {
    justify-content: flex-start !important;
    padding-right: 8vw;
    padding-left: 8vw;
  }
  .sec-recommend-job .btn-feature {
    width: 100% !important;
    max-width: 240px !important;
    margin: 4px 8px !important;
  }
}