FB修正

f9a74a36 · Orine Matsui · 63c0d11a · f9a74a36 · f9a74a36 · f9a74a36
Commit f9a74a36 authored Aug 21, 2020 by Orine Matsui
Showing with 59 additions and 38 deletions
recruit/assets/css/style.css
recruit/assets/img/common/logo02.jpg
recruit/assets/img/common/slider_arrow.png
recruit/index.html
recruit/index02.html
recruit/index03.html
--- a/recruit/assets/css/style.css
+++ b/recruit/assets/css/style.css
@@ -53,7 +53,14 @@ button:focus {outline:none!important;}
 @media (min-width: 1110px) {
  .container {max-width: 1110px!important;}
 }
+.text-tel {color: #333!important;}
+.text-success.text-tel {color: #54a3e5!important;font-weight: 700;}
+@media (min-width: 769px) {
+  .text-tel {pointer-events: none;}
+}
+@media (max-width: 768px) {
+}
 /* LOAD
 ---------------------------------- */
 #loadingWrap {background: #fff;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99998;display: table;width: 100%;height: 100vh;}
@@ -282,25 +289,20 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
  .glovalHeader .btn-recruiting .btn:active,
  .glovalHeader .btn-recruiting .btn:focus {background-color: #54a3e5;}
  .header-sab > p {flex-direction: column;margin: 0;padding-top: 10px;background-color: #ffdd65;text-align: center;}
  .header-sab .tel {margin: 0 auto;font-size: 1.6rem;line-height: 12px;color: #333!important;}
  .header-sab .tel a {color: #333!important;}
  .header-sab > p small {margin: 0 auto; display: block;line-height: 8px;font-size: 10px;}
  .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;}
 }
 @media (max-width: 959px) {
  .btn-recruiting .btn {padding: 12px 110px;}
 }
+@media (max-width: 374px) {
+  .glovalHeader .btn-recruiting .btn {font-size: 1.6rem;}
+  .header-sab > p {padding-top: 6px;padding-right: 30px;}
+}
@@ -607,7 +609,7 @@ div.main-contents-header .main-MV {position: relative;}
  div.main-contents-header .main-MV-pc,
  div.main-contents-header .main-MV .mv-circle,
  div.main-contents-header .main-MV .mv-text01,
-  div.main-contents-header .main-MV .mv-text02 {display: none;}
+  div.main-contents-header .main-MV .mv-text02 {display: none!important;}
  .main-contents-inner {padding: 5px 0;}
 }
@@ -682,7 +684,7 @@ div.main-contents-header .main-MV {position: relative;}
 }
 /* flow-slide-box */
-#flow-slide {margin: 24px auto 0; padding-top: 80px;padding-bottom: 80px;width: 614px;}
+#flow-slide {margin: 24px auto 0; padding-top: 80px;width: 614px;}
 .flow-slide-wrapper .carousel-indicators {width: 100%;top: 0;bottom: auto;padding: 0;margin: 0;}
 .flow-slide-wrapper .carousel-indicators.carousel-indicators-btm {top: auto;bottom: 0;}
 .flow-slide-wrapper .carousel-indicators li {
@@ -705,9 +707,6 @@ transition: opacity 0.6s ease;
 .flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.8rem;padding: .375rem 1.75rem;border-radius: 10px;}
 .flow-slide-wrapper .carousel-indicators li.active .btn {color: #fff;background-color: #f398b0;}
 .carousel-control-prev-icon, .carousel-control-next-icon {position: relative;display: inline-block;width: 41px;height: 41px;background-color: #f398b0;border-radius: 50%;}
 .carousel-control-prev,
 .carousel-control-next {padding-top: 10px; align-items: flex-start;opacity: 1;}
 .carousel-control-prev {left: -100px;;}
@@ -720,16 +719,19 @@ transition: opacity 0.6s ease;
 .carousel-control-next-icon:before {border-width: 9px 0 9px 12px;border-color: transparent transparent transparent #fff;transform: translate(-4px,-9px);}
 @media (max-width: 959px) {
  #flow-slide {width: 100%;}
-  .flow-slide-wrapper .carousel-indicators li {margin-right: 4px;margin-left: 4px;}
+  .flow-slide-wrapper .carousel-indicators li {margin-right: 2px;margin-left: 2px;}
-  .flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.4rem;}
+  .flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.4rem;font-weight: 700;padding: .5rem .5rem;}
  .sec-box-flow > dl dd .carousel-item .mt-4 {margin-top: 0!important;}
-  .carousel-control-prev, .carousel-control-next {height: 100vh;}
+  .carousel-control-prev, .carousel-control-next {padding-top: 14px;}
-  .carousel-control-prev-icon, .carousel-control-next-icon {width: 30px;height: 30px;}
+  .carousel-control-prev-icon, .carousel-control-next-icon {width: 26px;height: 26px;}
-  .carousel-control-prev {left: -30px;}
+  .carousel-control-prev {left: -21px; z-index: 11;}
-  .carousel-control-next {right: -30px;}
+  .carousel-control-next {right: -21px; z-index: 11;}
  .carousel-control-prev-icon:before,
  .carousel-control-prev-icon:before {border-width: 5px 9px 5px 0;transform: translate(-6px,-5px);}
  .carousel-control-next-icon:before {border-width: 5px 0 5px 9px;transform: translate(-3px,-5px);}
+  .flow-slide-wrapper .carousel-indicators li .btn .d-pc-i-block {display: inline-block!important;}
 }
@@ -753,6 +755,7 @@ transition: opacity 0.6s ease;
  .procedure-box .procedure-box-text dl dt {margin-top: 0;margin-bottom: 10px;}
  .procedure-box .procedure-box-text dl dd {width: 100%;}
  .procedure-box .procedure-box-text dl + dl {margin-top: 10px;}
+  .procedure-box .procedure-box-text .text-tel {font-size: 2.4rem!important;text-decoration: underline;}
 }
 /* voice-box */
@@ -800,6 +803,7 @@ transition: opacity 0.6s ease;
  .faq-box .faq-icon-A {top: -3px; margin: 0 16px 0 -30px;}
  .recruiting-box dt {width: 100%;margin-bottom: 10px;}
  .recruiting-box dd {width: 100%;}
+  .recruiting-box dd .text-tel {text-decoration: underline;}
 }
 /* logo-contents */
@@ -853,12 +857,30 @@ transition: opacity 0.6s ease;
  .footerTopIn .pageTop a {width: 56px;height: 56px;}
  .footerTopIn .pageTop .text {display: none;}
  .footerTopIn .pageTop:before {top: 26px;}
 }
 /* carousel fix */
