/*/////////// レスポンシブ ////////////*/


/* スマホ */

/* @media screen and (max-width: 768px){ */
/* 最大値をiPad Pro 12.9 (iPadの中で最大)に合わせる */
/* iPhone 12 Pro Max (iPhoneの中で最大)は428px */
@media screen and (max-width: 1024px){


    /*スマホメニュースクロール*/
    #dropmenu li:hover ul{
    overflow: scroll;
}


    .sp-none {
   display: none;;
}

.pc-none {
    display: block;
}


/*pagetop*/

#pageTop {
  bottom: 10px;
  right: 10px;
}



#pageTop a {
     width: 70px;
}

    /*ヘッダーメニュー*/

    header {
        position: relative;
    }

    header img.h_top {
        width: 40%;
    z-index: 10000000;
   top: 7px;
    left: 5px;
    position: fixed;
    }
    .header02 {
        position: static;
    padding-bottom: 0px;
    }
    .hed2 {
        padding-top: 65px;
    }
    main.top {
        padding-top: 0px;
    }

    .mean-container .mean-nav ul li a {
        padding: 10px 20px!important;
    }

    #mv p{
        padding-left: 10px;
    }

    .dropmenu li a span {
    font-weight: normal;
}


    /*footer*/

    footer .f_logo {
        float: none;
    margin: auto;
        margin-bottom: 20px;
    }
    footer ul li {
        float: none;
    width: 100%;
            font-size: 22px;
    margin-bottom: 6px;
    }


    /*下層フッター*/
    .f_menu_02 {
          height: auto;
    padding: 20px;
    }

    .f_menu_02 .text {
        font-size: 15px;
    }
    .f_menu_02 .text span {
        font-size: 30px;
    }


    /*TOP*/

    h1.mainlogo {
        width: 50%;
    }
    .news {
            font-size: 15px;
    font-weight: normal;
    }
    .news .day {
        float: none!important;
    font-weight: bold;
    }

    #main .title h2 {
        font-size: 35px;
    line-height: 30px;
    }
    #main .menu01 {
        width: 100%;
        height: auto;
    }

    #main .menu01 .text {
        font-size: 14px;
        padding: 20px 0px;
        line-height: 20px;
    }
    #main .menu_02 {
        height: 205px;
    }
    #main .menu_02 .text {
            font-size: 12px;
    padding: 10px;
    line-height: 15px;
    letter-spacing: 1px;
    width: 96%;
    top: 14%;
    }

    #main .menu_02 img {
            bottom: -13%;
    width: 40%;
    left: 58%;
    }

    #main .menu_03 .text, #main .menu_04 .text {
          letter-spacing: 0px;
    font-size: 14px;
    line-height: 22px;
    width: 95%;
    margin: auto;
    margin-bottom: 25px;
    }

    /* #main .menu_03 .PhotoBox {
    } */

    #main .menu_03 .PhotoBox .Caption {
        opacity: 1;
        left: 0;
        right: 0;
            -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
       font-size: 14px;
    line-height: 20px;
    bottom: 27px;
    letter-spacing: 5px;
    }
    #main .menu_03 .PhotoBox img {
        opacity: 0.7;
    }

    #main .menu_04 .menu_in_01 img, .menu_in_02 img {
        float: none;
    width: 100%;
    margin-left: 0px;
    }
    #main .menu_04 .menu_in_01 .work {
        height: auto;
        margin-top: 0px;
        padding-top: 10px;
    }

    #main .menu_04 .work_in {
            margin-left: 10px;
        padding-bottom: 20px
    }

    #main .menu_04 .menu_in_01 .title, .menu_in_02 .title {
            font-size: 25px;
    margin: 15px 0px;
    }

    #main .menu_04 .menu_in_01 .text_in, .menu_in_02 .text_in {
           width: 92%;
    margin: auto;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 19px;
    }

    #main .menu_04 .menu_in_01 .btn {
       width: 70%;
    padding-bottom: 17px;
    margin: auto;
    padding: 10px;
    }

    #main .menu_04 .menu_in_02 .work {
       margin-top: -30px;
    height: auto;
    }

    #main .menu_05, #main .menu_06, #main .menu_07 {
        padding: 20px 0px;
        height: auto;
    }
    #main .menu_05 .text, #main .menu_06 .text {
            width: 98%;
    margin: auto;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 22px;
    }

    #main .menu_05 .btn, #main .menu_06 .btn {
           width: 70%;
    padding-bottom: 17px;
    margin: auto;
    padding: 10px;
    }

    #main .menu_07 {
        margin-bottom: 20px;
    }

    #main .menu_07 .text {
        font-size: 14px;
    }

    #main .menu_07 .text span {
        font-size: 35px;
    }
    #main .menu_08 {
        margin-bottom: 25px;
    }
    #main .menu_08 img {
        width: 100%;
        float: none;
    }
    #main .menu_08 .text {
        overflow: hidden;
        padding: 10px 10px 5px;
           margin: auto;
   margin-bottom: 5px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 3px;
    }

    #main .menu_08 .text span {
        font-size: 30px;
    }

    #main .menu_08 .box {
        height: auto;
        margin: auto;
    width: 100%;
    }
    #main .menu_08 .btn {
        width: 70%;
    padding-bottom: 17px;
    margin: 25px auto;
    padding: 10px;
    }




    /*会社概要*/

    #about .menu_01 .title p {
            font-size: 35px;
    line-height: 30px;
    }

    #about .main_title {
        margin-bottom: 30px;
    font-size: 30px;
    padding-bottom: 15px;
    }

    #about .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #about .menu_01 .title p span {
            font-size: 16px;
    margin-bottom: 10px;
    }
    #about .menu_01 {
       padding: 9px 0px;
    height: auto;
    margin-bottom: 40px;
    }

    #about .menu_01 .text {
            letter-spacing: 2px;
      font-size: 12px;
    line-height: 15px;
    }
    #about .store {
        width: 100%;
    }
    #about .store_01 {
        margin-bottom: 200px;
    }
    #about .store_01 img {
            float: none;
    height: auto;
    width: 100%;
        margin-bottom: 15px;
    }
    #about .store_01 .left .address {
        padding-bottom: 35px;
        font-size: 18px;
    }

    #about .store_01 .left .text {
        margin-bottom: 30px;
    }

    #about .store_01 .map01 iframe {
        width: 100%;
        height: auto;
         bottom: -17%;
    }

    #about .about dl {
        width: 95%;
    }

    #about .about dt {
       padding: 15px;
    font-size: 18px;
    float: none;
    width: 100%;
    }

    #about .about dd {
        padding: 15px;
    }

    #about .about dt.bottom {
        height: auto;
    }

    #about .menu_02 {
        height: auto;
    padding: 25px 0px;
    }
    #about .menu_02 .text {
        font-size: 16px;
    }
    #about .menu_02 .text span {
        font-size: 35px;
    }

    #about .store_01 .left {
            padding: 35px;
    width: 100%;
    height: auto;
    }

    #about .store_01 .left .detail {
        width: 80%;
    }

    /*採用の流れ*/
    #about .store_01 .right {
        position: static;
    }
    #about .store_01 .left .name {
    font-size: 35px;
    letter-spacing: 2px;
    padding-bottom: 10px;
    }
    #recruitment .menu_01 .title p {
       font-size: 28px;
    line-height: 25px;
    }

    #recruitment .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #recruitment .menu_01 .title p span {
        font-size: 16px;
    margin-bottom: 10px;
    }
    #recruitment .menu_01 {
        padding: 15px 0px;
    height: auto;
        margin-bottom: 40px;
    }
    /* 追加 */
    #recruitment .menu_01 {
        height: auto;
    }

    #recruitment .menu_01 .text {
          letter-spacing: 0px;
    font-size: 12px;
    line-height: 16px;
    }

    #recruitment .main_title {
        margin-bottom: 25px;
    font-size: 30px;
    padding-bottom: 15px;
    }

    #recruitment .no1 {
            width: 95%;
   padding: 15px;
    padding-top: 55px;
    margin-top: 24px;
}

    #recruitment .flow_in {
        font-size: 18px;
    line-height: 26px;
    }
    #recruitment .about dl {
        width: 95%;
        font-size: 11px;
    }

    #recruitment .about dt {
       padding: 15px;
    font-size: 18px;
    float: none;
    width: 100%;
    }

    #recruitment .about dd {
        padding: 15px;
    }
    #recruitment .about dd span.manager {
        margin-right: 0px;
    }
    #recruitment .about dt.bottom {
        height: auto;
    }

    #recruitment .menu_02 {
        height: auto;
    padding: 25px 0px;
    }
    #recruitment .menu_02 .text {
        font-size: 16px;
    }
    #recruitment .menu_02 .text span {
        font-size: 35px;
    }

    #recruitment .about dt.no1, #recruitment .about dt.no2, #recruitment .about dt.no3, #recruitment .about dt.no4, #recruitment .about dt.no6, #recruitment .about dt.no7, #recruitment .about dt.no8, #recruitment .about dt.no9 {
    height: auto;
}

    #recruitment .no1 p {
        font-size: 14px;
    line-height: 18px;
    }

    #recruitment .no1 img {
       top: -9%;
    }
    #recruitment .no1 img.img02 {
    top: -14%;
}
    #recruitment .no1 img.img03 {
    top: -22%;
}
    #recruitment .no1 img.img04 {
    top: -19%;
}

    /*社員の軌跡*/

    #history .employee {
    width: 87%;
        margin-top: 50px;
}

