@charset "UTF-8";
/* CSS Document */
body{
	font-feature-settings: palt;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
#contents{
    margin: 0 auto;
}
picture,img{
	vertical-align: bottom;
	line-height: 0;
}
.footer{
	margin-top: 0;
}
.graybox{
	background-color: #F9F9F9;
}

/* common class */
.pc{
	display: inherit;
}
.smp{
	display: none;
}
.right{
	text-align: right;
}
.flex{
	display: flex;
}
.flex.vp960-0{ flex-direction: row; }
.flex.vp550-0{ flex-direction: row; }

.center{
	text-align: center;
}
.center.vp960-0{ text-align: center; }
.center.vp550-0{ text-align: center; }
/* common class */
.view-1200{ display: inherit;}
.view-1200-960{ display: inherit}
.view-1200-550{ display: inherit; }
.view-960-550{ display: none; }
.view-550-0{ display: none; }
.view-960-0{ display: none; }

.en{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight:600;
}
.sub:has( + .en){
	color: #ff0;
}
.jp-title{
    font-size: 4.3rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.en-title{
	font-size: 3.3rem;
	margin-bottom: 30px;
}
.en-title span{
	margin-left: 1.2em;
	color: #535220;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
}
.pc-center{
	text-align: center;
}
.cap-s{
	font-size: 1.3rem;
	color: #990000;
}

.navbar{
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
}

#mainvis{
}
#mainvis picture img {
	width: 100vw;
	object-fit: cover;
	object-position: center center;
}
@media screen and (max-width:1060px){
	#mainvis{
		ddheight: 80vw;
	}
	#mainvis picture img{
		ddheight: 80vw;
	}
}

.wrap-offwhite{
	background-color: #e8e8e8;
	padding-top: 180px;
	padding-bottom: 150px;
	margin-bottom: 150px;
}
@media screen and ( min-width:960px ){
	.wrap-offwhite{
		padding-top: 150px;
	}
}
.wrap-white{
	margin: 0 auto;
    width: 92%;
	max-width: 1000px;
	padding: 50px;
	margin-bottom: 10px;
}
.wrap-white.full{
    width: 100%;
    max-width: inherit;
	padding-top: 180px;
	padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
	margin-bottom: 0;
}
.wrap-gray{
	background-color: #F7F7F7;
}
.contents{
    margin: 0 auto;
	padding: 0 6vw;
	box-sizing: border-box;
	max-width: calc(1320px + 6vw * 2);
}
@media screen and (min-width:1500px){
	.contents{
	}
}
@media screen and (max-width:1080px){
    .wrap-white{
        width: inherit;
    }
}
@media screen and (max-width:1199px){
    .contents{
        padding: 0 8%;
		margin-left: 0;
		margin-right: 0;
        box-sizing: border-box;
    }
}
.linkicon{
	margin: 30px 0 60px 0;
}
.linkicon.mb0{
	margin-bottom: 0;
}
.linkicon a{
	color:#DBA24C;
	letter-spacing: .07em;
	font-size: 15px;
}
.linkicon a::before{
	content: url("../img/icon_link01.svg");
	margin-right: .5em;
}

