@charset "UTF-8";

/*---------------------------------------------------------
  Theme Name: lime-fit
  Author: irodori
  Author URI: https://lime-fit.com/
  Version: 1.0
  License: irodori
  Description: lime-fitオリジナルテーマ
---------------------------------------------------------*/
body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

ul {
    padding-left: 0;
}

#header {
    width: 100%;
}

#header-in {
    width: 100%;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#header-in h1 img {
    max-height: 70px;
}

#gnavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}

#gnavi .menu li a {
    color: #000;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.3em;
    font-size: 15px;
    display: block;
    padding: 5px 15px;
    line-height: 1;
    position: relative;
}

.align-append {
    display: none;
}

#slide-menu {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: -240px;
    width: 240px;
    height: 100%;
    padding: 70px 0;
    background: #000;
    color: #FFF;
    z-index: 5;
}

#slide-menu ul {
    margin: 0;
    padding: 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#slide-menu li {
    width: 100%;
    margin: 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

#slide-menu li a {
    display: inline-block;
    width: 100%;
    padding: 1em 0;
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
}

#slide-menu ul.sub-menu li {
    margin: 0;
    border-bottom: none;
}

#slide-menu ul.sub-menu li a {
    padding: 2px 0;
}

#slide-layer {
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}

#breadcrumb li a {
    color: #b6b6b6;
    font-size: 12px;
}

#breadcrumb li {
    font-size: 12px;
}

.home h2 {
    font-size: 30px;
    text-align: center;
    padding: 120px 0 100px;
    position: relative;
    z-index: 1;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0.4em;
}
.home h2 span{
    background: #fff;
    font-size: 27px;
    letter-spacing: 0.5em;
}
.home h2.c_b span{
    background: #000;
    font-size: 27px;
    letter-spacing: 0.5em;
    color: #FFF;
}
.home h2:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
    font-size: 179px;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.home .service h2:before {
    content: 'SERVICE';
}

.home h3 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0.3em;
    font-size: 40px;
    line-height: 1.375;
    margin-bottom: 50px;
}

p {
    font-size: 16px;
    line-height: 1.875;
}

.btn a {
    width: 255px;
    color: #fff;
    background: #000;
    height: 60px;
    display: block;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    position: relative;
    font-weight: bold;
    letter-spacing: 0.3em;
}

.btn a.bg_b {
    background: #000;
    color: #FFF;
}
.btn a.bg_w {
    background: #FFF;
    color: #000;
}

.btn a:hover {
    opacity: 0.7;
}

.btn a:before {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-weight: 900;
}

.bg01 {
    padding: 60px 0;
}

.flex_side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex_side>div {
    width: 50%;
}

.flex_side .txt p+.btn {
    margin-top: 65px;
}

.service .flex_side .txt {
    padding: 170px 60px 0 3vw;
}

.service #contents .flex_side .img {
    padding-top: 100px;
}

.home .about_title {
    margin-top: 50px;
}

.home .about_title h2:before {
    content: 'ABOUT';
}

.home .about {
    padding: 0px 0 170px;
}

