#daiku #IndexBox #IndexBox-Inner{ background: url(../images/top/menu01.jpg) no-repeat 0 0; background-size: 50% 100%; }
#kanamono #IndexBox #IndexBox-Inner{ background: url(../images/top/menu02.jpg) no-repeat 0 0; background-size: 50% 100%; }
#dendo #IndexBox #IndexBox-Inner{ background: url(../images/top/menu03.jpg) no-repeat 0 0; background-size: 50% 100%; }
#engine #IndexBox #IndexBox-Inner{ background: url(../images/top/menu04.jpg) no-repeat 0 0; background-size: 50% 100%; }
#doboku #IndexBox #IndexBox-Inner{ background: url(../images/top/menu05.jpg) no-repeat 0 0; background-size: 50% 100%; }

#kozai #IndexBox #IndexBox-Inner{ background: url(../images/top/menu06.jpg) no-repeat 0 0; background-size: 50% 100%; }
#engei #IndexBox #IndexBox-Inner{ background: url(../images/top/menu07.jpg) no-repeat 0 0; background-size: 50% 100%; }
#rental #IndexBox #IndexBox-Inner{ background: url(../images/top/menu08.jpg) no-repeat 0 0; background-size: 50% 100%; }





/*----------------------------------------------------------------------------------------------------

    PhotoBox / 画像一覧

----------------------------------------------------------------------------------------------------*/

#PhotoBox #PhotoBox-Inner{
    max-width: 980px;
    margin: 0 auto;
}

#PhotoBox #PhotoBox-Inner ul li{
    float: left;
    padding: 20px 25px;
}

#PhotoBox #PhotoBox-Inner ul li a{
    display: block;
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 195px;	/*画像の幅*/
	height: 195px;	/*画像の高さ*/
    position: relative;
    
}


#PhotoBox #PhotoBox-Inner ul li img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

#PhotoBox #PhotoBox-Inner ul li img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}





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



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


    #IndexBox #IndexBox-Inner{ background: none !important; }
.InderBox-Title{ height: inherit; background-color: transparent; }
    .InderBox-Title-Inner h2{ font-size: 16px; }
    .InderBox-Title-Inner .text{ font-size: 12px; text-align: left; }
    .InderBox-Title{ width: 100%; float: inherit; }


    #PhotoBox #PhotoBox-Inner ul li{
        padding: 0;
        width: 33%;
        margin-bottom: .5%;
    }

    
    #PhotoBox #PhotoBox-Inner ul li:not(:nth-child(3n)){
        margin-right: 0.5%;
    }

    #PhotoBox #PhotoBox-Inner ul li a{
        display: block;
        overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
        width: 100%;	/*画像の幅*/
        height: 100%;	/*画像の高さ*/
        position: relative;
        object-fit: cover;
        aspect-ratio: 1 / 1;
        
    }
    
    #PhotoBox #PhotoBox-Inner ul li a{
        width: 100%;	/*画像の幅*/
        height: 100%;	/*画像の高さ*/
        object-fit: cover;

    }






    .midashi-image img{ width: 100%; }
    .InderBox-Title-Inner{ display: block; padding-top: 25px; }


}