.sec-rose-title {
    font-size: 42px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.375em;
}

@media (max-width: 599px) {
    .sec-rose-title {
        font-size: 27px;
    }
}

.sec-cp-title {
    font-size: 35px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.375em;
}

@media (max-width: 599px) {
    .sec-cp-title {
        font-size: 27px;
    }
}

section.sec-rose-reco {
    margin-bottom: 6em;
    padding: 120px 0 135px;
	background: url(../images/roseamrita/bg_point04.jpg) no-repeat center;
    background-size: cover;
}

section.sec-rose-reco h2.mincho.center {
    font-size: 2.5em;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.375em;
}

.bg-rosecp::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: url(../images/cleansing-rose/bg_about_top.jpg) no-repeat top center, url(../images/cleansing-rose/bg_about_bottom.jpg) no-repeat bottom center;*/
    mix-blend-mode: multiply;
    z-index: -1;
}
*, ::before, ::after {
    box-sizing: inherit;
}

@media (max-width: 599px) {
    .bg-rosecp {
        margin-top: -25vw;
        padding-top: min(285px, 50vw);
        padding-bottom: 32px;
        /*background: url(../images/cleansing-rose/bg_about_top01_sp.jpg) no-repeat top center;*/
        background-size: 100%;
    }
}

.bg-rosecp {
    padding: 0px 20px 100px 20px;
    position: relative;
    /* background: #fff url(../images/cleansing-rose/bg_about_gradation.jpg) no-repeat center left; */
    z-index: 1;
}

@media (max-width: 767px) {
    .bg-rosecp {
		padding-top: 20vw;
		padding-bottom: 20vw;
        padding-left: 4vw;
        padding-right: 4vw;
    }
}

.sec-cp2-title {
    font-size: 35px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.375em;
}

@media (max-width: 767px) {
    .bg-rosecp .box-shadow .image {
        width: 100%;
        max-width: 250px;
        margin: 0 auto 1.75em;
    }
}
.box-shadow .image {
    width: calc(50% - 28px);
    text-align: center;
}

@media (max-width: 599px) {
    .sec-cp2-title {
        font-size: 24px;
		text-align: center;
    }
}


@media (max-width: 599px) {
    section.sec-rose-reco {
        padding: 90px 0;
        margin-bottom: 65px;
		background: url(../images/roseamrita/bg_point05_sp.jpg) no-repeat center;
        background-size: cover;
    }
	
	section.sec-rose-reco h2.mincho.center {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    section.sec-rose-reco {
        padding-left: 6vw;
        padding-right: 6vw;
    }
}

@media screen and (max-width:767px) {
.t-sp-center {text-align: center !important;}
	}
.t-right{text-align: right;}
.t-left{text-align: left;}
.t-center{text-align: center;}

@media(max-width: 767px){
	.aboutus-ttl .image{
		overflow:visible;
		padding-left:20px
	}
div#about section.sec-about.about-2 .aboutus-ttl h2{padding-left:20px}}main.fs-l-main.mt-0.lp.dtl-layout.free-page.ft-mt-0+footer{margin-top:unset}main.fs-l-main.mt-0.lp.dtl-layout.free-page.ft-mt-0{margin-bottom:unset}@media(max-width: 767px){.ft-mt-0.free-page>section{margin-bottom:unset}

	
	main.fs-l-main.dtl-layout section#roseamrita .roseamrita-lineup ul.row li>.d-flex{
		-webkit-box-pack:center;
		-ms-flex-pack:center;
		justify-content:center}
}

main.fs-l-main.dtl-layout section#roseamrita{
	padding-left:unset;
	padding-right:unset
}

.inner_l{
	max-width: 1000px;
	margin: 0 auto;
}


.box {
	margin: 40px auto 0;
	overflow:visible;
	border:1px solid #d5ccb6;
	background:#fff;
	padding: 50px 65px;
}