.home .about .flex_side {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.home .about .flex_side .txt {
    padding: 0 8vw 0 0;
}

.bg02 {
    background: #000;
    padding: 60px 0;
}

.home .news h2:before {
    content: 'NEWS';
    color: #FFF;
}

.news_list {
    max-width: 800px;
    margin: 50px auto 60px;
    color: #FFF;
}

.news_list li:nth-child(n+2) {
    padding-top: 50px;
}

.news_list li a {
    color: #FFF;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 50px;
    border-bottom: 1px solid #fff;
    -webkit-box-align: baseline;
    align-items: baseline;
}

.news_list li a:hover {
    opacity: 0.7;
}

.news_list li a .blog_date {
    width: 8em;
}

.news_list li a .blog_cat {
    width: 11em;
    color: #000;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #FFF;
    /* width: 18%; */
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.news_list li a .blog_title {
    width: calc(100% - 21em);
    padding-left: 2em;
}

.home .news .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home .flanchise h2:before {
    content: 'FLANCHISE';
    color: #FFF;
}

.recruit .recruit_title h2:before {
    content: 'RECRUIT';
    color: #000;
}
.recruit .recruit_title h2 span {
    color: #000 !important;
    background: #fff  !important;
}

.home .contact h2:before {
    content: 'CONTACT';
    left: 20%;
    top: 45%;
}

.home .flanchise {
    max-width: 90%;
    margin: 60px auto;
}

.home .flanchise .flex_side .txt p {
    width: 90%;
}
.c_w{
    color: #FFF !important;
}
.home .flanchise .flex_side .img {
    margin-top: 0px;
}
.flanchise .flex_side .txt {
    padding: 120px 60px 0 3vw;
}
.home .recruit {
    padding: 100px 0;
}

.home .recruit .flex_side {
    position: relative;
}

.home .recruit .flex_side .txt {
    position: absolute;
    max-width: 40%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.home .recruit .flex_side .img {
    width: 65%;
}

.home .contact {
    padding-top: 100px;
}

.home .contact .flex_side {
    position: relative;
    padding: 60px 0 100px;
}

.home .contact .flex_side:before {
    content: '';
    background: #f2f2f2;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 69%;
    height: 100%;
    z-index: 0;
}

.home .contact .flex_side .img {
    padding: 0 5vw 0 5vw;
    position: relative;
}

.home .contact .flex_side .txt {
    position: relative;
}

.home .contact .flex_side .txt h2 {
    padding-left: 2em;
    text-align: left;
    padding-top: 80px;
}

#footer {
    margin-top: 240px;
    background:#000;
}

#footer-in {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#footer .align-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#footer .footer_contact {
    margin-top: auto;
}

.company_logo {
    font-size: 40px;
    font-weight: bold;
}

#footer .footer_contact .btn {
    margin-bottom: 20px;
}

#footer .align-center {
    padding-top: 60px;
}

#footer .align-right {
    padding-top: 50px;
}

#footer .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#footer .menu li a {
    color: #FFF;
    font-size: 15px;
    padding: 7.5px 0;
    display: block;
    line-height: 1;
    position: relative;
    letter-spacing: 0.3em;
}

.fnavi_title {
    font-family: 'Hind', sans-serif;
    color: #FFF;
    font-size: 20px;
    line-height: 1.0;
}
small {
    font-size: 80%;
    font-weight: bold;
    color: #FFF;
}

h2.bg_b{
    background: #000;
    color: #FFF;
    text-align: center !important;
    line-height: 1.8em !important;
    font-size: 40px;
    padding: 0 !important;
}

#shop_list{
    width:90%;
    height: auto;
    margin: 0 auto 40px !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 30px;
}
#shop_list li{
    flex-basis: 46%;
    height:auto;
}
#shop_list li img{
    display: block;
}


#shop_list li h4{
    color: #FFF;
    font-size: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    line-height: 60px;
    width: 100%;
    height: 60px;
    letter-spacing: 0.15em;
    background: linear-gradient(93deg, rgba(5,5,5,1) 0%, rgba(24,24,25,1) 100%);
}
#shop_list li h4:hover{
    background: #cbcbcb !important;
    color: #000 !important;
    border:solid 2px #2f220f ;
}
/* Style for Smartphonea */
@media screen and (max-width: 480px) {
h2.bg_b{
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 1.8em;
    font-size: 40px;
    padding: 0;
}
#shop_list{
    width:100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content:flex-start;
    gap: 0;
}
#shop_list li{
    flex-basis: 90%;
    height: auto;
    margin: 0 auto 20px;
}
#shop_list li h4 {
    padding: 0;
    line-height: 1.2em;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

}
@media screen and (max-width: 960px) {
    #gnavi {
        display: none;
    }

    .align-append {
        display: block;
        margin-right: 10px;
    }

    .align-append #sl-button {
        margin: 0;
    }

    #sl-button a {
        color: #000;
        font-size: 20px
    }

    .open #sl-button a i:before {
        content: '\f00d';
    }

    .home h2:before {
        font-size: 16vw;
    }

    .home h3 {
        font-size: 30px;
    }

    .flex_side {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .flex_side>div {
        width: 100%;
    }

    .flex_side .txt p+.btn {
        margin-top: 30px;
    }

    .home .flanchise h2:before {
        font-size: 13vw;
    }

    .home .contact .flex_side>div {
        width: 50%;
    }

    .home .contact h2:before {
        font-size: 13vw;
    }
}

