@charset "UTF-8";

ul { list-style:none; padding:0; margin:0; }
li { margin:0; }

.length img {
    width: 480px;
    height:500px;
    object-fit: cover;
}


/* 20220216追記 ****** /
/* example - 施工例 */
.example h2  { margin:40px 0; }
.example .flexBox img { width:100%; }

.example .b2a   { margin-bottom:10px; }
.example .b2a p { width:50%; }
.example .b2a div { width:50%; }
.example .b2a div h3 { margin-top:10px; margin-bottom:0px; }

/* どちらもAFTER */
.b2a.before::after { content:none; }
.b2a div::before {
    content:"AFTER"; position:absolute; top:0; left:0;
    background:#33a7e2; border:1px solid #33a7e2; width:6em; line-height:1.8em; text-align:center;
    font-size:1em; font-weight:bold; color:#FFF;
}

/* wallPaint - 外壁塗装 */
.wallPaint img { height:320px; }

/* other - キッチン */
.kitchen li  { width:32%; }
.kitchen img { object-fit:cover; margin-bottom:10px; }

/* bath - 浴室 */
.bath     { display:flex; justify-content:space-between; }
.bath li  { width:49%; }
.bath img { width:100%; }

/*------------------------------------------------------------
    レスポンシブ
------------------------------------------------------------*/
@media (max-width: 768px){

    .b2a, .bath { display:block; }
    .kitchen li, .bath li, .example .b2a div { width:100%; }
    .example img, .wallPaint img { height:100%; }
    .kitchen li:not(:first-child) { margin-top:20px; }
    .example .b2a div:first-child { margin-bottom:40px; }
}