修正対応

5dc2630a · Orine Matsui · 3f857fd2 · 5dc2630a · 5dc2630a
Commit 5dc2630a authored Aug 25, 2020 by Orine Matsui
Showing with 26 additions and 20 deletions
recruit/assets/css/style.css
recruit/index.html
--- a/recruit/assets/css/style.css
+++ b/recruit/assets/css/style.css
@@ -195,9 +195,11 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
 .header-keio-logo {position: absolute;top:13px; right: 0;}
 .header-sab {position: absolute;top: 8px; right: 136px;display: flex;justify-content: flex-end;}
 .header-sab > p {margin-top: 16px; margin-right: 20px;display: flex;align-items: center;}
+.header-sab > p > a {display: flex;align-items: center;}
 .header-sab > p small {display: block;padding-top: 6px; line-height: 16px;}
 .header-sab .tel {display: block;margin-right: 6px;font-size: 2.4rem;line-height: 20px;}
 @media (min-width: 960px) {
+  .header-sab a.text-tel,
  .header-sab .tel a {pointer-events: none;}
 }
 .dropdown:hover > .dropdown-menu {display: block;}
@@ -288,11 +290,12 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
  .glovalHeader .btn-recruiting .btn:hover,
  .glovalHeader .btn-recruiting .btn:active,
  .glovalHeader .btn-recruiting .btn:focus {background-color: #54a3e5;}
+  .header-sab > p {flex-direction: column;margin: 0;padding-top: 0;padding-right: 0;background-color: #ffdd65;text-align: center;}
-  .header-sab > p {flex-direction: column;margin: 0;padding-top: 10px;background-color: #ffdd65;text-align: center;}
+  .header-sab > p a.text-tel {flex-direction: column;margin: 0;padding-top: 10px;padding-right: 20px;}
  .header-sab .tel {margin: 0 auto;font-size: 1.6rem;line-height: 12px;color: #333!important;}
+  .header-sab a.text-tel,
  .header-sab .tel a {color: #333!important;}
-  .header-sab > p small {margin: 0 auto; display: block;line-height: 8px;font-size: 10px;}
+  .header-sab > p small {margin: 0 auto; display: block;line-height: 8px;font-size: 10px;color: #333!important;}
  .glovalHeader .btn-recruiting .btn {width: 100%;max-width: 100%;height: 100%; border-radius: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
 }

--- a/recruit/index.html
+++ b/recruit/index.html
@@ -24,7 +24,7 @@
 <link rel="icon" type="image/png" href="/recruit/favicon-16x16.png" sizes="16x16" />
 <!--  CSS -->
 <link href="/recruit/assets/css/base.css" rel="stylesheet">
- <link href="/recruit/assets/css/style.css?v=20200021011" rel="stylesheet">
+ <link href="/recruit/assets/css/style.css?v=20200021021" rel="stylesheet">
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <meta name="google-site-verification" content="haWy6FulHy-JUT23bMAwnAzKaSab0tzPIHSRPq8ITuo" />
 <!-- Google Tag Manager -->
@@ -68,7 +68,7 @@
    <h1 class="header-logo"><img class="pc-logo" src="/recruit/assets/img/common/header_logo.png" width="282" height="36" alt="京王の家事代行求人" /></h1>
    <div class="container">
     <div class="header-sab">
-      <p><strong class="tel text-success"><a class="text-success text-tel" href="tel:+81-120-83-5410">0120-83-5410</a></strong> <small>(営業時間 10：00～18：00)</small></p>
+      <p><a class="text-tel" href="tel:+81-120-83-5410"><strong class="tel text-success">0120-83-5410</strong> <small>(営業時間 10：00～18：00)</small></a></p>
      <div class="btn-recruiting"><a href="https://ss.job-gear.jp/jobgear/f/web/form.do?id=C0000273987&svid=%E6%8E%A1%E7%94%A8%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8&gid=A90325217149&kcn=%E4%BA%AC%E7%8E%8B%E3%81%BB%E3%81%A3%E3%81%A8%E3%83%8D%E3%83%83%E3%83%88%E3%83%AF%E3%83%BC%E3%82%AF%E3%80%80%E5%AE%B6%E4%BA%8B%E4%BB%A3%E8%A1%8C%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%82%B9%E3%82%BF%E3%83%83%E3%83%95&job_ti=%E8%81%96%E8%B9%9F%E6%A1%9C%E3%83%B6%E4%B8%98%E3%82%A8%E3%83%AA%E3%82%A2%EF%BC%8F30%EF%BD%9E60%E4%BB%A3%E6%B4%BB%E8%BA%8D%E4%B8%AD%EF%BC%81%E9%80%B1&t=f&_ga=2.135529841.1169093592.1597973968-122098094.1567046564&sflg=2" target="_blank" class="btn btn-success" role="button">応募する</a></div>
     </div>
     <button id="nav-toolList-toggler" class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -135,7 +135,7 @@
          <div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
           <div class="sec-box">
            <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-info">魅力<span class="fs-20">2</span></span><strong class="text-primary">
-              <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">週1日2時間～OK！<br>ご自宅の近くで直行直帰！</span>
+              <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">週1日2時間～OK！<br>ご自宅から直行直帰！</span>
             </strong></h4>
            <p>ご自身の都合に合わせて午前や午後だけ、毎週1日だけなど働き方を選べます。ご依頼のあったお客様宅へご自宅から直行して、サービス実施後はお客様宅からの直帰となります。お客様宅は京王線・京王井の頭線沿線中心です。</p>
           </div>
@@ -209,7 +209,7 @@
      <section id="recruit03" class="sec-main bg-secondary">
       <div class="sec-main-inner container">
        <div class="sec-main-top">
-         <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><span class="ttl-border-btm">1日のお仕事の流れと<br class="d-sp-block">作業内容</span><small class="f-maru">1日2時間作業の場合</small></h2>
+         <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><span class="ttl-border-btm">1日のお仕事の流れと<br class="d-sp-block">作業内容</span><small class="f-maru">午前中2時間作業の場合</small></h2>
        </div>
        <div class="sec-main-body" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
         <div class="sec-box-flow">
@@ -228,18 +228,28 @@
            <p>お客様宅でお仕事<br>
             （浴室、キッチンなど水回りの掃除が中心です）</p>
            <div id="flowBox" class="flow-slide">
-             <div class="sec-box">
+             <div class="sec-box js-fix-area">
              <h3 class="f-maru ttl-h3-center">作業例と所要時間</h3>
              <p class="text-center">ボタンをクリックすると、各内容をご覧になれます。</p>
-              <div class="flow-slide-wrapper">
+              <div class="flow-slide-wrapper js-fix-area">
-               <div id="flow-slide" class="carousel slide pb-0" data-interval="10000">
+               <div id="flow-slide" class="carousel slide js-fix-wrapper" data-interval="10000">
-                <ol class="carousel-indicators">
+                <ol class="carousel-indicators js-fix">
                 <li data-target="#flow-slide" data-slide-to="0" class="active"><span class="btn btn-outline-primary">浴室<span class="d-pc-i-block">メイン</span></span></li>
                 <li data-target="#flow-slide" data-slide-to="1"><span class="btn btn-outline-primary">キッチン<span class="d-pc-i-block">メイン</span></span></li>
                 <li data-target="#flow-slide" data-slide-to="2"><span class="btn btn-outline-primary">掃除<span class="d-pc-i-block">用具</span></span></li>
                </ol>
+                <div id="flow-slide-control" class="js-fix-wrapper">
+                 <a class="carousel-control-prev" href="#flow-slide" role="button" data-slide="prev">
+                  <span class="carousel-control-prev-icon js-fix" aria-hidden="true"></span>
+                  <span class="sr-only">Previous</span>
+                 </a>
+                 <a class="carousel-control-next" href="#flow-slide" role="button" data-slide="next">
+                  <span class="carousel-control-next-icon js-fix" aria-hidden="true"></span>
+                  <span class="sr-only">Next</span>
+                 </a>
+                </div>
                <div class="carousel-inner">
                 <div class="carousel-item active">
                  <div class="flow-slide-box">
@@ -308,14 +318,7 @@
                 </div>
                </div>
-                <a class="carousel-control-prev" href="#flow-slide" role="button" data-slide="prev">
-                 <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                 <span class="sr-only">Previous</span>
-                </a>
-                <a class="carousel-control-next" href="#flow-slide" role="button" data-slide="next">
-                 <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                 <span class="sr-only">Next</span>
-                </a>
               </div>
              </div>
@@ -654,7 +657,7 @@
 <!-- JavaScript -->
 <script src="/recruit/assets/js/jquery-3.2.1.min.js"></script>
 <script src="/recruit/assets/js/aos.js"></script>
- <script src="/recruit/assets/js/common.min.js?v=20200021001"></script>
+ <script src="/recruit/assets/js/common.min.js?v=20200022001"></script>
 <script>
  $('#navbarSupportedContent >  ul > li a[href^="#"]').click(function() {
   var adjust = 0;