/*
▄▀▀─█─█─▄▀▄─█▀▄─█▀▀
─▀▄─█▀█─█▀█─██▀─█▀▀
▀▀──▀─▀─▀─▀─▀─▀─▀▀▀
*/

.whitefont {
    color: #fff !important;
}
.greenfont {
    color: #aea085 !important;
}
@media(max-width:480px) {
    #sub_top,
    #sub_foodTop,
    #sub_designTop,
    #sub_produceTop,
    #sub_recruitTop,
    #sub_companyTop,
    #sub_privacyTop,
    #sub_contactTop,
    #sub_3kTop,
    .produce05,
    .produce04,
    .produce03,
    .produce02,
    .produce01 {
        background-attachment: inherit !important;
        background-position: top center !important;
    }
}
#sub_designTop {
    background-image: url(../images/design/sub_topBack02_display.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
#sub_top h2,
#sub_foodTop h2,
#sub_designTop h2,
#sub_produceTop h2,
#sub_recruitTop h2,
#sub_companyTop h2,
#sub_privacyTop h2,
#sub_contactTop h2,
#sub_3kTop h2 {
    font-family: 'futura-pt';
    font-weight: 500;
    text-align: center;
    color: #fff;
}
#sub_top hr,
#sub_foodTop hr,
#sub_designTop hr,
#sub_produceTop hr,
#sub_recruitTop hr,
#sub_companyTop hr,
#sub_privacyTop hr,
#sub_contactTop hr,
#sub_3kTop hr {
    border-top: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
#sub_top p,
#sub_foodTop p,
#sub_designTop p,
#sub_produceTop p,
#sub_recruitTop p,
#sub_companyTop p,
#sub_privacyTop p,
#sub_contactTop p,
#sub_3kTop p {
    font-size: 18px;
    text-align: center;
    color: #fff;
}
#sub_content {
    overflow: hidden;
}
#sub_content h3 {
    font-size: 20px;
    letter-spacing: .2em;
    line-height: 1.4em;
    margin-top: -12px;
}
#sub_content .design h3 {
    font-size: 18px;
}
#sub_content .h3_sub {
    font-family: 'futura-pt';
    font-size: 48px !important;
    font-weight: 300;
    color: #aea085;
}
#sub_content h4 {
    font-size: 18px;
    letter-spacing: .2em;
    line-height: 1.4em;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 5px;
}
#sub_content p {
    font-size: 15px;
    line-height: 1.7em;
    letter-spacing: .05em;
    margin-left: 10px;
}

/*
█─█▄─█─█▀▄─█▀▀─█─█
█─█─▀█─█─█─█▀▀─▄▀▄
▀─▀──▀─▀▀──▀▀▀─▀─▀
index top
*/

.img-shadow {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
.img-center {
    display: block;
    margin: 0 auto;
}
#top_video {
    background-image: url(../images/top_back.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
#top_video video {
    width: 100%;
}
#top_video h1 {
    font-size: 60px;
    line-height: 50px;
}
#top_video span {
    font-size: 20px;
    letter-spacing: .1em;
}
#top_video .h1_box {
    position: absolute;
    text-align: center;
    font-size: 60px;
    top: 32%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
#top_video a {}
#top_news {
    width: 570px;
    margin: 0 auto;
    margin-top: -50px;
    height: 110px;
    box-shadow: 12px 0px 28.8px 16.2px rgba(0, 0, 0, 0.05);
    z-index: 200;
    position: relative;
}
#top_news .news_day {
    font-size: 16px;
    font-weight: 600;
}
#top_news .news_boxLeft {
    float: left;
    width: 20%;
    height: 110px;
    background-image: url(../images/top_newsIcon02.jpg);
    background-size: cover;
    background-position: left center;
}
#top_news .news_boxRight {
    float: right;
    width: 80%;
    height: 110px;
    background: #fff;
    padding: 15px;
    padding-left: 30px;
    background-image: url(../images/top_newsBack.jpg);
    background-size: cover;
}
#top_business02 {
    margin-top: -65px;
    padding-top: 130px;
    padding-bottom: 100px;
    background-image: url(../images/business_back.jpg);
    background-size: cover;
    background-position: left center;
    z-index: 10;
    position: relative;
}
#top_business02 h3 {
    padding-top: 170px;
    font-size: 50px;
}
#top_business02 figure {
    box-shadow: 12px 0px 28.8px 16.2px rgba(0, 0, 0, 0.05);
}
#top_business02,
#top_recruit {
    text-align: center;
}
#top_recruit {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/recruit_back.jpg);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}
#top_recruit h2 {
    color: #fff;
}
#top_recruit img {
    box-shadow: 12px 0px 28.8px 16.2px rgba(0, 0, 0, 0.05);
    border-right: 5px solid #766456;
    -webkit-transition: .3s;
    transition: .3s;
}
#top_recruit img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
#top_sns h2 {
    font-size: 40px;
}
#top_sns {
    padding-top: 100px;
    padding-bottom: 180px;
    background-image: url(../images/design/works_back.jpg);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}
