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

body{
	margin:0 auto;
	background-color: #f8f8ef;
}

.content{
	
}

.main-cont{
	
}

.main-cont p{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem 2rem 10rem 2rem;
	line-height: 3rem;
}

.main-cont h1{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	padding: 2rem;
}

.main-cont h4{
	text-align: center;
	padding: 1rem;
	background-color: #e9e9e9;
}

.main-cont ul{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
	line-height: 2rem;
}

.main-cont li{
	float: left;
	padding: 0.5rem;
}

.operation li{
	height: 15rem;
}


.li-img1{
	width: 20%;
}

.li-img2{
	width: 40%;
}

.li-text1{
	width: 70%;
}

.li-text1 span{
	font-weight: bold !important;
}

.li-text2{
	width: 45%;
}

.li-text3{
	width: 50%;
	margin-top: 3rem;
}

.store-info{
	display: grid;
	padding-bottom: 5rem;
}

.store-info h1{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	padding: 2rem;
}

.store-info h5{
	text-align: center;
}

.store-info ul{
	
}

.store-info li{
	float: left;
	width: 47%;
	padding: 1rem;
	height: initial;
}

.store-info img{
	width: 100%;
}


.main-img{
	background-color: #ffe9eb;
	text-align: center;
}

.bnr{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10rem;
}

.img02{
	text-align: center;
}




@media (max-width:1200px) {
	.main-img{
		width: 100%;
	}
	
	.main-img img{
		width: 100%;
	}
	
	.bnr{
		max-width: 100%;
	}
	
	.bnr img{
		width: 90%;
	}
	
	.main-cont ul{
		max-width: 100%;
		padding: 0.5rem;
	}
	
	.main-cont li img{
		width: 100%;
	}
	
	.store-info li{
		width: 45%;
	}
	
	.operation li {
		height: 15rem;
	}
	
	.img02 img{
		width: 100%;
	}
	
	.li-img3 {
		width: 25%;
	}
	
}


@media (max-width:767px) {
	
	.main-cont{
		padding-top: 7rem;
	}

	.main-cont h4 {
		padding: 1rem;
	}
	
	.main-cont p {
		padding: 2rem 2rem 4rem 2rem;
		line-height: 2rem;
	}
	
	.bnr {
	  padding-bottom: 2rem;
	}
	
	.main-cont h1 {
	  font-size: 2rem;
	  padding: 1rem;
	}
	
	.operation li {
	  height: 15em;
	}
	
	.store-info {
	  padding-bottom: 1rem;
	}
	
	.store-info li{
		width: 90%;
	}
	
	.li-img3 {
		width: 90%;
		display: inline-table;
	}
	
	.li-text1{
		width: 70%;
	}

	.li-text1 span{
		font-weight: bold !important;
	}
	
	.li-text2{
		width: 70%;
	}

	.li-text3{
		width: 50%;
		margin-top: 0.5rem;
	}
}

@media (max-width:520px) {
	
	.main-cont{
		padding-top: 4rem;
	}

}