@charset "utf-8";



/* ----------------------------------------------------------------------
 トップページ　スライダー
---------------------------------------------------------------------- */
#index_header_content { height:calc(100vh - 70px); }
@media screen and (max-width:650px) {
  #index_header_content { height:calc(100vh - 60px); }
}


/* 画像 */
#index_slider .item .slice_image { height:calc(100vh - 0px); }
@media screen and (max-width:950px) {
  #index_slider .item .slice_image { width:calc(100% / 8); }
  #index_slider .item .image { width:600%; }
  #index_slider .item .slice_image:nth-child(7) { display:none; }
  #index_slider .item .slice_image:nth-child(8) { display:none; }
}
@media screen and (max-width:650px) {
  #index_slider .item .slice_image { height:calc(100vh - 0px); width:calc(100% / 4); }
  #index_slider .item .image { width:400%; }
  #index_slider .item .slice_image:nth-child(5) { display:none; }
  #index_slider .item .slice_image:nth-child(6) { display:none; }
  #index_slider .slice_image_list.pc { display:none; }
  #index_slider .slice_image_list.mobile { display:block; }
}


/* キャプション */
@media screen and (max-width:950px) {
  #index_slider .caption { width:auto; padding:0 30px; }
  #index_slider .button { min-width:200px; height:45px; line-height:45px; padding:0 20px; }
}
@media screen and (max-width:650px) {
  #index_slider .caption { padding:0 20px;  top:43%;}
  #index_slider .caption.pc { display:none; }
  #index_slider .caption.mobile { display:block; }
	
	.caption_inner{
color: #fff;
	font-weight: 300;
	top: 20%!important;
	font-size: 1.0rem;

	letter-spacing: 9px;
}


.caption_inner span{
font-weight: 600;
font-size: 2.0rem;
	letter-spacing: 5px;
}
	
	.item5 .caption_inner span{
font-weight: 600;
font-size:1.6rem;
	letter-spacing: 5px;
}
	
	.slide_br{display: block;}
}


/* 検索エリア */
@media screen and (max-width:950px) {
  #index_slider .search_area { width:280px; height:45px; margin:20px auto 0; }
  #index_slider .search_input input { height:45px; width:235px; }
  #index_slider .search_button input { width:45px; height:45px; }
  #index_slider .search_button label { top:15px; }
}


/* アニメーション */
@media screen and (max-width:650px) {
  #index_slider .caption.mobile .logo.animate2, #index_slider .caption.mobile .catch.animate2,
  #index_slider .logo_desc_area.animate2, #index_slider .button.animate2, #index_slider .search_area.animate2 {
    -webkit-animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
    animation: opacityAnimation 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) forwards 2.0s;
  }
}