.icon_bounce:hover {
    -webkit-animation: icon-bounce .5s ease 0s 1 alternate;
    animation: icon-bounce .5s ease 0s 1 alternate;
}
@-webkit-keyframes icon-bounce {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    85% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
}
@keyframes icon-bounce {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    85% {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
}
p.kanazawa {
    font-size: 12px;
    margin-top: 10px;
    line-height: 14px;
}

/*ポップアップvideo*/

.play {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, .2);
    display: block;
    margin: 0 auto;
    /* Important for :after */
    position: relative;
    /* Makes a circle */
    border-radius: 50%;
    z-index: 999;
    -webkit-transition: .5s;
    transition: .5s;
}
.play:hover {
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
}
.play:after {
    position: absolute;
    content: "";
    /* Centering */
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -8px;
    /* CSS Triangle */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #ffffff;
    z-index: 999;
}

/* Fullscreen Overlay */

.overlay {
    width: 100%;
    height: 100vh;
    /* 50% opacity black */
    background: rgba(0, 0, 0, .5);
    /* Stays locked on scroll */
    position: fixed;
    /* On top of the rest*/
    z-index: 2;
    /* Hidden */
    opacity: 0;
    /* No interference */
    left: -100%;
    /* CSS3 Transition */
    transition: opacity .5s;
    -webkit-transition: opacity .5s;
    z-index: 10000;
}

/* 90% width container */

.video-container {
    width: 90%;
    /* Centering */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 10000;
}
.close {
    width: 20px;
    fill: white;
    position: absolute;
    right: 0;
    /* Bring above video */
    top: -30px;
}
.close:hover {
    /* 50% opacity white */
    fill: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

/* Class to fade in overlay */

.show {
    opacity: 1;
}
.sitemap a {
    color: #5e5e5e;
}
.sitemap li {
    padding-bottom: 15px;
}
@media (min-width:481px) and (max-width:990px) {
    .comingsoon {
        margin-top: 50px;
    }
}

/*
█▀▄─█▀▀─▄▀▀─█─▄▀▀──█▄─█
█─█─█▀▀──▀▄─█─█─▀█─█─▀█
▀▀──▀▀▀─▀▀──▀──▀▀──▀──▀
desgin
*/

#sub_designTop {
    padding-top: 170px;
    padding-bottom: 80px;
}
.designImg_box1 {
    height: 600px;
    background-image: url(../images/design/concept_1.jpg);
    background-size: cover;
    background-position: center center;
}
.designImg_box2 {
    height: 600px;
    background-image: url(../images/design/concept_2.jpg);
    background-size: cover;
    background-position: right center;
}
.design button,
.food button {
    background-image: url(../images/news_btn.jpg);
    padding: 10px 20px;
    border: none;
    width: 100%;
    font-family: 'futura-pt';
    font-weight: 600;
    color: #652807;
    font-size: 12px;
    margin-top: 10px;
    max-width: 290px;
}
.design .btnCafe {
    font-size: 11px;
}
@media(max-width:1160px) {
    .phone_btn {
        margin: 0 auto;
        max-width: 300px;
    }
}
.concept_textBox {
    padding: 30px;
    margin: 20px;
}
@media(max-width:1160px) {
    .concept_textBox {
        padding: 25px;
        margin: 5px;
    }
}
@media(max-width:991px) {
    .designImg_box1 {
        height: 230px;
    }
    .designImg_box2 {
        height: 230px;
    }
}
#design_works img {
    box-shadow: 0px 0px 44px -12px rgba(0, 0, 0, 0.2);
}
.works_back {
    background-image: url(../images/design/works_back.jpg);
    background-size: cover;
    background-position: right center;
}
#cd-timeline h4 {
    color: #aea085;
}
.design_fee h3 {
    color: #fff;
}
.design_fee .h3_sub {
    color: #fff;
}
.design_fee {
    background-image: url(../images/design/feeback.jpg);
    background-size: cover;
    background-position: center center;
    box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.2);
    padding-bottom: 50px;
}
.design_fee .fee_box {
    padding: 20px;
    box-shadow: 0px 0px 37px -16px rgba(0, 0, 0, 0.8);
    background-image: url(../images/recruit/3k_back.png);
}
.design_fee .fee_box h4 {
    padding: 15px 0;
    margin-left: 0px !important;
    color: #766456;
    background-image: url(../images/news_btn.jpg)
}
.worksBox {
    height: 300px;
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden;
}
.worksBox .shopTitle {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: rgba(20, 20, 20, .2);
    padding: 10px;
}
.worksBox h4 {
    position: relative;
    z-index: 100;
}
.blackBack {
    height: 100px;
    width: 100%;
    position: absolute;
    background: rgba(20, 20, 20, .1);
    margin-left: -10px;
    -webkit-transition: .2s;
    transition: .2s;
    margin-top: 10px;
}
.whiteBack {
    height: 100%;
    margin-top: -300px;
    background: rgba(20, 20, 20, .1);
    -webkit-transition: .4s;
    transition: .4s;
}
.worksBox:hover .blackBack {
    margin-top: -75px;
}
.worksBox:hover .whiteBack {
    margin-top: 0px;
}
.worksBox:hover {
    -webkit-transform: scale(.98);
    transform: scale(.98);
}
.shopTitle h4 {
    font-size: 20px;
}
.shopTitle p {
    font-weight: 600;
}
.design .works_back01 {
    background-image: url(../images/design/works01.jpg);
}
.design .works_back02 {
    background-image: url(../images/design/works02.jpg);
}
.design .works_back03 {
    background-image: url(../images/design/works03.jpg);
    background-position: center;
}
.design .works_back04 {
    background-image: url(../images/design/works04_6.jpg);
    background-position: left;
}
.design .works_back05 {
    background-image: url(../images/design/works05.jpg);
}
.design .works_back06 {
    background-image: url(../images/design/works/works06.jpg);
}
.design .works_back07 {
    background-image: url(../images/design/works/works07.jpg);
    background-position: left;
}
.design .works_back08 {
    background-image: url(../images/design/works/works08.jpg);
}
.design .works_back09 {
    background-image: url(../images/design/works/works09.jpg);
}
.design .works_back10 {
    background-image: url(../images/design/works/works10.jpg);
}
.design .works_back11 {
    background-image: url(../images/design/works/works11.jpg);
}
.design .works_back12 {
    background-image: url(../images/design/works/works12_7.jpg);
}
.design .works_back13 {
    background-image: url(../images/design/works/works13.jpg);
}
.design .works_back14 {
    background-image: url(../images/design/works/works14.jpg);
}
.design .works_back15 {
    background-image: url(../images/design/works/works15.jpg);
}
.design .works_back16 {
    background-image: url(../images/design/works/works16.jpg);
}
.design .works_back17 {
    background-image: url(../images/design/works/works17.jpg);
}
.design .works_back18 {
    background-image: url(../images/design/works/works18.jpg);
}
.design .works_back19 {
    background-image: url(../images/design/works/works19.jpg);
}
.design .works_back20 {
    background-image: url(../images/design/works/works20.jpg);
}
.design .works_back21 {
    background-image: url(../images/design/works/works21.jpg);
}
.design .works_back22 {
    background-image: url(../images/design/works/works22.jpg);
}
.design .works_back23 {
    background-image: url(../images/design/works/works23.jpg);
}
.design .works_back24 {
    background-image: url(../images/design/works/works24.jpg);
}
.design .works_back25 {
    background-image: url(/images/food/works/works26.jpg);
}
.works_fc01 {
    background-image: url(../images/food/works/fc01.jpg);
}
.design .works_back25 {
    background-image: url(../images/design/works/works25.jpg);
}
.design .works_back26 {
    background-image: url(../images/design/works/works26.jpg);
}
.design .works_back27 {
    background-image: url(../images/design/works/works27.jpg);
    background-position: left;
}
.design .works_back28 {
    background-image: url(../images/design/works/works28.jpg);
}


