FB対応

1a9c40c1 · Orine Matsui · 044452b9 · 1a9c40c1 · 1a9c40c1 · 1a9c40c1
Commit 1a9c40c1 authored Aug 20, 2020 by Orine Matsui
Showing with 115 additions and 55 deletions
recruit/assets/css/style.css
recruit/assets/img/common/header_logo.png
recruit/assets/img/common/logo.png
recruit/assets/img/common/mv_circle.png
recruit/assets/img/common/mv_text01.png
recruit/assets/img/common/mv_text02.png
recruit/index.html
--- a/recruit/assets/css/style.css
+++ b/recruit/assets/css/style.css
@@ -49,6 +49,7 @@ dt, dd { font-size: 1.6rem;}
 .btn-link {padding: 0;}
 .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {background-color: #f398b0!important;}
 button:focus {outline:none!important;}
+.bg-wht {background-color: #fff;}
 @media (min-width: 1110px) {
  .container {max-width: 1110px!important;}
 }
@@ -103,12 +104,11 @@ div.main-contents-header h1 + h2,
 div.main-contents-header h1 + ul { margin-top: 20px;}
 @media (min-width: 960px) {
  header.glovalHeader {width: 100%;height: 100px;}
-  body.single-page header.glovalHeader { height: 36px;}
  div.contents-wrapper {display: flex;align-items: stretch;}
  div.main-contents-wrapper{width:100%;position : relative;}
 }
 @media (max-width: 959px) {
-  header.glovalHeader {width: 100%;height: 50px;box-shadow: none;}
+  header.glovalHeader {width: 100%;height: 90px;box-shadow: none;}
  header .container {padding-right: 0;padding-left: 0;}
  div.contents-wrapper.container {padding-left: 0;padding-right: 0;}
  div.ext-contents-wrapper{display: none;}
@@ -178,19 +178,21 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
 /*  Header
 -------------------------------------------- */
 .header-inner {position: relative;max-width: 1360px;margin: 0 auto;}
-.header-inner .container {position: relative;margin: 0 auto;}
+.header-inner .container {position: relative;max-width: 100%!important;margin: 0 auto;}
 .headerRight {display: flex;justify-content: flex-end;position: absolute;top: 40px; right: 0;z-index: 40;margin-top: 10px;}
 .headerRight li {position: relative;margin-left: 14px;font-size: 1.4rem;font-weight: 700;}
 .headerRight li a:before {display: block;content: "";position: absolute;bottom: 2px;left: 50%;transform: translateX(-50%);width: 0;;height: 3px;background-color: #f398b0;border-radius: 5px;transition: width 0.15s ease-in-out;}
 .headerRight li a:hover:before {width: calc(100% - 6px) ;}
-.header-logo {position: absolute;top: 20px;left: 0; line-height: 0;}
+.header-logo {position: absolute;top: 30px;left: 0; line-height: 0;margin-bottom: 0;}
-.header-keio-logo {position: absolute;top: 35px; right: 0;}
+.header-keio-logo {position: absolute;top:13px; right: 0;}
-.header-sab {position: absolute;top: 10px; right: 14px;display: flex;justify-content: flex-end;}
+.header-sab {position: absolute;top: 8px; right: 136px;display: flex;justify-content: flex-end;}
-.header-sab > p {margin-top: 5px; margin-right: 20px;}
+.header-sab > p {margin-top: 16px; margin-right: 20px;display: flex;align-items: center;}
-.header-sab .tel {display: inline-block;font-size: 2.0rem;line-height: 20px;}
+.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 .tel a {pointer-events: none;}
+}
 .dropdown:hover > .dropdown-menu {display: block;}
 .dropdown > .dropdown-toggle:active {pointer-events: none;}
 .dropdown-item {font-size: 1.6rem;}
@@ -226,10 +228,10 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
  transform: translate(-13px,-7px);
 }
 .glovalHeader .btn-recruiting {margin-top: 0; text-align: center;}
-.glovalHeader .btn-recruiting .btn {font-size: 1.6rem;padding: 6px 40px;border-width: 2px;background-color: #f398b0;color: #fff;font-weight: 700;box-shadow:none;border-radius: 40px;}
+.glovalHeader .btn-recruiting .btn {font-size: 2.0rem;padding: 6px 40px;border-width: 2px;background-color: #54a3e5;color: #fff;font-weight: 700;box-shadow:none;border-radius: 40px;}
-.glovalHeader .btn-recruiting .btn:hover {background-color: #fff;color: #fff;}
+.glovalHeader .btn-recruiting .btn:hover {background-color: #fff;color: #54a3e5;}
-.glovalHeader .btn-recruiting .btn:focus {color: #fff;}
+.glovalHeader .btn-recruiting .btn:focus {color: #54a3e5;}
-.glovalHeader .btn-recruiting .btn-outline-primary:not(:disabled):not(.disabled):active {color: #f398b0;}
+.glovalHeader .btn-recruiting .btn-outline-primary:not(:disabled):not(.disabled):active {color: #54a3e5;}
 .glovalHeader .btn-recruiting .btn:after,
 .glovalHeader .btn-recruiting .btn:before {display: none;}
@@ -240,23 +242,24 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
  .headerRight {padding-right: 90px;}
 }
 @media (max-width: 1224px) {
-  .header-sab {padding-right: 105px;}
+  .header-sab {padding-right: 0;}
  .header-keio-logo {top: 15px;right: 0;}
-  .header-logo {top: 10px;width: 132px;height: 52px;}
+  .header-logo {top: 16px;}
-  .header-logo img {width: 132px;height: 52px;}
+  .header-logo img {}
  .headerRight {padding-right: 0;justify-content: center;align-items: stretch; left: 0;}
  .header-inner .container,
  .headerRight .navbar {padding-left: 0;padding-right: 0;}
  .headerRight li:first-child {margin-left: 0;}
+  .navbar-expand-md {}
 }
 @media (max-width: 959px) {
  .header-inner,
  .header-sab,
  .headerRight,
  .headerRight .navbar {width: 100%;max-width: 100%;}
-  .header-logo {top: 6px;left: 12px; width: 100px;height: 39px;}
+  .header-logo {top: 14px;left: 12px; width: 100px;height: 39px;}
-  .header-logo img {width: 100px;height: 39px;}
+  .header-logo img {width: 180px;height: 23px;}
-  .header-keio-logo {top: 13px;right:54px;width: 76px;height:22px;}
+  .header-keio-logo {top: 14px;right:54px;width: 76px;height:22px;}
  .header-keio-logo img {width: 76px;height:22px;}
  .headerRight {top:49px;margin-top: 0;background-color: #fbf2f6  !important;}
  .headerRight .navbar {padding: 0;}
@@ -264,10 +267,34 @@ div.contents-wrapper:after{content : '';display : block;clear : both;}
  .headerRight li .nav-link {padding: 10px 20px;}
  .header-sab {padding-right: 0;top: 50px;right: 0;left: 0; justify-content: space-between;}
  .header-sab > p,
-  .glovalHeader .btn-recruiting {width: 50%;}
+  .glovalHeader .btn-recruiting {width: 50%;position: relative;}
-  .header-sab > p {margin: 0;padding-top: 3px; background-color: #ffdd65;text-align: center;}
+  .header-sab > p,
-  .header-sab .tel {font-size: 1.6rem;line-height: 12px;color: #333!important;}
+  .glovalHeader .btn-recruiting a {padding-right: 20px;}
-  .header-sab > p small {display: block;line-height: 8px;font-size: 9px;transform: scale(0.9); }
+  .header-sab > p:after,
+  .glovalHeader .btn-recruiting:after {display: block;content: "";position: absolute;top: 11px;right: 8px;z-index: 9;background-color: #fff;width: 24px;height: 24px;border-radius: 24px;}
+  .header-sab > p:before,
+  .glovalHeader .btn-recruiting:before {border-width: 6px 0 6px 9px;border-style: solid;}
+  .header-sab > p:before {border-color: transparent transparent transparent #ffdd65;}
+  .glovalHeader .btn-recruiting:before {border-color: transparent transparent transparent #54a3e5;}
+  .header-sab > p:before,
+  .glovalHeader .btn-recruiting:before {display: block;content: "";position: absolute;z-index: 10;top: 17px;right: 14px;width: 0;height: 0;}
+  .glovalHeader .btn-recruiting .btn:visited,
+  .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 .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;}
@@ -563,26 +590,36 @@ ul.statusPath li span:before, ul.statusPath li span:after {content: none !import
 -------------------------------------------- */
 div.main-contents-header {padding: 0; text-align: center;}
 div.main-contents-header .main-MV {margin: 0;padding: 0;}
-div.main-contents-header .main-MV img {vertical-align: bottom;width: 100%;height: 100%;}
 div.main-contents-header .main-MV-pc {display: block;}
 div.main-contents-header .main-MV-sp {display: none;}
+div.main-contents-header .main-MV-pc img,
+div.main-contents-header .main-MV-sp img {vertical-align: bottom;width: 100%;height: 100%;}
+.main-contents-inner {padding: 28px;}
+@media (min-width: 960px) {
+div.main-contents-header .main-MV {position: relative;}
+  div.main-contents-header .main-MV {position: relative;}
+  div.main-contents-header .main-MV .mv-circle,
+  div.main-contents-header .main-MV .mv-text01,
+  div.main-contents-header .main-MV .mv-text02 {position: absolute;top: 50%;left: 50%;}
+  div.main-contents-header .main-MV .mv-circle {margin-top: -11.4%;margin-left: -15%;}
+  div.main-contents-header .main-MV .mv-text01 {margin-top: -11.4%;}
+  div.main-contents-header .main-MV .mv-text02 {}
-.main-contents-inner {padding: 28px;}
-@media (max-width: 959px) {
-  div.main-contents-header .main-MV-pc {display: none;}
-  div.main-contents-header .main-MV-sp {display: block;}
-  .main-contents-inner {padding: 5px 0;}
-}
-.sec-main {padding: 108px 15px;}
-.sec-main-top {margin-bottom: 80px;}
-@media (max-width: 959px) {
-  .sec-main {padding: 60px 0;}
-  .sec-main-top {margin-bottom: 40px;}
 }
+/* 
+          <span class="mv-circle"><img src="/recruit/assets/img/common/mv_circle.png" width="180" height="180" alt=""/></span>
+          <span class="mv-text01"><img src="/recruit/assets/img/common/mv_text01.png" width="696" height="44" alt=""/></span>
+          <span class="mv-text02"><img src="/recruit/assets/img/common/mv_text02.png" width="543" height="86" alt=""/></span>
@@ -590,6 +627,29 @@ div.main-contents-header .main-MV-sp {display: none;}
+-------------------------------------------- */
+@media (max-width: 959px) {
+  div.main-contents-header .main-MV-pc {display: none;}
+  div.main-contents-header .main-MV-sp {display: block;}
+  .main-contents-inner {padding: 5px 0;}
+}
+.sec-main {padding: 108px 15px;}
+.sec-main-top {margin-bottom: 80px;}
+@media (max-width: 959px) {
+  .sec-main {margin-top:-90px;padding: 98px 0;}
+  .sec-main-top {margin-top: 60px;margin-bottom: 40px;}
+  .main-contents-header, #recruit01, #recruit02, #recruit03, #recruit04, #recruit05, #recruit06, #recruit07 {position: relative;}
+  .main-contents-header {z-index: 11;}
+  #recruit01 {z-index: 10;}
+  #recruit02 {z-index: 9;}
+  #recruit03 {z-index: 8;}
+  #recruit04 {z-index: 7;}
+  #recruit05 {z-index: 6;}
+  #recruit06 {z-index: 5;}
+  #recruit07 {z-index: 4;}
+}
 /* sec-box-flow */
 .flow-slide {margin-top: 30px;}
 .sec-box-flow {position: relative;}
@@ -615,9 +675,6 @@ div.main-contents-header .main-MV-sp {display: none;}
 .sec-box-flow > dl dd .flow-slide-box.flex-column:before,
 .sec-box-flow > dl dd .flow-slide-box:nth-last-child(2):before {display: none;}
 .sec-box-flow > dl dd .flow-slide-box-img {margin-bottom: 40px;}
 .sec-box-flow > dl dd .flow-slide-box .ttl-h3-left,
 .sec-box-flow > dl dd .flow-slide-box .ttl-h3-center {font-size: 3.2rem;margin-bottom: 16px;}
 .sec-box-flow > dl dd .flow-slide-box {display: flex;flex-direction: row;}
@@ -635,6 +692,7 @@ div.main-contents-header .main-MV-sp {display: none;}
  .sec-box-flow:before {top: -10px;left: 0px;height: calc(100% + 20px);}
  .sec-box-flow h3.ttl-h3-center {padding-top: 0px;font-size: 2.4rem;}
  .sec-box-flow > dl {padding-left: 20px;margin-bottom: 40px;}
+  .sec-box-flow > dl:last-child {margin-bottom: 0;}
  .sec-box-flow > dl dd .flow-img img {width: 100%; height: auto;}
  .sec-box-flow > dl dd .flow-slide-box {flex-direction: column;}
  .sec-box-flow > dl dd .flow-slide-box:before {display: none;}
@@ -669,7 +727,12 @@ transition: opacity 0.6s ease;
 .btn-outline-primary:hover {color: #fff;}
 .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 {display: inline-block;width: 41px;height: 41px;background-color: #f398b0;border-radius: 50%;}
+.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;;}
 .carousel-control-next {right: -100px;}
 .carousel-control-prev-icon,

--- a/recruit/assets/img/common/header_logo.png
+++ b/recruit/assets/img/common/header_logo.png
--- a/recruit/assets/img/common/logo.png
+++ b/recruit/assets/img/common/logo.png
--- a/recruit/assets/img/common/mv_circle.png
+++ b/recruit/assets/img/common/mv_circle.png
--- a/recruit/assets/img/common/mv_text01.png
+++ b/recruit/assets/img/common/mv_text01.png
--- a/recruit/assets/img/common/mv_text02.png
+++ b/recruit/assets/img/common/mv_text02.png
--- a/recruit/index.html
+++ b/recruit/index.html
@@ -41,13 +41,11 @@ gtag('config', '');
  <!-- START : glovalHeader -->
  <header class="glovalHeader">
    <div class="header-inner">
-      <h1 class="header-logo"><a href="/" data-postfix="logo">
+      <h1 class="header-logo"><img class="pc-logo" src="/recruit/assets/img/common/header_logo.png" width="282" height="36" alt="京王の家事代行求人"/></h1>
-        <img class="pc-logo" src="/recruit/assets/img/common/header_logo.png" width="152" height="60" alt="暮らしのお手伝いはおまかせ 京王ほっとネットワーク【京王家事代行求人】"/>
-      </a></h1>
      <div class="container">
        <div class="header-sab">
-          <p><strong class="tel text-primary">0120-83-5410</strong> <small>(営業時間 10：00～18：00)</small></p>
+          <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="#" class="btn btn-primary" role="button">応募する</a></div>
+          <div class="btn-recruiting"><a href="https://www.keio-hot.net/form/kaji/" 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>
@@ -58,7 +56,7 @@ gtag('config', '');
                <ul class="navbar-nav mr-auto">
                   <li class="nav-item"><a class="nav-link" href="#recruit01"><span class="text">家事代行スタッフとして働く魅力</span></a></li>
                   <li class="nav-item"><a class="nav-link" href="#recruit02"><span class="text">家事代行とは</span></a></li>
-                   <li class="nav-item"><a class="nav-link" href="#recruit03"><span class="text">一日のお仕事</span></a></li>
+                   <li class="nav-item"><a class="nav-link" href="#recruit03"><span class="text">1日のお仕事</span></a></li>
                   <li class="nav-item"><a class="nav-link" href="#recruit04"><span class="text">応募から独り立ちまで</span></a></li>
                   <li class="nav-item"><a class="nav-link" href="#recruit05"><span class="text">スタッフの声</span></a></li>
                   <li class="nav-item"><a class="nav-link" href="#recruit06"><span class="text">募集要項</span></a></li>
@@ -94,7 +92,7 @@ gtag('config', '');
                <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">1</span></span><strong class="text-primary">
-                      <span data-aos="fade-right" data-aos-delay="200" data-aos-anchor-placement="top-bottom">未経験者でも</span><span data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom">安心！<br></span><span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">丁寧な教育・</span><span data-aos="fade-right" data-aos-delay="500" data-aos-anchor-placement="top-bottom">サポート体制</span>
+                      <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">未経験者でも安心！<br>丁寧な教育・サポート体制</span>
                    </strong></h4>
                    <p>これまでのあなたの家事経験が活かせ、特別な資格は必要ありません。久しぶりに働く方、初めての方も経験豊富なアドバイザーが丁寧にお教えします。独り立ちした後でもサポート体制を整えており、初めてお伺いするお客様宅には、アドバイザーが同行します。どんな小さな不安や疑問も気軽に聞けるので安心して仕事を続けることができます。</p>
                  </div>
@@ -108,7 +106,7 @@ gtag('config', '');
                <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="200" data-aos-anchor-placement="top-bottom">週1日</span><span data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom">2時間～OK！<br></span><span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">ご自宅の近くで</span><span data-aos="fade-right" data-aos-delay="500" data-aos-anchor-placement="top-bottom">直行直帰！</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日2時間のお仕事から始められます。自宅からご依頼のあったお客様宅へ直行してサービスを実施していただきます。サービス実施後はお客様宅からの直帰となります。ご自身の都合に合わせて午前や午後だけ、毎週1日だけなど働き方を選べます。お客様宅は京王線・井の頭線沿線中心です。</p>
                  </div>
@@ -122,7 +120,7 @@ gtag('config', '');
                <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">3</span></span><strong class="text-primary">
-                    <span data-aos="fade-right" data-aos-delay="200" data-aos-anchor-placement="top-bottom">50代・60代以上の</span><span data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom">シニア世代の方が<br class="d-pc-block"></span><span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">多数活躍中です。</span>
+                    <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">50代・60代以上のシニア世代の方が<br class="d-pc-block">多数活躍中です。</span>
                    </strong></h4>
                    <p>お客様が求めているのは、あなたの安心感です。趣味との両立やダブルワーク、ご自身の体調や都合に合わせて働くことが可能です。</p>
                  </div>
@@ -135,7 +133,7 @@ gtag('config', '');
              <div class="sec-box-imgText">
                <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">4</span></span><strong class="text-primary"><span data-aos="fade-right" data-aos-delay="200" data-aos-anchor-placement="top-bottom">京王電鉄で</span><span data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom">働く</span></strong></h4>
+                    <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-info">魅力<span class="fs-20">4</span></span><strong class="text-primary"><span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">京王電鉄で働く</span></strong></h4>
                    <p>京王ほっとネットワークは京王電鉄が2008年から10年以上「住んでもらえる、選んでもらえる沿線」を目指して、沿線にお住まいの方々の暮らしに役立つ、暮らしに寄り添うサービスを提供しています。京王の安心、安全に期待してご利用されるお客様が多数いらっしゃいます。お客様の「ありがとう」を一番近くで感じるやりがいのあるお仕事です。</p>
                  </div>
                </div>
@@ -152,7 +150,7 @@ gtag('config', '');
          <section id="recruit02" class="sec-main bg-wht"><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" src="/recruit/assets/img/common/header_logo.png" width="152" height="60" alt="暮らしのお手伝いはおまかせ 京王ほっとネットワーク【京王家事代行求人】"/>
+                <img class="d-block m-auto mb-2" src="/recruit/assets/img/common/logo.png" width="152" height="60" alt="京王の家事代行求人"/>
                <strong class="ttl-border-btm mt-2">家事代行とは</strong></h2>
            </div>
            <div class="sec-main-body">
@@ -196,7 +194,7 @@ gtag('config', '');
                    <div class="flow-slide"><div class="sec-box">
                      <h3 class="f-maru ttl-h3-center">作業例と所要時間</h3>
+                      <p class="text-center">ボタンをクリックすると、各内容をご覧になれます。</p>
 <div class="flow-slide-wrapper">
 <div id="flow-slide" class="carousel slide" data-interval="10000">
@@ -565,7 +563,7 @@ gtag('config', '');
              </div>
-              <div class="btn-recruiting"><a href="#" class="btn btn-outline-primary btn-lg" role="button">応募する</a></div>
+              <div class="btn-recruiting"><a href="https://www.keio-hot.net/form/kaji/" target="_blank" class="btn btn-outline-primary btn-lg" role="button">応募する</a></div>
            </div>
@@ -588,9 +586,8 @@ gtag('config', '');
        <div class="main-contents-inner main-contents-footer">
          <div class="footer-inner">
-            <div class="footer_logo"><a href="https://www.keio-hot.net/"><img src="/recruit/assets/img/common/footer_logo.png" width="170" height="35" alt=""/></a></div>
            <p class="textCopyright">Copyright© Keio Corporation All rights reserved.</p>
-            <div class="footer_logo_keio"><a href="https://www.keio.co.jp/" target="_blank"><img src="/recruit/assets/img/common/footer_logo_keio.png" width="75" height="18" alt=""/></a></div>
+            <div class="footer_logo"><a href="https://www.keio-hot.net/"><img src="/recruit/assets/img/common/footer_logo.png" width="170" height="35" alt=""/></a></div>
          </div>
        </div>