Skip to content

sora / keio-dentetsu

Go to a project
Commit 1a9c40c1 by Orine Matsui
Options

FB対応

parent 044452b9
Inline Side-by-side
Showing with 1504 additions and 1443 deletions
recruit/assets/css/style.css
@charset "utf-8"; @charset "utf-8";
/* CSS Document */ /* CSS Document */
/* fonts /* fonts
-------------------------------------------- */ -------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,900&display=swap&subset=japanese'); @import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,900&display=swap&subset=japanese');
/* IE11 */ /* IE11 */
_:-ms-lang(x)::-ms-backdrop, body {font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} _:-ms-lang(x)::-ms-backdrop, body {font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
/* Edge */ /* Edge */
_:-ms-lang(x)::backdrop, body {font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} _:-ms-lang(x)::backdrop, body {font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
h1, h2, h3, .f-maru {font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;} h1, h2, h3, .f-maru {font-family: 'M PLUS Rounded 1c', sans-serif;font-weight: 500;}
/* common /* common
-------------------------------------------- */ -------------------------------------------- */
html { font-size: 62.5%; } html { font-size: 62.5%; }
ul { padding-left: 0; list-style: none; } ul { padding-left: 0; list-style: none; }
ol, ul, dl { margin-top: 0; margin-bottom: 0; } ol, ul, dl { margin-top: 0; margin-bottom: 0; }
p, li, li p { font-size: 1.6rem;line-height: 1.8;} p, li, li p { font-size: 1.6rem;line-height: 1.8;}
dt, dd { font-size: 1.6rem;} dt, dd { font-size: 1.6rem;}
.d-sp-block {display: none!important;} .d-sp-block {display: none!important;}
.d-pc-block {display: block!important;} .d-pc-block {display: block!important;}
.d-sp-i-block {display: none!important;} .d-sp-i-block {display: none!important;}
.d-pc-i-block {display: inline-block!important;} .d-pc-i-block {display: inline-block!important;}
@media (max-width: 959px) { @media (max-width: 959px) {
h1, .h1 { font-size: 2.4rem; } h1, .h1 { font-size: 2.4rem; }
h2, .h2 { font-size: 2.4rem; } h2, .h2 { font-size: 2.4rem; }
h3, .h3 { font-size: 1.6rem; } h3, .h3 { font-size: 1.6rem; }
h4, .h4 { font-size: 1.4rem; } h4, .h4 { font-size: 1.4rem; }
h5, .h5 { font-size: 1.4rem; } h5, .h5 { font-size: 1.4rem; }
h6, .h6 { font-size: 1rem; } h6, .h6 { font-size: 1rem; }
p, li, li p { font-size: 1.4rem;line-height: 1.6;} p, li, li p { font-size: 1.4rem;line-height: 1.6;}
dt, dd { font-size: 1.4rem;} dt, dd { font-size: 1.4rem;}
.d-sp-block {display: block!important;} .d-sp-block {display: block!important;}
.d-pc-block {display: none!important;} .d-pc-block {display: none!important;}
.d-sp-i-block {display: inline-block!important;} .d-sp-i-block {display: inline-block!important;}
.d-pc-i-block {display: none!important;} .d-pc-i-block {display: none!important;}
} }
.flex-row, .flex-row,
.flex-column {display: flex;flex-direction: column;justify-content: center;align-items: center;} .flex-column {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flex-row {flex-direction: row;} .flex-row {flex-direction: row;}
.flex-column {flex-direction: column;} .flex-column {flex-direction: column;}
.flex-row li {margin: 6px;} .flex-row li {margin: 6px;}
.flex-column li {margin: 10px;} .flex-column li {margin: 10px;}
.btn-light, .btn-light,
.badge-info, .badge-info,
.badge-danger {color: #fff;} .badge-danger {color: #fff;}
.btn-link {padding: 0;} .btn-link {padding: 0;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus {background-color: #f398b0!important;} .btn-primary:hover, .btn-primary:focus, .btn-primary.focus {background-color: #f398b0!important;}
button:focus {outline:none!important;} button:focus {outline:none!important;}
@media (min-width: 1110px) { .bg-wht {background-color: #fff;}
.container {max-width: 1110px!important;} @media (min-width: 1110px) {
} .container {max-width: 1110px!important;}
}
/* LOAD
---------------------------------- */ /* LOAD
#loadingWrap {background: #fff;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99998;display: table;width: 100%;height: 100vh;} ---------------------------------- */
.loadingNone {animation: loadingAnime 1s forwards;} #loadingWrap {background: #fff;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99998;display: table;width: 100%;height: 100vh;}
@keyframes loadingAnime { .loadingNone {animation: loadingAnime 1s forwards;}
0% {opacity: 1;} @keyframes loadingAnime {
80% {opacity: 0;display: none;} 0% {opacity: 1;}
99% {width: 100%;height: 100vh;} 80% {opacity: 0;display: none;}
100% {opacity: 0;display: none;width: 0%;height: 0vh;} 99% {width: 100%;height: 100vh;}
} 100% {opacity: 0;display: none;width: 0%;height: 0vh;}
#loadingWrap .main-logo { }
padding-top: 182px; #loadingWrap .main-logo {
width: 100%; padding-top: 182px;
text-align: center; width: 100%;
} text-align: center;
#loadingWrap .main-logo img { }
position: relative; #loadingWrap .main-logo img {
z-index: 99999; position: relative;
-webkit-animation: blink 1s ease 1 forwards; z-index: 99999;
animation: blink 1s ease 1 forwards; -webkit-animation: blink 1s ease 1 forwards;
} animation: blink 1s ease 1 forwards;
@-webkit-keyframes blink { }
0% {opacity: 0;} @-webkit-keyframes blink {
5% {opacity: 1;} 0% {opacity: 0;}
10% {opacity: 0;} 5% {opacity: 1;}
15% {opacity: 1;} 10% {opacity: 0;}
20% {opacity: 0;} 15% {opacity: 1;}
25% {opacity: 1;} 20% {opacity: 0;}
100% {opacity: 0;} 25% {opacity: 1;}
} 100% {opacity: 0;}
@keyframes blink { }
0% {opacity: 0;} @keyframes blink {
5% {opacity: 1;} 0% {opacity: 0;}
10% {opacity: 0;} 5% {opacity: 1;}
15% {opacity: 1;} 10% {opacity: 0;}
20% {opacity: 0;} 15% {opacity: 1;}
25% {opacity: 1;} 20% {opacity: 0;}
100% {opacity: 0;} 25% {opacity: 1;}
} 100% {opacity: 0;}
/* fixed contents }
---------------------------------- */ /* fixed contents
.wrapper {position: relative;} ---------------------------------- */
header.glovalHeader { z-index: 100;background: #fff;box-shadow: 0px 2px 4px 0px rgba(150,150,150,0.2);} .wrapper {position: relative;}
div.contents-wrapper { z-index: 0;} header.glovalHeader { z-index: 100;background: #fff;box-shadow: 0px 2px 4px 0px rgba(150,150,150,0.2);}
div.main-contents-wrapper{ z-index: 1;} div.contents-wrapper { z-index: 0;}
div.main-contents-header { position: relative;} div.main-contents-wrapper{ z-index: 1;}
div.main-contents-header h1 + h2, div.main-contents-header { position: relative;}
div.main-contents-header h1 + ul { margin-top: 20px;} div.main-contents-header h1 + h2,
@media (min-width: 960px) { div.main-contents-header h1 + ul { margin-top: 20px;}
header.glovalHeader {width: 100%;height: 100px;} @media (min-width: 960px) {
body.single-page header.glovalHeader { height: 36px;} header.glovalHeader {width: 100%;height: 100px;}
div.contents-wrapper {display: flex;align-items: stretch;} div.contents-wrapper {display: flex;align-items: stretch;}
div.main-contents-wrapper{width:100%;position : relative;} div.main-contents-wrapper{width:100%;position : relative;}
} }
@media (max-width: 959px) { @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;} header .container {padding-right: 0;padding-left: 0;}
div.contents-wrapper.container {padding-left: 0;padding-right: 0;} div.contents-wrapper.container {padding-left: 0;padding-right: 0;}
div.ext-contents-wrapper{display: none;} div.ext-contents-wrapper{display: none;}
} }
#body-container.container{padding-left: 0;padding-right: 0;} #body-container.container{padding-left: 0;padding-right: 0;}
div.contents-wrapper{/zoom : 1;} div.contents-wrapper{/zoom : 1;}
div.contents-wrapper:after{content : '';display : block;clear : both;} div.contents-wrapper:after{content : '';display : block;clear : both;}
/* ToolList /* ToolList
-------------------------------------------- */ -------------------------------------------- */
.toolList {} .toolList {}
.toolList > ul >li, .toolList > ul >li,
.toolList > ul >li a {display: block; font-size: 1.5rem;font-weight: 700;color: #000;} .toolList > ul >li a {display: block; font-size: 1.5rem;font-weight: 700;color: #000;}
.toolList > ul >li.border-btm {border-bottom: 1px solid #333;} .toolList > ul >li.border-btm {border-bottom: 1px solid #333;}
.toolList > ul >li a:hover {color: #fff;background-color: #2767d4;} .toolList > ul >li a:hover {color: #fff;background-color: #2767d4;}
.toolList > ul >li a {display: flex;justify-content: flex-start;align-items: center;padding: 10px 24px;transition: background .3s;} .toolList > ul >li a {display: flex;justify-content: flex-start;align-items: center;padding: 10px 24px;transition: background .3s;}
.toolList > ul >li:first-child, .toolList > ul >li:first-child,
.toolList > ul >li.border-btm + li {padding-top: 20px;} .toolList > ul >li.border-btm + li {padding-top: 20px;}
.toolList > ul >li.border-btm {padding-bottom: 20px;} .toolList > ul >li.border-btm {padding-bottom: 20px;}
.toolList > ul >li a .rex-icon {display: inline-block;margin-right: 22px; font-size: 3.4rem;} .toolList > ul >li a .rex-icon {display: inline-block;margin-right: 22px; font-size: 3.4rem;}
@media (min-width: 960px) { @media (min-width: 960px) {
#nav-toolList {display: block;} #nav-toolList {display: block;}
#nav-toolList-toggler {display: none;} #nav-toolList-toggler {display: none;}
} }
@media (max-width: 959px) { @media (max-width: 959px) {
/* /*
#nav-toolList-toggler[aria-expanded*="false"] {position: absolute;} #nav-toolList-toggler[aria-expanded*="false"] {position: absolute;}
#nav-toolList-toggler[aria-expanded*="true"] {position: fixed;z-index: 1000; background: #fff;} #nav-toolList-toggler[aria-expanded*="true"] {position: fixed;z-index: 1000; background: #fff;}
#nav-toolList-toggler[aria-expanded*="false"] #nav-toolList-toggler[aria-expanded*="false"]
#nav-toolList-toggler[aria-expanded*="false"] + header.glovalHeader {position: static;} #nav-toolList-toggler[aria-expanded*="false"] + header.glovalHeader {position: static;}
#nav-toolList-toggler[aria-expanded*="true"], #nav-toolList-toggler[aria-expanded*="true"],
#nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader {position: fixed;background: #fff;} #nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader {position: fixed;background: #fff;}
*/ */
#nav-toolList-toggler[aria-expanded*="true"] {z-index: 9999;} #nav-toolList-toggler[aria-expanded*="true"] {z-index: 9999;}
#nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader {z-index: 9998;} #nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader {z-index: 9998;}
#nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container .main-contents-wrapper, #nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container .main-contents-wrapper,
#nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container + .glovalFooter, #nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container + .glovalFooter,
#nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container + .footer {display: none;} #nav-toolList-toggler[aria-expanded*="true"] + header.glovalHeader + #body-container.container + .footer {display: none;}
#nav-toolList {position: relative;z-index: 99;background: #fff;} #nav-toolList {position: relative;z-index: 99;background: #fff;}
#nav-toolList-toggler {display: block;position: absolute;top: 0;right: 0;z-index: 101; width: 54px;height: 48px;margin: 0;padding: 0;background-image: none;border: none;border-radius: 0;background-color: #fff;} #nav-toolList-toggler {display: block;position: absolute;top: 0;right: 0;z-index: 101; width: 54px;height: 48px;margin: 0;padding: 0;background-image: none;border: none;border-radius: 0;background-color: #fff;}
#nav-toolList-toggler .icon-bar {position: absolute;top: 50%;left: 50%;margin-top: -2px;margin-left: -14px;width: 24px;height: 3px;border-radius: 3px;background-color: #f398b0;} #nav-toolList-toggler .icon-bar {position: absolute;top: 50%;left: 50%;margin-top: -2px;margin-left: -14px;width: 24px;height: 3px;border-radius: 3px;background-color: #f398b0;}
#nav-toolList-toggler .icon-bar:first-child {display: none;} #nav-toolList-toggler .icon-bar:first-child {display: none;}
#nav-toolList-toggler .icon-bar:nth-child(2), #nav-toolList-toggler .icon-bar:nth-child(2),
#nav-toolList-toggler .icon-bar:nth-child(3) {position: absolute;width: 29px;transition: .3s;} #nav-toolList-toggler .icon-bar:nth-child(3) {position: absolute;width: 29px;transition: .3s;}
#nav-toolList-toggler .icon-bar:nth-child(2) {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);} #nav-toolList-toggler .icon-bar:nth-child(2) {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#nav-toolList-toggler .icon-bar:nth-child(3) {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} #nav-toolList-toggler .icon-bar:nth-child(3) {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
/* collapsed */ /* collapsed */
#nav-toolList-toggler.collapsed .icon-bar {margin-top: 0;display: block;width: 24px;margin-left: -12px;} #nav-toolList-toggler.collapsed .icon-bar {margin-top: 0;display: block;width: 24px;margin-left: -12px;}
#nav-toolList-toggler.collapsed .icon-bar:nth-child(1) {top: 14px;} #nav-toolList-toggler.collapsed .icon-bar:nth-child(1) {top: 14px;}
#nav-toolList-toggler.collapsed .icon-bar:nth-child(2) {top: 22px;transform: rotate(0deg);-webkit-transform: rotate(0deg);} #nav-toolList-toggler.collapsed .icon-bar:nth-child(2) {top: 22px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
#nav-toolList-toggler.collapsed .icon-bar:nth-child(3) {top: 30px;transform: rotate(0deg);-webkit-transform: rotate(0deg);} #nav-toolList-toggler.collapsed .icon-bar:nth-child(3) {top: 30px;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.toolList > ul >li:first-child, .toolList > ul >li:first-child,
.toolList > ul >li.border-btm + li {padding-top: 10px;} .toolList > ul >li.border-btm + li {padding-top: 10px;}
.toolList > ul >li.border-btm {padding-bottom: 10px;} .toolList > ul >li.border-btm {padding-bottom: 10px;}
.toolList > ul >li a .rex-icon {display: inline-block;margin-right: 16px; font-size: 3.0rem;} .toolList > ul >li a .rex-icon {display: inline-block;margin-right: 16px; font-size: 3.0rem;}
} }
/* Header /* Header
-------------------------------------------- */ -------------------------------------------- */
.header-inner {position: relative;max-width: 1360px;margin: 0 auto;} .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 {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 {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: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) ;} .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) {
.dropdown:hover > .dropdown-menu {display: block;} .header-sab .tel a {pointer-events: none;}
.dropdown > .dropdown-toggle:active {pointer-events: none;} }
.dropdown-item {font-size: 1.6rem;} .dropdown:hover > .dropdown-menu {display: block;}
.dropdown > .dropdown-toggle:active {pointer-events: none;}
/* btn-recruiting */ .dropdown-item {font-size: 1.6rem;}
.btn-recruiting {margin-top: 30px; text-align: center;}
.btn-recruiting .btn {position: relative;font-size: 1.8rem;padding: 22px 110px;border-width: 2px;background-color: #fff;font-weight: 700;box-shadow: 1px 1px 4px 0px rgba(150,150,150,0.2);border-radius: 40px;} /* btn-recruiting */
.btn-recruiting .btn:hover {background-color: #f398b0;color: #fff;} .btn-recruiting {margin-top: 30px; text-align: center;}
.btn-recruiting .btn:focus {color: #f398b0;} .btn-recruiting .btn {position: relative;font-size: 1.8rem;padding: 22px 110px;border-width: 2px;background-color: #fff;font-weight: 700;box-shadow: 1px 1px 4px 0px rgba(150,150,150,0.2);border-radius: 40px;}
.btn-recruiting .btn-outline-primary:not(:disabled):not(.disabled):active {color: #fff;} .btn-recruiting .btn:hover {background-color: #f398b0;color: #fff;}
.btn-recruiting .btn:after, .btn-recruiting .btn:focus {color: #f398b0;}
.btn-recruiting .btn:before { .btn-recruiting .btn-outline-primary:not(:disabled):not(.disabled):active {color: #fff;}
display: block; .btn-recruiting .btn:after,
content: ""; .btn-recruiting .btn:before {
position: absolute; display: block;
top: 50%; content: "";
right: 16px; position: absolute;
width: 0; top: 50%;
height: 0; right: 16px;
border-style: solid; width: 0;
} height: 0;
.btn-recruiting .btn:before { border-style: solid;
display: inline-block; }
width: 30px; .btn-recruiting .btn:before {
height: 30px; display: inline-block;
background-color: #f398b0; width: 30px;
border-radius: 50%; height: 30px;
transform: translate(-4px,-15px); background-color: #f398b0;
} border-radius: 50%;
.btn-recruiting .btn:after { transform: translate(-4px,-15px);
border-width: 7px 0 7px 9px; }
border-color: transparent transparent transparent #fff; .btn-recruiting .btn:after {
transform: translate(-13px,-7px); border-width: 7px 0 7px 9px;
} border-color: transparent transparent transparent #fff;
.glovalHeader .btn-recruiting {margin-top: 0; text-align: center;} transform: translate(-13px,-7px);
.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:hover {background-color: #fff;color: #fff;} .glovalHeader .btn-recruiting {margin-top: 0; text-align: center;}
.glovalHeader .btn-recruiting .btn:focus {color: #fff;} .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-outline-primary:not(:disabled):not(.disabled):active {color: #f398b0;} .glovalHeader .btn-recruiting .btn:hover {background-color: #fff;color: #54a3e5;}
.glovalHeader .btn-recruiting .btn:after, .glovalHeader .btn-recruiting .btn:focus {color: #54a3e5;}
.glovalHeader .btn-recruiting .btn:before {display: none;} .glovalHeader .btn-recruiting .btn-outline-primary:not(:disabled):not(.disabled):active {color: #54a3e5;}
.glovalHeader .btn-recruiting .btn:after,
@media (max-width: 1390px) { .glovalHeader .btn-recruiting .btn:before {display: none;}
.header-inner {max-width: calc(100% - 30px);}
.header-inner .container {max-width:100%!important;padding: 0;} @media (max-width: 1390px) {
.header-sab, .header-inner {max-width: calc(100% - 30px);}
.headerRight {padding-right: 90px;} .header-inner .container {max-width:100%!important;padding: 0;}
} .header-sab,
@media (max-width: 1224px) { .headerRight {padding-right: 90px;}
.header-sab {padding-right: 105px;} }
.header-keio-logo {top: 15px;right: 0;} @media (max-width: 1224px) {
.header-logo {top: 10px;width: 132px;height: 52px;} .header-sab {padding-right: 0;}
.header-logo img {width: 132px;height: 52px;} .header-keio-logo {top: 15px;right: 0;}
.headerRight {padding-right: 0;justify-content: center;align-items: stretch; left: 0;} .header-logo {top: 16px;}
.header-inner .container, .header-logo img {}
.headerRight .navbar {padding-left: 0;padding-right: 0;} .headerRight {padding-right: 0;justify-content: center;align-items: stretch; left: 0;}
.headerRight li:first-child {margin-left: 0;} .header-inner .container,
} .headerRight .navbar {padding-left: 0;padding-right: 0;}
@media (max-width: 959px) { .headerRight li:first-child {margin-left: 0;}
.header-inner, .navbar-expand-md {}
.header-sab, }
.headerRight, @media (max-width: 959px) {
.headerRight .navbar {width: 100%;max-width: 100%;} .header-inner,
.header-logo {top: 6px;left: 12px; width: 100px;height: 39px;} .header-sab,
.header-logo img {width: 100px;height: 39px;} .headerRight,
.header-keio-logo {top: 13px;right:54px;width: 76px;height:22px;} .headerRight .navbar {width: 100%;max-width: 100%;}
.header-keio-logo img {width: 76px;height:22px;} .header-logo {top: 14px;left: 12px; width: 100px;height: 39px;}
.headerRight {top:49px;margin-top: 0;background-color: #fbf2f6 !important;} .header-logo img {width: 180px;height: 23px;}
.headerRight .navbar {padding: 0;} .header-keio-logo {top: 14px;right:54px;width: 76px;height:22px;}
.headerRight li.nav-item {margin: 0;border-bottom: 1px solid #f398b0;} .header-keio-logo img {width: 76px;height:22px;}
.headerRight li .nav-link {padding: 10px 20px;} .headerRight {top:49px;margin-top: 0;background-color: #fbf2f6 !important;}
.header-sab {padding-right: 0;top: 50px;right: 0;left: 0; justify-content: space-between;} .headerRight .navbar {padding: 0;}
.header-sab > p, .headerRight li.nav-item {margin: 0;border-bottom: 1px solid #f398b0;}
.glovalHeader .btn-recruiting {width: 50%;} .headerRight li .nav-link {padding: 10px 20px;}
.header-sab > p {margin: 0;padding-top: 3px; background-color: #ffdd65;text-align: center;} .header-sab {padding-right: 0;top: 50px;right: 0;left: 0; justify-content: space-between;}
.header-sab .tel {font-size: 1.6rem;line-height: 12px;color: #333!important;} .header-sab > p,
.header-sab > p small {display: block;line-height: 8px;font-size: 9px;transform: scale(0.9); } .glovalHeader .btn-recruiting {width: 50%;position: relative;}
.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;} .header-sab > p,
.glovalHeader .btn-recruiting a {padding-right: 20px;}
.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,
@media (max-width: 959px) { .glovalHeader .btn-recruiting:before {border-width: 6px 0 6px 9px;border-style: solid;}
.btn-recruiting .btn {padding: 12px 110px;} .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,
/* secbox .glovalHeader .btn-recruiting .btn:active,
-------------------------------------------- */ .glovalHeader .btn-recruiting .btn:focus {background-color: #54a3e5;}
.sec-box {max-width: 800px;margin: 0 auto; padding: 34px; background: #fff;border-radius: 20px;box-shadow:1px 1px 4px 0px rgba(150,150,150,0.2);}
@media (max-width: 959px) {
.sec-box {padding: 24px 14px; background: #fff;border-radius: 10px;box-shadow:1px 1px 1px 0px rgba(150,150,150,0.2);}
}
.sec-main-body + .sec-main-body {margin-top: 80px;}
/* sec-box-textImg */ .header-sab > p {flex-direction: column;margin: 0;padding-top: 10px;background-color: #ffdd65;text-align: center;}
.sec-box-textImg, .header-sab .tel {margin: 0 auto;font-size: 1.6rem;line-height: 12px;color: #333!important;}
.sec-box-imgText {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;} .header-sab .tel a {color: #333!important;}
.sec-box-text {max-width: 560px;} .header-sab > p small {margin: 0 auto; display: block;line-height: 8px;font-size: 10px;}
.sec-box-text {border-radius: 22px; .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;}
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbf2f6+0,f398b0+100 */
background: #fbf2f6; /* Old browsers */ }
background: -moz-linear-gradient(left, #fbf2f6 0%, #f398b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fbf2f6 0%,#f398b0 100%); /* Chrome10-25,Safari5.1-6 */ @media (max-width: 959px) {
background: linear-gradient(to right, #fbf2f6 0%,#f398b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ .btn-recruiting .btn {padding: 12px 110px;}
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf2f6', endColorstr='#f398b0',GradientType=1 ); /* IE6-9 */ }
}
.sec-box-img {margin-top: 60px;}
.sec-box-img.mt-0 {margin-top: -30px!important;}
@media (min-width: 960px) {
.ec-box-imgText .sec-box-img { order: 1; } /* secbox
.sec-box-imgText .sec-box-text { order: 2; } -------------------------------------------- */
} .sec-box {max-width: 800px;margin: 0 auto; padding: 34px; background: #fff;border-radius: 20px;box-shadow:1px 1px 4px 0px rgba(150,150,150,0.2);}
@media (max-width: 959px) {
.sec-box-imgText + .sec-box-textImg, .sec-box {padding: 24px 14px; background: #fff;border-radius: 10px;box-shadow:1px 1px 1px 0px rgba(150,150,150,0.2);}
.sec-box-textImg + .sec-box-imgText {margin-top: 80px;}
}
@media (max-width: 959px) {
.sec-box-imgText + .sec-box-textImg, .sec-main-body + .sec-main-body {margin-top: 80px;}
.sec-box-textImg + .sec-box-imgText {margin-top: 50px;}
.sec-box-textImg, /* sec-box-textImg */
.sec-box-imgText {flex-direction: column;} .sec-box-textImg,
.sec-box-text {max-width: 100%;} .sec-box-imgText {display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.sec-box-textImg .sec-box-text {margin-left: -15px;border-radius: 0 10px 10px 0;} .sec-box-text {max-width: 560px;}
.sec-box-textImg .sec-box-text .sec-box {border-radius: 0 10px 10px 0;} .sec-box-text {border-radius: 22px;
.sec-box-imgText .sec-box-text {margin-left: 15px;margin-right: -15px;border-radius: 10px 0 0 10px;}
.sec-box-imgText .sec-box-text .sec-box {border-radius: 10px 0 0 10px;} /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbf2f6+0,f398b0+100 */
.sec-box-img {margin: 20px auto 0;border-radius: 10px;} background: #fbf2f6; /* Old browsers */
.sec-box-img img {width: 100%;height: auto;border-radius: 10px;} background: -moz-linear-gradient(left, #fbf2f6 0%, #f398b0 100%); /* FF3.6-15 */
.sec-box-img.mt-0 {margin-top: 20px!important;} background: -webkit-linear-gradient(left, #fbf2f6 0%,#f398b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fbf2f6 0%,#f398b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf2f6', endColorstr='#f398b0',GradientType=1 ); /* IE6-9 */
}
} .sec-box-img {margin-top: 60px;}
.sec-box-img.mt-0 {margin-top: -30px!important;}
/* balloon
-------------------------------------------- */ @media (min-width: 960px) {
.balloon-box {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 25px;} .ec-box-imgText .sec-box-img { order: 1; }
.balloon-left {position: relative;display: inline-block;margin: 0 0 0 25px;padding: 18px 30px;min-width: 120px;max-width: 100%;color: #fff;background: #5fa9a5;} .sec-box-imgText .sec-box-text { order: 2; }
.balloon-left:before {content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;border: 10px solid transparent;border-right: 10px solid #5fa9a5;} }
.balloon-left p {margin: 0;padding: 0;font-size: 2.0rem;}
.balloon-btm {position: relative;display: inline-block;margin: 0 auto 25px auto;padding: 18px 5px;color: #fff;background: #4d9a96;text-align: center;} .sec-box-imgText + .sec-box-textImg,
.balloon-btm:before {content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -10px;border: 10px solid transparent;border-top: 10px solid #4d9a96;} .sec-box-textImg + .sec-box-imgText {margin-top: 80px;}
.balloon-btm-list {margin-top: 30px;margin-bottom: 30px;}
.balloon-btm-list .balloon-btm {width: 220px;} @media (max-width: 959px) {
.balloon-left p {margin: 0;padding: 0;font-size: 2.0rem;} .sec-box-imgText + .sec-box-textImg,
.balloon-btm-list .balloon-btm:nth-child(1){background-color: #80c6c2;} .sec-box-textImg + .sec-box-imgText {margin-top: 50px;}
.balloon-btm-list .balloon-btm:nth-child(1):before{border-top: 10px solid #80c6c2;} .sec-box-textImg,
.balloon-btm-list .balloon-btm:nth-child(2){background-color: #6eb6b2;margin-left: 20px;margin-right: 20px;} .sec-box-imgText {flex-direction: column;}
.balloon-btm-list .balloon-btm:nth-child(2):before{border-top: 10px solid #6eb6b2;} .sec-box-text {max-width: 100%;}
.balloon-btm-list .balloon-btm:nth-child(3){background-color: #5fa9a5;} .sec-box-textImg .sec-box-text {margin-left: -15px;border-radius: 0 10px 10px 0;}
.balloon-btm-list .balloon-btm:nth-child(3):before{border-top: 10px solid #5fa9a5;} .sec-box-textImg .sec-box-text .sec-box {border-radius: 0 10px 10px 0;}
.balloon-btm-list .balloon-btm:nth-child(4){background-color: #4d9a96;} .sec-box-imgText .sec-box-text {margin-left: 15px;margin-right: -15px;border-radius: 10px 0 0 10px;}
.balloon-btm-list .balloon-btm:nth-child(4):before{border-top: 10px solid #4d9a96;} .sec-box-imgText .sec-box-text .sec-box {border-radius: 10px 0 0 10px;}
.balloon-btm-list .balloon-btm:nth-child(5){background-color: #3d8783;margin-left: 20px;margin-right: 20px;} .sec-box-img {margin: 20px auto 0;border-radius: 10px;}
.balloon-btm-list .balloon-btm:nth-child(5):before{border-top: 10px solid #3d8783;} .sec-box-img img {width: 100%;height: auto;border-radius: 10px;}
.balloon-btm-list .balloon-btm:nth-child(6){background-color: #2f7571;} .sec-box-img.mt-0 {margin-top: 20px!important;}
.balloon-btm-list .balloon-btm:nth-child(6):before{border-top: 10px solid #2f7571;}
.balloon-btm p {margin: 0;padding: 0;font-size: 1.7rem;}
.balloon-btm-img { margin-bottom: 80px;}
.balloon-btm-img .btm-img {position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%);} }
.balloon-xl {padding: 30px 80px;margin-bottom: 60px;}
.balloon-xl h3 {padding: 18px 0 0 0;} /* balloon
-------------------------------------------- */
.balloon-box {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 25px;}
/* sec-box-text-circle .balloon-left {position: relative;display: inline-block;margin: 0 0 0 25px;padding: 18px 30px;min-width: 120px;max-width: 100%;color: #fff;background: #5fa9a5;}
-------------------------------------------- */ .balloon-left:before {content: "";position: absolute;top: 50%;left: -20px;margin-top: -10px;border: 10px solid transparent;border-right: 10px solid #5fa9a5;}
.sec-box-text-circle li {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;} .balloon-left p {margin: 0;padding: 0;font-size: 2.0rem;}
.sec-box-text-circle li h5 {width: 150px;height: 150px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 3.0rem;font-weight: 700;color: #fff;border-radius: 50%;} .balloon-btm {position: relative;display: inline-block;margin: 0 auto 25px auto;padding: 18px 5px;color: #fff;background: #4d9a96;text-align: center;}
.sec-box-text-circle li:nth-child(2){margin-top: 24px;margin-bottom: 24px;} .balloon-btm:before {content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -10px;border: 10px solid transparent;border-top: 10px solid #4d9a96;}
.sec-box-text-circle li:nth-child(1) h5{background-color: #80c6c2;} .balloon-btm-list {margin-top: 30px;margin-bottom: 30px;}
.sec-box-text-circle li:nth-child(2) h5{background-color: #5fa9a5;} .balloon-btm-list .balloon-btm {width: 220px;}
.sec-box-text-circle li:nth-child(3) h5{background-color: #3d8783;} .balloon-left p {margin: 0;padding: 0;font-size: 2.0rem;}
.sec-box-text-circle li p {margin-left: 24px; font-size: 2.0rem;font-weight: 700;} .balloon-btm-list .balloon-btm:nth-child(1){background-color: #80c6c2;}
/* sec-box-text-circle .balloon-btm-list .balloon-btm:nth-child(1):before{border-top: 10px solid #80c6c2;}
-------------------------------------------- */ .balloon-btm-list .balloon-btm:nth-child(2){background-color: #6eb6b2;margin-left: 20px;margin-right: 20px;}
.sec-box-img-badge {margin: 26px 10px 0; display: flex;flex-direction: row;justify-content: space-around;align-items: center;} .balloon-btm-list .balloon-btm:nth-child(2):before{border-top: 10px solid #6eb6b2;}
.sec-box-img-badge li {text-align: center;} .balloon-btm-list .balloon-btm:nth-child(3){background-color: #5fa9a5;}
.sec-box-img-badge li .badge {margin-top: 20px;font-size: 1.8rem;font-weight: 400;} .balloon-btm-list .balloon-btm:nth-child(3):before{border-top: 10px solid #5fa9a5;}
.balloon-btm-list .balloon-btm:nth-child(4){background-color: #4d9a96;}
.balloon-btm-list .balloon-btm:nth-child(4):before{border-top: 10px solid #4d9a96;}
.balloon-btm-list .balloon-btm:nth-child(5){background-color: #3d8783;margin-left: 20px;margin-right: 20px;}
/* arrow .balloon-btm-list .balloon-btm:nth-child(5):before{border-top: 10px solid #3d8783;}
-------------------------------------------- */ .balloon-btm-list .balloon-btm:nth-child(6){background-color: #2f7571;}
.sec-box-arrow {margin-top: 40px;margin-bottom: 40px;position: relative;padding-top: 60px;padding-bottom: 60px;} .balloon-btm-list .balloon-btm:nth-child(6):before{border-top: 10px solid #2f7571;}
.sec-box-arrow span {position: absolute;top: 0;left: 50%;width: 22px;height: 100px;margin-left: -10px;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;} .balloon-btm p {margin: 0;padding: 0;font-size: 1.7rem;}
.sec-box-circle{margin-top: 50px;display: flex!important;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;} .balloon-btm-img { margin-bottom: 80px;}
.sec-box-circle li {border: 3px solid #f398b0;border-radius: 50%;} .balloon-btm-img .btm-img {position: absolute;bottom: -80px;left: 50%;transform: translateX(-50%);}
.sec-box-circle li + li {margin-left: 24px;} .balloon-xl {padding: 30px 80px;margin-bottom: 60px;}
.balloon-xl h3 {padding: 18px 0 0 0;}
.sec-box-img-list {margin-top: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
@media (min-width: 960px) {
.sec-box-circle.d-pc-block {display: flex!important;} /* sec-box-text-circle
.sec-box-img-list.d-sp-block {display: none!important;} -------------------------------------------- */
} .sec-box-text-circle li {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
@media (max-width: 959px) { .sec-box-text-circle li h5 {width: 150px;height: 150px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 3.0rem;font-weight: 700;color: #fff;border-radius: 50%;}
.sec-box-circle.d-pc-block { display: none!important;} .sec-box-text-circle li:nth-child(2){margin-top: 24px;margin-bottom: 24px;}
.sec-box-img-list.d-sp-block { display: flex!important;margin-left: -15px;margin-right: -15px;} .sec-box-text-circle li:nth-child(1) h5{background-color: #80c6c2;}
.sec-box-img-list.d-sp-block li img {width: 100%;} .sec-box-text-circle li:nth-child(2) h5{background-color: #5fa9a5;}
} .sec-box-text-circle li:nth-child(3) h5{background-color: #3d8783;}
.sec-box-text-circle li p {margin-left: 24px; font-size: 2.0rem;font-weight: 700;}
/* page-top /* sec-box-text-circle
-------------------------------------------- */ -------------------------------------------- */
#page-top {display: none;} .sec-box-img-badge {margin: 26px 10px 0; display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.link-back-to-top {text-align: right;} .sec-box-img-badge li {text-align: center;}
.link-back-to-top a {position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;} .sec-box-img-badge li .badge {margin-top: 20px;font-size: 1.8rem;font-weight: 400;}
.link-back-to-top a:before,
.link-back-to-top a:after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.link-back-to-top a:before{width: 12px;height: 12px;background: #6d7379;}
.link-back-to-top a:after{left: 3px;bottom: 3px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-bottom: 3px solid #fff;} /* arrow
-------------------------------------------- */
.sec-box-arrow {margin-top: 40px;margin-bottom: 40px;position: relative;padding-top: 60px;padding-bottom: 60px;}
/* Footer .sec-box-arrow span {position: absolute;top: 0;left: 50%;width: 22px;height: 100px;margin-left: -10px;-webkit-animation: sdb 2s infinite;animation: sdb 2s infinite;}
-------------------------------------------- */ .sec-box-circle{margin-top: 50px;display: flex!important;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.footer {margin-top: 56px;} .sec-box-circle li {border: 3px solid #f398b0;border-radius: 50%;}
.sec-box-circle li + li {margin-left: 24px;}
/* typography .sec-box-img-list {margin-top: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
-------------------------------------------- */ @media (min-width: 960px) {
.ttl-h1-center, .sec-box-circle.d-pc-block {display: flex!important;}
.ttl-h2-center, .sec-box-img-list.d-sp-block {display: none!important;}
.ttl-h3-center, }
.ttl-h4-center {text-align: center!important;} @media (max-width: 959px) {
.ttl-h2-left, .sec-box-circle.d-pc-block { display: none!important;}
.ttl-h3-left, .sec-box-img-list.d-sp-block { display: flex!important;margin-left: -15px;margin-right: -15px;}
.ttl-h4-left {text-align: left!important;} .sec-box-img-list.d-sp-block li img {width: 100%;}
.ttl-sab {margin-top: 40px;} }
.ttl-sab-s {margin-top: 20px;}
.text-error { text-align: center;} /* page-top
.text-error + .text-error {margin-bottom: 30px;} -------------------------------------------- */
h2 > small {display: block; font-size: 2.0rem;font-family: 'Noto Sans', sans-serif;font-weight: bold;} #page-top {display: none;}
.link-back-to-top {text-align: right;}
/* ttl-circle */ .link-back-to-top a {position: relative;display: inline-block;padding: 0 0 0 16px;vertical-align: middle;}
.ttl-circle-wrapper {display: flex;flex-direction: row;margin-bottom: 20px;text-align: left;align-items: center;} .link-back-to-top a:before,
.ttl-circle {width: 70px;height: 70px;line-height: 20px;margin-right: 20px; display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 1.8rem;border-radius: 50%;text-align: center!important;} .link-back-to-top a:after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.link-back-to-top a:before{width: 12px;height: 12px;background: #6d7379;}
@media (max-width: 959px) { .link-back-to-top a:after{left: 3px;bottom: 3px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-bottom: 3px solid #fff;}
.sec-box-imgText .ttl-circle-wrapper strong,
.sec-box-textImg .ttl-circle-wrapper strong {width: calc(100% - 70px);}
.sec-box-imgText .ttl-circle, /* Footer
.sec-box-textImg .ttl-circle {width: 60px;height: 60px;line-height: 16px;margin-right: 10px;font-size: 1.6rem;} -------------------------------------------- */
} .footer {margin-top: 56px;}
.ttl-border-top {display: inline-block; border-top: 1px solid #eaeaea;} /* typography
.ttl-border-btm {position: relative;padding-bottom: 14px;margin-bottom: 14px; display: inline-block;} -------------------------------------------- */
.ttl-border-btm:before {display: block;content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width:100%;height: 4px;background-color: #f398b0;border-radius: 4px;} .ttl-h1-center,
.ttl-border-btm + small {display: block;font-size: 3.2rem;} .ttl-h2-center,
.ttl-h3-center,
.ttl-h4-center {text-align: center!important;}
.ttl-h2-left,
.ttl-border-dotted {display: inline-block;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 4px dotted #a2d7d4;} .ttl-h3-left,
@media (max-width: 959px) { .ttl-h4-left {text-align: left!important;}
.ttl-h3-left, .ttl-sab {margin-top: 40px;}
.ttl-h4-left {font-size: 2.0rem;} .ttl-sab-s {margin-top: 20px;}
.ttl-sab, .text-error { text-align: center;}
.ttl-sab-s {margin-top: 20px;font-size: 1.6rem;text-align: center!important;} .text-error + .text-error {margin-bottom: 30px;}
.ttl-sab.text-left, h2 > small {display: block; font-size: 2.0rem;font-family: 'Noto Sans', sans-serif;font-weight: bold;}
.ttl-sab-s.text-left {text-align: left!important;}
.ttl-sab.text-right, /* ttl-circle */
.ttl-sab-s.text-right {text-align: right!important;} .ttl-circle-wrapper {display: flex;flex-direction: row;margin-bottom: 20px;text-align: left;align-items: center;}
.ttl-sab-s {margin-top: 10px;font-size: 1.4rem;} .ttl-circle {width: 70px;height: 70px;line-height: 20px;margin-right: 20px; display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 1.8rem;border-radius: 50%;text-align: center!important;}
.ttl-border-btm + small {font-size: 2.0rem;}
} @media (max-width: 959px) {
.sec-box-imgText .ttl-circle-wrapper strong,
.note { padding-left: 20px;font-size:1.4rem;} .sec-box-textImg .ttl-circle-wrapper strong {width: calc(100% - 70px);}
.note:before {display: inline-block;content: "※";background-color: #006cc0;text-indent: -20px;} .sec-box-imgText .ttl-circle,
.sec-box-textImg .ttl-circle {width: 60px;height: 60px;line-height: 16px;margin-right: 10px;font-size: 1.6rem;}
.icon-text {position: relative;line-height: 1.7rem;} }
.icon-text .rex-icon {position: absolute;top: 0px;font-size: 1.7rem;line-height: 1.7rem;}
.icon-text small {display: inline-block;text-indent: 22px; font-size: 1.3rem;line-height: 1.7rem;}
@media (max-width: 959px) { .ttl-border-top {display: inline-block; border-top: 1px solid #eaeaea;}
.icon-text .rex-icon {position: absolute;top: 0px;} .ttl-border-btm {position: relative;padding-bottom: 14px;margin-bottom: 14px; display: inline-block;}
.icon-text small {font-size: 1.2rem;} .ttl-border-btm:before {display: block;content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width:100%;height: 4px;background-color: #f398b0;border-radius: 4px;}
} .ttl-border-btm + small {display: block;font-size: 3.2rem;}
.fs-10 {font-size: 1.0rem;}
.fs-11 {font-size: 1.1rem;}
.fs-12 {font-size: 1.2rem;}
.fs-13 {font-size: 1.3rem;} .ttl-border-dotted {display: inline-block;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 4px dotted #a2d7d4;}
.fs-14 {font-size: 1.4rem;} @media (max-width: 959px) {
.fs-15 {font-size: 1.5rem;} .ttl-h3-left,
.fs-16 {font-size: 1.6rem;} .ttl-h4-left {font-size: 2.0rem;}
.fs-17 {font-size: 1.7rem;} .ttl-sab,
.fs-18 {font-size: 1.8rem;} .ttl-sab-s {margin-top: 20px;font-size: 1.6rem;text-align: center!important;}
.fs-19 {font-size: 1.9rem;} .ttl-sab.text-left,
.fs-20 {font-size: 2.0rem;} .ttl-sab-s.text-left {text-align: left!important;}
.fs-21 {font-size: 2.1rem;} .ttl-sab.text-right,
.fs-22 {font-size: 2.2rem;} .ttl-sab-s.text-right {text-align: right!important;}
.fs-23 {font-size: 2.3rem;} .ttl-sab-s {margin-top: 10px;font-size: 1.4rem;}
.fs-24 {font-size: 2.4rem;} .ttl-border-btm + small {font-size: 2.0rem;}
.fs-25 {font-size: 2.5rem;} }
.fs-26 {font-size: 2.6rem;}
.fs-27 {font-size: 2.7rem;} .note { padding-left: 20px;font-size:1.4rem;}
.fs-28 {font-size: 2.8rem;} .note:before {display: inline-block;content: "※";background-color: #006cc0;text-indent: -20px;}
.fs-29 {font-size: 2.9rem;}
.fs-30 {font-size: 3.0rem;} .icon-text {position: relative;line-height: 1.7rem;}
.fs-31 {font-size: 3.1rem;} .icon-text .rex-icon {position: absolute;top: 0px;font-size: 1.7rem;line-height: 1.7rem;}
.fs-32 {font-size: 3.2rem;} .icon-text small {display: inline-block;text-indent: 22px; font-size: 1.3rem;line-height: 1.7rem;}
@media (max-width: 959px) {
.list-circle {margin-left: 14px;} .icon-text .rex-icon {position: absolute;top: 0px;}
.list-circle li { position: relative;padding-left: 16px;} .icon-text small {font-size: 1.2rem;}
.list-circle li:before {display: block;content: "";position: absolute;top: 10px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #f398b0;} }
.fs-10 {font-size: 1.0rem;}
.fs-11 {font-size: 1.1rem;}
.fs-12 {font-size: 1.2rem;}
/* STEP .fs-13 {font-size: 1.3rem;}
-------------------------------------------- */ .fs-14 {font-size: 1.4rem;}
ul.statusPath {display: -webkit-box;display: -ms-flexbox;display: flex;width: 300px; margin: 0 auto;padding-left: 6px; counter-reset: step;font-size: 1.4rem;} .fs-15 {font-size: 1.5rem;}
ul.statusPath li {display: inline-block;width: 32%;position: relative;text-align: center;color: #d1d1d1;} .fs-16 {font-size: 1.6rem;}
ul.statusPath li:before {box-sizing: border-box;content: "\F125";counter-increment: step;position: relative;z-index: 3;display: block;width: 20px;height: 20px;margin: 0 auto 10px;line-height: 20px;text-align: center;border-radius: 50%;border: none;background-color: #2bbeec;color: #fff;;font-family: rex-icon;} .fs-17 {font-size: 1.7rem;}
ul.statusPath li:after {width: calc(100% - 30px);height: 2px;content: "";position: absolute;z-index: 1; background-color: #2bbeec;top: 9px;left: -50%;margin-left: 15px;} .fs-18 {font-size: 1.8rem;}
ul.statusPath li.statusPathAct:after {background-color: #2bbeec;} .fs-19 {font-size: 1.9rem;}
ul.statusPath li:first-child:after {content: none;} .fs-20 {font-size: 2.0rem;}
ul.statusPath li.statusPathAct {text-shadow: none;color: #2bbeec;} .fs-21 {font-size: 2.1rem;}
ul.statusPath li.statusPathAct ~ li:before {content: " ";border: 2px solid #d1d1d1;background-color: #fff;} .fs-22 {font-size: 2.2rem;}
ul.statusPath li.statusPathAct ~ li:after {background-color: #d1d1d1;} .fs-23 {font-size: 2.3rem;}
ul.statusPath li.statusPathAct:before {content: " ";width: 20px;height: 20px;background-color: #fff;border: 6px solid #2bbeec;color: #fff;font-size: 17px;padding-bottom: 1px;} .fs-24 {font-size: 2.4rem;}
ul.statusPath li.statusPathAct span, ul.statusPath li.statusPathAct span:after, ul.statusPath li.statusPathAct span:before {color: #2bbeec;background: none;} .fs-25 {font-size: 2.5rem;}
ul.statusPath li span {display: inline;float: none;padding: 0 !important;border: none !important;background: none;color: #d1d1d1;font-weight: 400;} .fs-26 {font-size: 2.6rem;}
ul.statusPath li span:before, ul.statusPath li span:after {content: none !important;} .fs-27 {font-size: 2.7rem;}
/* progress .fs-28 {font-size: 2.8rem;}
-------------------------------------------- */ .fs-29 {font-size: 2.9rem;}
.progress {margin-bottom: 10px!important; height: 38px;font-size: 1.4rem;border-radius: 0} .fs-30 {font-size: 3.0rem;}
@media (min-width: 960px) {.progress-wrapper {padding: 40px 40px 20px;}} .fs-31 {font-size: 3.1rem;}
@media (max-width: 959px) {.progress-wrapper {padding: 20px 0 0;}} .fs-32 {font-size: 3.2rem;}
/* Tab .list-circle {margin-left: 14px;}
-------------------------------------------- */ .list-circle li { position: relative;padding-left: 16px;}
/* list-tab-link */ .list-circle li:before {display: block;content: "";position: absolute;top: 10px;left: 0;width: 8px;height: 8px;border-radius: 50%;background-color: #f398b0;}
@media (min-width: 960px) {
.list-tab-link ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -10px}
.list-tab-link li {margin-left: 10px;margin-top: 10px; height: 40px;width: calc(25% - 10px);}
.list-tab-link a {position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;} /* STEP
.list-tab-link a:after { display: block;content: "";bottom: 5px; right: 5px; position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent;} -------------------------------------------- */
.list-tab-link-body {padding-top: 40px!important;} ul.statusPath {display: -webkit-box;display: -ms-flexbox;display: flex;width: 300px; margin: 0 auto;padding-left: 6px; counter-reset: step;font-size: 1.4rem;}
.list-tab-link-body .sec-main-body-inner{margin-top:-80px!important;padding-top:80px!important;} ul.statusPath li {display: inline-block;width: 32%;position: relative;text-align: center;color: #d1d1d1;}
} ul.statusPath li:before {box-sizing: border-box;content: "\F125";counter-increment: step;position: relative;z-index: 3;display: block;width: 20px;height: 20px;margin: 0 auto 10px;line-height: 20px;text-align: center;border-radius: 50%;border: none;background-color: #2bbeec;color: #fff;;font-family: rex-icon;}
ul.statusPath li:after {width: calc(100% - 30px);height: 2px;content: "";position: absolute;z-index: 1; background-color: #2bbeec;top: 9px;left: -50%;margin-left: 15px;}
ul.statusPath li.statusPathAct:after {background-color: #2bbeec;}
ul.statusPath li:first-child:after {content: none;}
ul.statusPath li.statusPathAct {text-shadow: none;color: #2bbeec;}
ul.statusPath li.statusPathAct ~ li:before {content: " ";border: 2px solid #d1d1d1;background-color: #fff;}
@media (max-width: 959px) { ul.statusPath li.statusPathAct ~ li:after {background-color: #d1d1d1;}
.list-tab-link, ul.statusPath li.statusPathAct:before {content: " ";width: 20px;height: 20px;background-color: #fff;border: 6px solid #2bbeec;color: #fff;font-size: 17px;padding-bottom: 1px;}
.list-tab-link-body .link-back-to-top, ul.statusPath li.statusPathAct span, ul.statusPath li.statusPathAct span:after, ul.statusPath li.statusPathAct span:before {color: #2bbeec;background: none;}
.tab-pane .sec-main > .sec-main-top {display: none;} ul.statusPath li span {display: inline;float: none;padding: 0 !important;border: none !important;background: none;color: #d1d1d1;font-weight: 400;}
} ul.statusPath li span:before, ul.statusPath li span:after {content: none !important;}
.survey-page .nav-tabs { margin-bottom: 6px;} /* progress
.nav-tabs {align-items: stretch;} -------------------------------------------- */
.nav-tabs .nav-item:not(:first-child) a {border-left: 1px solid #fff;} .progress {margin-bottom: 10px!important; height: 38px;font-size: 1.4rem;border-radius: 0}
.nav-tabs .nav-item:last-child a {} @media (min-width: 960px) {.progress-wrapper {padding: 40px 40px 20px;}}
.nav-tabs .nav-link {padding-left: 6px;padding-right: 6px;} @media (max-width: 959px) {.progress-wrapper {padding: 20px 0 0;}}
.nav-tabs .nav-item a {height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.0em;}
/* Tab
.tab-content .sec-main {background-color: transparent;} -------------------------------------------- */
.tab-content .sec-main + .sec-main {margin-top: 60px!important;} /* list-tab-link */
.nav-tabs .nav-item {position: relative;} @media (min-width: 960px) {
.list-tab-link ul {display: flex;flex-direction: row;flex-wrap: wrap;margin-left: -10px}
.list-tab-link li {margin-left: 10px;margin-top: 10px; height: 40px;width: calc(25% - 10px);}
.list-tab-link a {position: relative;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list-tab-link a:after { display: block;content: "";bottom: 5px; right: 5px; position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 0 10px 10px;border-color: transparent transparent #fff transparent;}
/* main-contents .list-tab-link-body {padding-top: 40px!important;}
-------------------------------------------- */ .list-tab-link-body .sec-main-body-inner{margin-top:-80px!important;padding-top:80px!important;}
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;}
@media (max-width: 959px) {
.list-tab-link,
.main-contents-inner {padding: 28px;} .list-tab-link-body .link-back-to-top,
@media (max-width: 959px) { .tab-pane .sec-main > .sec-main-top {display: none;}
div.main-contents-header .main-MV-pc {display: none;} }
div.main-contents-header .main-MV-sp {display: block;} .survey-page .nav-tabs { margin-bottom: 6px;}
.main-contents-inner {padding: 5px 0;} .nav-tabs {align-items: stretch;}
} .nav-tabs .nav-item:not(:first-child) a {border-left: 1px solid #fff;}
.sec-main {padding: 108px 15px;} .nav-tabs .nav-item:last-child a {}
.sec-main-top {margin-bottom: 80px;} .nav-tabs .nav-link {padding-left: 6px;padding-right: 6px;}
@media (max-width: 959px) { .nav-tabs .nav-item a {height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;line-height: 1.0em;}
.sec-main {padding: 60px 0;}
.sec-main-top {margin-bottom: 40px;} .tab-content .sec-main {background-color: transparent;}
} .tab-content .sec-main + .sec-main {margin-top: 60px!important;}
.nav-tabs .nav-item {position: relative;}
/* main-contents
-------------------------------------------- */
div.main-contents-header {padding: 0; text-align: center;}
div.main-contents-header .main-MV {margin: 0;padding: 0;}
/* sec-box-flow */ div.main-contents-header .main-MV-pc {display: block;}
.flow-slide {margin-top: 30px;} div.main-contents-header .main-MV-sp {display: none;}
.sec-box-flow {position: relative;} div.main-contents-header .main-MV-pc img,
.sec-box-flow h3.ttl-h3-center {padding-top: 20px;} div.main-contents-header .main-MV-sp img {vertical-align: bottom;width: 100%;height: 100%;}
.sec-box-flow:before {display: block;content: "";position: absolute;top: -20px;left: 198px;width: 3px;height: calc(100% + 37px); .main-contents-inner {padding: 28px;}
background-image:linear-gradient(to bottom, #f398b0, #f398b0 5px, transparent 5px, transparent 12px);
background-size: 3px 12px; @media (min-width: 960px) {
background-position: left top; div.main-contents-header .main-MV {position: relative;}
background-repeat: repeat-y; div.main-contents-header .main-MV {position: relative;}
}
.sec-box-flow > dl {position: relative;margin-bottom: 60px;} div.main-contents-header .main-MV .mv-circle,
.sec-box-flow > dl dt {font-size: 1.8rem;font-weight: 700;} div.main-contents-header .main-MV .mv-text01,
.sec-box-flow > dl dd .sec-box {max-width: 100%;} div.main-contents-header .main-MV .mv-text02 {position: absolute;top: 50%;left: 50%;}
.sec-box-flow > dl dd .flow-img,
.sec-box-flow > dl dd .flow-img + p {margin-top: 24px;} div.main-contents-header .main-MV .mv-circle {margin-top: -11.4%;margin-left: -15%;}
.sec-box-flow > dl dd .flow-slide-box {position: relative;margin: auto; width: 614px;} div.main-contents-header .main-MV .mv-text01 {margin-top: -11.4%;}
.sec-box-flow > dl dd .flow-slide-box:before {display: block;content: "";position: absolute;top: 80px;left: 38px;width: 3px;height: calc(100% - 80px); div.main-contents-header .main-MV .mv-text02 {}
background-image:linear-gradient(to bottom, #54a3e5, #54a3e5 5px, transparent 5px, transparent 12px);
background-size: 3px 12px;
background-position: left top; }
background-repeat: repeat-y;
} /*
.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;}
<span class="mv-circle"><img src="/recruit/assets/img/common/mv_circle.png" width="180" height="180" alt=""/></span>
.sec-box-flow > dl dd .flow-slide-box .ttl-h3-left, <span class="mv-text01"><img src="/recruit/assets/img/common/mv_text01.png" width="696" height="44" alt=""/></span>
.sec-box-flow > dl dd .flow-slide-box .ttl-h3-center {font-size: 3.2rem;margin-bottom: 16px;} <span class="mv-text02"><img src="/recruit/assets/img/common/mv_text02.png" width="543" height="86" alt=""/></span>
.sec-box-flow > dl dd .flow-slide-box {display: flex;flex-direction: row;}
.sec-box-flow > dl dd .flow-slide-box.flex-column {display: flex;flex-direction: column;}
.sec-box-flow > dl dd .flow-slide-box .ttl-circle {flex-direction: row;width: 80px;height: 80px;margin-right: 16px;font-size: 13px;line-height: 18px;color: #fff;}
.sec-box-flow > dl dd .flow-slide-box .ttl-circle-wrapper {margin-bottom: 0;}
.sec-box-flow > dl dd .flow-slide-box .ttl-circle strong {display: inline-block;margin: 0 3px; font-size: 20px;margin-top: -4px;}
.sec-box-flow > dl dd .flow-slide-box-text p {margin-top: -10px; padding-left: 100px;padding-right: 16px;}
.sec-box-flow > dl dd .flow-slide-box.flex-column .flow-slide-box-text p {margin-top: 0;margin-bottom: 16px; padding-left: 0;padding-right: 0;text-align: center;}
@media (min-width: 960px) {
.sec-box-flow > dl dt {position: absolute;top:0;width: 170px;text-align: right;} -------------------------------------------- */
.sec-box-flow > dl dd {padding-left: 240px;}
} @media (max-width: 959px) {
@media (max-width: 959px) { div.main-contents-header .main-MV-pc {display: none;}
.sec-box-flow:before {top: -10px;left: 0px;height: calc(100% + 20px);} div.main-contents-header .main-MV-sp {display: block;}
.sec-box-flow h3.ttl-h3-center {padding-top: 0px;font-size: 2.4rem;} .main-contents-inner {padding: 5px 0;}
.sec-box-flow > dl {padding-left: 20px;margin-bottom: 40px;} }
.sec-box-flow > dl dd .flow-img img {width: 100%; height: auto;} .sec-main {padding: 108px 15px;}
.sec-box-flow > dl dd .flow-slide-box {flex-direction: column;} .sec-main-top {margin-bottom: 80px;}
.sec-box-flow > dl dd .flow-slide-box:before {display: none;} @media (max-width: 959px) {
.sec-box-flow > dl dd .flow-slide-box {width: 100%;} .sec-main {margin-top:-90px;padding: 98px 0;}
.sec-box-flow > dl dd .flow-slide-box .ttl-circle {width: 60px;height: 60px;margin-right: 8px;font-size: 10px;line-height: 14px;} .sec-main-top {margin-top: 60px;margin-bottom: 40px;}
.sec-box-flow > dl dd .flow-slide-box .ttl-circle strong {margin: 0 2px; font-size: 16px;margin-top: -2px;} .main-contents-header, #recruit01, #recruit02, #recruit03, #recruit04, #recruit05, #recruit06, #recruit07 {position: relative;}
.sec-box-flow > dl dd .flow-slide-box-text p {margin-top: 10px; padding-left: 0;padding-right: 0;} .main-contents-header {z-index: 11;}
.sec-box-flow > dl dd .flow-slide-box-img {margin-bottom: 30px;} #recruit01 {z-index: 10;}
.sec-box-flow > dl dd .flow-slide-box-img img {width: 100%;height: auto;} #recruit02 {z-index: 9;}
#recruit03 {z-index: 8;}
} #recruit04 {z-index: 7;}
#recruit05 {z-index: 6;}
/* flow-slide-box */ #recruit06 {z-index: 5;}
#flow-slide {margin: 24px auto 0; padding-top: 80px;width: 614px;} #recruit07 {z-index: 4;}
.flow-slide-wrapper .carousel-indicators {width: 100%;top: 0;bottom: auto;padding: 0;margin: 0;} }
.flow-slide-wrapper .carousel-indicators li { /* sec-box-flow */
width: auto; .flow-slide {margin-top: 30px;}
height: 38px; .sec-box-flow {position: relative;}
margin-right: 10px; .sec-box-flow h3.ttl-h3-center {padding-top: 20px;}
margin-left: 10px; .sec-box-flow:before {display: block;content: "";position: absolute;top: -20px;left: 198px;width: 3px;height: calc(100% + 37px);
text-indent: 0; background-image:linear-gradient(to bottom, #f398b0, #f398b0 5px, transparent 5px, transparent 12px);
cursor: pointer; background-size: 3px 12px;
background-color: #fff; background-position: left top;
background-clip: padding-box; background-repeat: repeat-y;
border-top: 10px solid transparent; }
border-bottom: 10px solid transparent; .sec-box-flow > dl {position: relative;margin-bottom: 60px;}
opacity: 1; .sec-box-flow > dl dt {font-size: 1.8rem;font-weight: 700;}
transition: opacity 0.6s ease; .sec-box-flow > dl dd .sec-box {max-width: 100%;}
} .sec-box-flow > dl dd .flow-img,
.btn-outline-primary:focus, .sec-box-flow > dl dd .flow-img + p {margin-top: 24px;}
.btn-outline-primary:not(:disabled):not(.disabled):active, .sec-box-flow > dl dd .flow-slide-box {position: relative;margin: auto; width: 614px;}
.btn-outline-primary:hover {color: #fff;} .sec-box-flow > dl dd .flow-slide-box:before {display: block;content: "";position: absolute;top: 80px;left: 38px;width: 3px;height: calc(100% - 80px);
.flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.8rem;padding: .375rem 1.75rem;border-radius: 10px;} background-image:linear-gradient(to bottom, #54a3e5, #54a3e5 5px, transparent 5px, transparent 12px);
.flow-slide-wrapper .carousel-indicators li.active .btn {color: #fff;background-color: #f398b0;} background-size: 3px 12px;
.carousel-control-prev-icon, .carousel-control-next-icon {display: inline-block;width: 41px;height: 41px;background-color: #f398b0;border-radius: 50%;} background-position: left top;
.carousel-control-prev {left: -100px;;} background-repeat: repeat-y;
.carousel-control-next {right: -100px;} }
.carousel-control-prev-icon, .sec-box-flow > dl dd .flow-slide-box.flex-column:before,
.carousel-control-next-icon {background-image:none;} .sec-box-flow > dl dd .flow-slide-box:nth-last-child(2):before {display: none;}
.carousel-control-prev-icon:before, .sec-box-flow > dl dd .flow-slide-box-img {margin-bottom: 40px;}
.carousel-control-next-icon:before {display: block;content: "";position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-style: solid;} .sec-box-flow > dl dd .flow-slide-box .ttl-h3-left,
.carousel-control-prev-icon:before {border-width: 9px 12px 9px 0;border-color: transparent #fff transparent transparent;transform: translate(-8px,-9px);} .sec-box-flow > dl dd .flow-slide-box .ttl-h3-center {font-size: 3.2rem;margin-bottom: 16px;}
.carousel-control-next-icon:before {border-width: 9px 0 9px 12px;border-color: transparent transparent transparent #fff;transform: translate(-4px,-9px);} .sec-box-flow > dl dd .flow-slide-box {display: flex;flex-direction: row;}
@media (max-width: 959px) { .sec-box-flow > dl dd .flow-slide-box.flex-column {display: flex;flex-direction: column;}
#flow-slide {width: 100%;} .sec-box-flow > dl dd .flow-slide-box .ttl-circle {flex-direction: row;width: 80px;height: 80px;margin-right: 16px;font-size: 13px;line-height: 18px;color: #fff;}
.flow-slide-wrapper .carousel-indicators li {margin-right: 4px;margin-left: 4px;} .sec-box-flow > dl dd .flow-slide-box .ttl-circle-wrapper {margin-bottom: 0;}
.flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.4rem;} .sec-box-flow > dl dd .flow-slide-box .ttl-circle strong {display: inline-block;margin: 0 3px; font-size: 20px;margin-top: -4px;}
.sec-box-flow > dl dd .carousel-item .mt-4 {margin-top: 0!important;} .sec-box-flow > dl dd .flow-slide-box-text p {margin-top: -10px; padding-left: 100px;padding-right: 16px;}
.carousel-control-prev, .carousel-control-next {height: 100vh;} .sec-box-flow > dl dd .flow-slide-box.flex-column .flow-slide-box-text p {margin-top: 0;margin-bottom: 16px; padding-left: 0;padding-right: 0;text-align: center;}
.carousel-control-prev-icon, .carousel-control-next-icon {width: 30px;height: 30px;} @media (min-width: 960px) {
.carousel-control-prev {left: -30px;} .sec-box-flow > dl dt {position: absolute;top:0;width: 170px;text-align: right;}
.carousel-control-next {right: -30px;} .sec-box-flow > dl dd {padding-left: 240px;}
.carousel-control-prev-icon:before, }
.carousel-control-prev-icon:before {border-width: 5px 9px 5px 0;transform: translate(-6px,-5px);} @media (max-width: 959px) {
.carousel-control-next-icon:before {border-width: 5px 0 5px 9px;transform: translate(-3px,-5px);} .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;}
/* procedure-box */ .sec-box-flow > dl dd .flow-img img {width: 100%; height: auto;}
.procedure-box {position: relative;display: flex;flex-direction: row;align-items: center;padding: 28px; border-radius: 20px; border: 3px dashed #f398b0;} .sec-box-flow > dl dd .flow-slide-box {flex-direction: column;}
.procedure-box:not(:first-child) {position: relative;margin-top: 40px;} .sec-box-flow > dl dd .flow-slide-box:before {display: none;}
.procedure-box:not(:first-child):after {display: block;content: "";position: absolute;top: -40px;left: 50%;transform: translateX(-3px);width: 0;height: 40px; border-right: 3px dashed #f398b0;} .sec-box-flow > dl dd .flow-slide-box {width: 100%;}
.procedure-box .procedure-box-img { margin-right: 32px;} .sec-box-flow > dl dd .flow-slide-box .ttl-circle {width: 60px;height: 60px;margin-right: 8px;font-size: 10px;line-height: 14px;}
.procedure-box .procedure-box-text p {margin-bottom: 0;} .sec-box-flow > dl dd .flow-slide-box .ttl-circle strong {margin: 0 2px; font-size: 16px;margin-top: -2px;}
.procedure-box .procedure-box-text dl {position: relative;display: flex;flex-direction: row;align-items: flex-start;} .sec-box-flow > dl dd .flow-slide-box-text p {margin-top: 10px; padding-left: 0;padding-right: 0;}
.procedure-box .procedure-box-text dl dt {margin-top: -2px; width: 100px;margin-right: 16px;padding-top: 4px;padding-bottom: 4px; color: #fff;font-size: 1.6rem;text-align: center;border-radius: 20px;} .sec-box-flow > dl dd .flow-slide-box-img {margin-bottom: 30px;}
.procedure-box .procedure-box-text dl dd {width: calc(100% - 116px) ;} .sec-box-flow > dl dd .flow-slide-box-img img {width: 100%;height: auto;}
.procedure-box .procedure-box-text dl + dl {margin-top: 20px;}
@media (max-width: 959px) { }
.procedure-box {flex-direction: column;padding: 14px; border-radius: 10px; border: 2px dashed #f398b0;}
.procedure-box .procedure-box-img { margin: 0 auto 20px;} /* flow-slide-box */
.procedure-box:not(:first-child):after {transform: translateX(-1px);border-right: 2px dashed #f398b0;} #flow-slide {margin: 24px auto 0; padding-top: 80px;width: 614px;}
.procedure-box .procedure-box-text .fs-24 { font-size: 1.8rem!important;} .flow-slide-wrapper .carousel-indicators {width: 100%;top: 0;bottom: auto;padding: 0;margin: 0;}
.procedure-box .procedure-box-text .fs-24 small { display: block;text-indent: -0.5rem; font-size: 1.4rem!important;} .flow-slide-wrapper .carousel-indicators li {
.procedure-box .procedure-box-text dl {flex-direction: column;} width: auto;
.procedure-box .procedure-box-text dl dt {margin-top: 0;margin-bottom: 10px;} height: 38px;
.procedure-box .procedure-box-text dl dd {width: 100%;} margin-right: 10px;
.procedure-box .procedure-box-text dl + dl {margin-top: 10px;} margin-left: 10px;
text-indent: 0;
} cursor: pointer;
/* voice-box */ background-color: #fff;
.voice-box + .voice-box {margin-top: 80px;} background-clip: padding-box;
.sec-box-voice .voice-box-Q {margin: 40px 0 20px 30px;font-size: 1.6rem;font-weight: 700;} border-top: 10px solid transparent;
.sec-box-voice .voice-icon-Q { display: inline-block;margin-left: -30px; margin-right: 6px; width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #f398b0;color: #fff;font-weight: 400;} border-bottom: 10px solid transparent;
.voice-box-imgText {position: relative;display: flex;flex-direction: row;align-items: flex-end;} opacity: 1;
.voice-box .sec-box {margin-top: 40px;min-width: 100%;} transition: opacity 0.6s ease;
.voice-box .sec-box p:last-child {margin-top: 10px;margin-bottom: 0;} }
.voice-box .voice-box-img {margin-right: 40px;} .btn-outline-primary:focus,
.voice-box .voice-box-text {position: relative;background-color: #fff;border-radius: 34px;box-shadow: 1px 1px 4px 0px rgba(150,150,150,0.2);} .btn-outline-primary:not(:disabled):not(.disabled):active,
.voice-box .voice-box-text p {position: relative;z-index: 3;margin: 0;padding: 30px;background-color: #fff;border-radius: 34px;} .btn-outline-primary:hover {color: #fff;}
.voice-box .voice-box-text:after {display: block;content: "";position: absolute;z-index: 2;bottom: 30px;left: -22px; width: 0;height: 0;border-style: solid;border-width: 6px 26px 6px 0;border-color: transparent #fff transparent transparent;} .flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.8rem;padding: .375rem 1.75rem;border-radius: 10px;}
.voice-box .voice-box-text:before {display: block;content: "";position: absolute;z-index: 1;bottom: 29px;left: -22px; width: 0;height: 0;border-style: solid;border-width: 6px 26px 6px 0;border-color: transparent rgba(150,150,150,0.2) transparent transparent;} .flow-slide-wrapper .carousel-indicators li.active .btn {color: #fff;background-color: #f398b0;}
@media (max-width: 959px) { .carousel-control-prev-icon, .carousel-control-next-icon {position: relative;display: inline-block;width: 41px;height: 41px;background-color: #f398b0;border-radius: 50%;}
.voice-box + .voice-box {margin-top: 50px;}
.voice-box-imgText img {width: 70px;height: 70px;}
.voice-box .sec-box {margin-top: 30px;padding: 14px;}
.voice-box .voice-box-img {margin-right: 30px;} .carousel-control-prev,
.voice-box .voice-box-text {border-radius: 14px;box-shadow: 1px 1px 1px 0px rgba(150,150,150,0.2);} .carousel-control-next {padding-top: 10px; align-items: flex-start;opacity: 1;}
.voice-box .voice-box-text p {padding: 14px;border-radius: 14px;} .carousel-control-prev {left: -100px;;}
.sec-box-voice .voice-box-Q {margin-top: 30px;} .carousel-control-next {right: -100px;}
} .carousel-control-prev-icon,
/* recruiting-box */ .carousel-control-next-icon {background-image:none;}
.recruiting-box {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;padding-bottom: 20px;margin-bottom: 24px; border-bottom: 2px solid #f398b0;} .carousel-control-prev-icon:before,
.recruiting-box:last-child {border-bottom: none;} .carousel-control-next-icon:before {display: block;content: "";position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-style: solid;}
.recruiting-box dt {width: 144px;} .carousel-control-prev-icon:before {border-width: 9px 12px 9px 0;border-color: transparent #fff transparent transparent;transform: translate(-8px,-9px);}
.recruiting-box dd {width: calc(100% - 144px);} .carousel-control-next-icon:before {border-width: 9px 0 9px 12px;border-color: transparent transparent transparent #fff;transform: translate(-4px,-9px);}
.recruiting-box dd p {margin-bottom: 0;} @media (max-width: 959px) {
@media (max-width: 959px) { #flow-slide {width: 100%;}
.recruiting-box {flex-direction: column;padding-bottom: 16px;margin-bottom:16px;} .flow-slide-wrapper .carousel-indicators li {margin-right: 4px;margin-left: 4px;}
.recruiting-box dt {width: 100%;margin-bottom: 10px;} .flow-slide-wrapper .carousel-indicators li .btn {font-size: 1.4rem;}
.recruiting-box dd {width: 100%;} .sec-box-flow > dl dd .carousel-item .mt-4 {margin-top: 0!important;}
} .carousel-control-prev, .carousel-control-next {height: 100vh;}
/* faq-box */ .carousel-control-prev-icon, .carousel-control-next-icon {width: 30px;height: 30px;}
.faq-box {padding-left: 40px;padding-bottom: 10px;margin-bottom: 30px; border-bottom: 2px solid #f398b0;} .carousel-control-prev {left: -30px;}
.faq-box:last-child {border-bottom: none;} .carousel-control-next {right: -30px;}
.faq-box dt {margin-bottom: 20px;} .carousel-control-prev-icon:before,
.faq-box dd {position: relative;} .carousel-control-prev-icon:before {border-width: 5px 9px 5px 0;transform: translate(-6px,-5px);}
.faq-box .faq-icon-Q {display: inline-block;margin-left: -40px;margin-right: 16px; width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #f398b0;color: #fff;font-weight: 400;} .carousel-control-next-icon:before {border-width: 5px 0 5px 9px;transform: translate(-3px,-5px);}
.faq-box .faq-icon-A { position: absolute;top: 2px; display: inline-block;margin: 0 16px 0 -40px;width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #67afec;color: #fff;font-weight: 400;} }
@media (max-width: 959px) {
.faq-box {padding-left: 30px;}
.faq-box .faq-icon-Q {margin-left: -30px;margin-right: 6px;} /* procedure-box */
.faq-box .faq-icon-A {top: -3px; margin: 0 16px 0 -30px;} .procedure-box {position: relative;display: flex;flex-direction: row;align-items: center;padding: 28px; border-radius: 20px; border: 3px dashed #f398b0;}
.recruiting-box dt {width: 100%;margin-bottom: 10px;} .procedure-box:not(:first-child) {position: relative;margin-top: 40px;}
.recruiting-box dd {width: 100%;} .procedure-box:not(:first-child):after {display: block;content: "";position: absolute;top: -40px;left: 50%;transform: translateX(-3px);width: 0;height: 40px; border-right: 3px dashed #f398b0;}
} .procedure-box .procedure-box-img { margin-right: 32px;}
.procedure-box .procedure-box-text p {margin-bottom: 0;}
/* logo-contents */ .procedure-box .procedure-box-text dl {position: relative;display: flex;flex-direction: row;align-items: flex-start;}
.logo-contents {width: 100%;padding: 2.8rem 1rem 0;text-align: center;} .procedure-box .procedure-box-text dl dt {margin-top: -2px; width: 100px;margin-right: 16px;padding-top: 4px;padding-bottom: 4px; color: #fff;font-size: 1.6rem;text-align: center;border-radius: 20px;}
.logo-contents-img, .procedure-box .procedure-box-text dl dd {width: calc(100% - 116px) ;}
.logo-contents-img img {width: 124px;height: 21px;margin-left: auto;margin-right: auto;} .procedure-box .procedure-box-text dl + dl {margin-top: 20px;}
.logo-contents {text-align: center;} @media (max-width: 959px) {
.logo-contents-text {margin-top: 6px; font-size: 1.4rem;} .procedure-box {flex-direction: column;padding: 14px; border-radius: 10px; border: 2px dashed #f398b0;}
.procedure-box .procedure-box-img { margin: 0 auto 20px;}
.procedure-box:not(:first-child):after {transform: translateX(-1px);border-right: 2px dashed #f398b0;}
.procedure-box .procedure-box-text .fs-24 { font-size: 1.8rem!important;}
/* main-contents-footer .procedure-box .procedure-box-text .fs-24 small { display: block;text-indent: -0.5rem; font-size: 1.4rem!important;}
-------------------------------------------- */ .procedure-box .procedure-box-text dl {flex-direction: column;}
.main-contents-footer {background: #f398b0;} .procedure-box .procedure-box-text dl dt {margin-top: 0;margin-bottom: 10px;}
.footer-inner {max-width: 1280px;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;} .procedure-box .procedure-box-text dl dd {width: 100%;}
.textCopyright {text-align: center;color: #fff;font-size: 1.3rem;} .procedure-box .procedure-box-text dl + dl {margin-top: 10px;}
.main-contents-footer .footer_logo {}
@media (max-width: 1280px) { }
.footer-inner {max-width: 100%;} /* voice-box */
} .voice-box + .voice-box {margin-top: 80px;}
@media (max-width: 959px) { .sec-box-voice .voice-box-Q {margin: 40px 0 20px 30px;font-size: 1.6rem;font-weight: 700;}
.main-contents-footer {padding-bottom: 10px;} .sec-box-voice .voice-icon-Q { display: inline-block;margin-left: -30px; margin-right: 6px; width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #f398b0;color: #fff;font-weight: 400;}
.footer-inner {justify-content: center;padding-top: 10px;padding-bottom: 26px;} .voice-box-imgText {position: relative;display: flex;flex-direction: row;align-items: flex-end;}
.textCopyright {width: 100%;text-align: center; position: absolute;bottom: 0px;font-size: 1rem;} .voice-box .sec-box {margin-top: 40px;min-width: 100%;}
.main-contents-footer .footer_logo, .voice-box .sec-box p:last-child {margin-top: 10px;margin-bottom: 0;}
.main-contents-footer .footer_logo img {width: 136px;height: 28px;} .voice-box .voice-box-img {margin-right: 40px;}
.main-contents-footer .footer_logo {margin-right: 10px;} .voice-box .voice-box-text {position: relative;background-color: #fff;border-radius: 34px;box-shadow: 1px 1px 4px 0px rgba(150,150,150,0.2);}
} .voice-box .voice-box-text p {position: relative;z-index: 3;margin: 0;padding: 30px;background-color: #fff;border-radius: 34px;}
/* footerTop */ .voice-box .voice-box-text:after {display: block;content: "";position: absolute;z-index: 2;bottom: 30px;left: -22px; width: 0;height: 0;border-style: solid;border-width: 6px 26px 6px 0;border-color: transparent #fff transparent transparent;}
#footerTop, .voice-box .voice-box-text:before {display: block;content: "";position: absolute;z-index: 1;bottom: 29px;left: -22px; width: 0;height: 0;border-style: solid;border-width: 6px 26px 6px 0;border-color: transparent rgba(150,150,150,0.2) transparent transparent;}
#footerTop_sp {position: fixed;z-index: 50;width: 100%;border-bottom: none;background-color: transparent;} @media (max-width: 959px) {
.footerTopIn {position: relative;} .voice-box + .voice-box {margin-top: 50px;}
.footerTopIn .pageTop a {display: block;position: relative;text-align: center;box-sizing: border-box;background: rgba(243, 152, 176, 0.7);text-decoration: none;border-radius: 50%;} .voice-box-imgText img {width: 70px;height: 70px;}
.footerTopIn .pageTop .text {display: block;position: absolute;z-index: 51;top: 34px;left: 0;width: 100%;text-align: center;font-size: 1.2rem;color: #fff;} .voice-box .sec-box {margin-top: 30px;padding: 14px;}
.footerTopIn .pageTop:before {content: '';position: absolute;z-index: 51;top: 60px;left: 50%;width: 10px;height: 10px;display: block;border-top: solid 1px rgba(255, 255, 255, 1);border-right: solid 1px rgba(255, 255, 255, 1);margin-left: -5px;transform: rotate(-45deg);} .voice-box .voice-box-img {margin-right: 30px;}
.footerTopIn .pageTop {display: none;position: absolute;width: 100px;height: 100px;top: -110px;right: -100px;} .voice-box .voice-box-text {border-radius: 14px;box-shadow: 1px 1px 1px 0px rgba(150,150,150,0.2);}
.footerTopIn .pageTop a {width: 100px;height: 100px;margin: 0 auto;-webkit-transition: background .3s;transition: background .3s;} .voice-box .voice-box-text p {padding: 14px;border-radius: 14px;}
.footerTopIn .pageTop a:hover {background: rgba(243, 152, 176, 1);} .sec-box-voice .voice-box-Q {margin-top: 30px;}
}
@media (max-width: 1340px) { /* recruiting-box */
#footerTop .footerTopIn {max-width: 1100px;margin: 0 auto!important;} .recruiting-box {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;padding-bottom: 20px;margin-bottom: 24px; border-bottom: 2px solid #f398b0;}
.footerTopIn .pageTop {right: 0px;} .recruiting-box:last-child {border-bottom: none;}
} .recruiting-box dt {width: 144px;}
@media (max-width: 1130px) { .recruiting-box dd {width: calc(100% - 144px);}
#footerTop .footerTopIn {max-width: 100%;} .recruiting-box dd p {margin-bottom: 0;}
} @media (max-width: 959px) {
/**/ .recruiting-box {flex-direction: column;padding-bottom: 16px;margin-bottom:16px;}
@media (max-width: 559px) { .recruiting-box dt {width: 100%;margin-bottom: 10px;}
.footerTopIn .pageTop {right: 10px;top: 20px;} .recruiting-box dd {width: 100%;}
.footerTopIn .pageTop {width: 56px;height: 56px;} }
.footerTopIn .pageTop a {width: 56px;height: 56px;} /* faq-box */
.footerTopIn .pageTop .text {display: none;} .faq-box {padding-left: 40px;padding-bottom: 10px;margin-bottom: 30px; border-bottom: 2px solid #f398b0;}
.footerTopIn .pageTop:before {top: 26px;} .faq-box:last-child {border-bottom: none;}
.faq-box dt {margin-bottom: 20px;}
} .faq-box dd {position: relative;}
.faq-box .faq-icon-Q {display: inline-block;margin-left: -40px;margin-right: 16px; width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #f398b0;color: #fff;font-weight: 400;}
.faq-box .faq-icon-A { position: absolute;top: 2px; display: inline-block;margin: 0 16px 0 -40px;width: 24px; height: 24px;text-align: center;line-height: 24px; border-radius: 50%;background-color: #67afec;color: #fff;font-weight: 400;}
@media (max-width: 959px) {
.faq-box {padding-left: 30px;}
.faq-box .faq-icon-Q {margin-left: -30px;margin-right: 6px;}
.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%;}
}
/* logo-contents */
.logo-contents {width: 100%;padding: 2.8rem 1rem 0;text-align: center;}
.logo-contents-img,
.logo-contents-img img {width: 124px;height: 21px;margin-left: auto;margin-right: auto;}
.logo-contents {text-align: center;}
.logo-contents-text {margin-top: 6px; font-size: 1.4rem;}
/* main-contents-footer
-------------------------------------------- */
.main-contents-footer {background: #f398b0;}
.footer-inner {max-width: 1280px;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.textCopyright {text-align: center;color: #fff;font-size: 1.3rem;}
.main-contents-footer .footer_logo {}
@media (max-width: 1280px) {
.footer-inner {max-width: 100%;}
}
@media (max-width: 959px) {
.main-contents-footer {padding-bottom: 10px;}
.footer-inner {justify-content: center;padding-top: 10px;padding-bottom: 26px;}
.textCopyright {width: 100%;text-align: center; position: absolute;bottom: 0px;font-size: 1rem;}
.main-contents-footer .footer_logo,
.main-contents-footer .footer_logo img {width: 136px;height: 28px;}
.main-contents-footer .footer_logo {margin-right: 10px;}
}
/* footerTop */
#footerTop,
#footerTop_sp {position: fixed;z-index: 50;width: 100%;border-bottom: none;background-color: transparent;}
.footerTopIn {position: relative;}
.footerTopIn .pageTop a {display: block;position: relative;text-align: center;box-sizing: border-box;background: rgba(243, 152, 176, 0.7);text-decoration: none;border-radius: 50%;}
.footerTopIn .pageTop .text {display: block;position: absolute;z-index: 51;top: 34px;left: 0;width: 100%;text-align: center;font-size: 1.2rem;color: #fff;}
.footerTopIn .pageTop:before {content: '';position: absolute;z-index: 51;top: 60px;left: 50%;width: 10px;height: 10px;display: block;border-top: solid 1px rgba(255, 255, 255, 1);border-right: solid 1px rgba(255, 255, 255, 1);margin-left: -5px;transform: rotate(-45deg);}
.footerTopIn .pageTop {display: none;position: absolute;width: 100px;height: 100px;top: -110px;right: -100px;}
.footerTopIn .pageTop a {width: 100px;height: 100px;margin: 0 auto;-webkit-transition: background .3s;transition: background .3s;}
.footerTopIn .pageTop a:hover {background: rgba(243, 152, 176, 1);}
@media (max-width: 1340px) {
#footerTop .footerTopIn {max-width: 1100px;margin: 0 auto!important;}
.footerTopIn .pageTop {right: 0px;}
}
@media (max-width: 1130px) {
#footerTop .footerTopIn {max-width: 100%;}
}
/**/
@media (max-width: 559px) {
.footerTopIn .pageTop {right: 10px;top: 20px;}
.footerTopIn .pageTop {width: 56px;height: 56px;}
.footerTopIn .pageTop a {width: 56px;height: 56px;}
.footerTopIn .pageTop .text {display: none;}
.footerTopIn .pageTop:before {top: 26px;}
}
recruit/assets/img/common/header_logo.png
recruit/assets/img/common/header_logo.png

22.6 KB | W: | H:

recruit/assets/img/common/header_logo.png

9.38 KB | W: | H:

recruit/assets/img/common/header_logo.png
recruit/assets/img/common/header_logo.png
recruit/assets/img/common/header_logo.png
recruit/assets/img/common/header_logo.png
  • 2-up
  • Swipe
  • Onion skin
recruit/index.html
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ja"> <html lang="ja">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="msapplication-config" content="none"/> <meta name="msapplication-config" content="none"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<title>京王線の家事代行 アルバイト・パート求人情報｜京王ほっとネットワーク</title> <title>京王線の家事代行 アルバイト・パート求人情報｜京王ほっとネットワーク</title>
<meta name="keywords" content="" /> <meta name="keywords" content="" />
<meta name="description" content="京王電鉄が運営する京王ほっとネットワークの家事代行サービスのアルバイト・パート求人情報ページです。30～60代の女性が多数活躍中。お仕事は京王線・井の頭線沿線限定なのでご自宅の近くで週1日から働けます。充実した研修があるので、初めて働く場合でも安心です。" /> <meta name="description" content="京王電鉄が運営する京王ほっとネットワークの家事代行サービスのアルバイト・パート求人情報ページです。30～60代の女性が多数活躍中。お仕事は京王線・井の頭線沿線限定なのでご自宅の近くで週1日から働けます。充実した研修があるので、初めて働く場合でも安心です。" />
<!-- og --> <!-- og -->
<meta property="og:title" content="京王線の家事代行 アルバイト・パート求人情報｜京王ほっとネットワーク" /> <meta property="og:title" content="京王線の家事代行 アルバイト・パート求人情報｜京王ほっとネットワーク" />
<meta property="og:site_name" content="京王ほっとネットワーク"> <meta property="og:site_name" content="京王ほっとネットワーク">
<meta property="og:description" content="" /> <meta property="og:description" content="" />
<meta property="og:url" content="https://www.keio-hot.net/recruit/" /> <meta property="og:url" content="https://www.keio-hot.net/recruit/" />
<meta property="og:image" content="https://www.keio-hot.net/recruit/recruit/assets/img/og.png" /> <meta property="og:image" content="https://www.keio-hot.net/recruit/recruit/assets/img/og.png" />
<meta property="og:image:width" content="1200" /> <meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" /> <meta property="og:image:height" content="630" />
<link rel="shortcut icon" href="/favicon.ico" /> <link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" /> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<!-- CSS --> <!-- CSS -->
<link href="/recruit/assets/css/base.css" rel="stylesheet"> <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" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics -->
<meta name="google-site-verification" content="haWy6FulHy-JUT23bMAwnAzKaSab0tzPIHSRPq8ITuo" /> <meta name="google-site-verification" content="haWy6FulHy-JUT23bMAwnAzKaSab0tzPIHSRPq8ITuo" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<script> <script>
window.dataLayer = window.dataLayer || []; window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);} function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('js', new Date());
gtag('config', ''); gtag('config', '');
</script> </script>
</head> </head>
<body id="back-to-top" class="home-page"> <body id="back-to-top" class="home-page">
<div class="wrapper"> <div class="wrapper">
<!-- START : glovalHeader --> <!-- START : glovalHeader -->
<header class="glovalHeader"> <header class="glovalHeader">
<div class="header-inner"> <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="暮らしのお手伝いはおまかせ 京王ほっとネットワーク【京王家事代行求人】"/> <div class="container">
</a></h1> <div class="header-sab">
<div class="container"> <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="header-sab"> <div class="btn-recruiting"><a href="https://www.keio-hot.net/form/kaji/" target="_blank" class="btn btn-success" role="button">応募する</a></div>
<p><strong class="tel text-primary">0120-83-5410</strong> <small>(営業時間 10：00～18：00)</small></p> </div>
<div class="btn-recruiting"><a href="#" class="btn btn-primary" role="button">応募する</a></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">
</div> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
<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"> </button>
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> <div class="headerRight" id="navbarGlobal">
</button> <nav class="navbar navbar-expand-md">
<div class="headerRight" id="navbarGlobal"> <div class="collapse navbar-collapse" id="navbarSupportedContent">
<nav class="navbar navbar-expand-md"> <ul class="navbar-nav mr-auto">
<div class="collapse navbar-collapse" id="navbarSupportedContent"> <li class="nav-item"><a class="nav-link" href="#recruit01"><span class="text">家事代行スタッフとして働く魅力</span></a></li>
<ul class="navbar-nav mr-auto"> <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="#recruit01"><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="#recruit02"><span class="text">家事代行とは</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="#recruit03"><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="#recruit04"><span class="text">応募から独り立ちまで</span></a></li> <li class="nav-item"><a class="nav-link" href="#recruit06"><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="#recruit07"><span class="text">よくある質問</span></a></li>
<li class="nav-item"><a class="nav-link" href="#recruit06"><span class="text">募集要項</span></a></li> </ul>
<li class="nav-item"><a class="nav-link" href="#recruit07"><span class="text">よくある質問</span></a></li> </div>
</ul> </nav>
</div> </div>
</nav> </div>
</div> <div class="header-keio-logo"><img src="/recruit/assets/img/common/keio_4c_logo.png" width="103" height="30" alt=""/></div>
</div> </div>
<div class="header-keio-logo"><img src="/recruit/assets/img/common/keio_4c_logo.png" width="103" height="30" alt=""/></div> </header>
</div> <!-- END : glovalHeader -->
</header>
<!-- END : glovalHeader --> <article id="body-container">
<div class="contents-wrapper">
<article id="body-container"> <div class="main-contents-wrapper">
<div class="contents-wrapper"> <div class="main-contents-header bg-secondary">
<div class="main-contents-wrapper"> <h1 class="main-MV">
<div class="main-contents-header bg-secondary"> <span class="main-MV-pc"><img class="w-100" src="/recruit/assets/img/common/mv.png" alt="亰王の家事代行【京王線・井の頭線沿線にお住まいの方々の暮らしに役立つお手伝い】「ありがとう」を一番近くで感じるお仕事です"/></span>
<h1 class="main-MV"> <span class="main-MV-sp"><img src="/recruit/assets/img/common/mv_sp.png" width="750" height="550" alt=""/></span>
<span class="main-MV-pc"><img class="w-100" src="/recruit/assets/img/common/mv.png" alt="亰王の家事代行【京王線・井の頭線沿線にお住まいの方々の暮らしに役立つお手伝い】「ありがとう」を一番近くで感じるお仕事です"/></span> </h1>
<span class="main-MV-sp"><img src="/recruit/assets/img/common/mv_sp.png" width="750" height="550" alt=""/></span> <!-- /.main-contents-header --></div>
</h1>
<!-- /.main-contents-header --></div> <div class="main-contents">
<section id="recruit01" class="sec-main bg-secondary"><div class="sec-main-inner container">
<div class="main-contents"> <div class="sec-main-top">
<section id="recruit01" class="sec-main bg-secondary"><div class="sec-main-inner container"> <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">京王の家事代行スタッフとして働く魅力</span></h2>
<div class="sec-main-top"> </div>
<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">京王の家事代行スタッフとして働く魅力</span></h2> <div class="sec-main-body">
</div>
<div class="sec-main-body"> <div class="sec-box-textImg">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
<div class="sec-box-textImg"> <div class="sec-box">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <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">
<div class="sec-box"> <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">未経験者でも安心！<br>丁寧な教育・サポート体制</span>
<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"> </strong></h4>
<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> <p>これまでのあなたの家事経験が活かせ、特別な資格は必要ありません。久しぶりに働く方、初めての方も経験豊富なアドバイザーが丁寧にお教えします。独り立ちした後でもサポート体制を整えており、初めてお伺いするお客様宅には、アドバイザーが同行します。どんな小さな不安や疑問も気軽に聞けるので安心して仕事を続けることができます。</p>
</strong></h4> </div>
<p>これまでのあなたの家事経験が活かせ、特別な資格は必要ありません。久しぶりに働く方、初めての方も経験豊富なアドバイザーが丁寧にお教えします。独り立ちした後でもサポート体制を整えており、初めてお伺いするお客様宅には、アドバイザーが同行します。どんな小さな不安や疑問も気軽に聞けるので安心して仕事を続けることができます。</p> </div>
</div> <div class="sec-box-img">
</div> <img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive01.png" width="480" height="320" alt=""/>
<div class="sec-box-img"> </div>
<img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive01.png" width="480" height="320" alt=""/> </div>
</div>
</div> <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-imgText"> <div class="sec-box">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <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">
<div class="sec-box"> <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">週1日2時間～OK！<br>ご自宅の近くで直行直帰！</span>
<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"> </strong></h4>
<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> <p>1日2時間のお仕事から始められます。自宅からご依頼のあったお客様宅へ直行してサービスを実施していただきます。サービス実施後はお客様宅からの直帰となります。ご自身の都合に合わせて午前や午後だけ、毎週1日だけなど働き方を選べます。お客様宅は京王線・井の頭線沿線中心です。</p>
</strong></h4> </div>
<p>1日2時間のお仕事から始められます。自宅からご依頼のあったお客様宅へ直行してサービスを実施していただきます。サービス実施後はお客様宅からの直帰となります。ご自身の都合に合わせて午前や午後だけ、毎週1日だけなど働き方を選べます。お客様宅は京王線・井の頭線沿線中心です。</p> </div>
</div> <div class="sec-box-img">
</div> <img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive02.png" width="480" height="320" alt=""/>
<div class="sec-box-img"> </div>
<img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive02.png" width="480" height="320" alt=""/> </div>
</div>
</div> <div class="sec-box-textImg">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
<div class="sec-box-textImg"> <div class="sec-box">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <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">
<div class="sec-box"> <span data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom">50代・60代以上のシニア世代の方が<br class="d-pc-block">多数活躍中です。</span>
<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"> </strong></h4>
<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> <p>お客様が求めているのは、あなたの安心感です。趣味との両立やダブルワーク、ご自身の体調や都合に合わせて働くことが可能です。</p>
</strong></h4> </div>
<p>お客様が求めているのは、あなたの安心感です。趣味との両立やダブルワーク、ご自身の体調や都合に合わせて働くことが可能です。</p> </div>
</div> <div class="sec-box-img mt-0">
</div> <img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive03.png" width="480" height="320" alt=""/>
<div class="sec-box-img mt-0"> </div>
<img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive03.png" width="480" height="320" alt=""/> </div>
</div>
</div> <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-imgText"> <div class="sec-box">
<div class="sec-box-text" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <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>
<div class="sec-box"> <p>京王ほっとネットワークは京王電鉄が2008年から10年以上「住んでもらえる、選んでもらえる沿線」を目指して、沿線にお住まいの方々の暮らしに役立つ、暮らしに寄り添うサービスを提供しています。京王の安心、安全に期待してご利用されるお客様が多数いらっしゃいます。お客様の「ありがとう」を一番近くで感じるやりがいのあるお仕事です。</p>
<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> </div>
<p>京王ほっとネットワークは京王電鉄が2008年から10年以上「住んでもらえる、選んでもらえる沿線」を目指して、沿線にお住まいの方々の暮らしに役立つ、暮らしに寄り添うサービスを提供しています。京王の安心、安全に期待してご利用されるお客様が多数いらっしゃいます。お客様の「ありがとう」を一番近くで感じるやりがいのあるお仕事です。</p> </div>
</div> <div class="sec-box-img">
</div> <img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive04.png" width="480" height="320" alt=""/>
<div class="sec-box-img"> </div>
<img data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom" src="/recruit/assets/img/common/img-attractive04.png" width="480" height="320" alt=""/> </div>
</div>
</div>
</div>
</div><!-- /.sec-main --></section>
</div> <section id="recruit02" class="sec-main bg-wht"><div class="sec-main-inner container">
</div><!-- /.sec-main --></section> <div class="sec-main-top">
<section id="recruit02" class="sec-main bg-wht"><div class="sec-main-inner container"> <h2 class="ttl-h2-center text-primary" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
<div class="sec-main-top"> <img class="d-block m-auto mb-2" src="/recruit/assets/img/common/logo.png" width="152" height="60" alt="京王の家事代行求人"/>
<h2 class="ttl-h2-center text-primary" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <strong class="ttl-border-btm mt-2">家事代行とは</strong></h2>
<img class="d-block m-auto" src="/recruit/assets/img/common/header_logo.png" width="152" height="60" alt="暮らしのお手伝いはおまかせ 京王ほっとネットワーク【京王家事代行求人】"/> </div>
<strong class="ttl-border-btm mt-2">家事代行とは</strong></h2> <div class="sec-main-body">
</div> <p data-aos="fade-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">京王ほっとネットワークは、京王線・井の頭線沿線にお住いのファミリーからシニアの方まで、みなさまの”もっと心地よい暮らし”をお手伝いしています。暮らしに役立つさまざまなサービスを通じて、快適でゆとりある充実した暮らしの現実をサポートし「住んでもらえる、選んでもらえる沿線づくり」を目指しています。</p>
<div class="sec-main-body"> <p data-aos="fade-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom">家事代行は水周りの掃除やお片付けからお料理のお手伝い、お出かけ時の付き添いまで、日常生活で行う家事をお客様に変わって行うサービスです。お客様のライフスタイルに合わせ、ゆとりある暮らしの実現をお手伝いする仕事です。</p>
<p data-aos="fade-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">京王ほっとネットワークは、京王線・井の頭線沿線にお住いのファミリーからシニアの方まで、みなさまの”もっと心地よい暮らし”をお手伝いしています。暮らしに役立つさまざまなサービスを通じて、快適でゆとりある充実した暮らしの現実をサポートし「住んでもらえる、選んでもらえる沿線づくり」を目指しています。</p> <p class="note" data-aos="fade-up" data-aos-delay="500" data-aos-anchor-placement="top-bottom">特殊な洗剤や機材を使って専門業者が提供するハウスクリーニングに該当する作業、ベビーシッター、介護・介助　高所作業　重量作業　運転にかかわるものは行いませんのでご安心ください。</p>
<p data-aos="fade-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom">家事代行は水周りの掃除やお片付けからお料理のお手伝い、お出かけ時の付き添いまで、日常生活で行う家事をお客様に変わって行うサービスです。お客様のライフスタイルに合わせ、ゆとりある暮らしの実現をお手伝いする仕事です。</p> <ul class="sec-box-circle d-pc-block">
<p class="note" data-aos="fade-up" data-aos-delay="500" data-aos-anchor-placement="top-bottom">特殊な洗剤や機材を使って専門業者が提供するハウスクリーニングに該当する作業、ベビーシッター、介護・介助　高所作業　重量作業　運転にかかわるものは行いませんのでご安心ください。</p> <li data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto01.png" width="240" height="240" alt=""/></li>
<ul class="sec-box-circle d-pc-block"> <li data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto02.png" width="240" height="240" alt=""/></li>
<li data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto01.png" width="240" height="240" alt=""/></li> <li data-aos="fade-right" data-aos-delay="500" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto03.png" width="240" height="240" alt=""/></li>
<li data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto02.png" width="240" height="240" alt=""/></li> <li data-aos="fade-right" data-aos-delay="600" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto04.png" width="240" height="240" alt=""/></li>
<li data-aos="fade-right" data-aos-delay="500" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto03.png" width="240" height="240" alt=""/></li> </ul>
<li data-aos="fade-right" data-aos-delay="600" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto04.png" width="240" height="240" alt=""/></li> <ul class="sec-box-img-list d-sp-block">
</ul> <li data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto01-sp.png" alt=""/></li>
<ul class="sec-box-img-list d-sp-block"> <li data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto02-sp.png" alt=""/></li>
<li data-aos="fade-right" data-aos-delay="300" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto01-sp.png" alt=""/></li> </ul>
<li data-aos="fade-right" data-aos-delay="400" data-aos-anchor-placement="top-bottom"><img src="/recruit/assets/img/common/img-howto02-sp.png" alt=""/></li>
</ul> </div>
</div><!-- /.sec-main --></section>
</div>
</div><!-- /.sec-main --></section> <section id="recruit03" class="sec-main bg-secondary"><div class="sec-main-inner container">
<div class="sec-main-top">
<section id="recruit03" class="sec-main bg-secondary"><div class="sec-main-inner container"> <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>
<div class="sec-main-top"> </div>
<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> <div class="sec-main-body" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
</div> <div class="sec-box-flow">
<div class="sec-main-body" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> <dl>
<div class="sec-box-flow"> <dt>9：55</dt>
<dl> <dd>
<dt>9：55</dt> <p>自宅からお客様宅へ直行<br>
<dd> お客様宅に到着・入室前に会社に連絡</p>
<p>自宅からお客様宅へ直行<br> <div class="flow-img"><img src="/recruit/assets/img/common/img-flow01.png" width="540" height="350" alt=""/></div>
お客様宅に到着・入室前に会社に連絡</p> <p>お客様と当日の作業箇所・内容を確認</p>
<div class="flow-img"><img src="/recruit/assets/img/common/img-flow01.png" width="540" height="350" alt=""/></div> </dd>
<p>お客様と当日の作業箇所・内容を確認</p> </dl>
</dd> <dl>
</dl> <dt>10：00～11：50</dt>
<dl> <dd>
<dt>10：00～11：50</dt> <p>お客様宅でお仕事<br>
<dd> （浴室、キッチンなど水回りの掃除が中心です）</p>
<p>お客様宅でお仕事<br> <div class="flow-slide"><div class="sec-box">
（浴室、キッチンなど水回りの掃除が中心です）</p>
<div class="flow-slide"><div class="sec-box"> <h3 class="f-maru ttl-h3-center">作業例と所要時間</h3>
<p class="text-center">ボタンをクリックすると、各内容をご覧になれます。</p>
<h3 class="f-maru ttl-h3-center">作業例と所要時間</h3> <div class="flow-slide-wrapper">
<div class="flow-slide-wrapper"> <div id="flow-slide" class="carousel slide" data-interval="10000">
<ol class="carousel-indicators">
<div id="flow-slide" class="carousel slide" data-interval="10000"> <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>
<ol class="carousel-indicators"> <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="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="2"><span class="btn btn-outline-primary">掃除用具</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> </ol>
<li data-target="#flow-slide" data-slide-to="2"><span class="btn btn-outline-primary">掃除用具</span></li> <div class="carousel-inner">
</ol> <div class="carousel-item active">
<div class="carousel-inner"> <div class="flow-slide-box">
<div class="carousel-item active"> <div class="flow-slide-box-text">
<div class="flow-slide-box"> <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>80</strong>分</span><strong class="text-success f-maru">浴室</strong></h4>
<div class="flow-slide-box-text"> <p>浴槽、壁、ドア、浴槽のフタ・すのこ等、鏡・トレイ・棚、小物、蛇口（シャワー含む）、洗い場、排水口、床</p>
<h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>80</strong>分</span><strong class="text-success f-maru">浴室</strong></h4> </div>
<p>浴槽、壁、ドア、浴槽のフタ・すのこ等、鏡・トレイ・棚、小物、蛇口（シャワー含む）、洗い場、排水口、床</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-01-01.png" width="250" height="160" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-01-01.png" width="250" height="160" alt=""/> </div>
</div> <div class="flow-slide-box">
</div> <div class="flow-slide-box-text">
<div class="flow-slide-box"> <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">トイレ</strong></h4>
<div class="flow-slide-box-text"> <p>便器内、便器外、タンク、手洗い場、棚（表面のみ）、ドア、床、トイレマット、スリッパ</p>
<h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">トイレ</strong></h4> </div>
<p>便器内、便器外、タンク、手洗い場、棚（表面のみ）、ドア、床、トイレマット、スリッパ</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-01-02.png" width="250" height="160" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-01-02.png" width="250" height="160" alt=""/> </div>
</div> <div class="flow-slide-box">
</div> <div class="flow-slide-box-text">
<div class="flow-slide-box"> <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">洗面所</strong></h4>
<div class="flow-slide-box-text"> <p>洗面台小物、鏡・棚（表面のみ）、洗面台、洗面ボウル・ボウルまわり（蛇口・排水栓含む）、ドア、床、洗面台マット</p>
<h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">洗面所</strong></h4> </div>
<p>洗面台小物、鏡・棚（表面のみ）、洗面台、洗面ボウル・ボウルまわり（蛇口・排水栓含む）、ドア、床、洗面台マット</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-01-03.png" width="250" height="160" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-01-03.png" width="250" height="160" alt=""/> </div>
</div> <p class="mt-4"><small>お客様からのご要望を組合わせて（基本2時間内）作業を行います。<br>
</div> 作業時間は状況により変わります。</small></p>
<p class="mt-4"><small>お客様からのご要望を組合わせて（基本2時間内）作業を行います。<br> </div>
作業時間は状況により変わります。</small></p> <div class="carousel-item">
</div> <div class="flow-slide-box">
<div class="carousel-item"> <div class="flow-slide-box-text">
<div class="flow-slide-box"> <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>100</strong>分</span><strong class="text-success f-maru">キッチン</strong></h4>
<div class="flow-slide-box-text"> <p>シンク（蛇口・排水口含む）調理台・コンロ周り・食器棚などの汚れを落とします。<br>
<h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>100</strong>分</span><strong class="text-success f-maru">キッチン</strong></h4> キッチン床の水拭きをします。</p>
<p>シンク（蛇口・排水口含む）調理台・コンロ周り・食器棚などの汚れを落とします。<br> </div>
キッチン床の水拭きをします。</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-02-01.png" width="250" height="160" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-02-01.png" width="250" height="160" alt=""/> </div>
</div> <div class="flow-slide-box">
</div> <div class="flow-slide-box-text">
<div class="flow-slide-box"> <h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">お部屋掃除</strong></h4>
<div class="flow-slide-box-text"> <p>棚などのほこりを落として掃除機をかけます。必要であれば床を水拭きまたは乾拭きします。</p>
<h4 class="ttl-h3-left ttl-circle-wrapper"><span class="ttl-circle bg-success">約<strong>20</strong>分</span><strong class="text-success f-maru">お部屋掃除</strong></h4> </div>
<p>棚などのほこりを落として掃除機をかけます。必要であれば床を水拭きまたは乾拭きします。</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-02-02.png" width="250" height="160" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-02-02.png" width="250" height="160" alt=""/> </div>
</div> <p class="mt-4"><small>お客様からのご要望を組合わせて（基本2時間内）作業を行います。<br>
</div> 作業時間は状況により変わります。</small></p>
<p class="mt-4"><small>お客様からのご要望を組合わせて（基本2時間内）作業を行います。<br> </div>
作業時間は状況により変わります。</small></p> <div class="carousel-item">
</div> <div class="flow-slide-box flex-column">
<div class="carousel-item"> <div class="flow-slide-box-text">
<div class="flow-slide-box flex-column"> <h4 class="ttl-h3-center"><strong class="text-success f-maru">掃除用具</strong></h4>
<div class="flow-slide-box-text"> <p>必要な用具は清掃場所に応じて持参します。<br>
<h4 class="ttl-h3-center"><strong class="text-success f-maru">掃除用具</strong></h4> 洗剤は、環境にやさしいオリジナルのものを使用しています。</p>
<p>必要な用具は清掃場所に応じて持参します。<br> </div>
洗剤は、環境にやさしいオリジナルのものを使用しています。</p> <div class="flow-slide-box-img">
</div> <img src="/recruit/assets/img/common/img-flow02-03-01.png" width="400" height="256" alt=""/>
<div class="flow-slide-box-img"> </div>
<img src="/recruit/assets/img/common/img-flow02-03-01.png" width="400" height="256" alt=""/> </div>
</div>
</div> </div>
</div>
</div> <a class="carousel-control-prev" href="#flow-slide" role="button" data-slide="prev">
</div> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<a class="carousel-control-prev" href="#flow-slide" role="button" data-slide="prev"> <span class="sr-only">Previous</span>
<span class="carousel-control-prev-icon" aria-hidden="true"></span> </a>
<span class="sr-only">Previous</span> <a class="carousel-control-next" href="#flow-slide" role="button" data-slide="next">
</a> <span class="carousel-control-next-icon" aria-hidden="true"></span>
<a class="carousel-control-next" href="#flow-slide" role="button" data-slide="next"> <span class="sr-only">Next</span>
<span class="carousel-control-next-icon" aria-hidden="true"></span> </a>
<span class="sr-only">Next</span>
</a> </div>
</div>
</div> </div></div>
</div> </dd>
</div></div> </dl>
</dd> <dl>
</dl> <dt>11：50</dt>
<dl> <dd>
<dt>11：50</dt> <p>お客様と作業箇所の確認</p>
<dd> <div class="flow-img"><img src="/recruit/assets/img/common/img-flow03.png" width="540" height="350" alt=""/></div>
<p>お客様と作業箇所の確認</p> </dd>
<div class="flow-img"><img src="/recruit/assets/img/common/img-flow03.png" width="540" height="350" alt=""/></div> </dl>
</dd> <dl>
</dl> <dt>12：05</dt>
<dl> <dd>
<dt>12：05</dt> <p>退室後に会社に連絡</p>
<dd> </dd>
<p>退室後に会社に連絡</p> </dl>
</dd>
</dl>
</div>
</div>
</div> </div><!-- /.sec-main --></section>
</div>
</div><!-- /.sec-main --></section>
<section id="recruit04" class="sec-main bg-wht"><div class="sec-main-inner container">
<div class="sec-main-top">
<section id="recruit04" class="sec-main bg-wht"><div class="sec-main-inner container"> <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">応募から独り立ちまで</strong></h2>
<div class="sec-main-top"> </div>
<h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">応募から独り立ちまで</strong></h2> <div class="sec-box-procedure">
</div> <div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom">
<div class="sec-box-procedure"> <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure01.png" width="150" height="150" alt="応募"/></div>
<div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom"> <div class="procedure-box-text">
<div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure01.png" width="150" height="150" alt="応募"/></div> <p>京王ほっとネットワークへお電話かパソコン・スマートフォンの応募フォームから応募。</p>
<div class="procedure-box-text"> <p class="text-success fs-24">0120-83-5410<small>（電話受付時間10：00～18：00）</small></p>
<p>京王ほっとネットワークへお電話かパソコン・スマートフォンの応募フォームから応募。</p> <p>お気軽にお問い合わせください。</p>
<p class="text-success fs-24">0120-83-5410<small>（電話受付時間10：00～18：00）</small></p> </div>
<p>お気軽にお問い合わせください。</p> </div>
</div> <div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
</div> <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure02.png" width="150" height="150" alt="面接"/></div>
<div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <div class="procedure-box-text">
<div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure02.png" width="150" height="150" alt="面接"/></div> <p>ご都合の良い日時で、面接にお越しいただきます。（所要時間：約30分）<br>
<div class="procedure-box-text"> 会社やお仕事の概要説明、働きたい時間・場所など、お仕事のご希望を中心にお聞きします。<br>
<p>ご都合の良い日時で、面接にお越しいただきます。（所要時間：約30分）<br> 履歴書（顔写真貼付）を持参してください。</p>
会社やお仕事の概要説明、働きたい時間・場所など、お仕事のご希望を中心にお聞きします。<br> </div>
履歴書（顔写真貼付）を持参してください。</p> </div>
</div> <div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
</div> <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure03.png" width="150" height="150" alt="入社手続き"/></div>
<div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> <div class="procedure-box-text">
<div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure03.png" width="150" height="150" alt="入社手続き"/></div> <p>京王線桜上水駅徒歩５分の事務所にて各種手続きを行います。（時給・交通費支給、所要時間：約2時間）</p>
<div class="procedure-box-text"> </div>
<p>京王線桜上水駅徒歩５分の事務所にて各種手続きを行います。（時給・交通費支給、所要時間：約2時間）</p> </div>
</div> <div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom">
</div> <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure04.png" width="150" height="150" alt="研修"/></div>
<div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom"> <div class="procedure-box-text">
<div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure04.png" width="150" height="150" alt="研修"/></div> <dl><dt class="bg-success">導入研修</dt><dd><p>アドバイザーから接客マナー・家事の実践研修を行います。<br>
<div class="procedure-box-text"> 家事の基本、掃除用具や洗剤の使い方等を学びます。（1日：5時間）</p></dd></dl>
<dl><dt class="bg-success">導入研修</dt><dd><p>アドバイザーから接客マナー・家事の実践研修を行います。<br> <dl><dt class="bg-success">同行研修</dt><dd><p>アドバイザーが同行してお客様のお宅で家事代行サービスを行います。（見習い期間1~2ヶ月間）</p></dd></dl>
家事の基本、掃除用具や洗剤の使い方等を学びます。（1日：5時間）</p></dd></dl> </div>
<dl><dt class="bg-success">同行研修</dt><dd><p>アドバイザーが同行してお客様のお宅で家事代行サービスを行います。（見習い期間1~2ヶ月間）</p></dd></dl> </div>
</div> <div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="500" data-aos-anchor-placement="top-bottom">
</div> <div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure05.png" width="150" height="150" alt="独り立ち"/></div>
<div class="procedure-box bg-secondary" data-aos="zoom-in-up" data-aos-delay="500" data-aos-anchor-placement="top-bottom"> <div class="procedure-box-text">
<div class="procedure-box-img"><img src="/recruit/assets/img/common/img-procedure05.png" width="150" height="150" alt="独り立ち"/></div> <p>初めてお伺いするお客様宅にはアドバイザーが同行、お客様のご要望に応じたサービスを実施。</p>
<div class="procedure-box-text"> </div>
<p>初めてお伺いするお客様宅にはアドバイザーが同行、お客様のご要望に応じたサービスを実施。</p> </div>
</div>
</div> </div>
</div><!-- /.sec-main --></section>
</div>
</div><!-- /.sec-main --></section>
<section id="recruit05" class="sec-main bg-secondary"><div class="sec-main-inner container">
<div class="sec-main-top">
<section id="recruit05" class="sec-main bg-secondary"><div class="sec-main-inner container"> <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">スタッフの声</strong></h2>
<div class="sec-main-top"> </div>
<h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="100" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">スタッフの声</strong></h2> <div class="sec-main-body">
</div> <div class="sec-box-voice">
<div class="sec-main-body"> <div class="voice-box" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
<div class="sec-box-voice"> <h3 class="ttl-h3-left">未経験で家事代行の仕事をスタートしたSさん</h3>
<div class="voice-box" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>京王ほっとネットワーク家事代行のおしごとを選んだ理由は？</h4>
<h3 class="ttl-h3-left">未経験で家事代行の仕事をスタートしたSさん</h3> <div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>京王ほっとネットワーク家事代行のおしごとを選んだ理由は？</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div> <p>京王の家事代行のおしごとの他に夫の会社でも仕事の手伝いをしています。1回2時間程度で週1、2回から仕事もできますし、1ヶ月間の勤務も調整してもらえるのでWワークでも働きやすいと思ったからです。<br>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> 以前から私の中では「京王電鉄」に対しての印象は良かったので、駅に貼ってあったポスターで家事代行スタッフ募集を知り、京王ほっとネットワークのWebページから応募しました。<br>
<p>京王の家事代行のおしごとの他に夫の会社でも仕事の手伝いをしています。1回2時間程度で週1、2回から仕事もできますし、1ヶ月間の勤務も調整してもらえるのでWワークでも働きやすいと思ったからです。<br> このおしごとをする前までは、お客様からお金を頂いてのお掃除なので、専門の知識が必要で大変なのかなと思っていましたが、おしごとの内容を聞いてハウスクリーニングとは違い、自分の今までの主婦経験が活かせるので安心しました。</p>
以前から私の中では「京王電鉄」に対しての印象は良かったので、駅に貼ってあったポスターで家事代行スタッフ募集を知り、京王ほっとネットワークのWebページから応募しました。<br> </div>
このおしごとをする前までは、お客様からお金を頂いてのお掃除なので、専門の知識が必要で大変なのかなと思っていましたが、おしごとの内容を聞いてハウスクリーニングとは違い、自分の今までの主婦経験が活かせるので安心しました。</p> </div>
</div>
</div> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>初めて1人でおしごとに出た時はどうでしたか？</h4>
<div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>初めて1人でおしごとに出た時はどうでしたか？</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div> <p>１人でお客様宅の掃除を行えるまでアドバイザーから仕事の内容・やり方・流れを親切に教えていただいたので不安はありませんでした。初日は忘れ物(携行品)がないように気を使った覚えがあります。<br>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> また、作業マニュアルがありますし、わからないことはアドバイザーに気軽に聞けるので安心しておしごとができます。</p>
<p>１人でお客様宅の掃除を行えるまでアドバイザーから仕事の内容・やり方・流れを親切に教えていただいたので不安はありませんでした。初日は忘れ物(携行品)がないように気を使った覚えがあります。<br> </div>
また、作業マニュアルがありますし、わからないことはアドバイザーに気軽に聞けるので安心しておしごとができます。</p> </div>
</div>
</div> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごとの「やりがい」は何ですか？</h4>
<div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごとの「やりがい」は何ですか？</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice01.png" width="100" height="100" alt="未経験で家事代行の仕事をスタートしたSさん"/></div> <p>子育てやおしごとで忙しいお客様や高齢で体力的にお掃除ができないお客様のお役に立っていること、感謝されていることにやりがいを感じています。お客様と触れ合うことで、社会とのつながりを感じることができます。また、京王の家事代行では最後に「拭き上げ作業」をするのですが、自宅の掃除ではなかなかやることがなくて、掃除のノウハウがわかり勉強になりました。</p>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> </div>
<p>子育てやおしごとで忙しいお客様や高齢で体力的にお掃除ができないお客様のお役に立っていること、感謝されていることにやりがいを感じています。お客様と触れ合うことで、社会とのつながりを感じることができます。また、京王の家事代行では最後に「拭き上げ作業」をするのですが、自宅の掃除ではなかなかやることがなくて、掃除のノウハウがわかり勉強になりました。</p> </div>
</div>
</div> <div class="sec-box" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom">
<h5><strong>アドバイザー(トレーナー)からのコメント</strong></h5>
<div class="sec-box" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom"> <p>Sさんはいつも丁寧にお仕事をされていて、お客様からも信頼いただいています。<br>
<h5><strong>アドバイザー(トレーナー)からのコメント</strong></h5> わからないことがあると、細まめに質問し、お仕事に対して真摯に取り組んでいます。ライフワークバランスを上手くとって、長くお仕事を続けていってほしいです。</p>
<p>Sさんはいつも丁寧にお仕事をされていて、お客様からも信頼いただいています。<br> </div>
わからないことがあると、細まめに質問し、お仕事に対して真摯に取り組んでいます。ライフワークバランスを上手くとって、長くお仕事を続けていってほしいです。</p> </div>
</div>
</div> <div class="voice-box" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom">
<h3 class="ttl-h3-left">経験が長くお客様からの信頼が厚いFさん</h3>
<div class="voice-box" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごとの「やりがい」は何ですか？</h4>
<h3 class="ttl-h3-left">経験が長くお客様からの信頼が厚いFさん</h3> <div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごとの「やりがい」は何ですか？</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div> <p>作業の後にお客様から「ありがとう」と言っていただける、「お部屋の空気が変わった」「きれいになった」と感謝されて、私でもお客様のお役に立てて良かったと思う時はやりがいを感じます。<br>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> お掃除できれいにすることが好きなので水回りやお部屋がきれいになっていく様子を自分の目で見て確認することが出来て達成感があります。この仕事を始めたころは手探りでしたが、回数を重ねると仕事にも慣れて自分の作業スピードが速くなり、気持ちに余裕を持てるようになりました。<br>
<p>作業の後にお客様から「ありがとう」と言っていただける、「お部屋の空気が変わった」「きれいになった」と感謝されて、私でもお客様のお役に立てて良かったと思う時はやりがいを感じます。<br> ９年間働いてきましたがお客様のお役に立っている実感があり、これからも自分のライフワークとして、できるだけ長く続けたいと思っています。</p>
お掃除できれいにすることが好きなので水回りやお部屋がきれいになっていく様子を自分の目で見て確認することが出来て達成感があります。この仕事を始めたころは手探りでしたが、回数を重ねると仕事にも慣れて自分の作業スピードが速くなり、気持ちに余裕を持てるようになりました。<br> </div>
９年間働いてきましたがお客様のお役に立っている実感があり、これからも自分のライフワークとして、できるだけ長く続けたいと思っています。</p> </div>
</div>
</div> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごと以外に仕事や趣味でどのようなことをされていますか？また、ライフ・ワーク・バランスについて教えて下さい。</h4>
<div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>このおしごと以外に仕事や趣味でどのようなことをされていますか？また、ライフ・ワーク・バランスについて教えて下さい。</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div> <p>夫の仕事のサポートで事務処理の仕事やお弁当作りを行っています。また、趣味でジャズ体操、リズムダンス、リコーダーを楽しんでいます。<br>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> 一週間のうち月曜日～水曜日は趣味、木曜日～土曜日は家事代行のおしごと（２時間ずつ）、日曜日は夫婦で過ごすことを基本にしています。自分の時間と家事代行のおしごととバランスをとることができています。</p>
<p>夫の仕事のサポートで事務処理の仕事やお弁当作りを行っています。また、趣味でジャズ体操、リズムダンス、リコーダーを楽しんでいます。<br> </div>
一週間のうち月曜日～水曜日は趣味、木曜日～土曜日は家事代行のおしごと（２時間ずつ）、日曜日は夫婦で過ごすことを基本にしています。自分の時間と家事代行のおしごととバランスをとることができています。</p> </div>
</div>
</div> <h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>アドバイザーや社員、他のスタッフ、京王ほっとネットワークで働くメンバーの印象を教えてください。</h4>
<div class="voice-box-imgText">
<h4 class="voice-box-Q"><span class="voice-icon-Q">Q</span>アドバイザーや社員、他のスタッフ、京王ほっとネットワークで働くメンバーの印象を教えてください。</h4> <div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div>
<div class="voice-box-imgText"> <div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="voice-box-img"><img src="/recruit/assets/img/common/img-voice02.png" width="100" height="100" alt="未経験でスタートしたAさん"/></div> <p>お客様の対応に悩むことがあっても社員やアドバイザーに相談しやすい雰囲気があり、親身に相談にのってくださり対応をしてくれるので安心して働けます。私の話もよく聴いてくれて、様々な気遣いもしてくれますので頼りにしています。<br>
<div class="voice-box-text" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> 時折2人で掃除をするときは、他のスタッフさんともご一緒しますが印象の良い方ばかりです。</p>
<p>お客様の対応に悩むことがあっても社員やアドバイザーに相談しやすい雰囲気があり、親身に相談にのってくださり対応をしてくれるので安心して働けます。私の話もよく聴いてくれて、様々な気遣いもしてくれますので頼りにしています。<br> </div>
時折2人で掃除をするときは、他のスタッフさんともご一緒しますが印象の良い方ばかりです。</p> </div>
</div>
</div> <div class="sec-box" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom">
<h5><strong>マネージャーからのコメント</strong></h5>
<div class="sec-box" data-aos="zoom-in-up" data-aos-delay="400" data-aos-anchor-placement="top-bottom"> <p>「京王の家事代行」サービス開始当初から働いているベテランスタッフさんです。ただ作業をするだけでなく、お客様とコミュニケーションをとり、ご期待に応える姿は「さすが」の一言。現在は、リピーターのお客様宅での作業が多いですが、急遽お仕事をお願いする際も快く引き受けてくださり、とても助かっています。お客様からの信頼が厚いのも納得です。</p>
<h5><strong>マネージャーからのコメント</strong></h5> </div>
<p>「京王の家事代行」サービス開始当初から働いているベテランスタッフさんです。ただ作業をするだけでなく、お客様とコミュニケーションをとり、ご期待に応える姿は「さすが」の一言。現在は、リピーターのお客様宅での作業が多いですが、急遽お仕事をお願いする際も快く引き受けてくださり、とても助かっています。お客様からの信頼が厚いのも納得です。</p> </div>
</div> </div>
</div> </div>
</div>
</div> </div><!-- /.sec-main --></section>
</div><!-- /.sec-main --></section>
<section id="recruit06" class="sec-main bg-wht"><div class="sec-main-inner container">
<div class="sec-main-top">
<section id="recruit06" class="sec-main bg-wht"><div class="sec-main-inner container"> <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">募集要項</strong></h2>
<div class="sec-main-top"> </div>
<h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">募集要項</strong></h2> <div class="sec-main-body">
</div> <div class="sec-box-recruiting" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="sec-main-body"> <dl class="recruiting-box">
<div class="sec-box-recruiting" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> <dt>給与・待遇</dt>
<dl class="recruiting-box"> <dd>
<dt>給与・待遇</dt> <p>時給1,020円～（試雇期間中は1,013円)</p>
<dd> <ul class="list-circle">
<p>時給1,020円～（試雇期間中は1,013円)</p> <li>2ヶ月を経過した後の初めて迎える10日までは試雇社員として勤務します。（但し試雇期間は原則研修受講後から開始します）</li>
<ul class="list-circle"> </ul>
<li>2ヶ月を経過した後の初めて迎える10日までは試雇社員として勤務します。（但し試雇期間は原則研修受講後から開始します）</li> <p>昇給制度あり<br>
</ul> 交通費全額支給<br>
<p>昇給制度あり<br> 各種諸手当あり</p>
交通費全額支給<br> <ul class="list-circle">
各種諸手当あり</p> <li>初回サービス手当：1勤務1,000円</li>
<ul class="list-circle"> <li>遠距離手当：お客様宅訪問時片道45分経過の場合1勤務あたり200円</li>
<li>初回サービス手当：1勤務1,000円</li> <li>待機手当：1日2作業の間で待機時間が発生した場合30分単位で250円</li>
<li>遠距離手当：お客様宅訪問時片道45分経過の場合1勤務あたり200円</li> <li>夏季繁忙手当</li>
<li>待機手当：1日2作業の間で待機時間が発生した場合30分単位で250円</li> <li>指導手当　等</li>
<li>夏季繁忙手当</li> </ul>
<li>指導手当　等</li> <p>制服貸与(ポロシャツ・エプロン）</p>
</ul> </dd>
<p>制服貸与(ポロシャツ・エプロン）</p> </dl>
</dd>
</dl> <dl class="recruiting-box">
<dt>勤務時間・曜日</dt>
<dl class="recruiting-box"> <dd>
<dt>勤務時間・曜日</dt> <p>9：30～18：30の間/1勤務あたり2時間程度 <br>
<dd> 日数：週1日以上<br>
<p>9：30～18：30の間/1勤務あたり2時間程度 <br> 曜日：月～日曜・祝祭日　年末年始を除く</p>
日数：週1日以上<br> <ul class="list-circle">
曜日：月～日曜・祝祭日　年末年始を除く</p> <li>毎月２０日頃にあらかじめ翌月の希望シフトを提出していただきます。</li>
<ul class="list-circle"> </ul>
<li>毎月２０日頃にあらかじめ翌月の希望シフトを提出していただきます。</li> </dd>
</ul> </dl>
</dd>
</dl> <dl class="recruiting-box">
<dt>勤務地</dt>
<dl class="recruiting-box"> <dd>
<dt>勤務地</dt> <p>「京王線」・「京王井の頭線」沿線エリアのお客様宅</p>
<dd> <ul class="list-circle">
<p>「京王線」・「京王井の頭線」沿線エリアのお客様宅</p> <li>基本的にお客様宅への直行直帰のお仕事です。</li>
<ul class="list-circle"> </ul>
<li>基本的にお客様宅への直行直帰のお仕事です。</li> </dd>
</ul> </dl>
</dd>
</dl> <dl class="recruiting-box">
<dt>休日・休暇</dt>
<dl class="recruiting-box"> <dd>
<dt>休日・休暇</dt> <p>年末年始</p>
<dd> <ul class="list-circle">
<p>年末年始</p> <li>年次有給休暇制度あり</li>
<ul class="list-circle"> </ul>
<li>年次有給休暇制度あり</li> </dd>
</ul> </dl>
</dd>
</dl> <dl class="recruiting-box">
<dt>応募方法</dt>
<dl class="recruiting-box"> <dd>
<dt>応募方法</dt> <p>Web応募ボタンよりご応募ください、担当よりご連絡いたします。 <br>
<dd> 電話での応募も受付けております。お気軽にご相談ください。 <br>
<p>Web応募ボタンよりご応募ください、担当よりご連絡いたします。 <br> （電話受付時間　日曜日を除く10：00～18：00） <br>
電話での応募も受付けております。お気軽にご相談ください。 <br> 連絡先：TEL　0120-83-5410 <br>
（電話受付時間　日曜日を除く10：00～18：00） <br> 会社名：京王電鉄株式会社　沿線価値創造部 <br>
連絡先：TEL　0120-83-5410 <br> 京王ほっとネットワーク　採用担当　家事代行スタッフ採用係</p>
会社名：京王電鉄株式会社　沿線価値創造部 <br> </dd>
京王ほっとネットワーク　採用担当　家事代行スタッフ採用係</p> </dl>
</dd> </div>
</dl> </div>
</div> </div><!-- /.sec-main --></section>
</div>
</div><!-- /.sec-main --></section>
<section id="recruit07" class="sec-main bg-secondary"><div class="sec-main-inner container">
<div class="sec-main-top">
<section id="recruit07" class="sec-main bg-secondary"><div class="sec-main-inner container"> <h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">よくある質問</strong></h2>
<div class="sec-main-top"> </div>
<h2 class="ttl-h2-center" data-aos="zoom-in-up" data-aos-delay="200" data-aos-anchor-placement="top-bottom"><strong class="ttl-border-btm">よくある質問</strong></h2> <div class="sec-main-body">
</div> <div class="sec-box-faq" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom">
<div class="sec-main-body">
<div class="sec-box-faq" data-aos="zoom-in-up" data-aos-delay="300" data-aos-anchor-placement="top-bottom"> <dl class="faq-box">
<dt><span class="faq-icon-Q">Q</span>お客様の家を掃除して満足してもらえるのかが不安です。</dt>
<dl class="faq-box"> <dd><span class="faq-icon-A">A</span>
<dt><span class="faq-icon-Q">Q</span>お客様の家を掃除して満足してもらえるのかが不安です。</dt> <p>未経験の方で始められる方が多くいらっしゃいます。<br>
<dd><span class="faq-icon-A">A</span> 最初にアドバイザーが、研修で丁寧に指導するので安心です。疑問・質問は、いつでもサポートする体制が整っています。</p>
<p>未経験の方で始められる方が多くいらっしゃいます。<br> </dd>
最初にアドバイザーが、研修で丁寧に指導するので安心です。疑問・質問は、いつでもサポートする体制が整っています。</p> </dl>
</dd>
</dl> <dl class="faq-box">
<dt><span class="faq-icon-Q">Q</span>どのような働き方ができますか？勤務日数や勤務時間は？</dt>
<dl class="faq-box"> <dd><span class="faq-icon-A">A</span>
<dt><span class="faq-icon-Q">Q</span>どのような働き方ができますか？勤務日数や勤務時間は？</dt> <p>あらかじめ翌月の希望シフトを提出していただき、お客様からのご依頼の日時と調整して勤務日が決まります。<br>
<dd><span class="faq-icon-A">A</span> 月5～15回といったように、希望の条件に合わせて勤務していただきます。<br>
<p>あらかじめ翌月の希望シフトを提出していただき、お客様からのご依頼の日時と調整して勤務日が決まります。<br> 基本の勤務時間は午前10時から2時間または午後2時から2時間です。</p>
月5～15回といったように、希望の条件に合わせて勤務していただきます。<br> </dd>
基本の勤務時間は午前10時から2時間または午後2時から2時間です。</p> </dl>
</dd>
</dl> <dl class="faq-box">
<dt><span class="faq-icon-Q">Q</span>ひと月どのくらいの収入になりますか？</dt>
<dl class="faq-box"> <dd><span class="faq-icon-A">A</span>
<dt><span class="faq-icon-Q">Q</span>ひと月どのくらいの収入になりますか？</dt> <p>収入の目安として（例）週4回作業の場合、4万円前後です。<br>
<dd><span class="faq-icon-A">A</span> 扶養内での勤務やダブルワーク・趣味との両立などライフスタイル合わせて働くことが可能です。</p>
<p>収入の目安として（例）週4回作業の場合、4万円前後です。<br> </dd>
扶養内での勤務やダブルワーク・趣味との両立などライフスタイル合わせて働くことが可能です。</p> </dl>
</dd>
</dl> <dl class="faq-box">
<dt><span class="faq-icon-Q">Q</span>スタッフさんはどんな人が多いですか？また年齢制限はありますか？</dt>
<dl class="faq-box"> <dd><span class="faq-icon-A">A</span>
<dt><span class="faq-icon-Q">Q</span>スタッフさんはどんな人が多いですか？また年齢制限はありますか？</dt> <p>30歳～60歳代まで幅広い年齢層のスタッフが在籍しています。<br>
<dd><span class="faq-icon-A">A</span> 自分のペースで長く続けられるのが、このお仕事の魅力です。</p>
<p>30歳～60歳代まで幅広い年齢層のスタッフが在籍しています。<br> </dd>
自分のペースで長く続けられるのが、このお仕事の魅力です。</p> </dl>
</dd>
</dl> <dl class="faq-box">
<dt><span class="faq-icon-Q">Q</span>クレームなどの対応は？</dt>
<dl class="faq-box"> <dd><span class="faq-icon-A">A</span>
<dt><span class="faq-icon-Q">Q</span>クレームなどの対応は？</dt> <p>お客様のお話を伺って、事務所へすぐに連絡ください。社員・アドバイザーが対応します。</p>
<dd><span class="faq-icon-A">A</span> </dd>
<p>お客様のお話を伺って、事務所へすぐに連絡ください。社員・アドバイザーが対応します。</p> </dl>
</dd>
</dl> </div>
</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 class="btn-recruiting"><a href="#" class="btn btn-outline-primary btn-lg" role="button">応募する</a></div>
</div>
</div><!-- /.sec-main --></section>
</div>
</div><!-- /.sec-main --></section>
</div>
</div>
</div> </div>
</div> </article>
</div> <!-- START : Footer -->
</article>
<!-- START : Footer --> <div id="footerTop">
<div class="container footerTopIn">
<div id="footerTop"> <p class="pageTop"><a href="#back-to-top" onFocus="this.blur()"><span class="text">ページトップ</span></a></p>
<div class="container footerTopIn"> </div>
<p class="pageTop"><a href="#back-to-top" onFocus="this.blur()"><span class="text">ページトップ</span></a></p> </div>
</div>
</div> <div class="main-contents-inner main-contents-footer">
<div class="footer-inner">
<div class="main-contents-inner main-contents-footer"> <p class="textCopyright">Copyright© Keio Corporation All rights reserved.</p>
<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>
<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>
<p class="textCopyright">Copyright© Keio Corporation All rights reserved.</p> </div>
<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> <!-- END : Footer -->
</div> <div id="loadingWrap"></div>
<!-- /.wrapper --></div>
<!-- END : Footer -->
<div id="loadingWrap"></div> <!-- JavaScript -->
<!-- /.wrapper --></div> <script src="/recruit/assets/js/jquery-3.2.1.min.js"></script>
<script src="/recruit/assets/js/aos.js"></script>
<!-- JavaScript --> <script src="/recruit/assets/js/common.min.js"></script>
<script src="/recruit/assets/js/jquery-3.2.1.min.js"></script> <script>
<script src="/recruit/assets/js/aos.js"></script>
<script src="/recruit/assets/js/common.min.js"></script> $('#navbarSupportedContent > ul > li a[href^="#"]').click(function() {
<script> var adjust = 0;
var speed = 500;
$('#navbarSupportedContent > ul > li a[href^="#"]').click(function() { var href = $(this).attr("href");
var adjust = 0; var target = $(href == "#" || href == "" ? 'html' : href);
var speed = 500; var position = target.offset().top + adjust;
var href = $(this).attr("href"); $(".dropdown-menu").fadeOut();
var target = $(href == "#" || href == "" ? 'html' : href); $('body,html').animate({
var position = target.offset().top + adjust; scrollTop: position
$(".dropdown-menu").fadeOut(); }, speed, 'swing');
$('body,html').animate({ return false;
scrollTop: position });
}, speed, 'swing'); $(".dropdown").on("mouseover", function() {
return false; $(".dropdown-menu").fadeIn();
}); });
$(".dropdown").on("mouseover", function() {
$(".dropdown-menu").fadeIn(); </script>
}); </body>
</script>
</body>
</html> </html>
\ No newline at end of file
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