
/* 1280px以上の幅の場合に適応される（デスクトップPC） */


h3{
    font-size:1.4rem;
    margin-top:70px;
    
}

.floorguide_container img{
    width:90%;
}

.center{
    margin:0 auto;
    text-align:center;
}

.gallery{
    display:flex;
    flex-wrap: wrap;
    width:93%;
    justify-content: space-between;
    margin-bottom:120px;
}

.photo{
    width:50%;
    margin-top:35px;
}

.photo img{
    width:85%;
}





@media screen and (max-width: 1420px) {
	/* 1000px~1420px までの幅の場合に適応される（ノートPC） */
    
   .floorguide_container img{
    width:100%;
}
    
    .gallery{
    width:100%;
    }
    
    .photo{
    width:45%;
}
    

    
}

@media screen and (max-width: 1030px) {
	/* 730px~1030pxの幅の場合に適応される（タブレット） */
}

@media screen and (max-width: 730px) {
	/* 730px以下の幅の場合に適応される（スマホ） */
    
    main{
    width:100%;
    margin:0;
    }
    .maincontainer{
    margin-top:20px;
    }
    
    h3{
    font-size:1.1rem;
    margin-top:50px;
    }
    
    .subpage_article{
    margin-bottom:60px;
    }
    
    .floorguide_container{
    width:87%;
    }
    
    .floorguide_container img{
    width:100%;
}
    
    .gallery{
    margin-bottom:70px;
    width:100%;
    justify-content: space-between;
    }
    
    .gallery p{
    font-size:0.8rem;
    }
    
    .photo{
    width:48%;
    margin-top:20px;
    justify-content: space-between;
    }
    
    .photo img{
    width:100%;
}

    

    

    


}
