@charset "utf-8";
@import url("mystyle-3.css");

/*-------------------------------------------------------------
メインビジュアル　高さ　画像の位置　SP
-------------------------------------------------------------*/
.bg-switcher {
    width: 100%;
    height: 440px;
    background-position: center top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
	padding: 0;
	}
/*-------------------------------------------------------------
セクションのマージン  SP
-------------------------------------------------------------*/
section{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*-------------------------------------------------------------
画像　ワイド  SP
-------------------------------------------------------------*/
.jumbotron_back_kido01 {
    background: url("../../lp/img/lpr/lpr-bg/lpr-bg-99.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 500px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_back_2 {
    background: url("../../lp/img/lpr/lpr-bg/lp-rawfood-mv92.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 500px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 0.3rem;
}

/*--------------------------------------------------------------
# About Boxes　阿蘇　背景画像  SP
--------------------------------------------------------------*/
.about-boxes {
  background: url("../../lp/img/lpr/lpr-bg/lpr-bg-rgba-99.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
}
.about-boxes::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
}
.about-boxes .container, .about-boxes .container-fluid {
  position: relative;
  z-index: 10;
}
/*--------------------------------------------------------------
オンラインショップ　セクション　マージンボトム  消す→＠media
--------------------------------------------------------------*/
.team .member {
  margin-bottom: 80px;
  position: relative;
}
@media (max-width: 992px) {
  .team .member {
    margin-bottom: 36px;
  }
}
@media (max-width: 1024px) {
  .about-boxes {
    background-attachment: scroll;
  }
}	



/*--------------------------------------------------------------
# testimonials 「クロムエルシェイク」　背景画像　（会社概要の背景画像）
--------------------------------------------------------------*/
.testimonials {
  margin-top: 20px;
  padding-top: 45;
  padding-bottom: 100px;
  background: url("../../mothersdogs/img/top/back/b.98.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.testimonials::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(13, 20, 26, 0.5);
}


/*-----------------------------------------------------------
スマホ用指示  SP
-----------------------------------------------------------*/
.for_pc{
		display: none;
	}

.for_sp{
		display: block;
	}



/*=============================================================
pcへの指示
=============================================================*/	
@media screen and (min-width:1024px) {
	
	
	
/*-------------------------------------------------------------
メインビジュアル　高さ　画像の位置　PC
-------------------------------------------------------------*/	
.bg-switcher {
    width: 100%;
    height: 660px;
    background-position: center top;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
	margin: 0;
	padding: 0;
	}
/*-------------------------------------------------------------
セクションのマージン  PC
-------------------------------------------------------------*/
section{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*-------------------------------------------------------------
画像  PC
-------------------------------------------------------------*/	
.jumbotron_back_kido01 {
    background: url("../../lp/img/lpr/lp-rawfood-mv94.jpg") no-repeat;
    background-size: cover;
	background-position: center center;
	max-width: 100%;
    height: 1000px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_back_2 {
    background: url("../../lp/img/lpr/lp-rawfood-mv92.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 1000px;
    color: #191919;
	border-radius: 0px;
}
	
	
	
	
	
/*--------------------------------------------------------------
# About Boxes　阿蘇　背景画像  PC
--------------------------------------------------------------*/
.about-boxes {
  background: url("../../lp/img/lpr/lpr-bg/lpr-bg-rgba-99.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
}
.about-boxes::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 9;
}
.about-boxes .container, .about-boxes .container-fluid {
  position: relative;
  z-index: 10;
}	
	
	
@media (max-width: 1024px) {
  .about-boxes {
    background-attachment: scroll;
  }
}	

	
	
	
	
/*-------------------------------------------------------------
スライダープロ　下の丸いボタン  PC
-------------------------------------------------------------*/		
	.sp-button {
		width: 0px;
		height: 0px;
	}
	
.for_pc{
		display: block;
	}

.for_sp{
		display: none;
	}	
	
}