/* slick */
.slick–slide img {
	height: 30vw;
}
.slick-slide{
	min-height: inherit;
}
.slick-arrow{
	text-indent: -999999px;
    border: none;
    display: block;
    padding: 0;
    margin: 0;
    cursor: pointer;
	background-color: transparent;
}
.slick-arrow::before {
    content: '';
    left: auto;
    right: 20px;
    width: 30px;
    height: 30px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: transparent;
    position: absolute;
    z-index: 10;
    top: -15px;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    opacity: 0.85;
}
.slick-arrow.slick-prev::before {
    left: 20px;
    right: auto;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.slick-next.slick-arrow{
	height: 0;
}
.slick-dots{
    display: flex;
    justify-content: flex-start;
}
.slick-dots li {
    cursor: pointer;
    display: block;
    background-color: #d2d2d2;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: 5px 0 0 5px;
}
.slick-dots button{
	display: none;
}
.slick-dots .slick-active {
    background-color: #707070;
}
.headline{
	margin: 0 0 60px 0;
}
.headline p:has( + .jp-title){
	margin:0 0 30px 0;
}
.headline p:has( + .jp-title) span{
	border: 1px solid #3C3C3C;
	color: #3C3C3C;
	border-radius: 30px;
	padding: .25em 1em;
    font-size: 26px;
    letter-spacing: .15em;
}
.headline .jp-title{
	margin-bottom: 60px;
}
.headline p.lead{
	margin-bottom: 0;
    padding-bottom: 0
}
.headline p.lead.sub{
	margin-bottom: 60px;
	font-size: 1.3rem;
	color: #808080;
}
.lead .underline{
    background: url(../img/underline.png) repeat-x left 0 bottom -1.25em;
    padding: 0 .5em .25em .5em;
}
.lead .underline::before{
    position: absolute;
    display: block;
    height: 1em;
    width: 100%;
    background-color: #f9f5d5;
    bottom:-.5em;
    left: 0;
    z-index: 1;
}
.categorytitles{
	text-align: center;
	margin-bottom: 60px;
}
.categorytitles .jp-title{
	margin-bottom: 50px;
	font-size: 4.3rem;
}

.cnt2{
	margin-bottom: 150px;
}
.cnt2 .flex{
	justify-content: space-between;
}
.cnt2 .flex > .lbox,
.cnt2 .flex > .caption{
	width: 47.5%;
	box-sizing: border-box;
}

.cnt2 .flex > .lbox > ul{
	margin: 0;
	margin-top: -25px;
}
.cnt2 .flex > .lbox li{
	height: 100%;
}
.cnt2 .flex > .lbox li.slick-slide{
	height: 35vw;
	max-height: 450px;
}
@media screen and (max-width:1250px){
	.cnt2 .flex > .lbox li.slick-slide{
		height: 40vw;
		max-height: inherit;
	}
}
@media screen and (max-width:1200px){
	.cnt2 .flex > .lbox li.slick-slide{
		height: 50vw;
		max-height:none;
	}
}
@media screen and ( max-width:959px ) and ( min-width:550px ){
	.cnt2 .flex > .lbox li.slick-slide{
		height: 515px;
		max-height:none;
	}
}
/*
@media screen and (max-width:1150px){
	.cnt2 .flex > .lbox li.slick-slide{
		height: 55vw;
	}
}
@media screen and (max-width:100px){
	.cnt2 .flex > .lbox li.slick-slide{
		height: 66vw;
	}
}*/
.cnt2 .flex > .lbox img{
	min-width: 100%;
	display: block;
	height: 100%;
	overflow: clip;
	object-fit: cover;
}
.cnt2 .flex > .caption{
	padding: 50px 5% 50px 0;
}
.cnt2 .flex > .caption h3{
	color: #967F4B;
	font-size: 3.3rem;
	margin-bottom: 40px;
	font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 600;
}
.cnt2 .linkicon{
	margin-bottom: 0;
	margin-top: 20px;
}
.cnt2 .slickdotsbox > .slick-dots {
	margin-top: 10px;
	/*margin-left: 5px;
	transform: translateY(-20px);*/
}
.cnt2 .slick-arrow{
	position: relative;
	left:-300vw;
}
.cnt3{
	padding: 150px 0;	
}
.cnt3 .categorytitles{
	margin-bottom: 50px;
}
.cnt3 .categorytitles figure:first-child{
	margin-bottom: 40px;
}
.cnt3 .cnt3-2{
	background: url("/showroom/event/hagumi/img/2x/cnt3_fig01.jpg") no-repeat left center /cover;
	padding: 108px 60px;
	margin-bottom: 100px;
}
@media screen and (min-width:1200px){
	.cnt3 .cnt3-2{
		padding: 90px 60px;
	}
}
@media screen and (max-width:1199px) and (min-width:960px){
	.cnt3 .cnt3-2{
		background-position: center;
	}
}
.cnt3 .cnt3-2 .box{
	background-color: rgba(0,0,0,.60);
	padding: 60px 4%;
	color: #fff;
	width: 47%;
	margin-left: auto;
}
.cnt3 .cnt3-2 .box .jp-title{
	font-size: 3.3rem;
	margin-bottom: 30px;
	font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.cnt3 .cnt3-3{
}
.cnt3 .cnt3-3 .jp-title{
	margin-bottom: 60px;
	font-size: 3.3rem;
	text-align: center;
}
.cnt3 .cnt3-3 .flex{
	margin: 0 4vw 30px 4vw;
	justify-content: space-between;
	gap:2%;
	max-width: calc(1200px + 11vw * 2);
}
.cnt3 .cnt3-3 .flex > div{
	width: 100%;
	box-sizing: border-box;
	padding: 30px 2% 40px 2%;
	position: relative;
}
.cnt3 .cnt3-3 .flex > div::before{
	content: "";
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc( 100% - 145px );
	z-index: 1;
	border-radius: 8px;
}
.cnt3 .cnt3-3 .flex > div > div{
	cccc_transform: translate(0,-145px);
	z-index: 3;
	position: relative;
}
.cnt3 .cnt3-3 .flex > div .fig{
	margin-bottom: 30px;
	text-align: center;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
.cnt3 .cnt3-3 .flex > div > div h4.jp-title{
	font-size: 1.85rem;
	font-weight: 700;
	text-align:left;
	margin-bottom: 30px;
	color: #967F4B;
	padding-left: 1.5em;
	padding-top: .135em;
	background: url("../img/icon_check.svg") no-repeat left 0 top 3px;
}
.cnt3 .cnt3-3 + .linkicon{
	margin-right: 5vw;
	margin-bottom: 0;
}
.cnt4{
	padding: 150px 0;
}
.cnt4 .carousel ul li.slick-slide{
	position: relative;
	z-index: 100;
}
.cnt4 .carousel picture img {
	/*max-width: 1500px;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 100;
}
@media screen and (min-width:1500px){
	.cnt4 .carousel{
		/*margin:0 auto;*/
	}
}
.cnt4 .carousel ul .slick-slide{
    margin-right: 2vw;
    margin-left: 2vw;
}
.cnt4 .carousel .slick-dots{
    display: flex;
    justify-content: center;
	margin-top: 60px;
}
.cnt4 .carousel .slick-dots li {
    cursor: pointer;
    display: block;
    background-color: #eae5db;
    width: 44px;
    height: 2px;
    border-radius: 0;
    margin: 5px 0 0 2px;
}
.cnt4 .carousel .slick-dots li.slick-active {
    background-color: #967f4b;
}
.cnt4 .slick-arrow::before{
	right: 19.5vw;
	border-top-color: #967F4B;
	border-right-color: #967F4B;
	z-index: -10;
}
.cnt4 .slick-arrow.slick-prev::before{
	left: 19.5vw;
	right: auto;
}
.cnt5{
	padding: 150px 0 120px 0;
}
.cnt5 .flex{
	padding: 0 4vw;
	gap:5%;
	max-width: calc(1200px + 11vw * 2);
	align-items: center;
}
.cnt5 .flex > figure{}
.cnt5 .flex > .caption{
	width: 47.5%;
}
.cnt5 .flex > .caption h3{
	font-size: 3.6rem;
	margin-bottom: 20px;
	font-weight: 600;
}
.cnt5 .flex > .caption h3 + h4{
	font-size: 1.3rem;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #B1ADAD;
}
.cnt5 .flex > .caption .linkicon{
	margin-bottom: 0;
}
.cnt5 .flex > figure img{
	width: 100%;
	height: auto;
}
.cnt6{
	background: url("/showroom/event/hagumi/img/cnt6_fig01.jpg") no-repeat center center / cover;
	padding: 100px 0 150px 0;
	margin-bottom: -1px;
}
@media screen and ( min-width:1200px ){
	.cnt6 .contents{
		max-width: calc( 950px + 19vw );
		padding: 0 2vw;
	}
}
.cnt6 .headline{
	color: #fff;
	text-align: center;
}
.cnt6 .box{
	background-color: rgba(255,255,255,0.68);
	padding: 25px 3%;
	box-sizing: border-box;
	margin: 0 10%;
	gap:3%;
	align-items: center;
}
.cnt6 .box .circle{
    font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background-color: #967F4B;
	color: #fff;
	padding: .7em;
	width: 15%;
	min-width: 122px;
	aspect-ratio:1/1;
	box-sizing: border-box;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.2rem;
}
.cnt6 .box .circle p{
	text-align: center;
	font-weight: 600;
}
.cnt6 .box .caption{
	width: 41%;
}
.cnt6 .box figure{
	width: 39%;
}
.cnt6 .box figure img{
	width: 100%;
	height: auto;
}
.cnt6 .box .caption h3{
    font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 20px;
}
.cnt6 .headline p:has( + .jp-title) span{
	color: #fff;
	border-color: #fff;
    font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 33px;
}
.cnt6 .headline .jp-title{
	font-size:  2.8rem;
}
.cnt6 .headline .jp-title span{
	font-size: 3.3rem;
}