@charset "UTF-8";
/* CSS Document */
@media (min-width:1051px) {			
	/*FV*/
	#fv{position: relative;width: 100%; height: 100vh; margin:0 auto;padding: 0;}	
	
	/*#fv .bg{position: absolute;top:0%;left:0%; width:100%;height:100%;margin:0;padding: 0;background:url("../img/fv_sample.jpg") no-repeat;background-position: 50% 50%;background-size:cover;}*/
	
	#fv #slide_group{position: absolute;top:0%;left:0%;width:100%;height: 100%;margin:0;padding: 0;display: block;}	
	#fv #slide_group .inner{position: relative; display: block;   width: 100%;    height: 100%;  }
	
	#fv #slide_group .inner .image_slider {position:absolute;top: 0;left: 0;	width:100%;height: 100%;margin: 0;}	
	#fv #slide_group .inner .image_slider div{width:100%;height:100%;margin: 0 auto;padding: 0;overflow: hidden}		
	
	#fv #slide_group .inner .image_slider .muscat_greenapple{background:url("../img/fv_bg_muscat_greenapple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .apple{background:url("../img/fv_bg_apple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .plumeria{background:url("../img/fv_bg_plumeria.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .bergamot{background:url("../img/fv_bg_bergamot.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .lavender{background:url("../img/fv_bg_lavender.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .pomegranate{background:url("../img/fv_bg_pomegranate.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	
	#fv #slide_group .inner .image_slider .bottle_common{position:relative;width: 100%;height: 100%}
	#fv #slide_group .inner .image_slider .bottle_common .image{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width:35%;}
	#fv #slide_group .inner .image_slider .bottle_common .image img{width:100%;}
	/*	#fv #slide_group .inner .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover;}*/		
	
	
	
	#fv #catchcopy{position: absolute;bottom:6%;left:0%;width:100%;margin:0;padding: 0;}
	#fv #catchcopy p{font-size: clamp(26px, 3.0vw, 40px);font-weight:normal;line-height: 1.5;letter-spacing: 2px;text-align: center;color: #284f28;font-weight: 100;text-shadow: 0px 0px 10px rgba(255,255,255, 1.0);}
	
	
	/*プレミアムアロマ紹介*/
	#premium_aroma{margin: 0 auto 0px auto;padding: 100px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	#premium_aroma .container{width: 90%;max-width: 1500px;min-width: 1000px;aspect-ratio:2/1;margin: 0 auto;display: flex;justify-content: space-between; align-items: center;}
	
	#premium_aroma .container .photo_area{width:50%;height:100%;}	
	#premium_aroma .container .photo_area figure{margin:0;padding: 0;height: 100%}
	#premium_aroma .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;}		
	
	#premium_aroma .container .text_area{width: 42%;min-width: 400px;}
	#premium_aroma .container .text_area .eng{margin: 0 auto 10px auto;padding: 0;font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 2px;}
	#premium_aroma .container .text_area h2{margin: 0 0 50px 0;padding: 0;font-size: clamp(18px, 1.6vw, 24px);color: #5b5250;font-weight: 500;}	
	#premium_aroma .container .text_area .description{margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200}
		

	/*18種の香り*/
	#scents{ margin: 0 auto 0px auto;background: #f9f9f2;padding: 100px 0;}
	#scents .intro_area{text-align: center;margin: 0 auto 50px auto;}
	#scents .intro_area h3{width: 650px;margin: 0 auto 30px auto;background: white;padding: 10px 0;font-size: 20px;letter-spacing: 2px;border-radius: 30px;color: #4d4d4d;font-weight: normal}
	#scents .intro_area .ttl{margin: 0 auto 30px auto;}
	#scents .intro_area .ttl .sub{margin: 0 auto 0px auto;padding: 0;font-size: 30px;letter-spacing: 1px;}
	#scents .intro_area .ttl .primary{margin: 0 auto 10px auto;padding: 0;font-size: 50px;letter-spacing: 0px;}
	#scents .intro_area .ttl .primary span{font-size: 40px;letter-spacing: 1px;margin-left: 10px}
	#scents .intro_area .description{margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200}
	
	#scents .container{width: 70%;max-width: 1200px;min-width: 1000px;margin:0 auto 0px auto;display: flex;justify-content: space-between;flex-wrap: wrap;grid-row-gap: 30px}
	#scents .container .unit{ width: 32%;padding: 0 0 20px 0;border-radius:100vmax 100vmax 0 0;background: white;box-shadow: 0px 0px 16px 3px rgba(229, 228, 209, 0.45);}
	
	#scents .container .unit .image_area{text-align: center;margin: 50px auto 20px auto}
	#scents .container .unit .image_area img{width:65%;}
	#scents .container .unit .text_area{width: 80%;margin: 0px auto 20px auto}
	#scents .container .unit .text_area .name{margin: 0 auto 10px auto;padding: 0;font-size:16px;color: #5b5250;font-weight:normal;text-align: center;}
	#scents .container .unit .text_area .name span{display: block;font-size:28px;font-family: "cormorant", sans-serif;font-weight: 300;font-style: normal;}
	#scents .container .unit .text_area .name .plumeria{color: #00afc1;}
#scents .container .unit .text_area .name .apple{color: #e43735;}
#scents .container .unit .text_area .name .chamomile{color: #385c56}
#scents .container .unit .text_area .name .jasmine_lillybell{color: #64c2b4}
#scents .container .unit .text_area .name .cherryblossom{color: #e25e86}
#scents .container .unit .text_area .name .herb{color: #335753}
#scents .container .unit .text_area .name .pineapple_blueberry{color: #bc4a0d}
#scents .container .unit .text_area .name .peach_strawberry{color: #dc0966}
#scents .container .unit .text_area .name .pinkgrapefruit{color: #de5900}
#scents .container .unit .text_area .name .bergamot{color: #77b231}
#scents .container .unit .text_area .name .pomegranate{color: #e43735}
#scents .container .unit .text_area .name .muscat_greenapple{color: #5c8851}
#scents .container .unit .text_area .name .mint{color: #42cfe4}
#scents .container .unit .text_area .name .yuzu{color: #f7b800}
#scents .container .unit .text_area .name .lavender{color: #132273}
#scents .container .unit .text_area .name .lilly{color: #9583c8}
#scents .container .unit .text_area .name .rose{color: #c9785e}
#scents .container .unit .text_area .name .osmanthus{color: #efb02f}

	#scents .container .unit .text_area .description{margin: 0 auto 0px auto;padding: 0;font-size:14px;letter-spacing: 1;line-height:1.5;font-weight: 200}
		
	
	/*ブランド*/
	#brands_index{margin:0 auto 0px auto;padding: 100px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	
	#brands_index .container{width: 90%;min-width: 1000px;aspect-ratio:2/1;margin: 0 0 0 auto;display: flex;justify-content: space-between; align-items: center;}
	
	#brands_index .container .text_area{width:20%;min-width: 320px;order: 1}
	#brands_index .container .text_area .eng{margin: 0 auto 20px auto;padding: 0; font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#brands_index .container .text_area h4{margin: 0 auto 50px auto;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}	
	#brands_index .container .text_area .description{margin: 0 auto 50px auto;padding: 0;font-size:14px;line-height: 2;font-weight: 200}
	#brands_index .container .text_area .banner_area{}
	#brands_index .container .text_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8); transition: .5s;}
	#brands_index .container .text_area .banner_area:hover a{color: #fff;letter-spacing: 3px;box-shadow: 0px 0px 5px 3px rgba(230, 230, 230, 0.8);background-color: rgba(0, 0, 0, 0.6);}
	#brands_index .container .text_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#brands_index .container .text_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900; transition: .5s;}
	#brands_index .container .text_area .banner_area:hover a span::before{right: -10px; color: #fff;}

	#brands_index .container .photo_area{width:70%;height:100%;order: 2}	
	#brands_index .container .photo_area figure{margin:0;padding: 0;height: 100%}
	#brands_index .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;}	
	
	/*ニュース*/
	#news_index{margin:0 auto 0px auto;padding: 100px 0;}
	#news_index .container{width:80%;min-width: 1000px;margin: 0 auto 0px auto;display: flex;justify-content: space-between}
	
	#news_index .container .title_area{width:20%;margin: 0 ;padding: 0;}
	#news_index .container .title_area .eng{margin: 0;padding: 0;font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#news_index .container .title_area h5{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#news_index .container .list_area{width:76%;margin: 0 ;padding: 0;}
	#news_index .container .list_area .inner{margin:0 auto 50px auto;}
	#news_index .container .list_area .inner .unit{padding:50px 0;border-bottom: 1px solid #cccccc}
	#news_index .container .list_area .inner .unit .date{margin-bottom:20px;}
	#news_index .container .list_area .inner .unit .date a{color: #000;text-decoration: none}
	#news_index .container .list_area .inner .unit .date a span{background:#f2f2f2;padding: 4px 30px;font-size: 13px;border-radius: 20px;margin-left: 10px}
	#news_index .container .list_area .inner .unit .text a{color: #000;display: block}
	#news_index .container .list_area .inner .unit .text a span{position: relative;display: block}
	#news_index .container .list_area .inner .unit .text a span::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px; transition: .5s;}
	#news_index .container .list_area .inner .unit .text a span::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;color: #666666; transition: .5s;}
	#news_index .container .list_area .inner .unit .text a:hover span::before{background:#666666;}
	#news_index .container .list_area .inner .unit .text a:hover span::after{color:white;}
	
	#news_index .container .list_area .banner_area{width: 300px;margin: 0 0 0 auto}
	#news_index .container .list_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8); transition: .5s;}
	#news_index .container .list_area .banner_area:hover a{color: #fff;letter-spacing: 3px;box-shadow: 0px 0px 5px 3px rgba(230, 230, 230, 0.8);background-color: rgba(0, 0, 0, 0.6);}
	#news_index .container .list_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#news_index .container .list_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900; transition: .5s;}
	#news_index .container .list_area .banner_area:hover a span::before{right: -10px; color: #fff;}

	/*会社概要、OEM*/
	#company_oem{margin:0 auto 0px auto;padding: 100px 0;background:#f9f9f2;}
	#company_oem .container{width:80%;min-width: 1000px;margin: 0 auto 80px auto;display: flex;justify-content: space-between}
	#company_oem .container .unit{width:48%;}
	#company_oem .container .unit a{display:block;text-decoration: none;color: black;}
	#company_oem .container .unit a figure{position: relative;margin: 0 auto 20px auto;padding: 0;aspect-ratio:1.8/1; overflow: hidden;}
	#company_oem .container .unit a figure img{width:100%;height: 100%;object-fit: cover; transition: .5s}
	#company_oem .container .unit a:hover figure img{transform: scale(1.1);}
	
	#company_oem .container .unit a figure::before{transition: .5s;}
	#company_oem .container .unit a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	
	#company_oem .container .unit a .text_area{position: relative;display: block;}
	#company_oem .container .unit a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem .container .unit a .text_area h6{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	#company_oem .container .unit a:hover .text_area .eng{color: #999;}
	#company_oem .container .unit a:hover .text_area h6{color: #999;}

	#company_oem .container .unit a .text_area::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px; transition: .5s;}
	#company_oem .container .unit a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;color: #666666; transition: .5s;}
	#company_oem .container .unit a:hover .text_area::before{background:#666666;}
	#company_oem .container .unit a:hover .text_area::after{color:white;}
	
	#company_oem #top_wave{width:80%;min-width: 1000px;aspect-ratio:4.0/1;margin: 0 auto 0px auto;}
	#company_oem #top_wave a{position: relative;display:block;width: 100%;height: 100%; text-decoration: none;color: black;}
	#company_oem #top_wave a figure{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0 ;padding: 0; overflow: hidden;}
	#company_oem #top_wave a figure img{width:100%;height: 100%;object-fit: cover; transition: .5s}
	#company_oem #top_wave a:hover figure img{transform: scale(1.1);}
	
	#company_oem #top_wave a figure::before{transition: .5s;}
	#company_oem #top_wave a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	
	#company_oem #top_wave a .text_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); display:block;margin: 0 auto 0px auto;padding: 0;text-align: center;z-index: 2 }
	#company_oem #top_wave a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem #top_wave a .text_area h6{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#company_oem #top_wave a .text_area::before{content:'';position: absolute;top: 110%;transform: translateX(-50%);left:50%;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px; transition: .5s;}
	#company_oem #top_wave a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 125%;transform: translateX(-50%);left:50%;color: #666666; transition: .5s;}
	#company_oem #top_wave a:hover .text_area{color:white;}
	#company_oem #top_wave a:hover .text_area::before{background:#666666;}
	#company_oem #top_wave a:hover .text_area::after{color:white;}

}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	/*FV*/
	#fv{position: relative;width: 100%; height: 100vh; margin:0 auto;padding: 0;}	
	
	#fv #slide_group{position: absolute;top:0%;left:0%;width:100%;height: 100%;margin:0;padding: 0;display: block;}	
	#fv #slide_group .inner{position: relative; display: block;   width: 100%;    height: 100%;  }
	
	#fv #slide_group .inner .image_slider {position:absolute;top: 0;left: 0;	width:100%;height: 100%;margin: 0;}	
	#fv #slide_group .inner .image_slider div{width:100%;height:100%;margin: 0 auto;padding: 0;overflow: hidden}		
	
	#fv #slide_group .inner .image_slider .muscat_greenapple{background:url("../img/fv_bg_muscat_greenapple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .apple{background:url("../img/fv_bg_apple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .plumeria{background:url("../img/fv_bg_plumeria.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .bergamot{background:url("../img/fv_bg_bergamot.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .lavender{background:url("../img/fv_bg_lavender.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .pomegranate{background:url("../img/fv_bg_pomegranate.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	
	#fv #slide_group .inner .image_slider .bottle_common{position:relative;width: 100%;height: 100%}
	#fv #slide_group .inner .image_slider .bottle_common .image{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width:35%;}
	#fv #slide_group .inner .image_slider .bottle_common .image img{width:100%;}
	
	#fv #catchcopy{position: absolute;bottom:6%;left:0%;width:100%;margin:0;padding: 0;}
	#fv #catchcopy p{font-size: clamp(26px, 3.0vw, 40px);font-weight:normal;line-height: 1.5;letter-spacing: 2px;text-align: center;color: #284f28;text-shadow: 0px 0px 10px rgba(255,255,255, 1.0);}
	
	
	/*プレミアムアロマ紹介*/
	#premium_aroma{margin: 0 auto 0px auto;padding: 100px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	#premium_aroma .container{width:100%;margin: 0 auto;}
	
	#premium_aroma .container .photo_area{width:90%;aspect-ratio:1.5/1;margin: 0 auto 50px 0}	
	#premium_aroma .container .photo_area figure{margin:0;padding: 0;width: 100%;height: 100%}
	#premium_aroma .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}		
	
	#premium_aroma .container .text_area{width: 80%; margin: 0 auto}
	#premium_aroma .container .text_area .eng{margin: 0 auto 10px auto;padding: 0;font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 2px;}
	#premium_aroma .container .text_area h2{margin: 0 0 50px 0;padding: 0;font-size: clamp(18px, 1.6vw, 24px);color: #5b5250;font-weight: 500;}	
	#premium_aroma .container .text_area .description{margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200}
		

	/*18種の香り*/
	#scents{ margin: 0 auto 0px auto;background: #f9f9f2;padding: 100px 0;}
	#scents .intro_area{text-align: center;margin: 0 auto 50px auto;}
	#scents .intro_area h3{width: 650px;margin: 0 auto 30px auto;background: white;padding: 10px 0;font-size: 20px;letter-spacing: 2px;border-radius: 30px;color: #4d4d4d;font-weight: normal}
	#scents .intro_area .ttl{margin: 0 auto 30px auto;}
	#scents .intro_area .ttl .sub{margin: 0 auto 0px auto;padding: 0;font-size: 30px;letter-spacing: 1px;}
	#scents .intro_area .ttl .primary{margin: 0 auto 10px auto;padding: 0;font-size: 50px;letter-spacing: 0px;}
	#scents .intro_area .ttl .primary span{font-size: 40px;letter-spacing: 1px;margin-left: 10px}
	#scents .intro_area .description{margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200}
	
	#scents .container{width:90%;margin:0 auto 0px auto;display: flex;justify-content: space-between;flex-wrap: wrap;grid-row-gap: 30px}
	#scents .container .unit{ width: 32%;padding: 0 0 20px 0;border-radius:100vmax 100vmax 0 0;background: white;box-shadow: 0px 0px 16px 3px rgba(229, 228, 209, 0.45);}
	
	#scents .container .unit .image_area{text-align: center;margin: 50px auto 20px auto}
	#scents .container .unit .image_area img{width:65%;}
	#scents .container .unit .text_area{width: 80%;margin: 0px auto 20px auto}
	#scents .container .unit .text_area .name{margin: 0 auto 10px auto;padding: 0;font-size:16px;color: #5b5250;font-weight:normal;text-align: center;}
	#scents .container .unit .text_area .name span{display: block;font-size:28px;font-family: "cormorant", sans-serif;font-weight: 300;font-style: normal;}
	#scents .container .unit .text_area .name .plumeria{color: #00afc1;}
	#scents .container .unit .text_area .name .apple{color: #e43735;}
	#scents .container .unit .text_area .name .chamomile{color: #385c56}
	#scents .container .unit .text_area .name .jasmine_lillybell{color: #64c2b4}
	#scents .container .unit .text_area .name .cherryblossom{color: #e25e86}
	#scents .container .unit .text_area .name .herb{color: #335753}
	#scents .container .unit .text_area .name .pineapple_blueberry{color: #bc4a0d}
	#scents .container .unit .text_area .name .peach_strawberry{color: #dc0966}
	#scents .container .unit .text_area .name .pinkgrapefruit{color: #de5900}
	#scents .container .unit .text_area .name .bergamot{color: #77b231}
	#scents .container .unit .text_area .name .pomegranate{color: #e43735}
	#scents .container .unit .text_area .name .muscat_greenapple{color: #5c8851}
	#scents .container .unit .text_area .name .mint{color: #42cfe4}
	#scents .container .unit .text_area .name .yuzu{color: #f7b800}
	#scents .container .unit .text_area .name .lavender{color: #132273}
	#scents .container .unit .text_area .name .lilly{color: #9583c8}
	#scents .container .unit .text_area .name .rose{color: #c9785e}
	#scents .container .unit .text_area .name .osmanthus{color: #efb02f}

	#scents .container .unit .text_area .description{margin: 0 auto 0px auto;padding: 0;font-size:14px;letter-spacing: 1;line-height:1.5;font-weight: 200}
		
	
	/*ブランド*/
	#brands_index{margin:0 auto 0px auto;padding: 100px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	
	#brands_index .container{width:100%;}
	
	#brands_index .container .text_area{width:80%;margin: 0 auto}
	#brands_index .container .text_area .eng{margin: 0 auto 20px auto;padding: 0; font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#brands_index .container .text_area h4{margin: 0 auto 50px auto;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}	
	#brands_index .container .text_area .description{margin: 0 auto 50px auto;padding: 0;font-size:14px;line-height: 2;font-weight: 200}
	#brands_index .container .text_area .banner_area{}
	#brands_index .container .text_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8);}
	#brands_index .container .text_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#brands_index .container .text_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;}
	
	#brands_index .container .photo_area{width:90%;aspect-raio:1.5/1;margin: 0 0 50px auto}	
	#brands_index .container .photo_area figure{margin:0;padding: 0;width: 100%;height: 100%}
	#brands_index .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}	
	
	/*ニュース*/
	#news_index{margin:0 auto 0px auto;padding: 100px 0;}
	#news_index .container{width:80%;margin: 0 auto 0px auto;}
	
	#news_index .container .title_area{margin: 0 ;padding: 0;}
	#news_index .container .title_area .eng{margin: 0;padding: 0;font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#news_index .container .title_area h5{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#news_index .container .list_area{margin: 0 ;padding: 0;}
	#news_index .container .list_area .inner{margin:0 auto 50px auto;}
	#news_index .container .list_area .inner .unit{padding:50px 0;border-bottom: 1px solid #cccccc}
	#news_index .container .list_area .inner .unit .date{margin-bottom:20px;}
	#news_index .container .list_area .inner .unit .date a{color: #000;text-decoration: none}
	#news_index .container .list_area .inner .unit .date a span{background:#f2f2f2;padding: 4px 30px;font-size: 13px;border-radius: 20px;margin-left: 10px}
	#news_index .container .list_area .inner .unit .text a{color: #000;display: block}
	#news_index .container .list_area .inner .unit .text a span{position: relative;display: block}
	#news_index .container .list_area .inner .unit .text a span::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px}
	#news_index .container .list_area .inner .unit .text a span::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;color: #666666}
	#news_index .container .list_area .inner .unit .text a:hover span::before{background:#666666;}
	#news_index .container .list_area .inner .unit .text a:hover span::after{color:white;}
	
	#news_index .container .list_area .banner_area{margin: 0 auto}
	#news_index .container .list_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8);}
	#news_index .container .list_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#news_index .container .list_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;}
	
	
	/*会社概要、OEM*/
	#company_oem{margin:0 auto 0px auto;padding: 100px 0 50px 0;background:#f9f9f2;}
	#company_oem .container{width:80%;margin: 0 auto 0px auto;}
	#company_oem .container .unit{margin: 0 auto 30px auto;}
	#company_oem .container .unit a{display:block;text-decoration: none;color: black;}
	#company_oem .container .unit a figure{position: relative;margin: 0 auto 20px auto;padding: 0;aspect-ratio:1.8/1}
	#company_oem .container .unit a figure img{width:100%;height: 100%;object-fit: cover}
	#company_oem .container .unit a figure::before{transition: .5s;}
	#company_oem .container .unit a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	#company_oem .container .unit a .text_area{position: relative;display: block;}
	#company_oem .container .unit a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem .container .unit a .text_area h6{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#company_oem .container .unit a .text_area::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px}
	#company_oem .container .unit a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;color: #666666}
	#company_oem .container .unit a:hover .text_area::before{background:#666666;}
	#company_oem .container .unit a:hover .text_area::after{color:white;}	
	
	#company_oem #top_wave{width:80%;margin: 0 auto 0px auto;}
	#company_oem #top_wave a{display:block;width: 100%;height: 100%; text-decoration: none;color: black;}
	#company_oem #top_wave a figure{position: relative;margin: 0 auto 20px auto ;padding: 0; aspect-ratio:1.8/1;}
	#company_oem #top_wave a figure img{width:100%;height: 100%;object-fit: cover; object-position: left}	
	#company_oem #top_wave a figure::before{transition: .5s;}
	#company_oem #top_wave a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	
	#company_oem #top_wave a .text_area{position:relative;display:block;margin: 0 auto 0px auto;padding: 0; }
	#company_oem #top_wave a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem #top_wave a .text_area h6{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#company_oem #top_wave a .text_area::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width:40px;;height: 40px; border: 1px solid #666666;border-radius: 20px}
	#company_oem #top_wave a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;color: #666666}
	#company_oem #top_wave a:hover .text_area::before{background:#666666;}
	#company_oem #top_wave a:hover .text_area::after{color:white;}
}