.design .works_back29 {
    background-image: url(../images/design/works/works29_1.jpg);
}
.design .works_back30 {
    background-image: url(../images/food/works00_food02.jpg);
}
.design .works_back31 {
    background-image: url(../images/food/works/works09.jpg);
}
.design .works_back32 {
    background-image: url(../images/design/works/works32.jpg);
}

.works_back33 {
    background-image: url(../images/food/works/works29.jpg);
}

.works_fc02 {
    background-image: url(../images/food/works/works30.jpg);
}

.works_fc04 {
    background-image: url(../images/food/works/works32.jpg);
}
.works_fc03 {
    background-image: url(../images/food/works/works31.jpg);
}

#design_list {
    background-image: url(../images/design/list_back2.jpg);
    background-size: cover;
    background-position: center center;
}
.worksTitle {
    font-size: 23px !important;
    padding-left: 15px;
    font-family: 'futura-pt', 'a-otf-midashi-go-mb31-pr6n';
}
.works_backtop {
    background-image: url(../images/food/food_back.jpg);
    background-size: cover;
    background-position: top right;
}

/*
█▀▄─█▀▄─▄▀▀▄─█▀▄─█──█─▄▀▀▄─█▀▀
█▀──██▀─█──█─█─█─█──█─█──▄─█▀▀
▀───▀─▀──▀▀──▀▀───▀▀───▀▀──▀▀▀
produce
*/

