<!-- get8 --><!--Array
(
    [0] => Array
        (
            [orikomi_school_id] => 8
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-02
        )

    [1] => Array
        (
            [orikomi_school_id] => 8
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-03
        )

    [2] => Array
        (
            [orikomi_school_id] => 8
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-05
        )

    [3] => Array
        (
            [orikomi_school_id] => 8
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-06
        )

    [4] => Array
        (
            [orikomi_school_id] => 113
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-11-06
        )

    [5] => Array
        (
            [orikomi_school_id] => 113
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-11-07
        )

    [6] => Array
        (
            [orikomi_school_id] => 113
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-11-09
        )

    [7] => Array
        (
            [orikomi_school_id] => 113
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-11-10
        )

    [8] => Array
        (
            [orikomi_school_id] => 219
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-12-04
        )

    [9] => Array
        (
            [orikomi_school_id] => 219
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-12-05
        )

    [10] => Array
        (
            [orikomi_school_id] => 219
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-12-07
        )

    [11] => Array
        (
            [orikomi_school_id] => 219
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-12-08
        )

    [12] => Array
        (
            [orikomi_school_id] => 355
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-16
        )

    [13] => Array
        (
            [orikomi_school_id] => 355
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-17
        )

    [14] => Array
        (
            [orikomi_school_id] => 355
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-19
        )

    [15] => Array
        (
            [orikomi_school_id] => 355
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2018-10-20
        )

    [16] => Array
        (
            [orikomi_school_id] => 1517
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-08
        )

    [17] => Array
        (
            [orikomi_school_id] => 1517
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-09
        )

    [18] => Array
        (
            [orikomi_school_id] => 1517
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-11
        )

    [19] => Array
        (
            [orikomi_school_id] => 1517
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-12
        )

    [20] => Array
        (
            [orikomi_school_id] => 1655
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-22
        )

    [21] => Array
        (
            [orikomi_school_id] => 1655
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-23
        )

    [22] => Array
        (
            [orikomi_school_id] => 1655
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-25
        )

    [23] => Array
        (
            [orikomi_school_id] => 1655
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-01-26
        )

    [24] => Array
        (
            [orikomi_school_id] => 1708
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-05
        )

    [25] => Array
        (
            [orikomi_school_id] => 1708
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-06
        )

    [26] => Array
        (
            [orikomi_school_id] => 1708
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-08
        )

    [27] => Array
        (
            [orikomi_school_id] => 1708
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-09
        )

    [28] => Array
        (
            [orikomi_school_id] => 2043
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-19
        )

    [29] => Array
        (
            [orikomi_school_id] => 2043
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-20
        )

    [30] => Array
        (
            [orikomi_school_id] => 2043
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-22
        )

    [31] => Array
        (
            [orikomi_school_id] => 2043
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-02-23
        )

    [32] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-03-06
        )

    [33] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-03-07
        )

    [34] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-03-08
        )

    [35] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-03-09
        )

    [36] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-04-02
        )

    [37] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-04-03
        )

    [38] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-04-05
        )

    [39] => Array
        (
            [orikomi_school_id] => 2072
            [mst_school_id] => 8
            [is_irregular] => 0
            [trial_date] => 2019-04-06
        )

)
--><!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>無料体験のお申し込み| PCCI商工会議所パソコン教室</title>
<meta name="description" content="パソコン教室・パソコンスクールへ通うならPCCI商工会議所パソコン教室。お問い合わせ・無料説明会のお申込みは、お近くの商工会議所パソコン教室までお気軽にお問い合わせください！">
<meta name="keywords" content="PCCI,  パソコン教室, 全国, 商工会議所">
<link href="../css/cssreset.css" rel="stylesheet" type="text/css" media="all">
<link href="../css/general.css" rel="stylesheet" type="text/css" media="all">
<link href="../css/style_free-trial.css" rel="stylesheet" type="text/css" media="all">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18775951-8']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
<script type="text/javascript">
  $(function(){
    //■■■選択による切り替えスクリプト

    //.trial-timesのheightを取得
    $('.trial-times').addClass('display-none');
    $('.trial-times').css('opacity','0');

    $('.time.unreservable').attr('href','javascript:void(0)');
    //マウス押した時ボタン凹む
    $('.date.reservable').on('mousedown',function(){
      // $('.date.reservable').removeClass('checked');
      // $(this).addClass('active');
      // $(this).addClass('checked');
      return false;
    });
    $('.time.reservable').on('mousedown',function(){
      $(this).addClass('active');
      $(this).addClass('checked');
    });
    //マウスが要素から離れた時凹み無くす
    $('.date.reservable').on('mouseout',function(){
      $(this).removeClass('active');
      return false;
    });
    //マウスのボタンを離した時凹み無くす
    $('.date.reservable').on('mouseup',function(){
      return false;
    });
    //左クリックが成立（ボタンが離された）した時、ボタンの色を付け、エリア全体をフェードアウト
    $('.date.reservable').on('click',function(){
      $('.date.reservable').removeClass('checked');
      $('.trial-times').addClass('display-none');
      $('.trial-times').css('opacity','0');
      $(this).children('.trial-times').removeClass('display-none');
      $(this).addClass('active');
      $(this).addClass('checked');
      var self=this;
      setTimeout(function() {
        $(self).children('.trial-times').css('opacity','1');
      }, 200);
    });
    //■■■↑↑選択による切り替えスクリプト
  });
