Skip to content

sora / keio-dentetsu

Go to a project
Commit 5dc2630a by Orine Matsui
Options

修正対応

parent 3f857fd2
Inline Side-by-side
Showing with 26 additions and 20 deletions
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: 10px;background-color: #ffdd65;text-align: center;}
.header-sab > p {flex-direction: column;margin: 0;padding-top: 0;padding-right: 0;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;}
}
......
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">
<ol class="carousel-indicators">
<div id="flow-slide" class="carousel slide js-fix-wrapper" data-interval="10000">
<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;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment