/*--------------------
    coadesample
-------------------*/
〇〇_img{
    background:url(../images/image○○.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:100%;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/    
}

.header-img0{
    background-image:url(../images/SBMC_bunner.png);
    background-repeat: no-repeat;
    background-size:contain;
    height: calc(90px - 0.1vw);
    background-position: center;
    object-fit: cover;
    margin: 5px auto;
}


/*
    index
-------------------*/

/*
    outline(組合概要)
-------------------*/
.outline-img0{
    background-image:url(../images/image100.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:200px;
    background-position: left;
    object-fit: cover; 
    margin: 0.5em;
}
.outline-img1{
    background-image:url(../images/image101.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:250px;
    background-position: left;
    object-fit: cover;
    margin: 0.5em;
}
.outline-img2{
    background-image:url(../images/image102.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:175px;
    background-position: left;
    object-fit: cover;
    margin: 0.5em;
}
.outline-img3{
    background-image:url(../images/image103.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:400px;
    background-position: left;
    object-fit: cover;
    margin: 0.5em;
}
.outline-img4{
    background-image:url(../images/image104.jpg);
    background-repeat: no-repeat;
    background-size:contain;
    width:100%;
    height:900px;
    background-position: left;
    object-fit: cover;
    margin: 0.5em;
}
/*
    product(組合概要)
-------------------*/

.product-img0ex{
    background:url(../images/image200ex.JPG);
    background-repeat: no-repeat;
    background-size: 100%;/* 画像の全体サイズを指定*/
    width:;/*横幅のサイズ　→　.productimageのpadding…？*/
    height:17.5em;/*縦幅のサイズ(最低でもここを指定) SPでは12.5em?*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0 auto;
}
.product-img2ex{
    background:url(../images/image202ex.jpg);
    background-repeat: no-repeat;
    background-size: 100% ;/* 画像のサイズを指定*/
    width:;/*横幅のサイズ*/
    height:17.5em;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0 auto;
}
.product-img4ex{
    background:url(../images/image204ex.jpg);
    background-repeat: no-repeat;
    background-size: 100%;/* 画像のサイズを指定*/
    width:;/*横幅のサイズ*/
    height:17.5em;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0 auto;
}
.product-img6ex{
    background:url(../images/image206ex.jpg);
    background-repeat: no-repeat;
    background-size:100%;/* 画像のサイズを指定*/
    width:;/*横幅のサイズ*/
    height:17.5em;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0 auto;
}
.product-img8ex{
    background:url(../images/image208ex.jpg);
    background-repeat: no-repeat;
    background-size:100%;/* 画像のサイズを指定*/
    width:;/*横幅のサイズ*/
    height:17.5em;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0 auto;
}


.product-img0{
    background:url(../images/image200.png);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.2em; 
}
.product-img1{
    background:url(../images/image201.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}

.product-img2{
    background:url(../images/image202.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.2em; 
}
.product-img3{
    background:url(../images/image203.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}

.product-img4{
    background:url(../images/image204.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}
.product-img5{
    background:url(../images/image205.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:350px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}

.product-img6{
    background:url(../images/image206.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}
.product-img7{
    background:url(../images/image207.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:100px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}

.product-img8{
    background:url(../images/image208.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:300px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}
.product-img9{
    background:url(../images/image209.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:150px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ margin: 0.5em; 
}
/*
    product(組合概要)
-------------------*/
.coop-img0{
    background:url(../images/image300.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:400px;/*縦幅のサイズ*/
    background-position: left;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
}
.coop-img1{
    background:url(../images/image301.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/ 
    margin: 0.5em 0;
}
.coop-img2{
    background:url(../images/image302.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img3{
    background:url(../images/image303.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img4{
    background:url(../images/image304.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img5{
    background:url(../images/image305.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img6{
    background:url(../images/image306.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img7{
    background:url(../images/image307.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img8{
    background:url(../images/image308.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img9{
    background:url(../images/image309.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img10{
    background:url(../images/image310.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img11{
    background:url(../images/image311.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img12{
    background:url(../images/image312.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img13{
    background:url(../images/image313.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img14{
    background:url(../images/image314.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img15{
    background:url(../images/image315.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img16{
    background:url(../images/image316.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img17{
    background:url(../images/image317.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img18{
    background:url(../images/image318.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img19{
    background:url(../images/image319.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
.coop-img20{
    background:url(../images/image320.jpg);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    width:100%;/*横幅のサイズ*/
    height:200px;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    margin: 0.5em 0;
}
/*
    member(組合員紹介)
    …はモーダルを使うと上手くいかないので使わない意向
-------------------*/
.member-img0{
    background:url(../images/image400.jpg);
    display:;
    width: 100%;
    height: 850px;
    background-size: cover;
    
    
}


@media screen and (max-width: 481px) {
    /*物件紹介用の統一画像サイズ*/
    .coop-img1,.coop-img2,.coop-img3,.coop-img4,.coop-img5,.coop-img6,.coop-img7,.coop-img8,.coop-img9,.coop-img10,
    .coop-img11,.coop-img12,.coop-img13,.coop-img14,.coop-img15,.coop-img16,.coop-img17,.coop-img18,.coop-img19,.coop-img20{
        height: 90px;
        width: 100%;
        margin: 0;        
    }
    .member-img0{
    width:300px;/*横幅のサイズ*/
    height:25em;/*縦幅のサイズ*/
    background-position: center;/*width,heightで位置をずらす*/
    object-fit: cover;/*width,heightでトリミング*/
    }
    
    .product-img0ex,.product-img2ex,.product-img4ex,.product-img6ex,.product-img8ex{
        height: 12.5em;
    }
    /*.product-img0ex{
    background:url(../images/image200ex.JPG);
    background-repeat: no-repeat;
    background-size:contain;/* 画像のサイズを指定*/
    /*width:90%;/*横幅のサイズ*/
    /*height:250px;/*縦幅のサイズ*/
    /*background-position: left;/*width,heightで位置をずらす*/
    /*object-fit: cover;/*width,heightでトリミング*/
}
}