@charset "UTF-8";

/* サムネイル */
/* 新築 */
.n-menu1 {
    height: 230px;
   background: url(../home_photo/me1.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.n-menu1::before{
    background-color: rgba(128,84,49,0.4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	transition: background-color 0.5s;
}
a:hover .n-menu1::before{
    background-color: rgba(0,0,0,0);
    opacity: 0.5;
}
.n-menu2 {
    height: 230px;
    background: url(../home_photo/me2.jpg) center no-repeat;
    background-size: cover; 
    position: relative;
}
.n-menu2::before{
    background-color: rgba(128,84,49,0.4);
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	transition: background-color 0.5s;
}
a:hover .n-menu2::before{
    background-color: rgba(0,0,0,0);
    opacity: 0.5;
}
.n-menu3 {
    height: 230px;
    background: url(../home_photo/me3.jpg) center no-repeat;
    background-size: cover; 
    position: relative;
}
.n-menu3::before{
    background-color: rgba(128,84,49,0.4);
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	transition: background-color 0.5s;
}
a:hover .n-menu3::before{
    background-color: rgba(0,0,0,0);
    opacity: 0.5;
}
.n-menu4 {
    height: 230px;
    background: url(../home_photo/me4.jpg) center no-repeat;
    background-size: cover; 
    position: relative;
}
.n-menu4::before{
    background-color: rgba(128,84,49,0.4);
    position: absolute;
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ' ';
	transition: background-color 0.5s;
}
a:hover .n-menu4::before{
    background-color: rgba(0,0,0,0);
    opacity: 0.5;
}

@media only screen and (max-width: 991px){
}

@media only screen and (max-width: 767px){
.n-menu1 {
    height: 160px;
    background: url(../home_photo/me1.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.n-menu2 {
    height: 160px;
   background: url(../home_photo/me2.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.n-menu3 {
    height: 160px;
    background: url(../home_photo/me3.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
.n-menu4 {
    height: 160px;
    background: url(../home_photo/me4.jpg) center no-repeat;
    background-size: cover;
    position: relative;
}
}