@media screen and (max-width:767px) {
	.chui{font-size:10px;}
	.inner_s,
	.inner_m,
	.inner_l,
	.inner_xl{
		max-width:90vw;
	}
	
	.t-sp-left{text-align: left !important;}
	.box{margin: 7vw auto 0;padding: 5vw 6vw;}
	.box div p.img{ text-align:center; padding: 6vw 0 0;}
	
ul.amrita-product-list {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;}
	}

/* title */
h2{
	font-size:42px;
	font-family: 'Noto Serif JP', serif;
	margin: 0.5em 0;
	line-height: 1.7;
}
h3{
	font-size:25px;
	font-family: 'Noto Serif JP', serif;
	margin: 0;
	line-height: 1.7;
}
h4{
	font-size:20px;
	margin: 0;
	line-height: 1.7;
}

h2 span.rose_no {
	display:block;
	margin-bottom:10px;
}

@media (max-width: 599px) {
    h4.ttl {
        font-size: 14px;
    }
}

/* rosestory */
.rosestory{padding: 0px 0 0;background:url("https://amritara.itembox.design/item/images/roseamrita/rosestory_bg2.jpg") no-repeat top left;background-size: 40% auto;}
.rosestory .inner_l{
	transform:translateX(3%);
}
.rosestory .inner_l > div{
	padding:0;
}
.rosestory .inner_l h2{
	margin-bottom:45px;
}
.rosestory .inner_m{
	margin-top:100px;
}
.rosestory .inner_m p{
	font-weight:bold;
	margin-bottom:45px;
    margin-top: 1em;
}
.rosestory .expository{
	margin-top:50px;
}
.rosestory .landscape {
	margin-top:80px;
}
#youtube {
    width: 100%;
    max-width: 912px;
    padding: 10px 0 0px 0;
    box-sizing: border-box;
}
#youtube{width:100%;max-width:912px;padding:10px 0 0px 0;box-sizing:border-box}
#youtube .youtube_inner{padding-top:56.25%;position:relative;height:0;overflow:hidden}
#youtube .thumb{width:100%;aspect-ratio:16/9;top:0;left:0;z-index:0;cursor:pointer;position:absolute}
#youtube .thumb.start.pause{visibility:visible;z-index:1}#youtube #player1{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
#youtube.start #player1{opacity:1}



@media screen and (max-width:767px) {
	h2{
		font-size: 5.8vw;
	}
	h2 span.rosestory{
		margin-bottom:0.2em;
	}
	h2 span.rosestory img{
		height:1.1em;
	}
	main.fs-l-main.lp section.fs-l-pageMain>section {
        padding-left: 6vw;
        padding-right: 6vw;
    }
}

@media screen and (max-width:768px){
	.rosestory .image {
        margin: 0 -5vw 6vw;
    }
	.rosestory {
		background:none;
		padding: 0 0;
	}
	.rosestory .inner_l{
		transform:unset;
	}
	.rosestory .inner_l h2{
		text-align:center;
		margin-bottom: 7vw;
	}
	.rosestory .expository{
		margin-top:8vw;
	}
	.rosestory .inner_m{
		margin-top:15vw;
	}
	.rosestory .movie iframe{
		max-width:90vw;
	  height: auto;
	  aspect-ratio: 16/9;
	}
	.rosestory .inner_m p{
		margin-bottom:7vw;
	}
	.rosestory .landscape{
		margin-top: 10vw;
	}
	.bg-brown .image{
		margin: 0;
	}

}

@media screen and (max-width: 767px) {
    h2 span.rose_no {
        margin-bottom: 0.2em;
    }
	h2 span.rose_no img {
        height: 1.1em;
	}
	.free-product-list {
        padding-left: 6vw;
        padding-right: 6vw;
    }
	
}
.rose_no {
	padding: 75px 0 0;
    background: url(https://amritara.itembox.design/item/images/whitebircham/rosestory_bg.jpg) no-repeat top left;
    background-size: 50% auto;	
}

@media (max-width: 767px) {
    section.sec-lp-reco {
        padding-left: 6vw;
        padding-right: 6vw;
    }
}


/*# sourceMappingURL=designe.min.css.map */