@media screen and (max-width: 680px) {
    p {
        font-size: 14px;
    }

    #header {
        position: relative;
        width: 100%;
    }

    #header-in {
        position: relative;
        top: auto;
        left: auto;
        padding: 10px 10px;
    }

    #header-in h1 img {
        display: block;
        margin: 0 auto;
        max-width: 200px;
        max-height: 55px;
    }

    .home h2 {
        padding: 50px 0;
        font-size: 24px;
    }

    .home h2:before {
        top: 50%;
    }
    .home h2 span {
        background: #fff;
        font-size: 12px;
        letter-spacing: 0.5em;
    }
    .home h2.c_b span {
        background: #000;
        font-size: 12px;
        letter-spacing: 0.5em;
        color: #FFF;
    }
    .home h3 {
        font-size: 24px;
    }

    .bg01 {
        padding-bottom: 0;
    }

    .service .flex_side .txt {
        padding: 0 15px;
    }

    .service .flex_side .img {
        padding-left: 15px;
    }

    .home .about {
        padding: 50px 15px 70px
    }

    .bg02 {
        padding-bottom: 0;
    }
    .flanchise .flex_side .txt {
        padding: 50px 60px 60px 3vw;
    }
    .news_list {
        padding: 0 15px
    }

    .news_list li a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
        padding: 0 0 25px;
    }

    .news_list li a .blog_cat {
        width: calc(80% - 10em);
    }

    .news_list li a .blog_title {
        width: 100%;
    }

    .news_list li:nth-child(n+2) {
        padding-top: 25px;
    }

    .home .flanchise .flex_side {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .home .flanchise .flex_side .img {
        margin-top: 0;
    }

    .home .flanchise .flex_side .txt {
        margin-top: 20px;
    }

    .home .flanchise .flex_side .txt p {
        width: 100%;
    }

    .home .recruit {
        padding: 30px 0
    }

    .home .contact .flex_side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 0;
    }

    .home .recruit .flex_side {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .home .recruit .flex_side .txt {
        position: relative;
        max-width: 100%;
        left: auto;
        top: auto;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        margin-top: 30px;
        padding: 0 15px;
    }

    .home .recruit .flex_side .img {
        width: 95%;
    }

    .home .contact .flex_side:before {
        width: 95%;
        /* padding-bottom: 60px; */
        /* top: 55%; */
    }

    .home .contact .flex_side>div {
        width: 100%;
    }

    .home .contact .flex_side .img {
        padding: 0 0 0 15px;
        width: 50%;
        margin: 0 auto 30px;
    }

    .home .contact .flex_side .img img {
        max-height: 50%;
    }

    .home .contact .flex_side .txt {
        -webkit-box-pack: end;
        -ms-flex-pack: revert;
        justify-content: end;
        /* position: absolute; */
        width: 100%;
        right: 0;
        padding: 0 15px;
    }

    .home .contact .flex_side .txt h2 {
        text-align: center;
        padding-right: 3em;
        padding-left: 0;
        padding-top: 0;
        padding: 0;
        margin-bottom: 20px;
    }

    .home .contact h2:before {
        font-size: 10vw;
        left: 50%;
        top: 50%;
    }

    .home .contact .flex_side .txt p {
        width: 85%;
        margin-left: auto;
    }

    .home .contact .btn a {
        margin: 0 auto;
    }

    #footer {
        margin-top: 100px;
    }

    #footer-in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #footer .align-left {
        order: 3;
        margin-top: 30px;
    }

    #footer .align-center {
        padding-top: 0;
    }

    #footer .menu li a {
        font-size: 14px;
    }

    .fnavi_title {
        font-size: 16px;
        line-height: 1.0;
        margin-bottom: 0.5e;
    }

    #footer .align-right {
        padding-top: 30px;
    }
}

body:not(.home) .recruit-main{
    /*max-width: 1920px;*/
    margin: 0 auto;
    padding: 70px 15px 0;
}
body:not(.home) .main {
    max-width: 1030px;
    margin: 0 auto;
    padding: 70px 15px 0;
}
body:not(.home) .main h1 {
    font-weight: bold;
    margin: 0 0 50px;
    text-align: center;
}

body:not(.home) .main h2 {
    line-height: 1em;
    letter-spacing: 0.4em;
    text-align: left;
    padding-bottom: 0.5em;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif !important;
    font-weight: 700;
    font-size: 40px;
}
body:not(.home) .main h2 span{
    font-size: 50%;
    line-height: 1em;
    color: #fff;
    background: #000;
    letter-spacing: 0.6em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    }
        
body:not(.home) .main h3 {
    border-bottom: solid 3px #dddddd;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

body:not(.home) .main p+h3 {
    margin-top: 50px;
}

body:not(.home) .main h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #000;
    bottom: -3px;
    width: 20%;
}