-.js-fix.is-fixed {
+.js-fix.is-fixed {position: sticky;top: 100px;z-index: 9;}
- position: sticky;
+#flow-slide-control .js-fix.is-fixed {top: 108px;z-index: 10;}
- top: 100px;
+.carousel-indicators.js-fix.is-fixed {background: #fff;}
- width: 100%;
+@media (max-width: 959px) {
-}
+  .js-fix.is-fixed {top: 90px;}
\ No newline at end of file
+  #flow-slide-control .js-fix.is-fixed {top: 104px;}
+}
+@media (max-width: 959px) {
+#recruit04 body[data-aos-duration='100'] [data-aos], #recruit04 [data-aos][data-aos][data-aos-delay='100'].aos-animate {transition-delay: 100ms!important;}
+#recruit04 body[data-aos-duration='200'] [data-aos], #recruit04 [data-aos][data-aos][data-aos-delay='200'].aos-animate {transition-delay: 100ms!important;}
+#recruit04 body[data-aos-duration='300'] [data-aos], #recruit04 [data-aos][data-aos][data-aos-delay='300'].aos-animate {transition-delay: 100ms!important;}
+#recruit04 body[data-aos-duration='400'] [data-aos], #recruit04 [data-aos][data-aos][data-aos-delay='400'].aos-animate {transition-delay: 100ms!important;}
+#recruit04 body[data-aos-duration='400'] [data-aos], #recruit04 [data-aos][data-aos][data-aos-delay='500'].aos-animate {transition-delay: 100ms!important;}
+}
+/* #recruit
+-------------------------------------------- */
+@media (max-width: 959px) {
+#recruit02 .sec-main-top h2.ttl-h2-center img {width: 145px;height:31px;}
+}
--- a/recruit/assets/img/common/logo02.jpg
+++ b/recruit/assets/img/common/logo02.jpg
--- a/recruit/assets/img/common/slider_arrow.png
+++ b/recruit/assets/img/common/slider_arrow.png
--- 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" rel="stylesheet">
+ <link href="/recruit/assets/css/style.css?v=20200021011" rel="stylesheet">
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <meta name="google-site-verification" content="haWy6FulHy-JUT23bMAwnAzKaSab0tzPIHSRPq8ITuo" />
 <!-- Google Tag Manager -->
@@ -68,8 +68,8 @@
    <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" href="tel:+81-120-83-5410">0120-83-5410</a></strong> <small>(営業時間 10：00～18：00)</small></p>
+      <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>
-      <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=A90325217155&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=%E6%96%B0%E5%AE%BF%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%B11%E6%97%A51&t=f&_ga=2.204812368.1156746439.1597913637-332721773.1591751987&sflg=2" target="_blank" class="btn btn-success" role="button">応募する</a></div>
+      <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">
      <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
@@ -181,7 +181,7 @@
       <div class="sec-main-inner container">
        <div class="sec-main-top">
         <h2 class="ttl-h2-center text-primary" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
-          <img class="d-block m-auto mb-2" src="/recruit/assets/img/common/logo.png" width="152" height="60" alt="京王の家事代行求人" />
+          <img class="d-block m-auto mb-2" src="/recruit/assets/img/common/logo02.jpg" width="290" height="62" alt="京王の家事代行求人" />
          <strong class="ttl-border-btm mt-2">家事代行とは</strong></h2>
        </div>
        <div class="sec-main-body">
@@ -224,7 +224,7 @@
           <dd>
            <p>お客様宅でお仕事<br>
             （浴室、キッチンなど水回りの掃除が中心です）</p>
-            <div class="flow-slide">
+            <div id="flowBox" class="flow-slide">
             <div class="sec-box">
              <h3 class="f-maru ttl-h3-center">作業例と所要時間</h3>
@@ -235,7 +235,7 @@
                <ol class="carousel-indicators">
                 <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></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 class="carousel-inner">
                 <div class="carousel-item active">
@@ -351,7 +351,7 @@
          <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure01.png" width="150" height="150" alt="応募" /></div>
          <div class="procedure-box-text">
           <p>京王ほっとネットワークへお電話かパソコン・スマートフォンの応募フォームから応募。</p>
-           <p class="text-success fs-24">0120-83-5410<small>（電話受付時間10：00～18：00）</small></p>
+           <p class="text-success fs-24"><a class="text-success text-tel" href="tel:+81-120-83-5410">0120-83-5410</a><small>（電話受付時間10：00～18：00）</small></p>
           <p>お気軽にお問い合わせください。</p>
          </div>
         </div>
@@ -552,7 +552,7 @@
            <p>Web応募ボタン。<br>
             または、電話でご応募ください。お気軽にご相談ください。 <br>
             （電話受付時間　10：00～18：00） <br>
-             連絡先：TEL　0120-83-5410 <br>
+             連絡先：TEL　<a class="text-tel" href="tel:+81-120-83-5410">0120-83-5410</a> <br>
             京王ほっとネットワーク　家事代行スタッフ採用係</p>
           </dd>
          </dl>
@@ -614,7 +614,7 @@
         </div>
-         <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=A90325217155&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=%E6%96%B0%E5%AE%BF%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%B11%E6%97%A51&t=f&_ga=2.204812368.1156746439.1597913637-332721773.1591751987&sflg=2" target="_blank" class="btn btn-outline-primary btn-lg" role="button">応募する</a></div>
+         <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-outline-primary btn-lg" role="button">応募する</a></div>
        </div>
@@ -651,7 +651,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"></script>
+ <script src="/recruit/assets/js/common.min.js?v=20200021001"></script>
 <script>
  $('#navbarSupportedContent >  ul > li a[href^="#"]').click(function() {
   var adjust = 0;

--- a/recruit/index02.html
+++ b/recruit/index02.html
--- a/recruit/index03.html
+++ b/recruit/index03.html