@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("../../assets/img/background/kido99.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 500px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_back_kido02 {
    background: url("../../assets/img/background/kido99.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("../../west/mothersdogs/img/background/kido99.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;
}
.jumbotron_001 {
    background: url("../../west/mothersdogs/img/jumbotron/dcare97.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 850px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_66 {
    background: url("../../west/mothersdogs/img/jumbotron/trimming90.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 1000px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_55 {
    background: url("../../west/mothersdogs/img/jumbotron/dcare96.jpg") no-repeat;
    background-size: cover;
	background-position: 50% 0;
	max-width: 100%;
    height: 1000px;
    color: #191919;
	border-radius: 0px;
}
/*--------------------------------------------------------------
# About Boxes　阿蘇　背景画像  SP
--------------------------------------------------------------*/
.about-boxes {
  background: url("../../lp/img/wlus/background/aso99.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
}
.about-boxes002 {
  background: url("../../assets/img/background/aso99.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 「緑」　背景画像　（TOP→パートナーショップの背景画像）
--------------------------------------------------------------*/
.testimonials {
  margin-top: 20px;
  padding-top: 45;
  padding-bottom: 100px;
  background: url("../../lp/img/wlus/background/green99.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.7);
}

/*-----------------------------------------------------------
スマホ用指示  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/lpr-bg/lpr-bg-99.jpg") no-repeat;
    background-size: cover;
	background-position: center center;
	max-width: 100%;
    height: 1000px;
    color: #191919;
	border-radius: 0px;
}
.jumbotron_back_kido02 {
    background: url("../../lp/img/lpr/lpr-bg/lpr-bg-95.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;
}
	
.jumbotron_99 {
    background: url("../../mothersdogs/img/trimming/img/jumbo.95.jpg") no-repeat;
    background-size: cover;
	background-position: center center;
	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-boxes003 {
  background: url("../../assets/img/background/kido001.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;
	}	
	
}