body:not(.home) .main h4 {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    margin: 30px 0 20px;
    font-size: 1.3rem;
}

body:not(.home) .main h4:before,
body:not(.home) .main h4:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
}

body:not(.home) .main h4:before {
    left: 0;
    display: none !important;
}

body:not(.home) .main h4:after {
    right: 0;
    display: none !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
    max-width: 100%;
}

body:not(.home) .news_list li:nth-child(n+2) {
    padding-top: 0;
}

body:not(.home) .news_list .blog_cat {
    text-transform: uppercase;
    font-size: 90%;
}

.title {
    background: #000;
    text-align: center;
    padding: 80px 0;
    position: relative;
}

.title .subttl {
    color: #fff;
    font-size: 116px;
    z-index: 1;
    text-transform: uppercase;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    width: 100%;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
}

.title h1 {
    position: relative !important;
    z-index: 2;
    font-size: 20px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.6em;
    top: 10px;
    line-height: 1em;
    padding: 2em;
}
.title h1 span {
    background: #FFF;
    color: #000;
}

body:not(.home) h2 {
    margin: 0 0 30px;
    text-align: center;
}


h2.u_arrow {
    position: relative;
    padding: 0.8rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid;
    color: black;
    font-weight: bold;
    font-size: 26px;
    text-align: center !important;
    margin: 0;
    width: 50%;
    margin: 0 auto !important;
}

h2.u_arrow :before,
h2.u_arrow :after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

h2.u_arrow :before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: black;
    margin-left: -16px;
}

h2.u_arrow :after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
}


body:not(.home) h2:not(:first-child) {
    margin-top: 60px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;

}

body:not(.home) .row {
    margin-top: 40px;
}

body:not(.home) .row h2 {
    text-align: left;
    font-weight: bold;
}

.cta {
    margin-top: 250px;
}