#sub_produceTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/produce/sub_topBack.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.produce_title {
    background-image: url(../images/produce/1.jpg);
    background-size: cover;
    background-position: center center;
    color: #3f3f3f;
    padding-top: 130px;
    padding-bottom: 130px;
    box-shadow: 0px 0px 49px -5px rgba(0, 0, 0, 0.3);
    z-index: 999;
    position: relative;
    border-left: 10px solid #AE8555;
    border-right: 10px solid #AE8555;
}
.produce_title .produce_titleEng {
    font-size: 120px !important;
    margin-bottom: -50px;
    color: #EAE1D7;
    position: absolute;
    margin: 0 auto;
    top: -80px;
    left: -20px;
    right: 0;
}
@media(max-width:790px) {
    .produce_title .produce_titleEng {
        font-size: 40px !important;
        margin-bottom: -50px;
        color: #EAE1D7;
        position: absolute;
        margin: 0 auto;
        top: -50px;
        left: -20px;
        right: 0;
    }
}
.produce_title h3 {
    font-size: 22px !important;
}
#sub_content .produce h3 {
    font-size: 20px;
    margin-top: 35px;
    position: relative;
}
#sub_content .produce_subTitle {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: .05em;
    position: absolute;
    width: 100%;
    text-align: center;
    color: #EAE1D7;
    top: -0px;
}
#sub_content .produceInBox .produce_subTitle {
    color: rgba(255, 255, 255, .15)
}
#sub_content .produceInBox h3 {
    color: #fff;
}
.produceInBox hr {
    width: 50% !important;
    border-top: 2px solid #fff;
}
.codeEng {
    position: relative;
    height: 16px;
    margin-right: 20px;
}
.produceBox {
    padding-top: 60px;
    padding-bottom: 90px;
    -webkit-transition: .4s;
    transition: .4s;
}
.produce01 {
    background-image: url(../images/produce/2-2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
.produce02 {
    background-image: url(../images/produce/3-2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
.produce03 {
    background-image: url(../images/produce/4-2.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
.produce04 {
    background-image: url(../images/produce/5-2.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
}
.produce05 {
    background-image: url(../images/produce/6-2.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
}
.produce06 {
    background-image: url(../images/produce/greentableBack.jpg);
    background-size: cover;
    background-position: top center;
    position: relative;
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .produceInBox {
        height: 450px;
    }
}
.produceInBox {
    margin-top: 40px;
    padding: 80px 30px;
    box-shadow: 0px 0px 60px -17px rgba(0, 0, 0, .4);
    border: 2px solid #fff;
    background-image: url(../images/produce/boxBack.png);
    background-size: cover;
    background-position: center center;
}
.produceInBox p {
    color: #fff;
}
.produceInBox01 {
    background-image: url(../images/produce/2-3.jpg);
    background-size: cover;
}
.produceInBox02 {
    background-image: url(../images/produce/3-3.jpg);
    background-size: cover;
}
.produceInBox03 {
    background-image: url(../images/produce/4-3.jpg);
    background-size: cover;
}
.produceInBox04 {
    background-image: url(../images/produce/5-3.jpg);
    background-size: cover;
}
.produceInBox05 {
    background-image: url(../images/produce/6-3_2.jpg);
    background-size: cover;
}
@media(max-width:991px) {
    .produceInBox {
        margin-top: 20%;
    }
}
.produceInBox h3 {
    text-align: center;
    font-size: 22px !important;
}
.produceInBox hr {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
}
#sub_content .proposal a {
    color: #B1A48A;
    text-decoration: underline !important;
}
.proposal {
    padding: 70px 20px;
    background: rgba(255, 255, 255, .7);
    overflow: hidden;
}
.big_i_back {
    position: absolute;
    right: -10px;
    bottom: -30px;
    font-size: 260px;
    opacity: .2;
    color: #EAE1D7;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}
.button-down,
.button-up {
    position: absolute;
    bottom: 50px;
    z-index: 20;
    width: 30px;
    height: 30px;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0.7;
    -webkit-transition: ease 1s;
    transition: ease 1s;
    -webkit-animation: bouncey 1.6s linear infinite;
    animation: bouncey 1.6s linear infinite;
}
.button-down:hover,
.button-up:hover {
    opacity: 1
}
.button-down:before {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    content: '';
    width: 44px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 6px;
    left: 10px;
    box-shadow: 0px 0px 25px 3px rgba(50, 0, 0, .5);
}
.button-down:after {
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    content: '';
    width: 2px;
    height: 44px;
    background: #fff;
    position: absolute;
    box-shadow: 0px 0px 25px 3px rgba(50, 0, 0, .5);
}
.button-up:before {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    content: '';
    width: 44px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 40px;
    left: 10px;
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, .5);
}
.button-up:after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    content: '';
    width: 2px;
    height: 44px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    box-shadow: 0px 0px 25px 3px rgba(0, 0, 0, .5);
}
@-webkit-keyframes bouncey {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bouncey {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*
█▀▄─█▀▀─▄▀▀▄─█▀▄─█──█─█─▀█▀
██▀─█▀▀─█──▄─██▀─█──█─█──█─
▀─▀─▀▀▀──▀▀──▀─▀──▀▀──▀──▀─
recruit
*/

#sub_recruitTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/recruitTop.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    overflow: hidden;
}

.padding-bottom-9 {
    padding-bottom: 25px;
}

.recruit .wanted_back, .new3k .wanted_back {
    width: 400px;
    margin-bottom: 30px;
}
.campany_box h3 {
    font-size: 20px;
    color: #fff;
}
.recruith3 h3 {
    font-size: 32px !important;
    color: #fff;
}
.campany_boxBack {
    background: rgba(0, 0, 0, .3);
    margin-bottom: 50px;
}
.campany_box {
    padding: 30px 30px;
}
.campany_box hr {
    border-color: rgba(255, 255, 255, .4);
    margin-top: 15px;
    width: 100%;
}
.campany_box p {
    color: #fff;
    font-size: 15px !important;
    text-align: justify;
    line-height: 1.9em;
}
.recruitCampany {
    background-image: url(../images/recruit/concept_box.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.recruit h3 {
    font-size: 55px !important;
    letter-spacing: 0 !important;
    font-weight: 300 !important;
}
@media(max-width:767px) {
    .recruit h3 {
        font-size: 30px !important;
    }
    .recruit .wanted_back .row h3 {
        font-size: 60px !important;
    }
    .interview_eng {
        margin-bottom: 20px !important;
        color: #AEA085 !important;
        text-shadow: none !important;
    }
    .recruit .new3k_sub {
        font-size: 14px !important;
    }
}
@media(max-width:1199px) {
    .wanted_back .padding-bottom-9 {
        padding-bottom: 40px;
    }
}
.RECRUIT_sub {
    font-size: 20px !important;
    margin-top: -15px !important;
    margin-bottom: 30px !important;
}
.recruit .new3k_sub {
    font-size: 16px;
}
.recruit_3k {
    margin-top: -40px;
    background-image: url(../images/recruit/3k_back.png);
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, .7);
    position: relative;
    z-index: 10;
}
.recruit .recruit_interview {
    margin-top: 30px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, 0.1);
    position: relative
}
.recruit .recruit_interview .interview_Title {
    font-size: 18px !important;
    font-weight: 600;
}
.recruit .font_3k {
    font-size: 20px !important;
    margin-right: 10px;
    font-weight: 600;
}
.recruit .interviewImg {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, 0.1);
    -webkit-transition: .2s;
    transition: .2s;
    border: 3px solid #fff;
}
.recruit .interviewImg:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}
.irei_back {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    opacity: .4
}
.recruit p {
    z-index: 100;
    position: relative;
}
.interview_eng {
    margin-bottom: -40px;
    position: relative;
    z-index: 100;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(119, 107, 78, .6);
}
.gradationBack {
    background-image: url(../images/design/works_back.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.recruit_massage {
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, 0.1);
    background-image: url(../images/recruit/ceo_back.jpg);
    background-size: cover;
}
.recruit .wanted_back,
.new3k .wanted_back {
    background-image: url(../images/recruit/wanted_back.jpg);
    background-size: cover;
    border: 5px solid #807154;
}
.recruit .wanted_back h3,
.new3k .wanted_back h3 {
    color: #807154;
    font-size: 80px !important;
    line-height: 70px !important;
    letter-spacing: .02em !important;
}
.recruit .wanted_sub,
.new3k .wanted_sub {
    font-size: 18px !important;
    color: #807154;
}
.black_box {
    background: rgba(0, 0, 0, .15);
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}
.interview_btn .woodbtn {
    max-width: 100%;
}
@media(max-width:767px) {
    .black_box {
        opacity: 0;
    }
    .recruit .wanted_back h3,
    .new3k .wanted_back h3 {
        color: #632905;
        font-size: 60px !important;
        line-height: 40px !important;
        letter-spacing: .02em !important;
    }
    .recruit .wanted_sub,
    .new3k .wanted_sub {
        font-size: 16px !important;
        color: #632905;
    }
}
.black_box:hover {
    opacity: 0;
}
.recruit_massage p {
    color: #fff;
}
.recruit_massage h3 {
    color: #fff;
}
.recruit .recruit_top h3 {
    font-size: 32px !important;
}
.recruit .h3_sub {
    font-size: 30px !important;
}
.recruit h5 {
    font-size: 17px;
    font-weight: 600;
    border-left: 5px solid #F6D19A;
    padding: 7px 15px;
}
.recruit ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.recruit .exsample {
    margin-top: 20px;
    padding: 10px;
}
.recruit .circle_3k {
    width: 190px;
    height: 170px;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    border: 3px solid #E6C8A3;
    -webkit-transition: .3s;
    transition: .3s;
}
.circle_3k:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.circle_3k_RE {
    position: relative;
}
.bottom3k {
    margin-top: -40px !important;
}
.recruit_interview .woodbtn {
    width: 200px !important;
}
.recruit .name_eng {
    font-size: 22px !important;
}
.recruith3 hr {
    width: 80%;
}
.whiteBtn {
    padding: 8px 40px;
    margin: 0 auto;
    border: 1px solid #DDD7CC;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
}
.whiteBtn:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}
.whiteBtn a {}
.worko-tabs i {
    color: #96693c;
}
.worko-tabs .small {
    font-size: 12px !important;
}
.worko-tabs table tbody tr {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.worko-tabs .careerstyle,
.worko-tabs .mystyle {
    padding: 15px;
    border: 1px solid #F6D19A;
}

/* Android 2.3 :checked fix */

@-webkit-keyframes fake {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
@keyframes fake {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
.worko-tabs {
    margin: 20px;
    width: 90%;
}
.worko-tabs .state {
    position: absolute;
    display: none;
}
.worko-tabs .flex-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.worko-tabs .flex-tabs .tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 40px;
}
.worko-tabs .flex-tabs .panel {
    padding: 40px;
    min-height: 300px;
    display: none;
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.worko-tabs .tab {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    background: #f1f1f1;
    cursor: hand;
    cursor: pointer;
    border-left: 10px solid #ccc;
    color: #5e5e5e;
    font-size: 16px;
}
.worko-tabs .tab:hover {
    background-color: #fff;
}
#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
    background-color: #fff;
    cursor: default;
    border-left-color: #AE8452;
}
#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
    display: block;
}
#tab-one2:checked ~ .tabs #tab-one-panel2,
#tab-two2:checked ~ .tabs #tab-two-panel2,
#tab-three2:checked ~ .tabs #tab-three-panel2,
#tab-four2:checked ~ .tabs #tab-four-panel2 {
    display: block;
}
@media (max-width: 600px) {
    #sub_content .produce_subTitle {
        font-size: 45px;
        font-weight: 600;
        letter-spacing: .05em;
        position: absolute;
        width: 100%;
        text-align: center;
        color: #EAE1D7;
        top: 0px;
    }
    .worko-tabs {
        margin: 0;
        width: 100%;
    }
    .worko-tabs .flex-tabs .panel {
        padding: 5px;
        min-height: 300px;
        display: none;
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    .flex-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-tabs .tab {
        background-image: url(../images/news_btn.jpg);
        border-left: 10px solid #AE8452;
    }
    .flex-tabs .tab:last-of-type {
        border-bottom: none;
    }
    .flex-tabs #tab-one-label,
    .flex-tabs #tab-one-label2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-tabs #tab-two-label,
    .flex-tabs #tab-two-label2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .flex-tabs #tab-three-label,
    .flex-tabs #tab-three-label2 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    .flex-tabs #tab-four-label,
    .flex-tabs #tab-four-label2 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
    .flex-tabs #tab-one-panel,
    .flex-tabs #tab-one-panel2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .flex-tabs #tab-two-panel,
    .flex-tabs #tab-two-panel2 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    .flex-tabs #tab-three-panel,
    .flex-tabs #tab-three-panel2 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    .flex-tabs #tab-four-panel,
    .flex-tabs #tab-four-panel2 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
    }
    #tab-one:checked ~ .tabs #tab-one-label,
    #tab-two:checked ~ .tabs #tab-two-label,
    #tab-three:checked ~ .tabs #tab-three-label,
    #tab-four:checked ~ .tabs #tab-four-label {
        border-bottom: none;
    }
    #tab-one:checked ~ .tabs #tab-one-panel,
    #tab-two:checked ~ .tabs #tab-two-panel,
    #tab-three:checked ~ .tabs #tab-three-panel,
    #tab-four:checked ~ .tabs #tab-four-panel {
        border-bottom: 1px solid #ccc;
    }
}
@media (max-width: 480px) {
    .display {
        display: none;
    }
    #sub_designTop {
        background-image: url(../images/design/sub_topBack02.jpg) !important;
    }
}
@media (min-width: 481px) {
    .phone {
        display: none;
    }
}

/*
█▀▀─▄▀▀▄─▄▀▀▄─█▀▄
█▀▀─█──█─█──█─█─█
▀────▀▀───▀▀──▀▀─
food
*/

#sub_foodTop {
    background-image: url(../images/food/sub_topBack.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding-top: 170px;
    padding-bottom: 80px;
}
.heightSlider {
    height: 100vh !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.subTitle_foodBox {
    width: 100%;
    position: absolute;
    top: 30%
}
@media(max-width:480px) {
    .subTitle_foodBox {
        top: 22%
    }
    .subTitle_foodBox h3 {
        font-size: 16px !important;
    }
    .subTitle_foodBoxIn {
        padding: 30px 5% !important;
    }
    .subTitle_foodBox .subTitle_foodBoxIn p {
        font-size: 14px !important;
    }
}
.subTitle_foodBox h3 {
    color: #fff;
    font-size: 20px;
}
.subTitle_foodBox .subTitle_foodBoxIn p {
    font-size: 16px;
}
.subTitle_foodBoxIn {
    padding: 50px 10%;
    background: rgba(0, 0, 0, .3)
}
.foodBack {
    background-image: url(../images/food/food_back.jpg);
    background-size: cover;
    background-position: center center;
}
.foodBox {
    box-shadow: 0px 0px 43px -8px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, .7)
}
.foodBox_title p {
    font-size: 40px !important;
}
.foodBox_title {
    background-image: url(../images/food/concept_titleBack.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 70px;
    padding-bottom: 70px;
    color: #fff;
}
.foodBox_bottom {
    background-image: url(../images/food/food_box_bottom.jpg);
    height: 10px;
}
.foodbtn2 {
    padding: 2px 15px;
    max-width: 300px;
    margin: 20px auto;
    -webkit-transition: .2s;
    transition: .2s;
    border: 2px solid #aea085;
}
.weddingText {
    font-size: 12px;
}
.food_wedding {
    background: #fff;
}
.food_wedding {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/food/wedding_back.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 70px;
}
.food_wedding h3,
.food_wedding .h3_sub {
    color: #fff;
}
.food_wedding .weddingContent {
    background: rgba(255, 255, 255, .9);
    padding: 80px;
}
@media(max-width:480px) {
    .food_wedding .weddingContent {
        padding: 30px;
    }
}
.food_wedding .weddingEng {
    font-size: 26px !important;
    margin-top: 10px;
    margin-bottom: -10px;
    color: #aea085;
}
.food_wedding .wedding_shop {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #aea085 !important;
}
.food_wedding .shop_btn {
    font-weight: 600;
    color: #aea085;
    padding-top: 10px;
}
.food .works_back00 {
    background-image: url(../images/food/works00_food02.jpg);
}
.food .works_back01 {
    background-image: url(../images/food/works01.jpg);
}
.food .works_back02 {
    background-image: url(../images/food/works02.jpg);
    background-position: left;
}
.food .works_back03 {
    background-image: url(../images/food/works03.jpg);
}
.food .works_back05 {
    background-image: url(../images/food/works05.jpg);
}
.food .works_back06 {
    background-image: url(../images/food/works/works06.jpg);
}
.food .works_back07 {
    background-image: url(../images/food/works/works07.jpg);
}
.food .works_back08 {
    background-image: url(../images/food/works/works08_2_new.jpg);
}
.food .works_back09 {
    background-image: url(../images/works2/food/works02_top.jpg);
}
.food .works_back10 {
    background-image: url(../images/food/works/works10.jpg);
}
.food .works_back11 {
    background-image: url(../images/food/works/works11.jpg);
}
.food .works_back12 {
    background-image: url(../images/food/works/works12_3.jpg);
}
.food .works_back13 {
    background-image: url(../images/food/works/works13.jpg);
}
.food .works_back14 {
    background-image: url(../images/food/works/works14_3.jpg);
}
.food .works_back14 {
    background-image: url(../images/food/works/works14_3.jpg);
}
.food .works_back15 {
    background-image: url(../images/food/works/works15_3.jpg);
}
.food .works_back16 {
    background-image: url(../images/food/works/works16.jpg);
}
.food .works_back17 {
    background-image: url(../images/food/works/works17_5.jpg);
}
.food .works_back18 {
    background-image: url(../images/food/works/works18_5.jpg);
}
.food .works_back19 {
    background-image: url(../images/food/works/works19.jpg);
}
.food .works_back20 {
    background-image: url(../images/food/works/works20.jpg);
}
.food .works_back21 {
    background-image: url(../images/food/works/works21.jpg);
}
.food .works_back22 {
    background-image: url(../images/food/works/works22.jpg);
}

.food .works_back27 {
    background-image: url(../images/food2022/03_1.jpg);
}
.food .works_back23 {
    background-image: url(../images/food/works/works23.jpg);
}
.food .works_back24 {
    background-image: url(../images/food/works/works24.jpg);
}
.food .works_back25 {
    background-image: url(../images/food/works/works25.jpg);
}
.food .works_back26 {
    background-image: url(../images/food/works/works25.jpg);
}
.food .works_back28 {
    background-image: url(../images/food/works/works28.jpg);
}

.food .works_back29 {
    background-image: url(../images/food2022/01_1.jpg);
}

.food .works_back30 {
    background-image: url(../images/food2022/02_1.jpg);
}
.btn_small {
    font-size: 15px !important;
}
.worksInsta {
    margin-top: 60px !important;
    margin-bottom: 10px !important;
}

/*
▄▀▀▄─▄▀▀▄─█▄─▄█─█▀▄─▄▀▄─█▄─█─█─█
█──▄─█──█─█─▀─█─█▀──█▀█─█─▀█──█─
─▀▀───▀▀──▀───▀─▀───▀─▀─▀──▀──▀─
company
*/

#sub_companyTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/company/company_topBack.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}
.company {
    background-image: url(../images/recruit/3k_back.png);
}
.company .backMap {
    background-image: url(../images/design/feeback.jpg);
    background-size: cover;
    background-position: center center;
}
.company_left {
    height: 650px;
    background-image: url(../images/food/wedding_back.jpg);
    background-size: cover;
    background-position: center center;
}
@media(max-width:767px) {
    .company_left {
        height: 300px;
    }
}
.company_right {
    padding-top: 50px;
}
#sub_privacyTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/sub_privacyBack.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
#sub_privacyTop h3 {
    font-size: 20px;
}

/*
▄▀▀▄─▄▀▀▄─█▄─█─▀█▀─▄▀▄─▄▀▀▄─▀█▀
█──▄─█──█─█─▀█──█──█▀█─█──▄──█─
─▀▀───▀▀──▀──▀──▀──▀─▀──▀▀───▀─
contact
*/

#sub_contactTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/contact/contact_topBack.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.contact {
    background-image: url(../images/design/works_back.jpg);
    background-size: cover;
    background-position: right center;
}
.contact input[type="text"] {
    width: 100%;
    height: 35px;
}
.contact textarea {
    width: 100%;
    height: 170px;
}
.contact dt {
    letter-spacing: .2em;
    font-weight: 500;
    padding-bottom: 7px;
}
.contact .kome {
    color: #F2645E
}
.contact input[type="submit"] {
    background: none;
    background-image: url(../images/news_btn.jpg);
    color: #7d4b31;
    font-weight: 600;
    padding: 13px 40px;
    letter-spacing: .2em;
}
.contact_box {
    background: rgba(255, 255, 255, .9);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 60px;
}

