/* 「色の効果を見てみる」の3色ドット：自動ループ中の現在色を示す */
.brand-mini-colors i{transition:transform .3s ease,box-shadow .3s ease}
.brand-mini-colors i.is-current{transform:scale(1.35);box-shadow:0 0 0 2px #fff,0 0 0 3px #b9cfcc}
.ct-portrait-layer{transition:none}
/* 「01 種類を選ぶ」の写真：正方形に近い枠で人物を中央に */
.ct-example-trio figure>img[src*="ct-photo"]{object-fit:cover;object-position:50% center}
.ct-example-trio figure>img[src*="ct-icon"]{padding:14px;box-sizing:border-box}