@charset "euc-jp";
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

.front_menu {
  width: 351px;
  height: 236px;
  margin: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
  font-size: 20px;
  font-weight: bold;
  position: relative;
  float: left;
  transition: all  0.3s ease;
}

.front_menu::after {
  content: '';
  background-color: rgba(0,0,0,.25);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all  0.3s ease;
}

.front_menu:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.front_menu:hover::after {
  background-color: rgba(0,0,0,0);
}

.menu_text {
  z-index: 1;
}

.front_menu:link, .front_menu:visited {
	color: #fff;
	text-decoration: none;
	vertical-align: baseline;
}

.front_menu:hover, .front_menu:active {
	color: #000;
	text-decoration: none;
	vertical-align: baseline;
}

.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.info_block{
  margin:30px auto;
}

@media screen and (max-width: 1270px){
  
.front_menu {
	width: calc(50% - 40px);
	margin: 20px;
}
  
.info_block{max-width:818px;}

}

@media screen and (max-width: 880px){

  .flex {
	display:block;
}
  
}
  
@media screen and (max-width: 660px){

.front_menu {
	width: 90%;
    height: 174px;
    margin: 32px 5%;
	font-size: 17px;
	float: none;
}

#sp_header {
  margin-bottom: 1em;
}
  
.layout_footer {
  margin-top: 1em;
}
  
}