@charset "utf=8";

/* ==========================================
HAIR STRAIGHTENING
========================================== */

.common-in-straightening01-list-content.first-img {
    background-image: url(../../../../uploads/hair_straightening02.jpg); 
    background-position: top right;
}

.common-in-straightening01-list-content.second-img {
    background-image: url(../../../../uploads/hair_straightening03.jpg); 
}

.common-in-timing01-list-head {
    background-color: #F3F1EE;
}

.common-in-timing01-text01 {
    font-size: 1.6rem;
    font-weight: 400;
    /* line-height: 1.875em; */
    max-width: 600px;
}

.straightening-in-first:before,
.straightening-in-first:after {
	content: "";
	display: block;
	max-width: 14.3rem;
	width: 13%;
	height: 11.6rem;
	position: absolute;
	margin: auto;
}

.straightening-in-first:before{
	background: url(../../../../uploads/hair_straightening_deco01.svg) no-repeat center /contain;
	top: -6%;
	left: 0;
}

.straightening-in-first:after{
	background: url(../../../../uploads/hair_straightening_deco02.svg) no-repeat center /contain;
	bottom: -6%;
	right: 0;
}

.bgStraightening01 {
    background-color: #F3F1EE;
}

.straightening-in-first .commmon-in-first-radius-block {
    background-color: #B7C8CD;
}

.straighteningHukidasi.is-active {
    display: block;
}

.straighteningHukidasi {
    display: none;
    position: absolute;
    left: -11%;
    top: -30%;
}

.straighteningHukidasi02 {
    max-width: 28.5rem;
    width: 28%;
}

.straighteningHukidasi01 {
    max-width: 30.5rem;
    width: 28%;
}

.hairStraighteningWr01 {
    width: 100%;
    position: relative;
    padding-top: 10.7rem;
}

.hairStraighteningWr01:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #B7C8CD;
}

.hairStraighteningMainImgBox {
    max-width: 127rem;
    width: 100%;
    margin: 0 auto;
}

.hairStraighteningDeco03 {
    max-width: 53.5rem;
    width: 50%;
    position: absolute;
    z-index: -1;
    top: -107%;
    right: 5.5%;
    margin: auto;
}

.hairStraighteningDeco04 {
    max-width: 16.1rem;
    width: 50%;
    position: absolute;
    z-index: -1;
    bottom: 16%;
    left: 12.8%;
    margin: auto;
}


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

@media screen and (width <= 1920px) {

}

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

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

@media screen and (width <= 1550px) {

}

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

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

@media screen and (width <= 1024px) {

	.straighteningHukidasi {
	    position: relative;
	    left: auto;
	    top: auto;
	}

	.hairStraighteningWr01 {
	    padding-top: 5.7rem;
	}

}

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

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

@media screen and (width <= 768px) {


}

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

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

@media screen and (width <= 576px) {

	.straighteningHukidasi02 {
	    width: 40%;
	}

	.straighteningHukidasi01 {
	    width: 40%;
	}

}

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

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

@media screen and (width <= 414px) {

}

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