section .title_box{text-align:center}
section .title_box .subtitle{text-align:center;color:#796f63;line-height:210%;font-size:15px;margin-top:20px}
section .title_box h2{position:relative;font-style:normal;font-size:40px;color:#958667;font-family:"Butler Stencil";letter-spacing:5px}
.page-scroll{bottom:-655px;margin-left:0;z-index:888;text-align:center;position:absolute;right: calc(50% - 430px);}
.page-scroll a{color:#fff;letter-spacing:.1em;text-decoration:none;-webkit-transition:opacity .3s;transition:opacity .3s;text-transform:uppercase;display:flex;flex-direction:column;width:90px;height:90px;align-content:center;align-items:center;justify-content:center}
.page-scroll a img{width:50px}
.page-scroll.style01 a span:after,.page-scroll.style01 a span:before{content:'';position:absolute;width:100%;height:100%;display:block;border:1px solid #fff;border-radius:50px;box-sizing:border-box;opacity:.3;transition-property:all;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.page-scroll.style01 a span:before{top:-2px;left:2px;border-color:#fff}
.page-scroll.style01 a span:after{top:2px;left:-2px}
.section_area{padding:4vmax 0 3vmax}
.section_area .area_title{position:relative;padding-bottom:.3em;letter-spacing:.1em;text-align:center}
.section_area .area_title:before{position:absolute;width:3em;height:.1em;background:var(--primary);display:block;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:""}
.section_area .sub_title{font-weight:500;font-size:1.1em;color:var(--primary)}
.section_area .list_box{margin-top:4vmax}
.section_area .list_box .item_row{margin:0 1em}
.section_area .list_box .slick-dots{position:relative;margin:1em 0;bottom:0}

/* sloganArea */
#sloganArea{padding:8% 15% 11%;position:relative;max-width:100%;background-image:url(/images/01/img-sloganBg.png);background-repeat:no-repeat;background-size:cover;background-position:center}
#sloganArea *{color:#fff;text-align:center}
#sloganArea .titleHomeBox .title{display:flex;flex-direction:column;align-items:center;opacity:.6}
#sloganArea .titleHomeBox .title,#sloganArea .titleHomeBox .title span{font-family:"Butler Stencil";font-size:70px;letter-spacing:6px;line-height:130%}
#sloganArea .titleHomeBox .title span{font-style:italic}
#sloganArea .titleHomeBox .subtitle{font-size:22px;letter-spacing:3px;margin-top:40px}

/* about_area */
#about_area{background:#fbf0dc;padding:4vmax 0 0}
#about_area .workframe{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;padding:0 0 220px;position:relative;margin:0 auto;width:100%}
#about_area .info_box{align-items:flex-start;width:min(80%,550px);margin:0 0 0 140px}
#about_area .info_box .subtitle{font-size:26px;color:#595243;letter-spacing:2px;text-align:left}
#about_area .info_box h2{margin-bottom:20px}
#about_area .info_box article *{color:#796f63;line-height:210%;font-size:15px}
#about_area .info_box article{margin-bottom:60px}
#about_area .info_box .titleHomeBox{padding-left:240px;padding-top:50px}
#about_area .img_box{position:static;z-index:1}
#about_area .Img1{position:absolute;top:-20%;right:-12%}
#about_area .img_box .Img2{position:absolute;bottom:-80px;left:0px;width:305px}
#about_area .img_box .Img3{position:absolute;bottom:-180px;right:210px;width:395px}
#about_area .img_box img{width:auto;height:100%}
#perfumeBg{position:relative;height:450px;background-image:url(/images/01/img-perfumeBg.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:100% 40%;background-size:auto}
#hands_area .workframe,#perfume_area .workframe,#Fragrance_area .workframe{width:min(90vw,620px)}
#hands_area{position:relative;background-image:url(/images/01/img-p-01-Bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}
#perfume_area{position:relative;background-image:url(/images/01/img-p-02-Bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}
#Fragrance_area{position:relative;background-image:url(/images/01/img-p-03-Bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}

/* news_list */
#news_list .img_box { aspect-ratio: 5/3; }
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }

@media screen and (max-width: 1440px){
    .page-scroll{
    right: calc(50% - 300px);
}
    #sloganArea .titleHomeBox .title,#sloganArea .titleHomeBox .title span{font-size:50px}
	#about_area .Img1{right:-24%}
	#about_area .info_box .titleHomeBox{padding-left:190px}
}
@media screen and (max-width: 1280px){
    .page-scroll{bottom:-774px;right:calc(50% - 45px)}
	#about_area .Img1{right:-14%}
}
@media screen and (max-width: 1160px){
    .page-scroll{bottom:-510px}
}

@media screen and (max-width: 960px){
    #sloganArea{padding: 18% 0% 20%;}
	#sloganArea .titleHomeBox .title,#sloganArea .titleHomeBox .title span{font-size:33px}
	#about_area .img_box{display:none}
	section .title_box h2{font-size:32px}
	#about_area .info_box .titleHomeBox{padding-left:0;padding-top:10px}
	#about_area .workframe{padding:390px 0 70px}
	#about_area .info_box{margin:auto}
	#about_area .Img1{top:100px;left:50%;transform:translate(-50%,-50%);text-align:center}
}

@media screen and (max-width: 550px){
	.section_area{padding:6vmax 0 6vmax}
	#about_area .workframe{padding:300px 0 50px}
}