@charset "UTF-8";
/*　トップページ　ロード時に表示される部分のcss（それ以外はhome.cssへ）　*/
/* ---------------------------------------------------
	common
------------------------------------------------------ */
/* ---------------------------------------------------
	mainimg
------------------------------------------------------ */
#mainimg {
  position: relative;
  margin-top: 100px;
}

#main_slide {
  position: relative;
  padding-bottom: 100px;
}
#main_slide .slide_item {
  position: relative;
  padding: 0 20px;
}
#main_slide .slide_item img {
  width: 100%;
}

@media screen and (max-width: 810px) {
  #mainimg {
    margin-top: 0;
  }
  #main_slide {
    padding-bottom: 56px;
  }
  #main_slide .slick-dots {
    bottom: -32px;
  }
  #main_slide .slide_item {
    padding: 0;
    text-align: center;
  }
  #main_slide .slide_item picture {
    display: inline;
  }
  #main_slide .slide_item img {
    width: auto;
    height: calc(100svh - 56px);
    min-height: 500px;
    margin: 0 auto;
    object-fit: cover;
  }
  #main_slide .slide_item.item01 {
    height: calc(100svh - 56px);
    min-height: 500px;
    align-items: center;
    background: url(../img/main_slide_01_sp02.png) no-repeat center;
    background-size: cover;
  }
  #main_slide .slide_item.item01 picture {
    display: flex;
    height: calc(100svh - 56px);
    flex-direction: column;
    justify-content: center;
  }
  #main_slide .slide_item.item01 img {
    width: 80%;
    max-width: 300px;
    height: auto;
    min-height: 0;
  }
  #main_slide .slide_item.item02 {
    background: #0DAC67;
  }
  #main_slide .slide_item.item03 {
    background: #C62E26;
  }
  #main_slide .slide_item.item04 {
    background: #0068B8;
  }
}
/*-------------------------------------------*/
/*
/*　　tablet調整
/*
/*-------------------------------------------*/