@charset "UTF-8";
/* Scss Document */
/* -- for /saiyo/index.asp -- */
/* ------ */
/* --ideal person-- */
/* ------ */
.idealperson {
  width: 720px;
  max-width: 100%;
  margin: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
  font-size: 16px; }
  .idealperson h2 {
    color: #fff;
    background: #86B81B;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 auto 2.5rem auto;
    padding: 2.8125rem;
    text-align: center;
    position: relative;
    width: 100%; }
    .idealperson h2:before {
      content: url("/saiyo/img/idealperson/idealperson-ornament.svg");
      width: 37.09px;
      height: 49.83px;
      position: absolute;
      left: 35px;
      top: 35px; }
    .idealperson h2:after {
      content: url("/saiyo/img/idealperson/idealperson-ornament.svg");
      width: 37.09px;
      height: 49.83px;
      position: absolute;
      transform: rotate(180deg);
      right: 35px;
      bottom: 35px; }
  .idealperson ul {
    margin: 0;
    padding: 0; }
    .idealperson ul li {
      width: 100%;
      list-style: none;
      margin-bottom: 2.5rem; }
      .idealperson ul li h3 {
        color: #86B81B;
        background: #F5FCDD;
        padding: 10px;
        margin-bottom: 1.5rem;
        margin-bottom: 2.5rem;
        text-align: center;
        font-size: 1.375rem;
        font-weight: 700;
        line-height: 1.5;
        width: 100%; }
        .idealperson ul li h3 span {
          font-size: 1rem;
          font-weight: 700;
          line-height: 1.3rem;
          opacity: 0.4;
          display: block; }
      .idealperson ul li .detail {
        display: flex;
        flex-direction: column; }
        .idealperson ul li .detail img {
          width: 100%;
          margin-bottom: 1rem; }
          .idealperson ul li .detail img.pctab-only {
            display: none; }
        .idealperson ul li .detail p {
          width: 100%;
          font-size: 1rem;
          line-height: 1.5rem; }

#idealcandidate {
  padding-top: 0; }

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width: 48em) {
  .idealperson {
    width: 720px;
    max-width: 100%; }

  .idealperson ul li .detail {
    flex-direction: row;
    align-items: top;
    justify-content: space-between; }
    .idealperson ul li .detail img {
      width: 315px;
      height: 207px;
      margin-bottom: 0; }
      .idealperson ul li .detail img.sp-only {
        display: none; }
      .idealperson ul li .detail img.pctab-only {
        display: block; }
    .idealperson ul li .detail p {
      width: 585px; } }
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em) {
  .idealperson {
    width: 922px;
    max-width: 100%; } }
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width: 75em) {
  .idealperson {
    width: 950px; }

  #idealcandidate {
    padding-top: 0; }
    #idealcandidate .second-title {
      padding-top: 2%;
      margin-top: 0; } }