.cta .flex_side {
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.cta .flex_side:before {
    content: '';
    background: #f2f2f2;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    position: absolute;
    top: 50%;
    right: -50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 130%;
    height: 130%;
    z-index: 1;
}


.cta .flex_side>div {
    position: relative;
    z-index: 2;
}

.cta .flex_side .img {
    width: 45%;
}

.cta .flex_side .txt {
    margin-left: 3%;
}

.cta .flex_side .txt h2 {
    position: relative;
    margin-bottom: 100px;
    border: none;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    letter-spacing: 0.4em;
    font-size: 28px;
}
.cta .flex_side .txt h2 span {
    background: #FFF;
    color: #000;
}

.cta .flex_side .txt h2:before {
    content: '';
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #000;
    font-size: 140px;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.cta .flex_side .txt h2:before {
    content: 'CONTACT';
}

.cta .flex_side .txt p+.btn {
    margin-top: 0;
}
.uk-button-danger {
    background-color: #000 !important;
    color: #fff;
    border: 1px solid transparent;
}
@media screen and (max-width: 1000px) {
    .cta {
        overflow: hidden;
    }
}

@media screen and (max-width: 680px) {
    .title {
        padding: 50px 0;
    }

    .title .subttl {
        font-size: 12vw;
        width: 100%;
        line-height: 1.0;
    }

    .cta {
        margin-top: 50px;
    }

    .cta .flex_side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 0;
    }

    .cta .flex_side:before {
        content: '';
        background: url(img/bg_contact.png) no-repeat left center / cover;
        position: absolute;
        top: auto;
        right: 0;
        transform: inherit;
        height: 90%;
        z-index: 1;
        width: calc(100% - 15px);
    }

    .cta .flex_side>div {
        position: relative;
        z-index: 2;
    }

    .cta .flex_side .img {
        width: 60%;
        margin-top: 40px;
    }

    .cta .flex_side .txt {
        margin-left: 3%;
    }

    .cta .flex_side .txt h2 {
        position: relative;
        margin: 50px 0 30px;
    }

    .cta .flex_side .txt h2:before {
        font-size: 14vw
    }

    .cta .flex_side .txt p {
        width: 80%;
        margin: 0 auto 30px;
    }

    .cta .flex_side .txt p+.btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .cta .flex_side .txt h2 span {
        background: #FFF;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }

    h2.u_arrow {
        position: relative;
        padding: 0.8rem 0;
        margin-bottom: 0.2rem;
        border-bottom: 5px solid;
        color: black;
        font-weight: bold;
        font-size: 26px;
        text-align: center !important;
        margin: 0;
        width: 90%;
        margin: 0 auto !important;
    }
    .title h1 {
        position: relative !important;
        z-index: 2;
        font-size: 20px;
        margin: 0;
        font-weight: bold;
        letter-spacing: 0.6em;
        top: 10px;
        line-height: 1em;
        padding: 2em;
    }
}

.div_2col,
.div_3col,
.div_4col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 50px 0 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.div_2col p {
    margin-bottom:40px;
}

.div_2col>div {
    width: calc(50% - 20px);
}

.div_2col>div:nth-child(2n) {
    margin-left: 40px;
}

.div_2col>div:nth-child(n+3) {
    margin-top: 50px;
}

.div_3col>div {
    width: calc(33.333% - 20px);
}

.div_3col>div {
    margin-left: 30px;
}

.div_3col>div:nth-child(3n-2) {
    margin-left: 0;
}

.div_3col>div:nth-child(n+4) {
    margin-top: 30px;
}

.div_4col>div {
    width: calc(25% - 20px);
}

.div_4col>div {
    margin-left: 25px;
}

.div_4col>div:nth-child(4n-3) {
    margin-left: 0;
}

.div_3col>div:nth-child(n+4) {
    margin-top: 30px;
}

.num_card {
    counter-reset: number 0;
}

.num_card>div {
    position: relative;
}

.num_card>div:before {
    position: absolute;
    counter-increment: number 1;
    /* number カウンタの増加数をセット */
    content: counter(number, decimal-leading-zero) " ";
    /* 表示形式を指定 */
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    right: 20px;
    font-size: 32px;
    color: #fff;
}

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

    .div_2col>div,
    .div_3col>div,
    .div_4col>div {
        width: 100%;
    }

    .div_2col>div:nth-child(2n),
    .div_3col>div,
    .div_4col>div {
        margin-left: 0;
    }

    .div_4col>div:nth-child(n+2) {
        margin-top: 30px;
    }

    .div_2col.reverse{
        -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
    }
    
    div:not(.reverse).div_2col > div:nth-child(2n){
        margin-top: 20px;
    }
    
    .div_2col.reverse > div:nth-child(2n-1){
        margin-top: 20px;
    }
}

body:not(.home) .main>.btn,
body:not(.home) .news_list .btn {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.flanchise .news_list {
    margin-left: calc(((100vw - 100%) / 2) * -1) !important;
    margin-right: calc(((100vw - 100%) / 2) * -1) !important;
    max-width: fit-content;
    background: url(img/bg_01.png) no-repeat center center / cover;
    padding: 100px;
    margin-top: 70px;
}

body.flanchise .news_list .div_4col {
    max-width: min(90%, 1200px);
    margin: 0 auto;
}

body.flanchise .news_list .div_4col {
    margin: 60px auto;
}

body.flanchise .news_list .div_4col>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.flanchise .news_list .div_4col a {
    color: #000;
    background: #ffffffeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border-radius: 20px;
}

body.flanchise .news_list a h4 {
    font-size: 15px;
    margin: 20px 0;
    padding: 0;
}

body.flanchise .news_list a h4:before,
body.flanchise .news_list a h4:after {
    display: none;
}

body.flanchise .news_list a p {
    margin: 0;
    font-size: 12px;
}

@media screen and (max-width: 680px) {
    body.flanchise .news_list {
        padding: 50px 15px;
    }

    body.flanchise .news_list .div_4col {
        width: 100%;
        max-width: inherit;
    }

}

/* category */
.blog_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.blog_list ul li:nth-child(n+2) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #dddddd;
}

.blog_list ul li:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
}

.blog_list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #000;
}

.blog_list ul li a .post-ec {
    width: 35%;
    padding-right: 30px;
}

.blog_list ul li a .post-data {
    width: 65%;
}

.blog_list ul li a .post-data h4 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.blog_list ul li a .post-data h4:before,
.blog_list ul li a .post-data h4:after {
    display: none;
}

.blog_list ul li a p {
    font-size: 14px;
    margin: 0 0 0.5em
}

.blog_list ul li a p.blog_date {
    font-size: 12px;
}

@media screen and (max-width: 680px) {
    .blog_list ul li a .post-ec {
        width: 100%;
        padding-right: 0;
    }

    .blog_list ul li a .post-data {
        width: 100%;
    }
}

/* category fc-list */
.fc_list .post-cat-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fc_list .post-cat-col:nth-child(n+2) {
    margin-top: 50px;
}