#history .menu_01 .title p {
        font-size: 35px;
    line-height: 30px;
    }

    #history .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #history .menu_01 .title p span {
font-size: 16px;
    margin-bottom: 10px;
    }
    #history .menu_01 {
        padding: 25px 0px;
    height: auto;
        margin-bottom: 40px;
    }

    #history .menu_01 .text {
            letter-spacing: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    }

    #history .employee_01, #history .employee_02 {
        float: none;
        text-align: center;
    }

    #history .employee_01 h2.bg_c, #history .employee_02 h2.bg_c {
            width: 50%;
    left: 24%;
    bottom: 36%;
    }

    #history .employee_01 .bg_white, #history .employee_02 .bg_white {
            bottom: 6%;
    width: 100%;
    padding: 25px 10px;
    }

    #history .employee_01 h3.text, .employee_02 h3.text {
        font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 25px;
    }

    #history .employee_01 h3.text_b, .employee_02 h3.text_b {
        font-size: 16px;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 25px;
    }

    #history .employee_01 .text2, .employee_02 .text2 {
        font-size: 15px;
        letter-spacing: 2px;
    }

    #history .employee_01 .bg_sp, #history .employee_02 .bg_sp  {
    bottom: 12%!important;
}

    /*社長メッセージ*/
    #message .menu_01 .title {
        width: 46%;
    top: 68%;
    }
    #message .menu_01 .pro {
        width: 90%;
    left: 5%;
    padding-top: 55px;
    }
    #message .menu_01 .name {
        font-size: 30px;
    padding-bottom: 10px;
    }
    #message .menu_01 .text {
           font-size: 12px;
    padding-bottom: 15px;
    line-height: 17px;
    }
    #message .menu_02 {
    margin-top: 457px;
}
    #message .menu_02 img, #message .menu_03 img, #message .menu_04 img {
        width: 100%;
    }
    #message .menu_02 .text_in, #message .menu_03 .text_in, #message .menu_04 .text {
        margin: auto;
    padding: 20px;
    }

    #message .menu_02 .text_in .title, #message .menu_03 .text_in .title {
            font-size: 25px;
    padding-bottom: 15px;
    }
    #message .menu_02 .text_in .text, #message .menu_03 .text_in .text, #message .menu_04 .text {
        font-size: 12px;
    letter-spacing: 0px;
    line-height: 18px;
    }
    #message .menu_03, #message .menu_04 {
        margin-top: 0px;
    }

    /*エントリーシート*/
    #entry .menu_01 .title {
            padding-top: 11px;
    line-height: 20px;
    }
    #entry .menu_01 .title p {
        font-size: 33px;
    line-height: 27px;
    }

    #entry .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #entry .menu_01 .title p span {
font-size: 16px;
    margin-bottom: 5px;
    }
    #entry .menu_01 {
       padding: 1px 0px;
    height: auto;
    margin-bottom: 40px;
    background-size: contain;
    }

    #entry .menu_01 .text {
            letter-spacing: 2px;
  font-size: 12px;
    line-height: 14px;
            padding-bottom: 8px;
    }

    #entry .sub_text {
        width: 90%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
    }

    #entry .entry_in {
        width: 100%;
    }
    #entry .entry_in dl {
    width: 95%;
    }

    #entry .entry_in dl dt {
        padding: 15px;
    /* font-size: 18px; */
    float: none;
    width: 100%;
        height: auto;
        font-size: 16px;
        background-color: #ccc!important;
        text-align: center;
    }

    #entry .entry_in dl dd {
    padding: 15px;
        width: 100%;
        height: auto;
        font-size: 14px;
        float: none;
        text-align: center;
    }
    #entry .entry_in dl dt.bg_st {
         background:none;
        height: auto;
    }
    #entry .entry_in dl dd.bg_st {
        background:none;
            height: auto;
    }
    #entry .entry_in dl dt.bottom {
        height: auto;
    }
    #entry .entry_in dl dd.bottom {
        height: auto;
    }

    #entry .entry_in dl dd input.sp, #entry .entry_in dl dd textarea.sp {
        width: 97%;
    }

    #entry .entry_in dl dt.height_01 {
        height: auto;
    }
    #entry .entry_in dl dd.height_01 {
        height: auto;
    }

    #entry .entry_in dl dd.block {
        display: block;
    }

    /*お問い合わせ*/

    #contact .menu_01 .title p {
        font-size: 35px;
    line-height: 30px;
    }

    #contact .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #contact .menu_01 .title p span {
font-size: 16px;
    margin-bottom: 10px;
    }
    #contact .menu_01 {
        padding: 25px 0px;
    height: auto;
        margin-bottom: 40px;
    }

    #contact .menu_01 .text {
            letter-spacing: 2px;
  font-size: 14px;
    line-height: 20px;
    }

    #contact .sub_text {
        width: 90%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 2px;
        margin-bottom: 25px
    }

    #contact .privacy {
        font-size: 11px;
    line-height: 17px;
    }

    #contact .contact_in {
        width: 100%;
    }
    #contact .contact_in dl {
    width: 95%;
    }

    #contact .contact_in dl dt {
        padding: 15px;
    /* font-size: 18px; */
    float: none;
    width: 100%;
        height: auto;
        font-size: 16px;
        background-color: #ccc!important;
        text-align: center;
    }

    #contact .contact_in dl dd {
    padding: 15px;
        width: 100%;
        height: auto;
        font-size: 14px;
        float: none;
        text-align: center;
    }
    #contact .contact_in dl dt.bg_st {
         background:none;
        height: auto;
    }
    #contact .contact_in dl dd.bg_st {
        background:none;
            height: auto;
    }
    #contact .contact_in dl dt.bottom {
        height: auto;
    }
    #contact .contact_in dl dd.bottom {
        height: auto;
    }

     #contact .contact_in dl dd input.sp, #contact .contact_in dl dd textarea.sp {
        width: 97%;
    }

    .mwform-checkbox-field label {
    text-align: left;
}


    /*店舗詳細*/

    #store .menu_01 {
        background-size: cover;
    height: auto;
    padding: 15px;
    position: static;
            margin-bottom: 25px;
    }

    #store .detail .detail_img {
        position: static;
    }

    #store .menu_01 .title p {
            font-size: 40px;
    line-height: 33px;
    letter-spacing: 5px;
        padding-top: 22px;
    }
    #store .menu_01 .title p span {
        font-size: 16px;
    }

     #store .detail {
        width: 100%;
         margin-bottom: 50px;
    }
    #store .detail img {
           position: static;
        margin-bottom: 10px;
    }

    #store .detail .left {
        height: auto;
    width: 90%;
    padding: 20px;
    margin: auto;
    }
    #store .detail .left .name {
        font-size: 33px;
    line-height: 32px;
}
    #store .detail .left .address {
        font-size: 16px;
    }
    #store .detail .left .time {
        font-size: 15px;
        padding-bottom: 20px;
    }

    #store .detail .left .text {
        font-size: 12px;
    line-height: 18px;
    }
    #store .detail iframe {
        width: 100%;
        height: auto;
    }
    #store .detail .right {
        position: static;
        text-align: center;
    }
    #store .detail .detail_img {
        width: 90%;
        margin: auto;
        overflow: hidden;
    }
    #store .detail .detail_img img {
       width: 47%;
    float: left;
    margin-right: 10px;
}
    #store .staff {
        position: static;
    padding-bottom: 0px;
    margin-bottom: 60px;
    }
    #store .staff .left {
        position: static;
        text-align: center;
    }
    #store .staff .right {
            position: static;
    padding: 20px;
    margin: auto;
    width: 90%;
    }
    #store .staff .right .point {
        font-size: 20px;
    padding-bottom: 20px;
    }
    #store .staff .right .text {
        font-size: 14px;
    line-height: 17px;
    }
    #store .access .title, #store .about .title {
        margin-bottom: 30px;
    font-size: 30px;
    padding-bottom: 12px;
    }

    #store .access .title:before, #store .about .title:before {
            width: -webkit-calc(22% - 40px);
    }

    #store .about dl {
        width: 95%;
    }

    #store .about dt {
       padding: 15px;
    font-size: 18px;
    float: none;
    width: 100%;
    }

    #store .about dd {
        padding: 15px;
        font-size: 14px;
    }

    #store .about dt.bottom {
        height: auto;
    }
    #store .about dt.h_1, #store .about dt.h_2, #store .about dt.h_3, #store .about dt.h_4, #store .about dt.h_5, #store .about dt.h_6 {
    padding: 15px;
}

    /*スタート社員*/