</script>
</head>
</head>
<body class="one-column-design free-trial-index">
  <header>
    <h1 class="centered-pcci-logo"><img src="../_img/free-trial/pcci_logo.png" alt="PCCI SCHOOL 商工会議所パソコン教室"></h1>
  </header>
  <main>
    <article class="web-form">
      <header>
        <h1 class="centered-page-title">無料体験のお申し込み</h1>
      </header>
      <section class="flow">
        <h1 class="centered-description-bold step-remain">のこり<span class="remaining">2</span>ステップで<br class="sp">お申し込みが完了します</h1>
        <ul class="flexbox justify-between align-items-start flow-step">
          <li class="flow-1">
            <img src="../_img/free-trial/flow_step1_inactive.png" alt="ステップ1ー教室を選択">
            <span class="fukidashi-done">
              <span class="fukidashi-name">高槻教室</span>
              <span class="fukidashi-button"><a href="./"><span>再選択</span></a>
              </span></span>
            <span class="fukidashi-active display-none">選択中</span>
          </li>
          <li class="flow-arrow1"><img src="../_img/free-trial/flow_arrow_inactive.png" alt="次へ"></li>
          <li class="flow-2">
            <img src="../_img/free-trial/flow_step2_active.png" alt="ステップ2ー希望日時を選択">
            <span class="fukidashi-done display-none"><span class="fukidashi-date">10/24(水)18:30</span><span class="fukidashi-button"><a href="#" id="date10241830"><span>再選択</span></a></span></span>
            <span class="fukidashi-active display-none">選択中</span>
          </li>
          <li class="flow-arrow2"><img src="../_img/free-trial/flow_arrow_active.png" alt="次へ"></li>
          <li class="flow-3">
            <img src="../_img/free-trial/flow_step3_active.png" alt="ステップ3ーお客様情報を入力">
            <span class="fukidashi-active display-none">選択中</span>
          </li>
          </li>
        </ul>
      </section>
      <section class="step2-choose">
        <section class="choose-trial-date">
          <h1>無料体験のご希望日をお選びください</h1>
          <div class="flexbox align-items-start wrap trial-dates">
            <p class="date saturday reservable">
              <span class="month-date">4月20日</span>
              <span class="weekday">(土)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time  unreservable" href="step3.html?school=8&date=2019-04-20&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">満席</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-20&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-20&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-04-20&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date monday reservable">
              <span class="month-date">4月22日</span>
              <span class="weekday">(月)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-22&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-22&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-22&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-04-22&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date tuesday reservable">
              <span class="month-date">4月23日</span>
              <span class="weekday">(火)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-23&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-23&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-23&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-04-23&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date wednesday reservable">
              <span class="month-date">4月24日</span>
              <span class="weekday">(水)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-24&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-24&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-24&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-04-24&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date thursday reservable">
              <span class="month-date">4月25日</span>
              <span class="weekday">(木)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-25&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-25&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-25&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-04-25&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date friday reservable">
              <span class="month-date">4月26日</span>
              <span class="weekday">(金)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-26&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-26&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-26&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-04-26&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date saturday reservable">
              <span class="month-date">4月27日</span>
              <span class="weekday">(土)</span>
              <span class="reservable">予約可</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-27&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-27&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-27&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-04-27&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date monday unreservable">
              <span class="month-date">4月29日</span>
              <span class="weekday">(月)</span>
              <span class="reservable">休業日</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-29&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-29&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-29&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-04-29&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date tuesday unreservable">
              <span class="month-date">4月30日</span>
              <span class="weekday">(火)</span>
              <span class="reservable">休業日</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-04-30&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-30&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-04-30&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-04-30&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date wednesday unreservable">
              <span class="month-date">5月1日</span>
              <span class="weekday">(水)</span>
              <span class="reservable">休業日</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-05-01&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-01&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-01&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-05-01&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date thursday unreservable">
              <span class="month-date">5月2日</span>
              <span class="weekday">(木)</span>
              <span class="reservable">休業日</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-05-02&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-02&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-02&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable only_daytime" href="step3.html?school=8&date=2019-05-02&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
            <p class="date friday unreservable">
              <span class="month-date">5月3日</span>
              <span class="weekday">(金)</span>
              <span class="reservable">休業日</span>
              <span class="flexbox space-around trial-times">
                <a class="time reservable" href="step3.html?school=8&date=2019-05-03&time=1">
                  <span class="hour-minute">10:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-03&time=2">
                  <span class="hour-minute">12:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable" href="step3.html?school=8&date=2019-05-03&time=3">
                  <span class="hour-minute">16:00</span>
                  <span class="reservable">予約可</span>
                </a>
                <a class="time reservable " href="step3.html?school=8&date=2019-05-03&time=4">
                  <span class="hour-minute">18:30</span>
                  <span class="reservable">予約可</span>
                </a>
              </span><!-- trial-times -->
            </p>
          </div>
          <div class="two-weeks-later">
            <p class="centered-text">無料体験を本日、または<span class="date-two-weeks-later">5月3日(金)</span>以降の日程でご希望される方は、<br class="pc">お手数ですがお電話でお申し込みください。</p>
            <p class="centered-text-bold">高槻商工会議所パソコン教室</p>
            <p class="centered-text-bold tel">072-661-3041</p>
          </div>
        </section><!-- choose-trial-date -->
      </section><!-- step2-choose -->
    </article><!-- web-form -->
  </main>
</body>
</html>