.fc_list .post-cat-col>div {
    width: 50%;
}

.fc_list .post-cat-col>div.post-data {
    padding-right: 30px;
}

.fc_list .post-cat-col .btn {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 680px) {
    .fc_list .post-cat-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .fc_list .post-cat-col>div {
        width: 100%;
    }

    .fc_list .post-cat-col>div.post-data {
        padding-right: 0px;
    }

    .fc_list .post-cat-col>div.post-data .blog_title {
        font-size: 18px;
    }
}

ul.inlink_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 1px solid #FFF;
    border-radius: 20px;
}

ul.inlink_link li {
    list-style-type: none;
    padding-left: 0;
    background-color: #000;
    flex: 2 4 250px;
    display: block;
    border-right: 1px solid #FFF;
}

ul.inlink_link li:first-child {
    border-radius: 20px 0 0 20px
}

ul.inlink_link li:last-child {
    border-right: none;
    border-radius: 0 20px 20px 0;
}

ul.inlink_link li.current {
    background: #dddddd;
}

ul.inlink_link li a {
    color: #FFF;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 8px 20px 8px;
    position: relative;
}

ul.inlink_link li.current a {
    color: #000;
}

ul.inlink_link li a:before {
    position: absolute;
    content: '';
    top: 47%;
    border-top: 5px solid #FFF;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    width: 0;
    height: 0;
    margin-left: -20px;
}

ul.inlink_link li.current a:before {
    border-top: 5px solid #000;
}

@media screen and (max-width: 680px) {
    ul.inlink_link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 350px;
        margin: 0 auto;
    }

    ul.inlink_link li {
        width: 100%;
        flex: 0 0 auto;
        border: none;
    }

    ul.inlink_link li:first-child {
        border-radius: 20px 20px 0 0;
    }

    ul.inlink_link li:last-child {
        border-radius: 0 0 20px 20px;
    }

    ul.inlink_link li a {
        padding: 10px 10px 3px;
    }
}

dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto 50px;
}

dl>dt {
    width: 25%;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

dl>dd {
    border-bottom: 1px solid #eee;
    width: 75%;
    padding: 10px 0;
    margin: 0;
}

.iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 45%;
    /* = height ÷ width × 100 */
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline {
    list-style: none;
    margin-top: 60px;
}

.timeline>li {
    margin-bottom: 40px;
}

body:not(.home) .main .timeline h3 {
    font-size: 1.4rem;
    border: none;
    margin-bottom: 0;
}

body:not(.home) .main .timeline h3:after {
    border: none;
}

/* for Desktop */
@media (min-width : 640px) {
    .timeline>li {
        overflow: hidden;
        margin: 0;
        position: relative;
    }

    .timeline-date {
        width: 110px;
        float: left;
        margin-top: 20px;
    }

    .timeline-content {
        width: 75%;
        float: left;
        border-left: 3px #dddddd solid;
        padding-left: 30px;
    }

    .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
        background: #000;
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
    }

    .timeline>li p:last-of-type {
        margin-bottom: 40px;
    }

    .timeline>li p.timeline-date {
        margin-bottom: 1em;
    }
}

.pagination {
    margin: 40px auto 0;
    justify-content: center;
}

.nav-links {
    display: flex;
}

.pagination .page-numbers {
    display: inline-block;
    margin-right: 20px;
    padding: 10px 15px;
    color: #333;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    background: #fff;
}

.pagination .current {
    padding: 10px 15px;
    background: #000;
    color: #fff;
}

.pagination .prev,
.pagination .next {
    background: #000;
    color: #fff;
    display: block;
    border-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    text-decoration: none;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    position: relative;
}

.pagination .dots {
    background: transparent;
    box-shadow: none;
}




/*-----------ここから新採用ページのcss--------------*/
.recruit-fv{
	width:100%;
	height:auto;
}
.back2{
    margin-bottom: 90px;
}
.back1 h2 {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    padding: 120px 0 0;
    position: relative;
    z-index: 1;
	width: 50%;
    margin: 1rem auto !important;
}
.back1 h2 span{
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.4em;
}
.back2 h2 {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    padding: 120px 0 0;
    position: relative;
    z-index: 1;
	width: 50%;
    margin: 3rem auto !important;
}
.back2 h2 span{
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.4em;
}