#start .menu_01 .title p {
        font-size: 35px;
    line-height: 30px;
    }

    #start .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #start .menu_01 .title p span {
font-size: 16px;
    margin-bottom: 10px;
    }
    #start .menu_01 {
        padding: 25px 0px;
    height: auto;
        margin-bottom: 40px;
    }

    #start .menu_01 .text {
            letter-spacing: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    }
    #start .start_01 {
        width: 95%;
    height: auto;
    }
    #start .start_01 img {
        width: 42%;
        float: none;
    }
    #start .start_01 .box  {
           width: 55%;
    float: none;
    top: 48%;
    height: auto;
    padding: 10px;
    left: 43%;
}
    #start .start_01 .box .title {
        font-size: 22px;
    padding-bottom: 20px;
    }
    #start .start_01 .box .text {
        font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    padding-bottom: 20px;
    }
    #start .start_01 .box .affiliation {
        font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 2px;
    }
    #start .start_01 .box .name {
        font-size: 20px;
    }
    #start .start_01 .text02 {
            padding-top: 275px;
    font-size: 14px;
    line-height: 18px;
    }

    #start .bg_g {
        padding: 30px 0px;
    }
    #start .bg_g .start_02, #start .bg_g .start_03 {
        width: 90%;
        margin-bottom: 40px;
    }
    #start .bg_g .start_02 img {
        float: none;
    margin: auto;
    }
    #start .bg_g .start_02 .box {
            width: 100%;
    padding: 20px;
    }
    #start .bg_g .start_02 .box .title, #start .bg_g .start_03 .box .title, #start .bg_g .start_04 .title {
        font-size: 20px;
    padding-bottom: 15px;
    }
    #start .bg_g .start_02 .box .text, #start .bg_g .start_03 .box .text, #start .bg_g .start_04 .text {
        font-size: 14px;
    line-height: 16px;
    }
    #start .bg_g .start_03 img {
        float: none;
    margin: auto;
    }
    #start .bg_g .start_03 .box {
        width: 100%;
    padding: 20px;
    }
    #start .bg_g .start_04 {
        width: 100%;
    padding: 20px;
    margin-bottom: 50px;
    }


     /*ゴール社員*/


#goal .menu_01 .title p {
        font-size: 35px;
    line-height: 30px;
    }

    #goal .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #goal .menu_01 .title p span {
