<header>
  <div class="header-bar f-container a-c j-sb prl-20-sp prl-40-tpc w-100per h-110 p-f p-initial z-500">
    <div class="header-logo">
      <h1>
        <a class="db" href="./index.php" aria-label="">
          <svg viewBox="0 0 341.2 80.7">
            <use  xlink:href="#logo"></use>
          </svg>
        </a>
      </h1>
    </div>
    <div class="header-right f-container a-c g-30">
      <nav class="header-bar-nav pc">
        <ul class="f-container a-c g-30 fc-fff fw-b">
          <li class="h-nav">
            <p class="parent f-container a-c h-50 nav-item">募集職種</p>
            <div class="children w-300 p-15">
              <ul class="g-container g-10 l-15 fs-12 p-r z-10">
                <?php foreach ($recruitments as $recruitment): 
                  if (defined($recruitment['desc']) && constant($recruitment['desc']) !== ""): ?>
                <li>
                  <a href="<?php echo constant($recruitment['value']); ?>.php">
                    <p>[<?php echo constant($recruitment['type']); ?>]<?php echo constant($recruitment['desc']); ?></p>
                  </a>
                </li>
                <?php endif; endforeach; ?>
              </ul>
            </div>
          </li>
          <?php if((defined('CURRICULUM_TEXT') && CURRICULUM_TEXT !== "") || (defined('CURRICULUM_YEAR1') && CURRICULUM_YEAR1 !== "")) :?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-curriculum">
              <p class="f-container a-c h-50 nav-item">教育カリキュラム</p>
            </a>
          </li>
          <?php endif; ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-company">
              <p class="f-container a-c h-50 nav-item">サロン・会社概要</p>
            </a>
          </li>
          <?php if ($showEventSection): ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-event">
              <p class="f-container a-c h-50 nav-item">イベント</p>
            </a>
          </li>
          <?php endif; ?>
          <?php if ($showFlowSection): ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-flow">
              <p class="f-container a-c h-50 nav-item">採用フロー</p>
            </a>
          </li>
          <?php endif; ?>
        </ul>
      </nav>
      <div class="highlight-btn tpc">
        <a class="f-container a-c j-c bgc-base fc-fff h-40 prl-15 br-10 g-5 bs-2 bc-base scale-115" href="#link-entry">
          <span class="fs-11 fw-b">今すぐ応募する</span>
          <svg class="w-20 h-20 svgc-fff" viewBox="0 0 50 50" style="margin-top: 2px;">
            <use  xlink:href="#edit"></use>
          </svg>
        </a>
      </div>
      <div id="js-modal-btn" class="js-modal-btn f-container a-c j-c bgc-fff br-circle w-50 h-50 p-r z-500 zoom-item scale-115">
        <span></span>
      </div>
    </div>
  </div>
  <div id="js-modal" class="js-modal f-container-tpc w-100per h-100vh bgc-fff a-c j-c pt-120-sp pt-0-tpc p-f p-initial z-400">
    <div class="modal-inner f-container-tpc g-40 w-m">
      <nav class="f-container-pc g-40 nw of-y-scroll-sp scrollbar-none w-50per-tpc w-65per-pc h-max500 fs-sp">
        <ul class="f-item-pc modal-link g-container g-20">
          <?php if((defined('CURRICULUM_TEXT') && CURRICULUM_TEXT !== "") || (defined('CURRICULUM_YEAR1') && CURRICULUM_YEAR1 !== "")) :?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-curriculum">
              <p class="f-container fw g-10 a-c"><span class="en fs-24">Curriculum</span><span class="fs-12">教育カリキュラム</span></p>
            </a>
          </li>
          <?php endif; ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-company">
              <p class="f-container fw g-10 a-c"><span class="en fs-24">Salon＆Company</span><span class="fs-12">サロン・会社概要</span></p>
            </a>
          </li>
          <?php if ($showEventSection): ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-event">
              <p class="f-container fw g-10 a-c"><span class="en fs-24">Event</span><span class="fs-12">イベント</span></p>
            </a>
          </li>
          <?php endif; ?>
          <?php if ($showFlowSection): ?>
          <li>
            <a href="<?php if (PAGE_PASS !== "index") : ?>/<?php endif; ?>#link-flow">
              <p class="f-container fw g-10 a-c"><span class="en fs-24">Flow</span><span class="fs-12">採用フロー</span></p>
            </a>
          </li>
          <?php endif; ?>
        </ul>
        <ul class="f-item-pc modal-link mt-20-sp w-max300 fs">
          <li>
            <p class="parent f-container fw g-10 a-c"><span class="en fs-24">Recruitment Type</span><br class="pc"><span class="fs-12">募集職種</span></p>
            <ul class="children g-container g-15-sp g-20-tpc pt-20-sp pt-25-tpc l-15 fs-13">
              <?php foreach ($recruitments as $recruitment): 
                  if (defined($recruitment['desc']) && constant($recruitment['desc']) !== "") : ?>
              <li>
                <a href="<?php echo constant($recruitment['value']); ?>.php">
                  <p>[<?php echo constant($recruitment['type']); ?>]<?php echo constant($recruitment['desc']); ?></p>
                </a>
              </li>
              <?php endif; endforeach; ?>
            </ul>
          </li>
        </ul>
      </nav>
      <div class="f-item-pc w-100per-sp w-35per-pc mt-20-sp pt-20-sp mt-0-tpc pt-0-tpc bs-t-1-sp bs-0-tpc bc-base pl-40-">
        <?php if(defined('DATA_JOB_MESSAGE') && DATA_JOB_MESSAGE !== "") :?>
        <p class="l-20 pb-20-tpc tpc"><?php echo DATA_JOB_MESSAGE ;?></p>
        <?php endif; ?>
        <?php if((defined('DATA_INSTAGRAM') && DATA_INSTAGRAM !== "") || (defined('DATA_LINE') && DATA_LINE !== "")) :?>
        <ul class="sns-link f-container g-20 pb-20">
          <?php if(defined('DATA_INSTAGRAM') && DATA_INSTAGRAM !== "") :?>
          <li>
            <a href="<?php echo DATA_INSTAGRAM ;?>" aria-label="<?php echo DATA_NAME ;?>の公式インスタグラムです。">
              <svg class="svgc-base w-30 h-30 zoom-item scale-115"　viewBox="0 0 50 50">
                <use xlink:href="#instagram"></use>
              </svg>
            </a>
          </li>
          <?php endif; ?>
          <?php if(defined('DATA_LINE') && DATA_LINE !== "") :?>
          <li>
            <a href="<?php echo DATA_LINE ;?>" aria-label="<?php echo DATA_NAME ;?>の公式LINEです。">
              <svg class="svgc-base w-30 h-30 zoom-item scale-115" viewBox="0 0 50 50">
                <use xlink:href="#line"></use>
              </svg>
            </a>
          </li>
          <?php endif; ?>
        </ul>
        <?php endif; ?>
        <div class="highlight-btn w-max300-tpc">
          <a class="f-container a-c j-c g-10 bgc-base fc-fff h-50 br-10 bs-2 bc-base scale-115" href="#link-entry">
            <span>今すぐ応募する</span>
            <svg class="w-20 h-20 svgc-fff" viewBox="0 0 50 50">
              <use  xlink:href="#edit"></use>
            </svg>
          </a>
        </div>
        <?php if(defined('DATA_PDF_TEXT') && DATA_PDF_TEXT !== "") :?>
        <div class="highlight-btn w-max300-tpc mt-20">
          <a class="f-container a-c j-c g-10 bgc-base fc-fff h-50 br-10 bs-2 bc-base scale-115" href="./img/company.pdf" target="_blank">
            <span><?php echo DATA_PDF_TEXT ;?></span>
            <div class="icon">
              <span class="material-symbols-outlined fs-20-sp fs-20-pc">download</span>
            </div>
          </a>
        </div>
        <?php endif; ?>
      </div>
    </div>
  </div>
  <?php if(defined('DATA_PDF_TEXT') && DATA_PDF_TEXT !== "") :?>
  <div class="entry-sp-btn p-f z-200 w-100per prl-10 only-sp">
    <div class="f-container bc-base br-10 bgc-base fc-fff">
      <a class="f-item" href="#link-entry">
        <div class="f-container j-c a-c g-10 h-50">
          <span>今すぐ応募する</span>
          <svg class="w-20 h-20 svgc-fff" viewBox="0 0 50 50">
            <use  xlink:href="#edit"></use>
          </svg>
        </div>
      </a>
      <a class="f-item bs-l-1 bc-fff" href="./img/company.pdf" target="_blank">
        <div class="f-container j-c a-c g-10 h-50">
          <span><?php echo DATA_PDF_TEXT ;?></span>
          <div class="icon">
            <span class="material-symbols-outlined fs-20 fc-fff">download</span>
          </div>
        </div>
      </a>
    </div>
  </div>
  <?php else: ?>
  <div class="entry-sp-btn p-f z-200 w-100per prl-10 only-sp">
    <a class="bgc-base fc-fff bc-base br-10 db" href="#link-entry">
      <div class="f-container j-c a-c g-10 h-50">
        <span>今すぐ応募する</span>
        <svg class="w-20 h-20 svgc-fff" viewBox="0 0 50 50">
          <use  xlink:href="#edit"></use>
        </svg>
      </div>
    </a>
  </div>
  <?php endif; ?>
</header>