/*
█▄─█─█▀▀─█───█───▀▀▄─█─▄▀
█─▀█─█▀▀─█─█─█────▀▄─█▀▄─
▀──▀─▀▀▀──▀─▀────▀▀──▀──▀
3k
*/

.new3k {
    background-image: url(../images/food/food_back.jpg);
    background-size: cover;
    background-position: top center;
}
#sub_3kTop {
    padding-top: 170px;
    padding-bottom: 80px;
    background-image: url(../images/3k/3k_topBack.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.topBox_3k {
    margin-top: -40px;
    background-image: url(../images/recruit/3k_back.png);
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    right: 0;
}
.topBox_3k p {
    font-size: 17px;
    line-height: 1.7em;
}
.new3k .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.new3k .content_3k {
    margin-left: 15px;
    margin-right: 15px;
}
.new3k .content_3k_in {
    background-image: url(../images/recruit/3k_back.png);
    box-shadow: 0px 0px 53px -15px rgba(0, 0, 0, 0.3);
}
.new3k .content_3k_in p,
.new3k .content_3k_in h4 {
    padding-left: 15px;
    padding-right: 15px;
}
@media(max-width:480px) {
    .content_3k_inFirst {
        margin-top: 100px;
    }
    .topBox_3k br {
        display: none;
    }
    .new3k .content_3k {
        margin-left: -5px;
        margin-right: -5px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .margin_3k1 {
        padding-top: 100px !important;
    }
    .margin_3k2 {
        padding-top: 80px !important;
    }
}

/*
▄▀▀─█───█─█▀▄─█▀▀─█▀▄
─▀▄─█───█─█─█─█▀▀─██▀
▀▀──▀▀▀─▀─▀▀──▀▀▀─▀─▀

SLIDER*/

.title_centerBox {
    width: 300px;
    height: 120px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider {
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}
.carousel {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.item {
    position: absolute;
    height: inherit;
    width: 100%;
    color: #fff;
    font-size: 48px;
    text-align: center;
    padding-top: 50px
}
.carousel-tab {
    position: relative;
    z-index: 10;
    list-style-type: none;
    bottom: 30px;
    left: 49%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 130px;
    text-align: center;
}
.carousel-tab li {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}
.carousel-tab li.active {
    background: #000;
}
.control {
    position: absolute;
    top: 0;
    margin: 0;
    width: 8%;
    height: 200px;
    cursor: pointer;
    font-size: 0px;
    opacity: 0.6;
    color: #fff;
    text-decoration: none;
    z-index: 10;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.control img {
    height: 50px;
    display: block;
}
.control_prev {
    left: 0;
}
.control_next {
    right: 0;
}

/*Customizing slides*/

#second-slider #item-1 {
    background-image: url(../images/design/sub_topBack02.jpg);
    background-size: cover;
    background-position: center center;
}
#second-slider #item-2 {
    background-image: url(../images/design/sub_topBack03.jpg);
    background-size: cover;
    background-position: center center;
}
#second-slider #item-3 {
    background-image: url(../images/design/sub_topBack04.jpg);
    background-size: cover;
    background-position: center center;
}
#second-slider #item-4 {
    background-image: url(../images/food/sub_topBack03.jpg);
    background-size: cover;
    background-position: center center;
}
#second-slider #item-5 {
    background-image: url(../images/food/sub_topBack04.jpg);
    background-size: cover;
    background-position: center center;
}
#second-slider #item-6 {
    background-image: url(../images/food/sub_topBack02.jpg);
    background-size: cover;
    background-position: center center;
}