font-size: 16px;
    margin-bottom: 10px;
    }
    #goal .menu_01 {
        padding: 25px 0px;
    height: auto;
        margin-bottom: 40px;
        position: static;
    }

    #goal .menu_01 .text {
            letter-spacing: 0px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    }

    #goal .goal_in .goal_01 {
            margin-bottom: 0px;
    }

    #goal .goal_in .goal_01 .box {
            width: 80%;
    padding: 20px;
        top: 16%;
    right: 0%;
    left: 0%;
    margin: auto;
    }
    #goal .goal_in .goal_01 .box .title {
        font-size: 25px;
    padding-bottom: 20px;
    }
    #goal .goal_in .goal_01 .box .text {
        font-size: 18px;
    letter-spacing: 2px;
    line-height: 20px;
    padding-bottom: 20px;
}
    #goal .goal_in .goal_01 .box .affiliation {
            font-size: 16px;
    padding-bottom: 10px;
    }

    #goal .goal_in .goal_01 .box .name {
        font-size: 28px;
    }
    #goal .goal_in .goal_01 .box02 {
            width: 90%;
    margin-top: 155px;
    }
    #goal .goal_in .goal_01 .box02 h3.title, #goal .goal_in .goal_03 .box h3.title, #goal .goal_in .goal_04 .box h3.title, #goal .goal_in .goal_05 .box h3.title {
        font-size: 22px;
    padding-bottom: 20px;
    }
    #goal .goal_in .goal_01 .box02 .text, #goal .goal_in .goal_03 .box .text, #goal .goal_in .goal_04 .box .text, #goal .goal_in .goal_05 .box .text {
        font-size: 14px;
    line-height: 20px;
        margin-bottom: 20px;
    }
    #goal .goal_in .goal_02 {
        margin-top: 40px;
        width: 85%;
        margin-bottom: 30px;
    }
    #goal .goal_in .goal_02 img {
        float: none;
    margin: auto;
    position: static;
    }
    #goal .goal_in .goal_02 .box {
        padding-top: 25px;
    }
    #goal .goal_in .goal_02 .box h3.title{
        font-size: 25px;
    padding-bottom: 20px;
    }
    #goal .goal_in .goal_02 .box .text {
        font-size: 14px;
    line-height: 20px;
    }

    #goal .goal_in .goal_03 {
        margin-bottom: 50px;
        width: 85%;
        margin: auto;
    }
    #goal .goal_in .goal_03 img {
        float: none;
    margin: auto;
    margin-bottom: 20px;
    }
    #goal .goal_in .goal_04{
        height: auto;
            margin-bottom: 30px;
        margin: auto;
    }
    #goal .goal_in .goal_04 img {
        float: none;
        margin: auto;
    }
    #goal .goal_in .goal_04 .box {
       margin-left: 10px;
    width: 100%;
    }
    #goal .goal_in .goal_05 {
        margin-bottom: 40px;
    }
    #goal .goal_in .goal_05 .box{
        width: 90%;
    margin-top: 15px;
    letter-spacing: 2px;
    }



    /*店舗一覧*/

    #shoplist .menu_01 .title p {
       font-size: 28px;
    line-height: 25px;
    }

    #shoplist .main_title::before {
        width: -webkit-calc(26% - 40px);
    }
    #shoplist .menu_01 .title p span {
        font-size: 16px;
    margin-bottom: 10px;
    }
    #shoplist .menu_01 {
        padding: 15px 0px;
    height: auto;
        margin-bottom: 40px;
    }

    #shoplist .menu_01 .text {
          letter-spacing: 0px;
    font-size: 12px;
    line-height: 16px;
    }


    #shoplist .store01 {
        width: 80%;
    }
    #shoplist .store01 img {
    width: 100%;
        float: none;
        border: none;
        padding-right: 0px;
        margin-right: 0px;
    margin-bottom: 18px;
}
    #shoplist .store01 .center {
   float: none;
}
    #shoplist .store01 .center .store {
            font-size: 26px;
    font-weight: bold;
    padding-bottom: 14px;
    line-height: 30px;
    }

    #shoplist .store01 .button {
    width: 70%;
    padding: 6px;
    font-size: 16px;
    float: none;
        margin: 0px;
    margin-top: 23px;
}



    #shoplist .store_01 {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
    }

    #shoplist .store_01 .left {
    background-color: #EFEFEF;
    width: 100%;
    padding: 25px;
    height: auto;
    top: 0%;
   position: static;
}

    #shoplist .store_01 .left .name {
        font-size: 30px;
        letter-spacing: 5px;
    line-height: 27px;
    }

    #shoplist .store_01 .left .address {
        letter-spacing: 0px;
    font-size: 16px;
    padding-bottom: 21px;
    }

    #shoplist .store_01 .left .text {
            letter-spacing: 0px;
    font-size: 12px;
    margin-bottom: 25px;
    line-height: 18px;
    }

    #shoplist .store_01 .left .detail {
            width: 85%;
            font-size: 18px;
    }

    #shoplist .store_01 .right {
            top: 0%;
   right: 0%;
    width: 100%;
    margin-bottom: 0px;
        position: static;
    }

    #shoplist .store_01 .right img {
    width: 100%;
}

    #shoplist .all_map iframe {
        height: 80%;
        width: 100%;
    }


    /*NEWS詳細*/
    #news .menu_01 {
        background-size: contain;
    height: auto;
    padding: 30px;
    }
    .single-news {
        width: 100%;
    margin-top: 20px;
    }
    #news .main_title {
            font-size: 30px;
    padding-bottom: 15px;
    }
    .single-news .detail-news {
        width: 98%;
    margin: auto;
    float: none;
    margin-bottom: 22px
    }
    .single-news .detail-news img {
        width: 100%;
    }
    .sidebar-news {
        width: 80%;
    float: none;
    margin: auto;
    }

    /*NEWS一覧*/
    #newslist .menu_01 {
        background-size: contain;
    height: auto;
    padding: 50px 30px;
    margin-bottom: 0px;
    }

    #newslist .search {
        width: 99%;
    padding-bottom: 20px;
    /* margin: 0px; */
    margin: auto;
    }
    .search #primary .post-news {
        padding: 30px 10px;
    background-color: #fff;
    }

    .search #primary .post-news .img {
        text-align: center;
    }
    .search #primary .post-news img {
    float: none;
    width: 90%;
    margin: auto;
    }

}

