@charset "utf-8";


/* **************************************** ** main_common ** **************************************** */

.main section{position:relative;box-sizing:border-box;}
.main section:after{content:'';clear:both;display:block;}
.narrow_btn{width:80px;height:80px;border-radius:50%;border:1px solid #fff;background:none;opacity:0.5;}
.narrow_btn span:before{display:block;content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;border:1px solid rgba(255,255,255,1);border-top:0;border-left:0;transition:0.5s;}
.narrow_btn span.prev:before{margin-left:-5px;transform:rotate(135deg);}
.narrow_btn span.next:before{margin-left:-15px;transform:rotate(-45deg);}
.narrow_btn:hover{opacity:1;}
.main section .main_title{margin-bottom:70px;text-align:center;color:#000;}
.main section .main_title h3{font-size:48px;margin-bottom:10px;font-weight:300;line-height:1.2;font-family:'cormorant',serif;}
.main section .main_title h4{font-size:48px;margin-bottom:10px;font-weight:normal;font-family:'NotoM';}
.main section .main_title h3 strong{font-weight:600;font-size:50px;font-family:inherit;}
.main section .main_title p{font-size:18px;color:#634a46;line-height:1.4;}
.main section .main_title.white h3,.main section .main_title.white h4,.main section .main_title.white p{color:#fff;}
.main section.mission_wrap,
.main section.vision_wrap,
.main section.product_wrap{padding:150px 0;}

@media screen and (max-width:1400px){
	.main section.mission_wrap,
	.main section.vision_wrap,
	.main section.product_wrap{padding:120px 0;}
	.main section .main_title{margin-bottom:60px;}
	.main section .main_title h3,
	.main section .main_title h4{font-size:42px;}
	.main section .main_title h3 strong{font-size:45px;}
}
@media screen and (max-width:1023px){
	.main section.mission_wrap,
	.main section.vision_wrap,
	.main section.product_wrap{padding:100px 0;}
	.main section .main_title{margin-bottom:50px;}
	.main section .main_title h3,
	.main section .main_title h4{font-size:38px;}
	.main section .main_title h3 strong{font-size:40px;}
	.main section .main_title p{font-size:17px;}
	.narrow_btn{width:60px;height:60px;}
}

@media screen and (max-width:767px){
	.main section.mission_wrap,
	.main section.vision_wrap,
	.main section.product_wrap{padding:70px 0;}
	.main section .main_title{margin-bottom:40px;}
	.main section .main_title h3,
	.main section .main_title h4{font-size:30px;}
	.main section .main_title h3 strong{font-size:35px;}
	.main section .main_title p{font-size:16px;}
	.narrow_btn{width:50px;height:50px;}
}

@media screen and (max-width:520px){
	.main section.mission_wrap,
	.main section.vision_wrap,
	.main section.product_wrap{padding:50px 0;}
	.main section .main_title{margin-bottom:30px;}
	.main section .main_title h3,
	.main section .main_title h4{font-size:28px;}
	.main section .main_title h3 strong{font-size:30px;}
	.main section .main_title p{font-size:15px;}
}

@media screen and (max-width:480px){
	.main section .main_title h3,
	.main section .main_title h4{font-size:24px;}
	.main section .main_title h3 strong{font-size:28px;}
}

/* **************************************** ** visual_wrap ** **************************************** */

	.visual_wrap{height:900px;}
	.main_slide{position:relative;height:900px;overflow:hidden;margin-bottom:0px !important;}
	.main_slide .slick-list .slick-track{height:900px;position:relative;}
	.main_slide .slide_item{}
	.main_slide .slide_item .bg{position:relative;z-index:11;width:100%;height:900px;overflow:hidden;}
	.main_slide .slide_item .bg:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:12;background:rgba(0,0,0,0.48);}
	.main_slide .slide_item .bg video{width:100%;position:relative;}
	.main_slide .slide_item{background-repeat:no-repeat;background-position:top center;background-size:cover;}
	.main_slide .slide_item.item1{background-image:url('../../../images/site/main/main_visual_bg01.jpg');}
	.main_slide .slide_item.item2{background-image:url('../../../images/site/main/main_visual_bg02.jpg');}
	.main_slide .slide_item.item3{background-image:url('../../../images/site/main/main_visual_bg03.jpg');}
	.main_slide .slide_item .copy{position:absolute;top:30%;left:50%;width:1200px;margin-left:-600px;text-align:center;color:#fff;z-index:22;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
	.main_slide .slide_item .copy h3{display:block;font-size:55px;font-weight:700;line-height:1.2;font-family:'cormorant',serif;color:#fff;}
	.main_slide .slide_item .copy h4{font-size:36px;color:#fff;display:block;margin:10px auto;}
	.main_slide .slide_item .copy p{font-size:24px;color:#fff;line-height:1.3;display:block;}
	.line_button a{margin:20px auto 0 auto;width:200px;height:60px;line-height:60px;font-size:18px;border-radius:30px;background:none;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.3);display:block;font-family:'cormorant',serif;font-weight:600;text-transform:uppercase;transition:0.5s;}
	.line_button a:hover{border:1px solid rgba(255,255,255,1);color:rgba(255,255,255,1);}

	.main_slide .slide_item.slick-active .copy{opacity:1;}
	.main_slide .slick-dots{position:absolute;top:65%;bottom:auto;left:0;}
	.main_slide .slick-dots li.slick-active button:before{color:#fff;}
	.main_slide .slick-dots li button:before{color:#fff;font-size:15px;}

	.main_slide .slick-arrow{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;left:3%;border:1px solid rgba(255,255,255,0.5);border-radius:50%;display:block;cursor:pointer;z-index:9;text-indent:-9999px;transition:0.5s;}
	.main_slide .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-left:-10px;margin-top:-15px;border:1px solid rgba(255,255,255,0.5);border-top:0;border-left:0;transform:rotate(135deg);transition:0.5s;}
	.main_slide .slick-arrow.slick-next{left:auto;right:3%;}
	.main_slide .slick-arrow.slick-next:before{transform:rotate(-45deg);margin-left:-20px;}
	.main_slide .slick-arrow:hover,.main_slide .slick-arrow:hover:before{border-color:rgba(255,255,255,1);}

	.visual_wrap .slide_nav{display:inline-block !important;width:100%;position:absolute;bottom:0px;left:0px;width:100%;}
	.slide_nav .nav_text{height:70px;display:table;float:left !important;width:33.33% !important;text-align:center;opacity:1 !important;left:auto !important;background:rgba(0,0,0,0.18);transition:0.5s;cursor:pointer;border-top:1px solid rgba(255,255,255,0.11);}
	.slide_nav .nav_text span{font-size:24px;line-height:1.2;font-family:'cormorant',serif;color:rgba(255,255,255,0.5);display:table-cell;vertical-align:middle;transition:0.5s;}
	.slide_nav .nav_text.slick-current{background:rgba(0,0,0,0.48);}
	.slide_nav .nav_text.slick-current span{color:#fff;}


	@media screen and (max-width:1600px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg{height:700px;}
	    .main_slide .slide_item .bg video{width:auto;height:700px;}
	}

	@media screen and (max-width:1280px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg{height:600px;}
	    .main_slide .slide_item .bg video{height:600px;}
	    .main_slide .slide_item .copy{width:100%;display:inline-block;text-align:center;left:auto;margin-left:0px;}
		.main_slide .slide_item .copy h3{font-size:52px;}
		.main_slide .slide_item .copy h4{font-size:33px;}
		.main_slide .slide_item .copy p{font-size:22px;}
		.main_slide .slick-dots{top:75%;}
		.main_slide .slick-dots li button:before{font-size:15px;}
		.slide_nav .nav_text{height:65px;}
		.slide_nav .nav_text span{font-size:22px;}
	    .main_slide .line_button a{margin:20px auto 0 auto;width:150px;height:50px;line-height:50px;font-size:16px;border-radius:25px;}
	}

	@media screen and (max-width:1023px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg{height:500px;}
	    .main_slide .slide_item .bg video{height:500px;}
		.main_slide .slide_item .copy h3{font-size:45px;}
		.main_slide .slide_item .copy h4{font-size:30px;}
		.main_slide .slide_item .copy p{font-size:18px;}
		.main_slide .slick-dots li button:before{font-size:14px;}
		.slide_nav .nav_text{height:60px;}
		.slide_nav .nav_text span{font-size:20px;}
		.main_slide .slick-arrow{display:none !important;}
	    .main_slide .line_button a{margin:10px auto 0 auto;width:140px;height:40px;line-height:40px;font-size:15px;border-radius:20px;}
	}

	@media screen and (max-width:767px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg,
		.main_slide .slide_item .bg video{height:450px;}
		.main_slide .slide_item .copy h3{font-size:33px;}
		.main_slide .slide_item .copy h4{font-size:22px;margin:0 auto 5px auto;}
		.main_slide .slide_item .copy p{font-size:16px;}
		.main_slide .slick-dots li button:before{font-size:13px;}
		.slide_nav .nav_text span{font-size:16px;}
		.visual_wrap .slide_nav{display:none !important;}
		.main_slide .slick-dots{top:auto;bottom:5%;}
	}

	@media screen and (max-width:520px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg,
		.main_slide .slide_item .bg video{height:400px;}
	    .main_slide .slide_item .copy{top:30%;}
		.main_slide .slide_item .copy h3{font-size:28px;}
		.main_slide .slide_item .copy h4{font-size:18px;}
		.main_slide .slide_item .copy p{font-size:14px;}
	    .main_slide .line_button a{width:120px;font-size:14px;}
	}

	@media screen and (max-width:480px){
		.visual_wrap,
		.main_slide,
		.main_slide .slick-list .slick-track,
		.main_slide .slide_item .bg,
		.main_slide .slide_item .bg video{height:350px;}
	}



/* **************************************** ** mission_wrap/vision_wrap ** **************************************** */

	.mission_wrap{}
	.vision_wrap{background-image:url('../../../images/site/main/vision_bg.jpg');background-repeat:no-repeat;background-position:top center;background-size:cover;}
	.main_list{position:relative;}
	.main_list:before{content:'';position:absolute;width:100%;height:310px;left:0px;bottom:-50px;right:0px;background:#f5f1ee;}
	.vision_area.main_list:before{background:rgba(0,0,0,0.22);}
	.main_list .obj{text-align:center;}
	.main_list dl{}
	.main_list dl dt{display:block;margin:0 auto 20px auto;}
	.main_list dl dd{font-size:18px;text-align:center;color:#fff;}
	.main_list dl dd strong{font-size:36px;margin-bottom:10px;font-weight:600;display:block;line-height:1.2;font-family:'cormorant',serif;}
	.mission_area.main_list dl dd strong{color:#342f2d;}
	.mission_area.main_list dl dd{color:#634a46;}

	@media screen and (max-width:1400px){
	   .main_list dl dd strong{font-size:33px;}
	}

	@media screen and (max-width:1280px){
		.main_list:before{content:none;}
		.main_list .ff_obj.f_four .obj{padding:20px 0;flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
		.main_list dl dd strong{font-size:30px;}
		.main_list dl dd{font-size:17px;}
	}

	@media screen and (max-width:1023px){
	}

	@media screen and (max-width:767px){
	   .main_list dl dd strong{font-size:28px;margin-bottom:5px;}
	   .main_list dl dt img{width:70%;}
	}

	@media screen and (max-width:520px){
	   .main_list dl dd strong{font-size:24px;}
	   .main_list dl dd{font-size:16px;}
	}


	@media screen and (max-width:480px){
	   .main_list dl dd strong{font-size:20px;}
	   .main_list dl dd{font-size:15px;}
	}



/* **************************************** ** product_wrap ** **************************************** */

	.product_wrap{background-image:url('../../../images/site/main/product_bg.jpg');background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}
	.mpd_area{}
	.mpd_area figure{margin:0;position:relative;}
	.mpd_area figure .soldout{width:70px;height:70px;line-height:70px;border-radius:50% !important;z-index:88;position:absolute;top:10px;right:10px;text-align:center;display:block;background:#b40f2c;color:#fff;}
	.mpd_area figure .soldout span{font-size:15px;color:#fff;}
	.mpd_area .item_link .item_thumbnail{position:relative;background:#fff;}
	.mpd_area .item_link .item_thumbnail .thumbnail{text-align:center;}
	.mpd_area .item_link .item_thumbnail .thumbnail.hover{opacity:0;}
	.mpd_area .item_link .item_thumbnail .thumbnail.base{opacity:1;}
	.mpd_area .item_link:hover .thumbnail.hover{opacity:1;}
	.mpd_area .item_link:hover .thumbnail.base{opacity:0;}
	.mpd_area .item_thumbnail .thumbnail img{max-width:100%;height:auto;vertical-align:middle;}
	.mpd_area .item_thumbnail .thumbnail.hover{position:absolute;cursor:pointer;left:0;top:0;opacity:0;width:100%;background:#f5f1ee;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	.mpd_area .item_link figcaption{padding:20px 20px 40px 20px;text-align:center;background:#fff;}
	.mpd_area .item_link figcaption h4{font-size:22px;line-height:1.5;color:#342f2d;display:block;}
	.mpd_area .item_link figcaption p{font-size:16px;padding:0 40px;margin:10px auto;line-height:1.5;color:#c4ab99;word-break:keep-all;display:block;}
	.mpd_area .item_link .btn_view{opacity:0;display:block;width:60%;padding:17px 0;margin:20px auto 0 auto;border:1px solid #c4ab99;background:transparent;text-align:center;transition:0.5s;}
	.mpd_area .item_link .btn_view span{font-size:14px;color:#634a46;line-height:1.2;text-transform:uppercase;font-family:'cormorant',serif;display:block;font-weight:600;}
	.mpd_area .item_link:hover .btn_view{opacity:1;}
	.mpd_area .item_link:hover figcaption p{color:#634a46;}
	.mpd_area .item_link .btn_view:hover{border:1px solid #634a46;background:#634a46;}
	.mpd_area .item_link .btn_view:hover span{color:#f5f1ee;}
	.pd_all_button{display:inline-block;width:100%;text-align:center;}
	.pd_all_button a{margin:70px auto 0 auto;width:220px;height:70px;line-height:70px;font-size:20px;border-radius:35px;background:#634a46;color:#d6bcad;display:block;font-family:'cormorant',serif;font-weight:600;text-transform:uppercase;transition:0.5s;}
	.pd_all_button a:hover{background:#4e3532;color:#f5f1ee;}


	@media screen and (max-width:1400px){
	}

	@media screen and (max-width:1280px){
		.mpd_area .item_link figcaption p{padding:0;}
		.mpd_area .item_link .btn_view{opacity:1;padding:15px 0;}
		.pd_all_button a{margin:60px auto 0 auto;width:200px;height:64px;line-height:64px;font-size:18px;border-radius:32px;}
		.mpd_area.ff_object.f_three{margin:0;}
		.mpd_area.ff_object.f_three .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	}

	@media screen and (max-width:1023px){
		.mpd_area .item_link figcaption h4{font-size:20px;}
		.mpd_area .item_link figcaption p{font-size:15px;line-height:1.4;}
		.mpd_area figure .soldout{width:60px;height:60px;line-height:60px;}
		.mpd_area figure .soldout span{font-size:14px;}
	}

	@media screen and (max-width:767px){
	   .main_list dl dd strong{font-size:28px;margin-bottom:5px;}
		.main_list dl dt img{width:70%;}
		.mpd_area .item_link .btn_view{width:100%;}
		.mpd_area .item_link figcaption{padding:15px 15px 30px 15px;}
		.mpd_area .item_link figcaption h4{font-size:18px;}
		.mpd_area .item_link figcaption p{font-size:14px;}
		.mpd_area.ff_object.f_three .obj{padding:10px;}
	}

	@media screen and (max-width:640px){
	   .main_list dl dd strong{font-size:24px;}
		.main_list dl dd{font-size:16px;}
		.mpd_area.ff_object.f_three .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;}
		.mpd_area .item_link .btn_view{padding:12px 0;}
		.mpd_area .item_link .btn_view span{font-size:13px;}
		.pd_all_button a{margin:50px auto 0 auto;height:60px;line-height:60px;font-size:17px;border-radius:30px;}
	}


	@media screen and (max-width:480px){
	   .main_list dl dd strong{font-size:20px;}
		.main_list dl dd{font-size:15px;}
	}






/* **************************************** ** info_wrap ** **************************************** */

.info_wrap{position:relative;}
.info_wrap:before,.info_wrap:after{content:'';width:50%;height:100%;position:absolute;top:0;}
.info_wrap:before{background:#c4ab99;left:0;}
.info_wrap:after{background:#a9856b;right:0;}
.info_wrap .link_cont{}
.info_wrap .link_cont .t_group{color:#fff;}
.info_wrap .link_cont .t_group strong{font-size:48px;margin-bottom:20px;font-weight:600;display:block;line-height:1.2;}
.info_wrap .link_cont .t_group span{font-size:18px;line-height:1.5;}
.info_wrap .link_cont:first-child{padding:80px 50px 80px 0;}
.info_wrap .link_cont:last-child{padding:80px 0 80px 50px;}
.link_cont .f_inner{position:relative;}
.link_cont .f_inner a{position:absolute;right:0px;top:50%;margin-top:-40px;}

@media screen and (max-width:1400px){
	.info_wrap .link_cont .t_group strong{font-size:45px;}
	.info_wrap .link_cont .t_group span{line-height:1.4;}
	.info_wrap .link_cont:first-child{padding:70px 40px 70px 0;}
	.info_wrap .link_cont:last-child{padding:70px 0 70px 40px;}
	.info_wrap .link_cont .t_group{padding-right:150px;}
}

@media screen and (max-width:1280px){
	.info_wrap .link_cont .t_group strong{font-size:40px;}
	.info_wrap .link_cont .t_group span{font-size:17px;}
	.info_wrap .link_cont:first-child{padding:60px 30px 60px 0;}
	.info_wrap .link_cont:last-child{padding:60px 0 60px 30px;}
}

@media screen and (max-width:1023px){
	.info_wrap .link_cont .t_group strong{font-size:35px;margin-bottom:10px;}
	.info_wrap .link_cont .t_group span{font-size:16px;}
    .link_cont .f_inner a{margin-top:-30px;}
	.info_wrap .link_cont:first-child{padding:40px 20px 40px 0;}
	.info_wrap .link_cont:last-child{padding:40px 0 40px 20px;}
	.info_wrap .link_cont .t_group{padding-right:80px;}
}

@media screen and (max-width:767px){
	.info_wrap .link_cont .t_group strong{font-size:30px;}
	.info_wrap .link_cont .t_group span{font-size:15px;}
	.link_cont .f_inner{display:inline-block;}
	.info_wrap .link_cont .t_group{text-align:center;padding:0;}
    .link_cont .f_inner a{position:relative;display:block;margin:20px auto 0 auto;top:auto;}
	.info_wrap .link_cont:first-child{padding:30px 15px 15px 0;}
	.info_wrap .link_cont:last-child{padding:30px 0 30px 15px;}
}

@media screen and (max-width:520px){
	.info_wrap .link_cont .t_group strong{font-size:25px;}
	.info_wrap .link_cont .t_group span{font-size:14px;}
}

@media screen and (max-width:480px){
	.info_wrap .link_cont:first-child{padding:20px 10px 10px 0;}
	.info_wrap .link_cont:last-child{padding:20px 0 20px 10px;}
}































