@charset "utf-8";
/* CSS Document */

body {
font-family: serif;
}

.serif {
font-family: serif;
}

.jumbotron {
    margin-bottom: 0rem;
    background-color: #ffffff;
color:red;
}



@media (min-width: 576px) {
    .jumbotron {
        padding: 1rem 0rem;
    }
}


.topimg{
padding:10px 0;
}

.button1{
	color:white;
	padding:1em 2em;
	margin:0 10px;
	background-color:#615945;
	    border-width: 0px;
}

.button1:hover {
    background-color: #756b54;
}

.button2{
		color:white;
	padding:1em 2em;
		margin:0 10px;
	background-color:#80724e;
		    border-width: 0px;
}

.button2:hover {
    background-color: #938459;
}

.button3{
		color:white;
	padding:0.6em 2em;
		margin:0 10px;
	background-color:#008740;
		    border-width: 0px;
border-radius: 15px;
}

.button3:hover {
    background-color: #009e4c;
}

.topmessage{
letter-spacing: 0.2em;
	line-height: 2;
	padding:30px;
}

.oshirase{
	line-height: 2;
	padding:30px;
}

.bg0{
	background-color:white;
	padding:100px 40px;
}


.bg1{
	background-color:#c9b49a;
	padding:100px 40px;
}

.bg2{
	background-color:white;
	padding:100px 40px;
}

.bg3{
	background-color:#eeeeee;
	padding:100px 40px;
}

.bg4{
	background-color:#aaaaaa;
	padding:100px 40px;
}

.bgw{
	padding:15px;
	background-color:white;
}

.map-container{
	        filter: grayscale(1);
}

.footer1{
		color:white;
	padding:1em;
	background-color:#615945;
	
}


.haikei1 {
  background-image: url("https://www.sugatani.co.jp/rakuten/images/haikei1.png");
  background-size: cover;
  background-position: center 60%;
	height:200px;
	width:100%;
}

.haikei1-text {
    display:  inline-block;                         /* インラインブロックにする */
    padding: 5px 20px 0;                             /* 余白指定 */
    background-color: rgba(255, 255, 255, 0.7);     /* 背景色指定 */
}


.ushihaikei {
  background-image: url("https://www.sugatani.co.jp/rakuten/images/ushi.jpg");
  background-size: cover;
  background-position: center 60%;
	height:100%;
	width:100%;
}

.gensen{
	margin-top:50px;
padding :20px;
	background-color:#85570C;
	color:white;
	
}


.container01 {
  display: flex;
  gap: 0 43px;
  width: 100%;
  margin: 0 auto;
}

.item01 {
  width: 100%;
}

.item01 > img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}