@font-face {
    font-family: 'monteCarlo';
    src: url('../fonts/MonteCarlo-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'chery_santos';
    src: url('../fonts/Chery_Santos.ttf') format('truetype');
}

@font-face {
    font-family: 'utsukushi-mincho';
    src: url('../fonts/02UtsukushiMincho.ttf') format('truetype');
}

@font-face {
    font-family: 'rounded-mplus';
    src: url('../fonts/rounded-mplus-2m-regular.ttf') format('truetype');
}

body {
    font-size: 16px;
    color: #fff;
    line-height: 1.7;
    font-family: 'Noto Sans JP', sans-serif
}

body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body a, body button, body input, body select {
    outline: 0;
    text-decoration: none
}

body a:focus, body button:focus, body input:focus, body select:focus {
    outline: 0;
    text-decoration: none
}

body a:hover, body button:hover, body input:hover, body select:hover {
    outline: 0;
    text-decoration: none
}

body a:hover, body button:hover, body input[type=button]:hover, body input[type=checkbox]:hover, body input[type=radio]:hover, body input[type=submit]:hover, body select:hover {
    cursor: pointer
}

body img {
    max-width: 100%
}

.stepyLogo {
    width: 15vw; 
    margin: 1vw 0;
}

.header_style {
    position: relative; 
    display: flex; 
    justify-content: center;
}

.navBox {
    position: absolute; 
    top: 0; 
    margin-top: 2.6%
}

.headerNav {
    display: flex; 
    width: 39vw;
}

.top-bg {
    height: 63vw;
    background: no-repeat;
    background-image: url(/img/top_back-min.png);
    background-size: 100%;
    position: relative;
}

.top-text {
    width: 50vw;
    position: absolute;
    top: 12vw;
    left: 5vw;
}

.store-box {
    position: absolute;
    top: 36vw;
    left: 10vw;
}

.job-btn {
    position: absolute;
    top: 46vw;
    left: 7.5vw;
}

.pc-only {
    display: inline-block;
}

.mobile-only {
    display: none;
}

.centering {
    display: flex;
    justify-content: center;
}

.section-img { width: 100%; }

.nav {
    margin-right: 15px;
}

.footer_text {
    margin-right: 5px;
}

.mobile_space {
    margin-right: -8px;
}

.footer {
  background-color: rgb(142 199 187);
  width: 100%;
  height: auto;
  position: relative;
}

.footer-box {
  padding-top: 2vw;
  padding-bottom: 1.6vw;
}

.footerItem{
font-family: ui-monospace;
  text-decoration: none;
  font-size: 1.6vw;
  color: #fff;
}

.footerSlash {
    margin: 0 0.4vw;
}
        
.whiteLine {
  border-bottom: solid 0.15vw #fff;
  width: 90%;
}

.footerText {
  font-size: 1.4vw;
  color: #fff;
  padding-top: 1.5vw;
  padding-bottom: 2.2vw;
}

@media screen and (max-width: 768px) {


    .top-bg {
        display: none;
    }

    .top-bg-sp {
        display: block !important;
        height: 76vw;
        background: no-repeat;
        background-size: 100%;
        position: relative;
    }

    .footer-box {
        display: none;
    }

    .footer-box-sp {
        display: flex !important;
        padding-top: 2.5vw;
    }

    .footer-box-sp2 {
        display: flex !important;
        margin-bottom: 2vw;
    }

    .footerItem {
        font-size: 3vw;
    }

    .footerText {
        font-size: 2.7vw;
        padding-bottom: 2.5vw;
    }
}