@media (max-width: 700px) {
	/*FV*/
	#fv{position: relative;width: 100%; height:75vh; margin:0 auto;padding: 0;}	
	
	#fv #slide_group{position: absolute;top:0%;left:0%;width:100%;height: 100%;margin:0;padding: 0;display: block;}	
	#fv #slide_group .inner{position: relative; display: block;   width: 100%;    height: 100%;  }
	
	#fv #slide_group .inner .image_slider {position:absolute;top: 0;left: 0;	width:100%;height: 100%;margin: 0;}	
	#fv #slide_group .inner .image_slider div{width:100%;height:100%;margin: 0 auto;padding: 0;overflow: hidden}		
	
	#fv #slide_group .inner .image_slider .muscat_greenapple{background:url("../img/fv_bg_muscat_greenapple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .apple{background:url("../img/fv_bg_apple.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .plumeria{background:url("../img/fv_bg_plumeria.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .bergamot{background:url("../img/fv_bg_bergamot.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .lavender{background:url("../img/fv_bg_lavender.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	#fv #slide_group .inner .image_slider .pomegranate{background:url("../img/fv_bg_pomegranate.jpg") no-repeat;background-size: cover;background-position: 50% 50%}
	
	#fv #slide_group .inner .image_slider .bottle_common{position:relative;width: 100%;height: 100%}
	#fv #slide_group .inner .image_slider .bottle_common .image{position: absolute;top: 30%;left: 50%;transform: translateX(-50%);width:50%;}
	#fv #slide_group .inner .image_slider .bottle_common .image img{width:100%;}
	
	#fv #catchcopy{position: absolute;bottom:15%;left:10%;width:80%;margin:0;padding: 0;}
	#fv #catchcopy p{font-size:18px;font-weight:normal;line-height: 1.5;letter-spacing: 0px;text-align: center;color: #284f28;text-shadow: 0px 0px 10px rgba(255,255,255, 1.0);}
	
	
	/*プレミアムアロマ紹介*/
	#premium_aroma{margin: 0 auto 0px auto;padding: 50px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	#premium_aroma .container{width:100%;margin: 0 auto;}
	
	#premium_aroma .container .photo_area{width:80%;aspect-ratio:1.5/1;margin: 0 auto 50px 0}	
	#premium_aroma .container .photo_area figure{margin:0;padding: 0;width: 100%;height: 100%}
	#premium_aroma .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}		
	
	#premium_aroma .container .text_area{width: 80%; margin: 0 auto}
	#premium_aroma .container .text_area .eng{margin: 0 auto 10px auto;padding: 0;font-size:32px;letter-spacing: 0px;}
	#premium_aroma .container .text_area h2{margin: 0 0 30px 0;padding: 0;font-size:16px;color: #5b5250;font-weight: 500;letter-spacing: 0px;}	
	#premium_aroma .container .text_area .description{margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200}
		

	/*18種の香り*/
	#scents{ margin: 0 auto 0px auto;background: #f9f9f2;padding:50px 0;}
	#scents .intro_area{text-align: center;margin: 0 auto 30px auto;}
	#scents .intro_area h3{width: 90%;margin: 0 auto 20px auto;background: white;padding: 10px 30px;box-sizing: border-box;font-size:16px;letter-spacing: 1px;border-radius: 30px;color: #4d4d4d;font-weight: normal}
	#scents .intro_area .ttl{margin: 0 auto 10px auto;}
	#scents .intro_area .ttl .sub{margin: 0 auto 0px auto;padding: 0;font-size:24px;letter-spacing: 1px;}
	#scents .intro_area .ttl .primary{margin: 0 auto 10px auto;padding: 0;font-size: 40px;letter-spacing: 0px;}
	#scents .intro_area .ttl .primary span{font-size: 30px;letter-spacing: 1px;margin-left: 10px}
	#scents .intro_area .description{width: 80%;margin: 0 auto 20px auto;padding: 0;font-size:14px;color: #5b5250;line-height: 2;font-weight: 200;text-align: left;}
	
	#scents .container{width:90%;margin:0 auto 0px auto;display: flex;justify-content: space-between;flex-wrap: wrap;grid-row-gap: 10px}
	#scents .container .unit{ width: 48%;padding: 0 0 10px 0;border-radius:100vmax 100vmax 0 0;background: white;box-shadow: 0px 0px 16px 3px rgba(229, 228, 209, 0.45);}
	
	#scents .container .unit .image_area{text-align: center;margin: 30px auto 20px auto}
	#scents .container .unit .image_area img{width:75%;}
	#scents .container .unit .text_area{width: 90%;margin: 0px auto 20px auto}
	#scents .container .unit .text_area .name{margin: 0 auto 10px auto;padding: 0;font-size:13px;color: #5b5250;font-weight:normal;text-align: center;}
	#scents .container .unit .text_area .name span{display: block;font-size:20px;font-family: "cormorant", sans-serif;font-weight: 300;font-style: normal;}
	#scents .container .unit .text_area .name .plumeria{color: #00afc1;}
	#scents .container .unit .text_area .name .apple{color: #e43735;}
	#scents .container .unit .text_area .name .chamomile{color: #385c56}
	#scents .container .unit .text_area .name .jasmine_lillybell{color: #64c2b4}
	#scents .container .unit .text_area .name .cherryblossom{color: #e25e86}
	#scents .container .unit .text_area .name .herb{color: #335753}
	#scents .container .unit .text_area .name .pineapple_blueberry{color: #bc4a0d}
	#scents .container .unit .text_area .name .peach_strawberry{color: #dc0966}
	#scents .container .unit .text_area .name .pinkgrapefruit{color: #de5900}
	#scents .container .unit .text_area .name .bergamot{color: #77b231}
	#scents .container .unit .text_area .name .pomegranate{color: #e43735}
	#scents .container .unit .text_area .name .muscat_greenapple{color: #5c8851}
	#scents .container .unit .text_area .name .mint{color: #42cfe4}
	#scents .container .unit .text_area .name .yuzu{color: #f7b800}
	#scents .container .unit .text_area .name .lavender{color: #132273}
	#scents .container .unit .text_area .name .lilly{color: #9583c8}
	#scents .container .unit .text_area .name .rose{color: #c9785e}
	#scents .container .unit .text_area .name .osmanthus{color: #efb02f}

	#scents .container .unit .text_area .description{margin: 0 auto 0px auto;padding: 0;font-size:12px;letter-spacing: 1;line-height:1.5;font-weight: 200}
		
	
	/*ブランド*/
	#brands_index{margin:0 auto 0px auto;padding: 50px 0;background:linear-gradient(45deg, #ecf9ff,#ffffff, #fffdf0);}
	
	#brands_index .container{width:100%;}
	
	#brands_index .container .text_area{width:80%;margin: 0 auto}
	#brands_index .container .text_area .eng{margin: 0 auto 10px auto;padding: 0; font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#brands_index .container .text_area h4{margin: 0 auto 30px auto;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}	
	#brands_index .container .text_area .description{margin: 0 auto 30px auto;padding: 0;font-size:14px;line-height: 2;font-weight: 200}
	#brands_index .container .text_area .banner_area{}
	#brands_index .container .text_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8);}
	#brands_index .container .text_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#brands_index .container .text_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;}
	
	#brands_index .container .photo_area{width:90%;aspect-raio:1.5/1;margin: 0 0 30px auto}	
	#brands_index .container .photo_area figure{margin:0;padding: 0;width: 100%;height: 100%}
	#brands_index .container .photo_area figure img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}	
	
	/*ニュース*/
	#news_index{margin:0 auto 0px auto;padding: 50px 0;}
	#news_index .container{width:80%;margin: 0 auto 0px auto;}
	
	#news_index .container .title_area{margin: 0 ;padding: 0;}
	#news_index .container .title_area .eng{margin: 0;padding: 0;font-size: clamp(30px, 4.0vw, 56px);letter-spacing: 3px;font-weight: normal}
	#news_index .container .title_area h5{margin: 0;padding: 0;font-size:18px;letter-spacing:1px;font-weight: normal}
	
	#news_index .container .list_area{margin: 0 ;padding: 0;}
	#news_index .container .list_area .inner{margin:0 auto 50px auto;}
	#news_index .container .list_area .inner .unit{padding:30px 0;border-bottom: 1px solid #cccccc}
	#news_index .container .list_area .inner .unit .date{margin-bottom:20px;}
	#news_index .container .list_area .inner .unit .date a{color: #000;text-decoration: none;font-size: 13px;}
	#news_index .container .list_area .inner .unit .date a span{background:#f2f2f2;padding: 4px 30px;border-radius: 20px;margin-left: 10px;font-size: 11px;}
	
	#news_index .container .list_area .inner .unit .text a{color: #000;display: block;font-size: 14px;line-height: 1.5;letter-spacing: 0;font-weight: 300}
	#news_index .container .list_area .inner .unit .text a span{}
	
	#news_index .container .list_area .banner_area{margin: 0 auto}
	#news_index .container .list_area .banner_area a{display:block;padding: 20px 0;background: white;border-radius:100vmax;color: black;text-decoration: none;font-size: 14px;letter-spacing: 1px;box-shadow: 0px 0px 16px 3px rgba(230, 230, 230, 0.8);}
	#news_index .container .list_area .banner_area a span{position: relative;display: block;width: 80%;margin: 0 auto}
	#news_index .container .list_area .banner_area a span::before{position: absolute;top: 50%;transform: translateY(-50%);right: 0;font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;}
	
	
	/*会社概要、OEM*/
	#company_oem{margin:0 auto 0px auto;padding: 50px 0 50px 0;background:#f9f9f2;}
	#company_oem .container{width:80%;margin: 0 auto 0px auto;}
	#company_oem .container .unit{margin: 0 auto 20px auto;}
	#company_oem .container .unit a{display:block;text-decoration: none;color: black;}
	#company_oem .container .unit a figure{position: relative;margin: 0 auto 20px auto;padding: 0;aspect-ratio:1.5/1}
	#company_oem .container .unit a figure img{width:100%;height: 100%;object-fit: cover;}
	#company_oem .container .unit a figure::before{transition: .5s;}
	#company_oem .container .unit a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	
	#company_oem .container .unit a .text_area{position: relative;display: block;}
	#company_oem .container .unit a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem .container .unit a .text_area h6{margin: 0;padding: 0;font-size:14px;letter-spacing:1px;font-weight: normal}
	
	#company_oem .container .unit a .text_area::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 10px;width:20px;;height: 20px; border: 1px solid #666666;border-radius:10px;box-sizing: border-box}
	#company_oem .container .unit a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 17px;color: #666666;font-size: 10px}
	#company_oem .container .unit a:hover .text_area::before{background:#666666;}
	#company_oem .container .unit a:hover .text_area::after{color:white;}
	
	#company_oem #top_wave{width:80%;margin: 0 auto 0px auto;}
	#company_oem #top_wave a{display:block;width: 100%;height: 100%; text-decoration: none;color: black;}
	#company_oem #top_wave a figure{position: relative;margin: 0 auto 20px auto ;padding: 0; aspect-ratio:1.8/1;}
	#company_oem #top_wave a figure img{width:100%;height: 100%;object-fit: cover; object-position: left}	
	#company_oem #top_wave a figure::before{transition: .5s;}
	#company_oem #top_wave a:hover figure::before{content:'';position: absolute;top:0%;left:0%;width:100%;height:100%;background:rgba(000,000,000,0.5); z-index: 1}
	
	#company_oem #top_wave a .text_area{position:relative;display:block;margin: 0 auto 0px auto;padding: 0; }
	#company_oem #top_wave a .text_area .eng{display: block;font-size: clamp(30px, 4.0vw, 56px);}
	#company_oem #top_wave a .text_area h6{margin: 0;padding: 0;font-size:14px;letter-spacing:1px;font-weight: normal}
	
	#company_oem #top_wave a .text_area::before{content:'';position: absolute;top: 50%;transform: translateY(-50%);right: 10px;width:20px;;height: 20px; border: 1px solid #666666;border-radius:10px;box-sizing: border-box}
	#company_oem #top_wave a .text_area::after{font-family: 'Font Awesome 5 Free';content:'\f105';font-weight: 900;position: absolute;top: 50%;transform: translateY(-50%);right: 17px;color: #666666;font-size: 10px}
	#company_oem #top_wave a:hover .text_area::before{background:#666666;}
	#company_oem #top_wave a:hover .text_area::after{color:white;}
}