.back3 {
    margin-bottom: 120px;
}
.back3 h2 {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
	width: 50%;
    margin: 3rem auto !important;
}
.back3 h2 span{
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.4em;
}
.back4 h2 {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    padding: 20px 0 0;
    position: relative;
    z-index: 1;
    width: 50%;
    margin: 3rem auto !important;
}
.back4 h2 span{
    background: #FFF;
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    letter-spacing: 0.4em;
}
.recruit-wrap1{
	max-width:1100px;
	width:100%;
	padding:1rem;
	padding: 70px 15px 0;
	margin:0 auto;
}
.recruit-wrap2{
	max-width:1300px;
	width:100%;
	padding:1rem;
	padding: 0px 15px 0;
	margin:0 auto;
}
.recruit-title{
	font-size: 1.7rem;
	padding: 1rem;
	text-align: center;
}
.recruit-title2{
	font-size: 1.5rem;
	padding: 1rem;
	text-align: center;
}
.recruit-txt{
	font-size:1.2rem;
	padding: 5px;
    text-align: center;
}
.recruit-wrap1 img{
	padding:2rem 0;
}
.recruit-flex{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
    justify-content: space-between;
}
.recruit-flex .con{
	width: 47%;
	padding-top:1rem;
}
.recruit-flex .title2{
	border-bottom: 1px solid #262626;
    font-size: 3rem;
    letter-spacing: 0.15em;
}
.recruit-flex .title2 span{
	background-color: #262626;
    color: #fff;
    font-size: 4rem;
    margin: 0px 5px 0px 0px;
    padding: 0px 6px 2px 15px;
}
.bar-flex{
	display:flex;
	align-items: center;
    padding: 1rem 0;
}
.bar-flex .txt{
	padding:0 0.5rem;
	font-size: 1.3rem;
    width: 100px;
	text-align:center;
}
.bar-flex .txt2{
	padding:0 0.5rem;
	font-size: 1rem;
    width: 100px;
}
.bar-flex img{
	width: 100%;
	margin: 0 auto;
}
.bar{
	margin:0 auto;
}
.flow{
    font-size: 1.1rem;
    width: 90%;
    border: 5px solid #333;
    background-color: #fff;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
    padding: 4em;
}
.flow span{
	font-size:2rem;
	padding:0.5rem;
}
.yajirushi img{
	margin: 0 auto;
    width: 15%;
    padding: 1.5rem;
}
.job-flex{
	display: flex;
    justify-content: center;
	padding-top: 2rem;
    flex-flow: column;
    margin: 0 auto;
}
.job-flex .con{
    width: 80%;
    display: flex;
    border-bottom: 1px solid #707070;
    padding: 0.5rem 0;
    align-items: flex-end;
    justify-content: space-between;
    margin: 1rem auto;
}
.job-flex .txt{
	font-size: 1.2rem;
    width: 70%;
}
.job-flex .txt a{
    color: #000;
}
.job-flex .mei{
	font-size: 1rem;
    border: 1px solid #707070;
    padding: 5px;
    color: #FF0000;
}
.job-flex .right img{
	width: 80%;
}
.recruit-title-left{
    text-align: center;
}
.sp_block{
    display: none;
}
@media screen and (max-width: 480px) {
    .flow {
        font-size: 1.1rem;
        width: 90%;
        border: 5px solid #333;
        background-color: #fff;
        border-radius: 20px;
        margin: 0 auto;
        text-align: center;
        padding: 1rem;
        padding: 2em;
    }
    .yajirushi img {
        margin: 0 auto;
        width: 30%;
        padding: 1.5rem;
    }
    .back2 h2 {
        font-weight: 500;
        font-size: 1rem;
        padding: 140px 0 0;
        width: 100%;
    }
    .back2 h2 span {
        background: #FFF;
        color: #000;
        font-weight: bold;
        font-size: 0.5em;
        letter-spacing: 0.4em;
    }
    .title h1 {
        position: relative !important;
        z-index: 2;
        font-size: 20px;
        margin: 0;
        font-weight: bold;
        letter-spacing: 0.6em;
        top: 40px;
        line-height: 1em;
        padding: 2em;
    }
    .sp_block{
        display: block;
    }
    .back1 h2 span,
    .back2 h2 span,
    .back3 h2 span,
    .back4 h2 span {
        background: #000;
        color: #FFF;
        font-weight: bold;
        font-size: 0.6em;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*.back-img1{
	background-image: url(http://lime-fit.com/wp-content/uploads/2023/09/3b6666194fac628fcaa243b23bfa6c45.png);
	background-repeat: no-repeat;
	height: 64rem;
}
.back-img2{
	background-image: url(http://lime-fit.com/wp-content/uploads/2023/09/59f565bccccf0dc28badeb662ab329c3.png);
	background-repeat: no-repeat;
	height: 53rem;
}
.back-img11{
	background-image: url(http://lime-fit.com/wp-content/uploads/2023/09/3b6666194fac628fcaa243b23bfa6c45.png);
	background-repeat: no-repeat;
	height: 58rem;
}*/
.back-img22{
	background-image: url(http://lime-fit.com/wp-content/uploads/2023/09/59f565bccccf0dc28badeb662ab329c3.png);
	background-repeat: no-repeat;
	height: 41rem;
}
body .recruit-page{
	    max-width: 1030px;
    margin: 0 auto;
    padding: 70px 15px 0;
}
.back1 h2:before {
    content: 'OUR MESSAGE';
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background:#000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem;
    width: 100%;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.back2 h2:before {
    content: 'MATCH TO COMPANY';
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background:#000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem;
    width: 120%;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.back3 h2:before {
    content: 'FLOW';
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background:#000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem;
    width: 100%;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.back4 h2:before {
    content: 'RECRUIT';
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background:#000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 5rem;
    width: 100%;
    z-index: -1;
    letter-spacing: 0.2em;
    font-family: "bilo", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
/*-----------ここから新採用ページのスマホ版css--------------*/
@media screen and (max-width: 768px) {
	.back1 h2 {
    font-weight: 500;
    font-size: 2rem;
    padding: 90px 0 0;
	width: 90%;
	}
	.back1 h2:before {
    content: 'OUR MESSAGE';
    font-size: 2rem;
    width: 100%;
	top:60%;
	}
	.back2 h2 {
    font-weight: 500;
    font-size: 2rem;
    padding: 120px 0 0;
	width: 90%;
	}
	.back2 h2:before {
    content: 'MATCH TO COMPANY';
    font-size: 2rem;
    width: 100%;
	top:60%;
	}
	.back3 h2 {
    font-weight: 500;
    font-size: 2rem;
    padding: 120px 0 0;
	width: 90%;
	}
	.back3 h2:before {
    content: 'FLOW';
    font-size: 2rem;
    width: 100%;
	top:60%;
	}
	.back4 h2 {
    font-weight: 500;
    font-size: 2rem;
    padding: 120px 0 0;
	width: 90%;
	}
	.back4 h2:before {
    content: 'RECRUITMENT';
    font-size: 2rem;
    width: 100%;
	top:60%;
	}
	.recruit-wrap1 {padding: 0px 10px 0;}
	.recruit-wrap2 {padding: 0px 10px 0;}
	.recruit-title {font-size: 1.3rem;}
	.recruit-title2 {font-size: 1.3rem;}
	.recruit-txt {font-size: 1rem;}
	.back-img1 {height: 40rem;}
	.back-img2 {height: 70rem;}
	.back-img11 {height: 40rem;}
	.back-img22 {height: 62rem;}
	.recruit-flex {flex-direction: column;}
	.recruit-flex .con {width: 97%;}
	.recruit-flex .title2 {font-size: 2rem;}
	.recruit-flex .title2 span {
    font-size: 3rem;
    padding: 0px 6px 2px 7px;
	}
	.bar-flex .txt {font-size: 1rem;}
	.bar-flex .txt2 {font-size: 0.9rem;}
	.bar {width: 80%;}
	.bar-flex img {width: 95%;}
	.job-flex .con {width: 100%;}
	.job-flex .txt {font-size: 1rem;}
	.job-flex .mei {font-size: 0.8rem;}
	.job-flex .right img {width: 60%; margin: 0 auto;}
}

.haveto {
    font-size: 10px;
    padding: 5px;
    background: #F00;
    color: #fff;
    border-radius: 2px;
    margin-right: 15px;
    position: relative;
    bottom: 1px;
}
.any {
    font-size: 10px;
    padding: 5px;
    background: #8d8d8d;
    color: #fff;
    border-radius: 2px;
    margin-right: 15px;
    position: relative;
    bottom: 1px;
}

@media screen and (max-width: 480px){
.wpcf7{
    width: 100%;
    height: auto;
}
.inquiry,
tbody {
    border: none !important;
    margin: 0 auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}

.inquiry tbody tr{
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.inquiry tbody tr th,
.inquiry tbody tr td{
    width: 90%;
    height: auto;
    margin: 0 3%;
    padding: 0 !important;
    
}

}