/*タブレットたて

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


    header .list {
        width: 85%;
    }

    .dropmenu li {
        width: 16%;
    }

    #start .start_01 .box {
   width: 55%;
    float: none;
    top: 38%;
    height: auto;
    padding: 40px 25px;
    left: 43%;
    }

    #start .start_01 .box .text {
        font-size: 18px;
    }
    #start .start_01 .text02 {
        padding-top: 377px;
    }
    #start .bg_g .start_02, #start .bg_g .start_03 {
        text-align: center;
    }
}

    */

/*タブレットよこ*/


@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
    /* style */

    /*header*/
    .dropmenu li a {
       font-size: 16px;
    }

    /*footer*/
    .f_menu_02 {
        height: 410px;
    }

    footer .f_logo {
    margin-right: 30px;
}
    footer ul li {
    width: 13.5%;
    font-size: 12px;
}
    footer ul li.width {
    width: 18%;
}

    /*TOP*/

    #main .menu01 {
        height: 435px;
    }
    #main .menu01 .text {
        padding: 55px 0px;
    }

    #main .menu_02 {
        height: 505px;
    }
    #main .menu_02 .text {
        width: 70%;
        top: 12%;
    }
    #main .menu_02 img {
    bottom: 5%;
    left: 41%;
}

    #main .menu_04 .menu_in_01 img, .menu_in_02 img {
        width: 40%;
    }
    #main .menu_04 .menu_in_01 .work {
        margin-top: 27px;
    }
    #main .menu_04 .menu_in_01 .text_in, .menu_in_02 .text_in {
        width: 90%;
    }
    #main .menu_04 .menu_in_01 .btn {
        width: 55%;
    }
    #main .menu_04 .menu_in_02 .work {
        height: 36%;
    }
    #main .menu_05 {
        height: 355px;
        padding: 45px 0px;
    }
    #main .menu_05 .btn, #main .menu_06 .btn {
        width: 30%;
    }
    #main .menu_05 .text {
    margin-bottom: 35px;
    }
    #main .menu_06 {
        height: 440px;
        padding: 55px 0px;
    }
    #main .menu_07 {
        height: 390px;
        padding: 135px 0px;
    }

    #main .menu_08 img {
    width: 45%;
}
    #main .menu_08 .text {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 3px;
    padding-top: 37px;
    margin-bottom: 15px;
}
    #main .menu_08 .box {
    height: 235px;
    width: 50%;
    margin-left: 490px;
}
    #main .menu_08 .btn {
        width: 50%;
    padding: 10px;
    font-size: 16px;
    }

    #main .menu_03 {
        margin-bottom: 0px;
    }

    /*社長メッセージ*/
    #message .menu_01 .pro {
        width: 80%;
    }
    #message .menu_01 .title {
        width: 20%;
    }
    #message .menu_02 .text_in {
        padding: 80px 30px;
        padding-top: 140px;
    margin-top: -90px;
    }
    #message .menu_03 .text_in {
        padding: 80px 40px;
    padding-top: 155px;
    margin-top: -115px;
        margin-left: 0px;
    }
    #message .menu_04 .text {
        padding: 80px 40px;
    padding-top: 140px;
    margin-top: -110px;
    }

    /*社員紹介*/
    #history .menu_01, #start .menu_01, #goal .menu_01 {
        height: 445px;
    }
    #history .employee {
        width: 95%;
    }





    #start .start_01 {
        width: 93%;
        height: 940px;
    }


    #start .start_01 .text02 {
    padding-top: 610px;
    }


    #start .start_01 .box {
        top: 695px;
    }
    #start .bg_g .start_02 img {
        margin-top: -115px;
    }

    #goal .goal_in .kohi1 {
        margin-bottom: 250px;
    }
    #goal .goal_in .goal_01 .kohi2 {
    right: 2%;
        width: 500px;
    padding: 40px;
}
    #goal .goal_in .goal_01 .box .text {
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 44px;
}
    #goal .goal_in .goal_02 {
    width: 90%;
    margin-top: -70px;
    }
    #goal .goal_in .goal_02 img {
        width: 40%;
    }

    #goal .goal_in .goal_02 .box {
    padding-top: 140px;
    }

    #goal .goal_in .goal_02 .box .text, #goal .goal_in .goal_03 .box .text, #goal .goal_in .goal_05 .box .text, #goal .goal_in .goal_04 .box .text {
    line-height: 30px;
}
    #goal .goal_in .kohi04, #goal .goal_in .goal_05 .box {
        width: 90%;
    }
    #goal .goal_in .goal_03 img, #goal .goal_in .goal_04 img {
        width: 40%;
    }

    #goal .goal_in .goal_01 .box {
        width: 500px;
    padding: 40px;
            right: 4%;
    }
    #goal .goal_in .goal_04 .box {
        width: 95%;
    }
    #goal .goal_in .goal_04 {
    height: 545px;
    margin-bottom: 0px;
    }

    #goal .goal_in .b_510 {
        margin-bottom: 200px;
    width: 75%;
    }
    #goal .goal_in .goal_01 .haya2 {
    left: 7%;
}
    #goal .goal_in .haya4 {
    width: 90%;
    }
    #goal .goal_in .b_250 {
    margin-bottom: 120px;
}
    #goal .goal_in .goal_01 .fuji2 {
        left: 4%;
    }


    /*採用の流れ*/
    #recruitment .about dl {
    width: 75%;
    }
    #recruitment .no1 {
    width: 70%;
    }

    /*会社概要*/
    #about .menu_01 {
        height: 445px;
        padding: 85px 0px;
    }
    /* 追加 */
    #about .menu_01 {
        width: 100%;
        height: auto;
    }
    #about .about dl {
    width: 75%;
}

    /*店舗*/
    #about .store_01 .left {
            width: 70%;
    padding: 45px 40px;
    height: 660px;
    }
    #about .store_01 .right {
        width: 50%;
    }
    #about .store_01 .left .text {
        margin-bottom: 16px;
    }
    #store .menu_01 {
        height: 435px;
            letter-spacing: 12px;
    }
    #store .menu_01 .title p {
    font-size: 48px;
    }
    #store .detail .left {
        width: 65%;
    padding: 45px 60px;
    height: 560px;
    }
    #store .detail .right {
        width: 50%;
    }
    #store .staff .right {
        padding: 38px 50px 135px 470px;
    top: 10%;
    }
    #store .staff .left {
        width: 40%;
    }
    #store .about dl {
        width: 88%;
    }

    #store .detail .left .name {
        font-size: 42px;
    }
    #store .detail .left .address {
        font-size: 18px;
    }


    /*エントリー、コンタクト*/
    #entry .menu_01, #contact .menu_01 {
       height: 340px;
    }
    #entry .menu_01 {
        padding: 39px 0px;
    }

    #entry .menu_01 .text {
            line-height: 32px;
    }



}



