/*common*/
.sub_ttl{
  background:url(https://www.yorikokoro.jp/system_panel/uploads/images/20210617161747481786.png) repeat-x center;
}
.sub_ttl strong{
  background:#fff;
  padding: 0 10px;
}
.c3839::after{
  background:url(https://www.yorikokoro.jp/system_panel/uploads/images/20210617171333622698.png) no-repeat center;
  content:"";
  position:absolute;
  top:11px;
  left:-90px;
  width:59px;
  height:41px;
}

/*top*/
#wgc-1623917007939 img{
  width:100%;
}
 /*=== 画像の表示エリア ================================= */
.slider {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  height     : 790px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の表示エリア ================================= */
.slider {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  height     : 770px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}

@media screen and (max-width: 1450px) {.slider {height:600px;}}
@media screen and (max-width: 1290px) {.slider {height:550px;}}
@media screen and (max-width: 1160px) {.slider {height:500px;}}
@media screen and (max-width: 1023px) {.slider {height:450px;}}
@media screen and (max-width: 920px) {.slider {height:400px;}}
@media screen and (max-width: 767px) {.slider {height:400px;}}
@media screen and (max-width: 595px) {.slider {height:380px;}}
@media screen and (max-width: 485px) {.slider {height:320px;}}
@media screen and (max-width: 385px) {.slider {height:240px;}}
@media screen and (max-width: 320px) {.slider {height:240px;}}
 
 /*=== 画像の設定 ======================================= */
.slider img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  left       : 100%;
  animation  : slideAnime 18s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slider img:nth-of-type(1) { animation-delay: 0s }
.slider img:nth-of-type(2) { animation-delay: 6s }
.slider img:nth-of-type(3) { animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { left: 100%  }
   5% { left: 0     }
  28% { left: 0     }
  33% { left: -100% }
 100% { left: -100% }
}

/*contact*/
.privacyBox{
  height:250px;
  overflow-y: scroll;
}

/*product*/
.h1624242175661{
  border-bottom: 2px dashed #e9e4e0;
  padding-bottom:10px;
}

/*menu*/
@media screen and (max-width: 1023px) {
  .c24149{
    overflow-x: scroll;
  }
  .c24149 .flex{width:600px;}
}

/*about*/
.c5886{
  border-bottom: 2px dashed #e9e4e0;
}
.c14860,.color_mt{
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .1);
}

/*shop*/
.c19904::before{
  content:"";
  background:url(https://www.yorikokoro.jp/system_panel/uploads/images/20210618124616820291.png) no-repeat center;
  width: 235px;
  height:298px;
  position:absolute;
  bottom:-50px;
  right:0px;
}
@media screen and (max-width: 1023px) {
  .c19904::before{
    background:url(https://www.yorikokoro.jp/system_panel/uploads/images/20210618124616820291.png) no-repeat center / 80px;
    width: 80px;
    height:100px;
    bottom:-100px;
    right:0px;
  }
}

@media screen and (max-width: 767px) {
  .tc_0{order:0;}
  .tc_1{order:1;}
  .tc_2{order:2;}
  .tc_3{order:3;}
  .h1623915394945 span{display:block;margin-top:10px;}
  .c3839::after{display:none;}
}


.slider.top_slider img {
  object-fit: contain;
}