/*スライダーDESIGN　FOOD*/

.slider {
    max-width: 100%;
    height: 100%;
    position: relative;
}
.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6,
.slide7 {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slide1
/*dangly thing*/

{
    background-image: url(../images/food/sub_topBack03.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade 20s infinite;
    -webkit-animation: fade 20s infinite;
}
.slide2
/*giant burger*/

{
    background-image: url(../images/food/sub_topBack04.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade2 20s infinite;
    -webkit-animation: fade2 20s infinite;
}
.slide3
/*"BAHN"*/

{
    background-image: url(../images/food/sub_topBack05.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade3 20s infinite;
    -webkit-animation: fade3 20s infinite;
}
.slide4
/*snow print*/

{
    background-image: url(../images/food/sub_topBack.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade4 20s infinite;
    -webkit-animation: fade4 20s infinite;
}
@-webkit-keyframes fade {
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes fade {
    0% {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fade2 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes fade2 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fade3 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fade3 {
    0% {
        opacity: 0
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@-webkit-keyframes fade4 {
    0% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fade4 {
    0% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.slide1_2,
.slide2_2,
.slide3_2,
.slide4_2,
.slide5_2,
.slide6_2,
.slide7_2 {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slide1_2
/*dangly thing*/

{
    background-image: url(../images/design/sub_topBack04.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade 20s infinite;
    -webkit-animation: fade 20s infinite;
}
.slide2_2
/*giant burger*/

{
    background-image: url(../images/design/sub_topBack03.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade2 20s infinite;
    -webkit-animation: fade2 20s infinite;
}
.slide3_2
/*"BAHN"*/

{
    background-image: url(../images/design/sub_topBack02.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade3 20s infinite;
    -webkit-animation: fade3 20s infinite;
}
.slide4_2
/*snow print*/

{
    background-image: url(../images/design/sub_topBack05.jpg);
    background-size: cover;
    background-position: center center;
    animation: fade4 20s infinite;
    -webkit-animation: fade4 20s infinite;
}

/*ダミー*/

.damy {
    position: absolute;
    width: 100px;
    left: 0;
    top: 10px;
    opacity: .8;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
@media(max-width:991px) {
    .damy {
        left: 25%
    }
}
@media(max-width:565px) {
    .damy {
        left: 10%
    }
}

/*バナー追加*/

.ryoomoi {
    margin-top: 20px;
    margin-bottom: 80px;
}
@media(max-width:767px) {
    .ryoomoi_PC {
        display: none;
    }
}
@media(min-width:768px) {
    .ryoomoi_SP {
        display: none;
    }
}
.covid19 {
    margin-top: 80px;
    margin-bottom: 50px;
    padding: 20px 30px;
    background: white;
    border: 2px solid #652807
}

.recruitBtn{
    border-radius: 200px
}