Skip to content

sora / keio-dentetsu

Go to a project
Commit f9a74a36 by Orine Matsui
Options

FB修正

parent 63c0d11a
Expand all
Inline Side-by-side
Showing with 59 additions and 38 deletions
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 .btn {font-size: 1.4rem;}
.flow-slide-wrapper .carousel-indicators li {margin-right: 2px;margin-left: 2px;}
.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-icon, .carousel-control-next-icon {width: 30px;height: 30px;}
.carousel-control-prev {left: -30px;}
.carousel-control-next {right: -30px;}
.carousel-control-prev, .carousel-control-next {padding-top: 14px;}
.carousel-control-prev-icon, .carousel-control-next-icon {width: 26px;height: 26px;}
.carousel-control-prev {left: -21px; z-index: 11;}
.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 {
position: sticky;
top: 100px;
width: 100%;
}
\ No newline at end of file
.js-fix.is-fixed {position: sticky;top: 100px;z-index: 9;}
#flow-slide-control .js-fix.is-fixed {top: 108px;z-index: 10;}
.carousel-indicators.js-fix.is-fixed {background: #fff;}
@media (max-width: 959px) {
.js-fix.is-fixed {top: 90px;}
#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;}
}
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>
<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>
<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=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;
......
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