/*　タブレット縦のみ　*/

@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) {
    /* style */


    #main .menu_02 {
    height: 270px;

}
    #main .menu_02 .text {
        width: 65%;
    font-size: 17px;
    line-height: 21px;
    }

    /*社長メッセージ*/
    #message .menu_01 .title {
    top: 74%;
}
    #message .menu_01 .text {
        font-size: 16px;
    line-height: 23px;
    }
    #message .menu_02 .text_in .text, #message .menu_03 .text_in .text, #message .menu_04 .text {
        font-size: 16px;
        line-height: 23px;
    }
    #message .menu_02 .text_in, #message .menu_03 .text_in, #message .menu_04 .text {
        width: 100%;
            line-height: 23px;
    }


    /* 社員 */
    #history .employee_01 h2.bg_c, #history .employee_02 h2.bg_c {
        bottom: 38%;
    }
    #history .employee_01 .bg_white, #history .employee_02 .bg_white {
        width: 84%;
    bottom: 15%;
    }

    #start .start_01 img {
        width: 46%;
    }
    #start .start_01 .box {
        padding: 50px;
    top: 39%;
    padding-left: 70px;
    }
    #start .start_01 .text02 {
        padding-top: 415px;
    }
    #start .bg_g .start_02 .box, #start .bg_g .start_03 .box {
        width: 80%;
    margin-left: auto;
    }

    #goal .goal_in .goal_01 .box {
        padding: 35px;
    width: 70%;
    top: 60%;
    }

    #goal .goal_in .goal_01 .kawa {
        top: 30%;
    }

    /*店舗*/
    #about .store_01 img {
        margin-bottom: 0px;
    }
    #store .detail img {
        width: 100%;
    }

      /* 投稿 */
    .single-news .detail-news {
    width: 85%;
    }
    .single-news .detail-news img {
    width: 50%;
}
    #news .menu_01, #newslist .menu_01 {
        background-size: cover;
        margin-bottom: 50px;
    }

    .search #primary .post-news img {
            float: left;
    width: 30%;
    margin-right: 20px;
    }

    /*　エントリー　コンタクト*/
    #entry .sub_text {
    width: 70%;
    padding: 15px 35px;
    }
    #contact .sub_text {
        width: 70%;
    padding: 15px 25px;
    }
    }