@charset "utf-8";
/*========================
■00: .life_slide
========================*/

.life_slide_box {
    display: flex;
    flex-direction: row;
    max-width: 590px;
    border: 1px solid #ccc;
    padding: 1em;
}

.life_slide_img_box {
    width: 49%;
    margin-right: 24px;
    max-width: 262px;
}

.life_slide_img {
    width: 100%;
    height: auto;
    border: 1px solid rgba(191, 191, 191, .7490196078);
}

img.life_slide_img {
    object-fit: cover;
    width: 262px;
    height: 168px;
}


.life_slide_txx_box {
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 49%;
}

.life_slide_title {
    line-height: 22px;
    text-align: left;
    max-width: 262px;
    font-weight: bolder;
    margin: 0 0 1em;
    
}

.life_slide_txt {
    line-height: 22px;
    text-align: left;
    max-width: 262px;
    margin: 0;
    font-size: 12px;
}

.life_slide_title.text-limit {
    display: -webkit-box; /* 必須: Flexboxの代替 */
    -webkit-box-orient: vertical; /* 必須: 縦方向のボックス */
    overflow: hidden; /* 必須: 溢れた部分を非表示 */
    text-overflow: ellipsis; /* 必須: 省略記号を表示 */
    -webkit-line-clamp: 3; /* 表示する行数を指定 */
  }

.life_slide_txt.text-limit {
    display: -webkit-box; /* 必須: Flexboxの代替 */
    -webkit-box-orient: vertical; /* 必須: 縦方向のボックス */
    overflow: hidden; /* 必須: 溢れた部分を非表示 */
    text-overflow: ellipsis; /* 必須: 省略記号を表示 */
    -webkit-line-clamp: 4; /* 表示する行数を指定 */
  }

.studio_life .life_slide_title.text-limit {
    display: -webkit-box; /* 必須: Flexboxの代替 */
    -webkit-box-orient: vertical; /* 必須: 縦方向のボックス */
    overflow: hidden; /* 必須: 溢れた部分を非表示 */
    text-overflow: ellipsis; /* 必須: 省略記号を表示 */
    -webkit-line-clamp: 3; /* 表示する行数を指定 */
    font-weight: 700;
  }

.studio_life .life_slide_txt.text-limit {
    display: -webkit-box; /* 必須: Flexboxの代替 */
    -webkit-box-orient: vertical; /* 必須: 縦方向のボックス */
    overflow: hidden; /* 必須: 溢れた部分を非表示 */
    text-overflow: ellipsis; /* 必須: 省略記号を表示 */
    -webkit-line-clamp: 4; /* 表示する行数を指定 */
    font-weight: 400;
  }

.studio_life p {color: #fff;}

.studio_life .ui_wide::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url(/jp/products/studio/image/bg_text.png) no-repeat center center;
    background-size: 100% auto;
}

.studio_life .ui_wide {padding-bottom: 30vw;}

@media screen and (min-width: 767px) {
    .studio_life .ui_wide {
        padding-bottom: 180px;
    }
}


.model_head.tips {width: 100%; height: 200px;}
.movie_list .slick-prev, .movie_list .slick-next {border: 1px solid #000;}