@charset "UTF-8";
/* CSS Document */
#recommend_menu {
  margin-top: 100px;
}
#recommend_menu .section_inner {
  max-width: 1000px;
  margin: 0 auto;
}
#recommend_menu .recommend_menu_list_li a {
  display: flex;
  justify-content: space-between;
}
#recommend_menu .title_h2 {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 16px 24px;
  background: #d7000f;
  border-radius: 8px;
  margin-bottom: 24px;
}
#recommend_menu .recommend_menu_list_li .img {
  width: 272px;
}
#recommend_menu .recommend_menu_list_li .detais {
  width: calc(100% - (272px + 20px));
}
#recommend_menu .recommend_menu_list_li {
  padding: 32px 24px;
  border-radius: 12px;
  background: #fafafa;	
  	
}
#recommend_menu .recommend_menu_list_li:nth-child(2n) {
  background: #fff;
  margin-top: 20px;	
}
#recommend_menu .recommend_menu_list_li a {
  color: #000;
  text-decoration: none;
}
#recommend_menu .h3_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;	
  margin-bottom: 20px;
}
#recommend_menu .txt {
  font-size: 15px;
  line-height: 1.6;
}
#recommend_menu .recommend_menu_list_li a:hover{
	opacity: 0.6;
	transition: 0.5s;
}


@media screen and (max-width:768px){
#recommend_menu .title_h2 {
  font-size: 24px;
  padding: 12px 20px;
	}		
#recommend_menu {
  margin-top: 40px;
  padding: 0 20px;
}
#recommend_menu .recommend_menu_list_li a {
  display: block;
	}
#recommend_menu .recommend_menu_list_li .img {
  width: 100%;
  margin-bottom: 20px;	
}	
#recommend_menu .recommend_menu_list_li .detais {
  width: 100%;
}	
#recommend_menu .h3_title {
  font-size: 18px;
  margin-bottom: 16px;
}	
#recommend_menu .recommend_menu_list_li {
  padding: 24px 20px;
  border-radius: 8px;
	}
}