@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 47.96875em) {
  :root {
    font-size: 2.666vw;
}
  .pc {
    display: none !important;
  }

  img {
    width: auto;
  }

  .tab {
    display: block;
  }

  .sp {
    display: block !important;
  }

  .sp_phone {
    display: none;
  }

.header_inner{padding:1rem;flex-wrap:wrap;flex-wrap: wrap;align-items: flex-start;height:auto;}
header .logo{width:20%;max-width:7.5rem;}
header .address_area{width:80%;}
header nav{width:79%;}
header nav ul{display: flex;flex-wrap:wrap;padding: 0.5rem 0 0;justify-content: flex-end;}
header nav ul li a{padding:0rem 1rem;margin-bottom: 0.5rem;}
header nav ul li a{font-size:1.2rem;}
header nav ul li:first-child,
header nav ul li:nth-child(4){border-left:0;}
header nav ul li:last-child{border-right:none;}
.main_copy{padding:3rem 0 0 0;}
.main_copy h1{font-size:3rem;margin:0 auto 1rem;}
.main_copy .sub_copy{font-size:1.5rem;}
.main_menu{min-height: 0;background-size:cover;padding-top: 4rem;padding-bottom: 5rem;margin-top:10rem;}
.menu_list ul li{width: 45%;margin: 0 2% 6%;}
.menu_list ul li:nth-child(1){width:60%;margin:0 auto 6%;}
.menu_list ul li .text{font-size:1.4rem;min-height:0;margin:0 0 0rem;}
/*.menu_list ul li .img{border-radius:10px;}*/
.menu_list ul li.mealkit .img{min-height:10rem;}
.menu_list ul li.mealkit .img picture{max-height:9rem;}
.main_description{font-size:1.5rem;}
.menu_list ul li .copy{line-height:1.2;min-height:4rem;display:flex;align-items: center;justify-content: center;font-size:1.4rem;}
.menu_title{font-size:1.8rem;}
.menu_title.-border:before{bottom:-1.5rem;}
.menu_list.-d2 ul li .copy{font-size:1.4rem;}
.menu_list.-d2 ul li .text{font-size:1.4rem;}
.menu_list.-d3 ul li .copy{font-size:1.4rem;}
.menu_list.-d3 ul li .text{font-size:1.4rem;}

.footer_column{padding:0;}
.footer_list{padding:0 4rem;}
.footer_list > li{margin:0 0 1rem;position:relative;}
.footer_list > li + li{margin:0 0 1rem;}
.footer_list > li > .title{margin:0;padding:0 2rem;line-height:5rem;border-bottom:1px solid #ccc;position:relative;}
.footer_list > li > ul > li{border-bottom:1px solid #ccc;position:relative;}
.footer_list > li > ul > li > a{margin:0;padding:0 2rem;line-height:5rem;}
.footer_list > li > ul > li:last-child{margin:0;}
.footer_list > li > ul > li{margin:0;}
.footer_list > li > a{padding:0 2rem;line-height:1.5;width:100%;display:block;}
/*.footer_list > li > a,
.footer_column:nth-child(3) .footer_list > li{margin:0;}*/
.footer_nav{display:block;}
.footer_inner{padding:4rem 0 1rem 0;}
.footer_icon {width:100%;padding:0 2rem;margin:0 auto 0rem;border-bottom:1px solid #CCC;}
.footer_icon ul{flex-wrap:wrap;}
.footer_icon ul li{width:30%;margin:0 0 2rem;}
.sns_icon{position:inherit;text-align:center;margin:3rem auto;bottom:0;width:80%;}


.footer_list > li > .title:before{content:"";width:2px;height:1.5rem;background:#ea781e;position:absolute;right:2.5rem;top:50%;transform:translate(50%,-50%);transition:all 0.3s;}
.footer_list > li > .title:after{content:"";width:1.5rem;height:2px;background:#ea781e;position:absolute;right:2.5rem;top:50%;transform:translate(50%,-50%);}
.footer_list > li.on > .title:before{content:"";width:2px;height:2px;background:#ea781e;position:absolute;right:2.5rem;top:50%;transform:translate(50%,-50%);}
.footer_list > li > ul > li a{padding-left:6rem;position:relative;}
.footer_list > li > ul > li a:before{content:"";width:2px;height:1.5rem;background:#ea781e;position:absolute;left:3.5rem;bottom:45%;}
.footer_list > li > ul > li a:after{content:"";height:2px;width:1.5rem;background:#ea781e;position:absolute;left:3.5rem;bottom:45%;}
.footer_list > li > ul > li:before{content:"";position:absolute;display: block;border-top:2px solid #ea781e;border-right:2px solid #ea781e;transform:translate(-50%,-50%) rotate(45deg);right:2rem;top:50%;width:0.75rem;height:0.75rem;}
.footer_column:nth-child(3) .footer_list{margin-top:5rem;}
/*.footer_column:nth-child(3) .footer_list > li:before{content:"";position:absolute;display: block;border-top:2px solid #ea781e;border-right:2px solid #ea781e;transform:translate(-50%,-50%) rotate(45deg);right:2rem;top:50%;width:0.75rem;height:0.75rem;}*/
.footer_list > li ul{display:none;}
.footer_list > li.on ul{display:block;}

.car_left_to_right{position: absolute;left: 0;top:-2.5rem;width:100%;overflow: hidden;height: 4rem;}
.car_right_to_left{position: absolute;right: 0;bottom: -4rem;width:100%;overflow: hidden;height: 4rem;}
.car_left_to_right img{width: 5rem;position:absolute;top:0;right:0;animation:infinity-scroll-left 15s infinite linear 0.5s both;}
.car_right_to_left img{width: 6rem;position:absolute;top:0;bottom:0;animation:infinity-scroll-right 15s infinite linear 0.5s both;}
@keyframes infinity-scroll-left {
  from {
    left:-10%;
  }
    to {
    left:120%;
  }
}
  @keyframes infinity-scroll-right {
    from {
      right:-20%;
    }
      to {
      right:120%;
    }
}


}



@media screen and (min-width: 769px)
{
.tab{display:none !important;}
.sp{display:none !important;}
.sp_phone{display:none !important;}




}
@media screen and (max-width:768px) and (min-width: 415px)
{
.tab{display:none !important;}
.sp_phone{display:none !important;}




}

@media screen and (max-width:768px)
{
body{min-width: 0;}
.pc{display:none !important;}
select,
input{width:100%;box-sizing:border-box;}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}


}



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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}
}


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






html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}

}

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


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{

}

}