@charset "utf-8";

/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.mv-bg {
    mask-image: url(/system_panel/uploads/images/mv_bg_mask.png);
    mask-repeat: no-repeat;
    mask-size: cover;
}

.mv-img-box {
    mask-image: url(/system_panel/uploads/images/mv_img_mask_sp.png);
    mask-repeat: no-repeat;
    mask-size: cover;
}

.mv-text {
    font-size: clamp(18px, 1.4vw, 27px);
}

.mv-title {
    font-size: clamp(30px, 2.86vw, 55px);
}

/*-----------------------------------------------------------
コンセプト
-----------------------------------------------------------*/

.top-concept-title > span:after {
    content: "";
    display: block;
    width: 95.47%;
    height: 5px;
    margin: auto;
    background: url(/system_panel/uploads/images/top_concept_title_decoration.svg) no-repeat center right / cover;
    position: absolute;
    bottom: 0;
    left: 0;
}

.top-concept-title > span {
    padding: 0 0 10px;
    position: relative;
}

/*-----------------------------------------------------------
ギャラリー
-----------------------------------------------------------*/

.top-gallery-bg {
    mask-image: url(/system_panel/uploads/images/top_gallery_bg_mask.png);
    mask-position: top center;
    mask-repeat: no-repeat;
    mask-size: cover;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:768px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
/*-----------------------------------------------------------
カバー
-----------------------------------------------------------*/

.mv-img-box {
    mask-image: url(/system_panel/uploads/images/mv_img_mask.png);
}
    
.mv-text-area {
    transform: translateY(-53.6%);
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-----------------------------------------------------------
コンセプト
-----------------------------------------------------------*/

.top-concept-title > span {
    padding: 0 0 25px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1600px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */