@charset "utf-8";
/* Copyright 2024 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* プロモーション
---------------------------------------------- */
@media print, screen and (min-width: 766px){
div#wrap_slider_sp{display: none;}
div#wrap_slider_pc{height:660px;}
ul#slider_pc li{height: 660px;}
ul#slider_pc li div{width: 1200px;height: 660px; position: relative;margin:0 auto;}
ul#slider_pc li div p img{position: absolute;left: 20px;bottom: 0;}
ul#slider_pc li:first-child{background: url(/img/promotion01.png) no-repeat center 0;background-size:1600px 620px;}
ul#slider_pc li:nth-child(2){background: url(/img/promotion02.png) no-repeat center 0;background-size:1600px 620px;}
ul#slider_pc li:last-child{background: url(/img/promotion03.png) no-repeat center 0;background-size:1600px 620px;}
p#slider_logo_tab,p#slider_txt_tab{display: none;}
}

@media print, screen and (max-width: 1159px){
div#wrap_slider_pc{padding: 40px 0 0;position: relative;width: 100%;height:700px;}
ul#slider_pc li div{width: 100%;height: auto;}
p#slider_logo_tab{display: block; position: absolute;top:0;left: 50%;transform: translateX(-50%);z-index: 99;}
p#slider_logo_tab img{width: 150px;height:187px;}
p#slider_txt_tab{position: absolute;bottom:0;left: 50px;z-index: 99;}
p#slider_txt_tab img{width: 500px;}
}

@media print, screen and (max-width: 767px){
div#wrap_slider_pc{display: none;}
div#wrap_slider_sp{display: block; width: 100%;height:auto;z-index:99;position: relative;padding: 57px 20px 40px;}
ul#slider_sp li{width: 100%;height: auto;}
ul#slider_sp li img{width: 100%;height: auto;}
p#slider_logo_sp{position: absolute;top:0;left: 50%;transform: translateX(-50%);z-index: 99;}
p#slider_logo_sp img{width: 138px;height:172px;}
p#slider_txt_sp{position: absolute;bottom:0;left: 50px;z-index: 99;}
p#slider_txt_sp img{width: 295px;height:208px;}
}

/* about
---------------------------------------------- */
#about_img_sp{display: none;}
section#about{background:url(/img/about_bg.png) no-repeat top 100px center;padding: 180px 0 0;height: 900px;}
section#about div#about_wrap{width: 520px;margin: 0 auto;}
section#about h2{font-size: 42px;font-weight: 700;line-height: 1.8;margin:-20px 0 54px;}
section#about div#about_wrap p#about_txt{margin-bottom: 50px;}
p.btn_more_bar{font-family: "Shippori Mincho", system-ui;font-size: 15px;display: block;position: relative;padding-left:64px;line-height: 1.0;margin-top: -2px;letter-spacing: 0.1em;}
p.btn_more_bar:before{content: '';position: absolute;left:0;top: 10px;width: 50px;height: 1px;background-color: #A1864E;}
p.btn_more_bar a{color: #A1864E;}
p.btn_more_bar a:hover{color: #0E4813;}

@media print, screen and (max-width: 1200px){
section#about{background:url(/img/about_bg.png) no-repeat top 100px center;background-size: 106%; padding: 120px 30px 0;height: 700px;}
section#about div#about_wrap{width:70%;background: rgba(245, 244, 234, 0.7);padding: 10px;}
}

@media print, screen and (max-width: 767px){
section#about{background:none;padding: 50px 30px 0;height: auto;}
section#about div#about_wrap{width: 100%;margin: 0;background:none;}
section#about h2{font-size: 28px;margin:-13px 0 34px;line-height: 1.8;}
section#about div#about_wrap p#about_txt{margin-bottom: 35px;}
p.btn_more_bar{padding-left:60px;margin-top: -3px;margin-bottom:70px;}
p.btn_more_bar:before{top: 9px;}
p#about_img_sp{display: block;}
}

/* product
---------------------------------------------- */
p#product_bg_top_sp{display: none;}
div#product_bg_top{background:url(/img/products_bg_top.png) no-repeat top center;background-size: 1920px 220px;padding: 220px 0 0;}
section#product{background:url(/img/products_bg.png) repeat 0 0;padding: 140px 0;}
section#product div#product_wrap{text-align: center}
section#product div#product_wrap h2{background:url(/img/product_h2_bg.png) no-repeat top center;background-size: 166px 16px;padding: 42px 0 0;color: #CEDDD0;font-size: 42px;font-weight: 600;line-height: 1.0;margin:0 0 54px;text-align: center;}

ul#product_list01,ul#product_list02{overflow: hidden;}
ul#product_list01 li,ul#product_list02 li{float: left;}
ul#product_list01{width: 1200px;margin: 0 auto 60px;}
ul#product_list01 li{margin-right: 60px;}
ul#product_list01 li:nth-child(2){padding-top: 80px;}

ul#product_list02{width: 840px;margin: 0 auto 60px;}
ul#product_list02 li{margin-right: 120px;}

ul#product_list01 li:last-child,ul#product_list02 li:last-child{margin-right: 0;}

.btn_more_ccl{font-family: "Shippori Mincho", system-ui;font-size: 15px;}
.btn_more_ccl a{color: #9FBBA0;padding:60px 28px;line-height: 1.0;letter-spacing: 0.1em;border: 1px solid #9FBCA1;border-radius: 70px;display: inline-block;}
.btn_more_ccl a:hover{color: #A1864E;border: 1px solid #C2BFA9;}

@media print, screen and (max-width: 1200px){
section#product{padding: 80px 20px;}
ul#product_list01{width: 100%;}
ul#product_list01 li{width: 31%;margin-right: 3.5%;}
ul#product_list02{width: 70%;margin: 0 auto 60px;}
ul#product_list02 li{width: 45%;margin-right: 10%;}
}

@media print, screen and (max-width: 767px){
div#product_bg_top{background:none;padding: 70px 0 0;}
p#product_bg_top_sp{display: block;}
    
section#product{background:url(/img/products_bg.png) repeat 0 0;background-size:500px 333px;padding: 70px 20px;}
section#product div#product_wrap h2{background:url(/img/product_h2_bg_sp.png) no-repeat top center;background-size: 130px 11px;padding: 36px 0 0;font-size: 30px;margin:0 0 40px;}
    
ul#product_list01,ul#product_list02{overflow: visible;}
ul#product_list01 li,ul#product_list02 li{float: none;}
ul#product_list01,ul#product_list02{width: 100%;margin: 0 0 30px 0;}
ul#product_list01 li,ul#product_list02 li{width: 100%;margin: 0 0 30px 0;}
ul#product_list01 li:nth-child(2){padding-top: 0;}
ul#product_list02{margin-bottom: 40px;}
    
.btn_more_ccl a{padding:48px 19px;border-radius: 70px;}
}

/* business
---------------------------------------------- */
p#business_bg_top_sp{display: none;}
div#business_bg_top{background:url(/img/business_bg_top.png) no-repeat top center;background-size: 1920px 110px;padding: 110px 0 120px;}
div#business_wrap{text-align: center;padding: 140px 0 0;}
div#business_wrap h2{margin-bottom: 100px;}
div#business_wrap h2 a img:hover{opacity: 0.7;}

/* SLIDER */
div#wrap_slider{margin-bottom: 100px;height:200px;}
.slider_logo .slick-slide {width:1562px;height:200px;position: relative;overflow: hidden;}
.slider_logo .slick-slide img {display: block;width:100%;height:200px;padding-right:100px;}

div#news_wrap{margin: 0 auto 40px;width: 1200px;border-bottom: 1px solid #DCDAC9;padding-bottom: 80px;}
div#news_wrap .ttl_ccl{margin-bottom:58px;}

ul#news_list{overflow: hidden;text-align: left;margin-bottom: 60px;}
ul#news_list li{float: left;width: 560px;margin:0 80px 80px 0;overflow: hidden;}
ul#news_list li p{float: left;width: 260px;height: 220px; margin-right: 40px;}
ul#news_list li p img{width: 100%;height: 100%;object-fit: cover;border-radius: 50px;}
ul#news_list li dl{float: left;width: 260px;font-size: 14px;line-height: 1.0;padding-top: 39px;font-weight: 700;}
ul#news_list li dl dt{color: #A1864E;padding-left: 40px;position: relative;margin-bottom: 23px;}
ul#news_list li dl dt:before{content: '';position: absolute;left:0;top: 7px;width: 30px;height: 1px;background-color: #A1864E;}
ul#news_list li dl dd.ttl{font-size: 16px;line-height: 1.8;margin-bottom: 23px;}
ul#news_list li dl dd.date{font-family: "Shippori Mincho", system-ui;letter-spacing: 0.1em;}
ul#news_list li p img:hover{opacity: 0.7;transition: 0.3s;}
ul#news_list li dl dd.ttl:hover a{color: #0E4813;}

ul#news_list li:nth-child(2n){margin-right: 0;}
ul#news_list li:nth-child(3),ul#news_list li:nth-child(4){margin-bottom:0;}

div#news_wrap .btn_more_ccl a{color: #A1864E;border: 1px solid #C2BFA9;}
div#news_wrap .btn_more_ccl a:hover{color: #0E4813;border: 1px solid #839F80;}

/* insta */
div#insta_wrap{text-align: left;margin: 0 auto;width: 1200px;}
div#insta_wrap ul{overflow: hidden;}
div#insta_wrap ul li{float: left;}
div#insta_wrap ul li h2{margin-bottom: 10px;}
div#insta_wrap ul li:last-child{margin: 0 0 0 60px;padding-top: 40px;background:url(/img/insta_btn_on.png) no-repeat top 40px center;background-size: 186px 30px;}
div#insta_wrap ul li a img:hover{opacity: 0;transition: 0.3s;}

div#insta_block{height: 244px;width: 1200px;}
#sb_instagram #sbi_images {padding: 0;}

@media print, screen and (max-width: 1200px){
div#news_wrap_sp{padding:0 30px;}
div#news_wrap{width: 100%;}
ul#news_list li{width: 45%;margin:0 10% 80px 0;}
ul#news_list li p{width: 48%;margin-right: 4%;}
ul#news_list li dl{width: 48%;}
    
/* insta */
div#insta_wrap{width: 100%;}
div#insta_block{width: 100%;}
}

@media print, screen and (max-width: 767px){
p#business_bg_top_sp{display: block;}
div#business_bg_top{background:none;padding: 0 0 0;}
div#business_wrap{text-align: center;padding: 70px 0 50px;}
div#business_wrap h2{margin-bottom: 60px;padding: 0 30px;}
div#business_wrap h2 a img:hover{opacity: 0.7;}   
    
/* SLIDER */
div#wrap_slider{margin-bottom: 60px;height:100px;}
.slider_logo .slick-slide {width:781px;height:100px;position: relative;overflow: hidden;}
.slider_logo .slick-slide img {display: block;width:100%;height:100px;padding-right:50px;}

div#news_wrap{margin: 0 0 50px 0;padding:0 0 50px;}
div#business_wrap div#news_wrap h2{margin-bottom: 26px;padding:0 0 0 18px;}

ul#news_list{overflow: visible;margin-bottom: 40px;}
ul#news_list li{float: none;width: 100%;margin:0 0 30px 0;}
ul#news_list li p{width: 45%;height: 110px; margin-right: 5%;}
ul#news_list li p img{border-radius: 30px;}
ul#news_list li dl{width: 50%;font-size: 12px;padding-top: 0;}
ul#news_list li dl dt{margin-bottom: 13px;}
ul#news_list li dl dd.ttl{font-size: 15px;margin-bottom: 13px;}

ul#news_list li:nth-child(3){margin-bottom:30px;}
    
div#news_wrap .btn_more_ccl a{color: #A1864E;border: 1px solid #C2BFA9;padding:48px 19px;border-radius: 70px;}

/* insta */
div#insta_wrap{margin: 0;width: 100%;}
div#insta_wrap ul{overflow: visible;}
div#insta_wrap ul li{float: none;}
div#insta_wrap ul li h2{margin-bottom: 20px;padding:0;width: 100%;}
div#insta_wrap ul li:last-child{display: none;}
div#insta_wrap ul li a img:hover{opacity: 1;}

div#insta_block{height: auto;width: 100%;}
}