@media screen and (max-width: 1200px) {
main{
	padding-top: 80px;
}
#pan_list {
    margin-left: 10%;
}
}
@media screen and (max-width: 750px) {
/* ============== main title =================== */
#main_visual{
	height: 240px;
}
.main_title{
	height: 240px;
}
h1.title{
	font-size: 1.2rem;
	padding-top: 2.5rem;
	letter-spacing: 2px;
}
h1.title::before{
	font-size: 2.2rem;
	top: -10px;
}
/* ==== パンくずリスト ==== */
#pan_box{
	display: none;
}

/* ============== catalog =================== */
.catalog{
  padding: 80px 0;
}

.catalog h2{
  font-size: 2rem;
}

.catalog_list{
  flex-direction: column;
  gap: 24px;
  margin-top: 50px;
}

.catalog_card{
  width: 100%;
  padding: 40px 25px;
}

.catalog_btn{
  width: 100%;
  min-width: auto;
}