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

/* faci
--------------------------------------------------------- */
.faci_photo_wrap{
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.faci_photo_wrap li img{
  width: 100%;
}
@media screen and (min-width: 769px) {
main{
    position: relative;
}
main .main{
	width: 828px;
    padding: 20px 0;
    margin: 0 auto;
    height: auto;
    background-color: #faf0ea;
    z-index: 10;
}
main .main #main_inner{
	width: 756px;
    margin-left: 36px;
    margin-top: 20px;
}
  .faci_photo_wrap li{
    flex: 0 0 32%;
    margin-bottom: 4px;
  }
}

/*
main #main_inner h2{
border-bottom: solid 1px #EEC1C7;
box-shadow: 0 1px 0 #fff;
background: url(../img/common/h2_heart.png) no-repeat left center;
padding: 0 0 0 78px;
margin: 0 0 1em 0;
line-height: 1.2;
}
*/

@media screen and (min-width: 769px) {

main dl.dir_faci{
margin-bottom: 30px;
}
main dl.dir_faci dd .link_st01_dec{
margin:10px 0 0 auto ;
}
main .swiper-pagination{
    margin: -1em 0;
}
}


@media screen and (max-width: 768px) {
main .swiper-container {
    width: 100%;
    /*height: 100vh;*/
}
main dl.dir_faci{
margin-bottom: 15px;
}

main dl.dir_faci dd img{
    width: 80%;
				display: block;
				margin: auto;
}
main  dl.dir_faci dd{
    margin: 0 1.2em;
}
main dl.dir_faci dd .link_st01_dec{
margin-top:15px ;
}
main .swiper-pagination{
    margin: -1em 0;
}
.faci_photo_wrap li{
    flex: 0 0 48%;
}
}