@charset "UTF-8";

/*----------------------------４つのプラン----------------------------*/

#plan4+.composite_box01.block_images_6 .inner_item_img{
	padding-top: 90%;
	width: 90%;
}
@media screen and (max-width: 480px){
	#plan4+.composite_box01.block_images_6 .inner_item_img{
		padding-top: 60%;
		width: 60%;
	}
}

/*----スライダーページネーション----*/
#slide_pic + .gallery_single{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
@media screen and (max-width: 850px){
.news_single #primary article .content_wrapper {
    padding: 0;
}
}
#slide_pic + .gallery_single .gallery_single_slider .pointer{
    display:flex !important;
  }
  
  #slide_pic + .gallery_single .gallery_single_slider_thum .slick-track{
    display:none !important;
  }
  
  #slide_pic + .gallery_single .gallery_single_slider .slick-slide img{
    aspect-ratio: 3/2 !important;
    object-fit: cover !important;
  }
  
  #slide_pic + .width_fixed>.content_wrapper {
      max-width: 100% !important;
      padding:0;
  }
  #slide_pic + .gallery_single .gallery_single_slider .slick-slide img{
     width:100%;
  object-position: top 15% right 0;
  }
  
  #crystal{
      display: block;
      height: 100px;
      margin-top: -100px;
  }
  @media screen and (max-width: 900px){
  #crystal{
      display: block;
      height: 55px;
      margin-top: -55px;
  }
  }
  
  /*----------------------------スマホ撮影OK----------------------------*/
  #phone + section .content_wrapper {
      color: var(--i_btn_color);
      font-weight: 500;
      letter-spacing: 0.2rem;
      padding-left: 0;
      font-size: 2rem !important;
        /* box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
        background: var(--i_bg_color, #fff); */
  }

#phone+section .heading.block_header_2 .h{
	color: var(--i_btn_color);
	font-weight: 500;
	letter-spacing: 0.2rem;
	padding-left: 0;
	font-size: 2rem !important;
}
#phone+section .heading.block_header_2 .h:before{
	display: none;
}
#phone+.contents_box01 .wrapper_item{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	background: var(--i_bg_color);
	border: 0;
	padding: 2%;
}
#phone+section .inner_item_txt p{
	font-size: 1.65rem;
    letter-spacing: 0;
}
@media screen and (max-width: 900px){
	#phone+section .heading.block_header_2 .h{
		font-size: 1.8rem !important;
		text-align: center;
	}
	#phone+section .inner_item_txt p{
		line-height: 1.6;
		font-size: 1.5rem;
		text-align: center;
	}
	#phone+.contents_box01 .wrapper_item{
		padding: 15px !important;
	}
	#phone+.contents_box01 .inner_item_txt .heading{
		margin-bottom: 10px;
	}
	#phone+.contents_box01 .inner_item_txt{
		padding: 0 !important;
		margin-top: 10px;
	}
}
#phone+section{
    margin:0 calc(50% - 50vw)
}
  
  
  /*----カラー----*/
  .heading.block_header_1 p, .heading.block_header_6 .h {
      color: #fff;
  }
  
  .heading.block_header_1 .h, .heading.block_header_6 p {
      color: #fff;
  }
  
  #nbp2635451\ 2635451 .inner_item {
      background: #fff;
  }
  
  #parts_gury + section .inner_item_txt p {
      color: #fff;
  }
  
  /*----見出し幅ー----*/
  #stadio + section,
#mutsugiri + section,
  #width_full + section,
  #width_full + div, 
  #width_full_colum + section,
  #parts_gury + section,
  #crystal + section,
  #width_full_card + div{
      width: 100vw;
      margin: 0 calc(50% - 50vw);
  }
  #width_full_card + div .wrapper_item{
      padding: 0 var(--i_padding, 20px);
  }
  
  #width_full_colum+.contents_box01.block_image_text_4 .inner_item_txt{
      padding-left:var(--i_padding, 20px);
  }
  
  #width_full_colum+.contents_box01.block_image_text_3 .inner_item_txt{
      padding-right:var(--i_padding, 20px);
  }

  /*----リンク先高さ変更----*/  

#crystal{
	display: block;
    height: 130px; /* header高さ */
    margin-top: -130px; /*高さを相殺 */
}

  /*----カラム一段----*/
  
  @media screen and (max-width: 600px){
  #width_full_card + div .wrapper_item {
      flex-direction: column;
  }
  #width_full_card + div .inner_item {
      width: 100%!important;
      margin-left: 0 !important;
  }
  #width_full_card + div .inner_item:nth-of-type(2n-1):nth-last-of-type(2){
      margin-bottom: 30px !important;
  }
  }

/*------------------スライダー画像比変更------------------------*/
#slide_pic + .gallery_single .gallery_single_slider .slick-slide img {
    aspect-ratio: 2/3 !important;
}

/*------------------バナー画像比変更------------------------*/
@media screen and (min-width: 631px){
#width_full_banner + section .content_wrapper img {
    height: 23vw;
    height: auto;
}
}
@media screen and (max-width: 1000px) and (min-width: 631px){
#width_full_banner + section .content_wrapper img {
    min-height: 200px;
}
}