@charset "utf-8";

.topCoverDeco {
    object-fit: cover;
    height: 166%;
}

.coverTitle {
    font-size: 30px;
    letter-spacing: 0.08em;
}

.coverSubTitSet {
    gap: 20px;
    font-size: 16px;
}

.coverSubTitSet:before {
    content: "";
    width: 40px;
    height: 1px;
    background-color: #616664;
}

.topSalonBtnWr {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.topGalleryImgItem01 {
    position: absolute;
    top: 0;
    right: 68.58%;
}

.topGalleryImgItem02 {
    position: absolute;
    top: -12%;
    right: 33.95%;
}

.topGalleryImgItem03 {
    position: absolute;
    top: 18%;
    right: 0;
}

.topGalleryImgItem04 {
    position: absolute;
    bottom: 5%;
    left: 0;
}

.topGalleryImgItem05 {
    position: absolute;
    bottom: -5%;
    left: 35.95%;
}

.topGalleryImgItem06 {
    position: absolute;
    bottom: 12%;
    left: 70.58%;
}

.topRecruitBg {
    background-position: top center;
    mask-image: url("/system_panel/uploads/images/top_recruit_mask.png");
    -webkit-mask-image: url("/system_panel/uploads/images/top_recruit_mask.png");
    mask-size: 100%;
    -webkit-mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.topRecruitBg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/top_recruit_bg.jpg)no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: -9;
}

.topRecruitBg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -8;
    background-color: #000000;
    opacity: 0.4;
}


.topProductsBox {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.topProductsWr {
    padding: 65px 15px 55px;
    position: relative;
    border-radius: 30px 0 0 30px;
    background-color: #862833;
    overflow: hidden;
}

.topProductsImgBox {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: none;
}

.topProductsImgBox>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.topProductsWr:before {
    content: "";
    background: #D70D1B;
    background: linear-gradient(90deg, rgba(215, 13, 27, 1) 40%, rgba(238, 111, 10, 1) 80%, rgba(244, 149, 36, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.topProductsImgBox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 76.86%;
    height: 100%;
    background: #F49524;
	background: linear-gradient(90deg, rgba(244, 149, 36, 1) 0%, rgba(244, 149, 36, 0) 100%);
}

.topGalleryBigDeoc {
    width: 100%;
    height: 60%;
    object-fit: cover;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.coverTitle {
    font-size: 40px;
}

.coverSubTitSet {
    font-size: 20px;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverTitle {
    font-size: 40px;
}

.coverSubTitSet {
    font-size: 18px;
}
    
.topProductsImgBox {
    display: block;
}

.topProductsWr:before {
    width: 50%;
}

.topProductsWr {
    padding: 131px 30px 110px;
    border-radius: 280px 0 0 280px;
}

.topProductsBox {
    width: 76.74%;
}

.topGalleryImgItem04 {
    bottom: 83%;
}

.topGalleryBigDeoc {
    height: 98%;
}

.topGalleryImgItem01 {
    top: 0;
    right: 56.58%;
}

.topGalleryImgItem02 {
    top: -12%;
    right: 28.95%;
}

.topGalleryImgItem03 {
    top: 31%;
    right: 0;
}

.topGalleryImgItem04 {
    bottom: 35%;
    left: 0;
}

.topGalleryImgItem05 {
    bottom: 0;
    left: 28.95%;
}

.topGalleryImgItem06 {
    bottom: 12%;
    left: 56.58%;
}
    
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverTitle {
    font-size: 50px;
}

.coverSubTitSet {
    font-size: 20px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverTitle {
    font-size: 60px;
}

.coverSubTitSet {
    font-size: 25px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */