main {
	overflow: hidden;
}
.sec-ttl {
	width: 100%;
	font-size: var(--fs25);
	font-weight: bold;
	text-indent: .4rem;
	letter-spacing: .4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px 0;
}
.sec-ttl span {
	font-size: 3.57rem;
	text-indent: .5rem;
	letter-spacing: .5rem;
	line-height: 1;
}
.btn-viewmore {
	width: 270px;
}
.btn-viewmore a {
	position: relative;
	padding: 18px 0;
	color: #fff;
	font-size: var(--fs16);
	text-align: center;
	text-indent: .26rem;
	letter-spacing: .26rem;
	background: #2a2a2a;
}
.btn-viewmore a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	border-radius: 1px;
	transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px){
	.sec-ttl {
		font-size: var(--fs11);
		text-indent: .36rem;
		letter-spacing: .36rem;
		gap: 5px 0;
	}
	.sec-ttl span {
		font-size: var(--fs22);
		text-indent: .22rem;
		letter-spacing: .22rem;
	}
	.btn-viewmore {
		width: 140px;
	}
	.btn-viewmore a {
		padding: 8px 0;
		font-size: var(--fs10);
		text-indent: .2rem;
		letter-spacing: .2rem;
	}
	.btn-viewmore a::after {
		right: 7px;
		width: 5px;
		height: 5px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
	}
}
/*-------------------------------------------------
|- main-visual-block
-------------------------------------------------*/
.main-visual-block {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 100px;
	padding-bottom: 95px;
}
.main-visual-txt {
	position: absolute;
	top: 50%;
	transform : translateY(-50%);
	left: 7%;
	width: 43%;
	max-width: 560px;
	z-index: 1;
}
.main-visual {
	width: 73%;
	max-width: 1020px;
	margin: 0 0 0 auto;
	overflow: hidden;
}
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.13);
	}
}
.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}

@media screen and (max-width: 1015px){
	.main-visual-block {
		padding-bottom: 92px;
	}
}
@media screen and (max-width: 831px){
	.main-visual-block {
		padding-bottom: 63px;
	}
}
@media screen and (max-width: 767px){
	.main-visual-block {
		margin: 0 auto 60px;
		padding-bottom: 20%;
	}
	.main-visual {
		width: 100%;
	}
	.main-visual-txt {
		top: unset;
		bottom: 9%;
		left: 5%;
		transform: unset;
		width: 53%;
	}
}
/*-------------------------------------------------
|- scroll-down
-------------------------------------------------*/
.scroll-down {
	position: absolute;
	bottom: 11%;
	left: 15%;
	width: 7px;
	height: 125px;
}
.scroll-down img {
	position: relative;
	padding-bottom: 12px;
	background-color: #fff;
	z-index: 90;
}
.scroll-down__bar {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 1px;
	height: 60px;
	margin: auto;
	background-color: #333;
	display: block;
	animation: scroll 3s infinite;
}
@keyframes scroll {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	33% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 60px, 0);
		transform: translate3d(0, 60px, 0);
	}
}
/*最初の線*/
.scroll-down__bar-arrow::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -9%;
	width: 1px;
	height: 7px;
	font-size: 0;
	background-color: #2a2a2a;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: translateX(-50%) scaleX(-1) rotate(-135deg) translateY(.5em);
	transform: translateX(-50%) scaleX(-1) rotate(-135deg) translateY(.5em);
	animation: check_anim .3s 2.5s linear both;
}
/*最後の線*/
.scroll-down__bar-arrow::after{
	content: '';
	position: absolute;
	bottom: -4%;
	left: 54%;
	width: 1px;
	height: 7px;
	font-size: 0;
	background-color: #2a2a2a;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: translateX(-50%) rotate(45deg) translate(.5em,.125em);
	transform: translateX(-50%) rotate(45deg) translate(.5em,.125em);
	animation: check_anim .3s 2.7s linear both;
}
@keyframes check_anim {
	0% {
		width: 0;
		height: 0;
	}
	100% {
		width: 1px;
		height: 7px;
	}
}
@media screen and (max-width: 1190px){
	.scroll-down {
		bottom: 1%;
	}
}
/*-------------------------------------------------
|- top-link-list
-------------------------------------------------*/
.top-link-list {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 73%;
	max-width: 1020px;
	margin: 0 0 0 auto;
	display: flex;
	align-items: flex-end;
}
.top-link-list__item {
	position: relative;
	width: 35%;
	max-width: 350px;
	background: #fff;
}
.top-link-list__item:first-child::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 1px;
	height: 55px;
	background: #fff;
}
.top-link-list__item.concept {
	position: relative;
	width: 32%;
}
.top-link-list__item.concept::before {
	content: '';
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	width: 210px;
	height: 225px;
	background: url(/assets/img/img_top_concepthouse.png) no-repeat bottom;
	background-size: 100%;
	z-index: 1;
}
.top-link-list__item.concept .top-link-list__link {
	min-height: 165px;
	background: #2a2a2a;
}
.top-link-list__link {
	padding: 23px 0;
	color: #fff;
	font-weight: bold;
	text-indent: .18rem;
	letter-spacing: .18rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 0;
	background: #a28e71;
}
.top-link-list__link span {
	font-size: var(--fs17);
	text-indent: .2rem;
	letter-spacing: .2rem;
	line-height: 1;
}
@media screen and (max-width: 1015px){
	.top-link-list__item.concept::before {
		bottom: 90px;
		width: 72%;
		height: 100%;
	}
	.top-link-list__item.concept .top-link-list__link {
		min-height: 130px;
	}
	.top-link-list__link {
		font-size: var(--fs13);
		letter-spacing: 0;
	}
	.top-link-list__link span {
		font-size: var(--fs15);
		letter-spacing: .15rem;
	}
}
@media screen and (max-width: 831px){
	.top-link-list__item:first-child::after {
		height: 30px;
	}
	.top-link-list__item.concept::before {
		bottom: 70px;
		width: 64%;
	}
	.top-link-list__item.concept .top-link-list__link {
		min-height: 100px;
	}
	.top-link-list__link {
		padding: 15px 0;
		font-size: var(--fs11);
		gap: 5px 0;
	}
	.top-link-list__link span {
		font-size: var(--fs13);
	}
}
@media screen and (max-width: 767px){
	.top-link-list {
		top: 25px;
		right: 15px;
		bottom: unset;
		width: 38%;
		flex-direction: column;
		gap: 12px 0;
	}
	.top-link-list__item {
		width: 100%;
		background: rgb(162,142,113,.8);
		transform: translateX(10%);
		opacity: 0;
	}
	.top-link-list__item:first-child::after {
		display: none;
	}
	.top-link-list__item:nth-child(1) {
		-webkit-transition: opacity 1.4s ease-out 0s, transform 1.4s ease-out 0s;
		transition: opacity 1.4s ease-out 0s, transform 1.4s ease-out 0s;
	}
	.top-link-list__item:nth-child(3) {
		-webkit-transition: opacity 1.4s ease-out 0.5s, transform 1.4s ease-out 0.5s;
		transition: opacity 1.4s ease-out 0.5s, transform 1.4s ease-out 0.5s;
	}
	.top-link-list__item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translateY(0);
	}
	.top-link-list__link {
		position: relative;
		padding: 15px 10px;
		text-align: left;
		letter-spacing: .16rem;
		line-height: 1;
		box-sizing: border-box;
		align-items: flex-start;
	}
	.top-link-list__link::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -6px;
		transform: translateY(-50%);
		width: 14px;
		height: 14px;
		background: url(/assets/img/btn_top_link.png) no-repeat;
		background-size: 100%;
	}
	.top-link-list__link span {
		letter-spacing: .08rem;
	}
	.btn-top-concept {
		position: absolute;
		right: 12px;
		bottom: 0;
		width: 31%;
		max-width: 115px;
		height: 28%;
		max-height: 115px;
		background: #2a2a2a;
		border-radius: 50%;
	}
	.btn-top-concept__link {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0 0 17px;
		color: #fff;
		font-size: var(--fs10);
		font-weight: bold;
		text-align: center;
		text-indent: .1rem;
		letter-spacing: .1rem;
		border-radius: 50%;
		box-sizing: border-box;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		gap: 5px 0;
	}
	.btn-top-concept__link::before {
		content: '';
		position: absolute;
		bottom: 80px;
		left: 50%;
		transform: translateX(-50%);
		width: 100px;
		height: 110px;
		background: url(/assets/img/img_top_concepthouse.png) no-repeat bottom;
		background-size: 100%;
	}
	.btn-top-concept__link span {
		font-size: var(--fs12);
		text-indent: .16rem;
		letter-spacing: .16rem;
	}
}
@media screen and (max-width: 380px){
	.top-link-list__link,
	.top-link-list__link span {
		letter-spacing: 0;
	}
}
@media screen and (max-width: 360px){
	.btn-top-concept {
		height: 25%;
	}
	.btn-top-concept__link,
	.btn-top-concept__link span {
		text-indent: 0;
		letter-spacing: 0;
	}
	.btn-top-concept__link::before {
		bottom: 75px;
		width: 80px;
		height: 87px;
	}
}
@media screen and (max-width: 330px){
	.top-link-list__link {
		padding: 10px 10px 10px 5px;
	}
}
/*-------------------------------------------------
|- event-block
-------------------------------------------------*/
.event-block {
	width: 100%;
	margin-bottom: 130px;
	padding-bottom: 30px;
}
.event-block-ttl {
	width: 100%;
	max-width: 1400px;
	margin:auto;
	font-size: 3.57rem;
	letter-spacing: .5rem;
	line-height: 1;
	position: relative;
}
.event-box {
	position: relative;
	padding: 60px 0 70px;
	background: #f0f0f0;
}
.event-block-ttl::before {
    content: '';
    position: absolute;
    top: 70px;
    left: 0px;
    width: 35px;
    height: 1px;
    background: #b2b2b2;
    z-index: 2;
}
.event-list {
	width: 100%;
	/* max-width: 1140px; */
	max-width: 1400px;
	margin: auto;
}
.event-list__item {
	margin: 0 30px;
}
.event-list-detail {
	margin: 30px auto 0;
	padding: 0 30px;
	box-sizing: border-box;
}
.event-list-detail__ttl {
	margin-bottom: 20px;
	font-feature-settings: 'palt';
	font-size: var(--fs20);
	font-weight: bold;
	letter-spacing: .15rem;
}
.event-list-detail__item {
	font-size: var(--fs18);
	letter-spacing: .1rem;
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	gap: 0 15px;
}
.event-list-detail__item span {
	padding: 5px 0;
	color: #fff;
	font-size: var(--fs18);
	font-weight: bold;
	text-align: center;
	text-indent: .1rem;
	letter-spacing: .1rem;
	background: #d48f81;
	box-sizing: border-box;
}
.event-list-detail__txt {
	margin-top: 20px;
	font-size: var(--fs18);
	letter-spacing: .02rem;
	line-height: 2;
}
.event-box .btn-viewmore {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
/*** slider *****/
.event-box .prev-arrow,
.event-box .next-arrow {
	position: absolute;
	top: 110px;
	width: 50px;
	height: 50px;
	background: #fff;
	display: block;
	cursor: pointer;
	z-index: 1;
}
.event-box .prev-arrow {
	transform: rotate(180deg);
}
.event-box .next-arrow {
	right: 0;
}
.event-box .prev-arrow::before,
.event-box .next-arrow::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	margin: auto;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
	transform: translate(-50%,-50%) rotate(45deg);
}
@media screen and (max-width: 1157px){
	.event-list__item {
		margin: 0 20px;
	}
	.event-box .prev-arrow, .event-box .next-arrow {
		top: 22%;
		width: 40px;
		height: 40px;
	}
	.event-box .prev-arrow::before,
	.event-box .next-arrow::before {
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 961px){
	.event-box .prev-arrow, .event-box .next-arrow {
		top: 15%;
	}
}
@media screen and (max-width: 767px){
	.event-block {
		margin-bottom: 70px;
		padding-bottom: 15px;
	}
	.event-block-ttl {
		margin: 0 0 10px 0;
		font-size: var(--fs22);
		text-align: center;
		text-indent: .22rem;
		letter-spacing: .22rem;
	}
	.event-box {
		padding: 20px 0 30px;
	}
	.event-block-ttl::before {
		top: 40px;
		left: 0;
		right: 0;
		margin: auto;
		width: 18px;
	}
	.event-list {
		width: 87%;
		max-width: 665px;
	}
	.event-list__item {
		margin: 0 7px;
	}
	.event-list-detail {
		margin: 10px auto 0;
		padding: 0 20px;
	}
	.event-list-detail__ttl {
		margin-bottom: 10px;
		font-size: var(--fs12);
		letter-spacing: .14rem;
		line-height: 1.5;
	}
	.event-list-detail__item {
		font-size: var(--fs10);
		grid-template-columns: 60px 1fr;
		gap: 0 10px;
	}
	.event-list-detail__item span {
		padding: 2px 0;
		font-size: var(--fs10);
	}
	.event-list-detail__txt {
		margin-top: 10px;
		font-size: var(--fs10);
	}
	.event-box .btn-viewmore {
		bottom: -15px;
	}
	/***** slider *****/
	.event-box .prev-arrow, .event-box .next-arrow {
		top: 35%;
		width: 25px;
		height: 25px;
	}
	.event-box .prev-arrow::before, .event-box .next-arrow::before {
		width: 10px;
		height: 10px;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
	}
}
@media screen and (max-width: 481px){
	.event-box .prev-arrow, .event-box .next-arrow {
		top: 23%;
	}
}
@media screen and (max-width: 401px){
	.event-box .prev-arrow, .event-box .next-arrow {
		top: 18%;
	}
}
/*-------------------------------------------------
|- lineup-block
-------------------------------------------------*/
.lineup-block {
	margin-bottom: 200px;
}
.sec-txt {
	margin-top: 25px;
	padding-bottom: 60px;
	font-size: var(--fs20);
	text-align: center;
	text-indent: .12rem;
	letter-spacing: .12rem;
	line-height: 1.6;
}


.lineup-wrap {
	position: relative;
}
.lineup-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background: #fff;
}
.lineup-box {
	width: 100%;
	padding-bottom: 80px;
	background: #a28e71;
}
.lineup-list {
	width: 100%;
	max-width: 1246px;
	margin: auto;
}
.lineup-list__item {
	margin: 0 55px;
}
.lineup-list-ph {
	width: 100%;
	margin-bottom: 10px;
}
.lineup-detail {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px 20px;
}
.lineup-detail__cate {
	min-width: 90px;
	padding: 0 10px;
	color: #fff;
	font-size: var(--fs18);
	font-weight: bold;
	text-align: center;
	letter-spacing: .22rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	display: inline-block;
}
.lineup-detail__txt {
	color: #fff;
	font-size: var(--fs18);
	font-weight: bold;
	letter-spacing: .22rem;
}
.lineup-detail__price {
	width: 100%;
	margin-top: 5px;
	color: #fff;
	font-size: var(--fs30);
	text-align: right;
	letter-spacing: .08rem;
}
.lineup-detail__price span {
	font-size: var(--fs18);
	font-weight: bold;
	letter-spacing: .1rem;
}
.lineup-box .btn-viewmore {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 767px){
	.lineup-block {
		margin-bottom: 145px;
	}
	.sec-txt {
		margin-top: 15px;
		padding-bottom: 25px;
		font-size: var(--fs10);
		text-indent: .16rem;
		letter-spacing: .16rem;
		line-height: 1.85;
	}
	.lineup-wrap::before {
		height: 90px;
	}
	.lineup-box {
		padding-bottom: 35px;
	}
	.lineup-list {
		width: 72%;
		padding: 0;
	}
	.lineup-list__item {
		width: 100%;
		margin: 0 5px;
	}
	.lineup-detail {
		gap: 5px 10px;
	}
	.lineup-detail__cate {
		min-width: 45px;
		padding: 0 5px;
		font-size: var(--fs10);
	}
	.lineup-detail__txt {
		font-size: var(--fs10);
	}
	.lineup-detail__price {
		margin: 0;
		font-size: var(--fs15);
	}
	.lineup-detail__price span {
		font-size: var(--fs10);
	}
	.lineup-box .btn-viewmore {
		bottom: -15px;
	}
}
/*-------------------------------------------------
|- orderhouse-block
-------------------------------------------------*/
.orderhouse-block {
	margin-bottom: 220px;
}
.orderhouse-wrap {
	position: relative;
	padding: 120px 0 100px;
}
.orderhouse-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(42,42,42,.6);
	z-index: 1;
}
.orderhouse-box {
	position: relative;
}
.orderhouse-ttl {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 640px;
	padding: 35px 0;
	font-size: var(--fs25);
	font-weight: bold;
	text-indent: .4rem;
	letter-spacing: .4rem;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}
.orderhouse-ttl span {
	font-size: 3.57rem;
}
.orderhouse-ttl-sp {
	display: none;
}
.orderhouse-box-l {
	position: absolute;
	bottom: 14%;
	left: 4%;
	width: 40%;
	max-width: 565px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 0;
	z-index: 1;
}
.circle-box {
	position: relative;
	width: 50%;
}
.circle-box-r {
	margin-left: -25px;
}
.circle-wrapper {
	max-width: 100%;
}
.circle-animation {
	fill: rgb(0,0,0,0);
	stroke: #fff;
	stroke-dasharray: 314;
	stroke-dashoffset: 314;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}
.circle01 .start .circle-animation {
	animation: dash 2s ease-in-out forwards;
}
.circle02 .start .circle-animation {
	animation: dash 2s ease-in-out forwards;
}
@keyframes dash {
	to {
		stroke-dashoffset:0;
	}
}
.circle-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	color: #fff;
	font-size: var(--fs25);
	font-weight: bold;
	text-align: center;
	text-indent: .15rem;
	text-shadow: 0 0 4px #000;
	letter-spacing: .15rem;
	line-height: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.circle-txt span {
	margin-left: 5px;
	font-size: 3.71rem;
	line-height: .8;
}
.circle-txt::before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 1px;
	background: #b2b2b2;
}
.orderhouse-box-l__txt {
	width: 100%;
	color: #fff;
	font-size: var(--fs22);
	text-align: center;
	text-indent: .15rem;
	text-shadow: 0 0 4px #000;
	letter-spacing: .15rem;
}
.orderhouse-box-r {
	position: absolute;
	top: 50%;
	right: 4%;
	transform: translateY(-50%);
	width: auto;
	z-index: 1;
}
.orderhouse-txt-box {
	width: fit-content;
}
.orderhouse-box__txt {
	color: #fff;
	font-size: var(--fs22);
	text-shadow: 0 0 4px #000;
	letter-spacing: .15rem;
}
.orderhouse-box__txt span {
	font-size: 2.35rem;
	font-weight: bold;
	display: block;
}
.orderhouse-box__txt-b {
	margin-left: 5px;
	color: #fff;
	font-size: 2.35rem;
	font-weight: bold;
	text-shadow: 0 0 4px #000;
	letter-spacing: .15rem;
}
.orderhouse-box__txt-b span {
	margin: 0 5px;
	font-size: 3.14rem;
	text-indent: .3rem;
	letter-spacing: .3rem;
}
.orderhouse-box__txt-s {
	color: #fff;
	font-size: var(--fs13);
	text-align: center;
	text-indent: .15rem;
	text-shadow: 0 0 4px #000;
	letter-spacing: .15rem;
	display: block;
}
.orderhouse-box__txt.position01 {
	width: fit-content;
	margin: 15% 0 10% auto;
}
.orderhouse-block .btn-viewmore {
	position: relative;
	margin: -30px auto 0;
	z-index: 1;
}
@media screen and (max-width: 1281px){
	.orderhouse-ttl {
		min-width: auto;
		padding: 20px 3%;
		font-size: var(--fs20);
		box-sizing: border-box;
	}
	.orderhouse-ttl span {
		font-size: 2.85rem;
	}
	.circle-txt {
		font-size: var(--fs20);
	}
	.circle-txt span {
		font-size: 2.85rem;
	}
	.orderhouse-box-l__txt {
		font-size: var(--fs18);
	}
	.orderhouse-box__txt {
		font-size: var(--fs18);
	}
	.orderhouse-box__txt-b {
		font-size: var(--fs28);
	}
	.orderhouse-box__txt-b span {
		font-size: 2.85rem;
	}
	.orderhouse-box__txt-s {
		font-size: var(--fs11);
	}
	.orderhouse-box__txt span {
		font-size: var(--fs28);
	}
}
@media screen and (max-width: 1051px){
	.orderhouse-ttl {
		font-size: var(--fs14);
	}
	.orderhouse-ttl span {
		font-size: var(--fs28);
	}
	.orderhouse-box-l {
		left: 3%;
		bottom: 10%;
		width: 45%;
	}
	.circle-box-r {
		margin-left: -20px;
	}
	.circle-txt {
		font-size: var(--fs16);
	}
	.circle-txt span {
		font-size: var(--fs30);
	}
	.orderhouse-box-l__txt,
	.orderhouse-box__txt {
		font-size: var(--fs14);
	}
	.orderhouse-box__txt-b,
	.orderhouse-box__txt span {
		font-size: var(--fs20);
	}
	.orderhouse-box__txt-b span {
		font-size: var(--fs30);
	}
	.orderhouse-box__txt-s {
		font-size: var(--fs10);
		text-indent: 0;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 767px){
	.orderhouse-block {
		margin-bottom: 95px;
	}
	.orderhouse-wrap {
		padding: 50px 0;
	}
	.orderhouse-ttl {
		display: none;
	}
	.orderhouse-ttl-sp {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 76%;
		padding: 10px 0;
		font-size: var(--fs10);
		font-weight: bold;
		text-indent: .36rem;
		letter-spacing: .36rem;
		background: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		z-index: 1;
	}
	.orderhouse-ttl-sp span {
		font-size: var(--fs21);
		text-indent: .22rem;
		letter-spacing: .22rem;
	}
	.orderhouse-box-sp {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 89%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 1;
	}
	.orderhouse-txt-box {
		margin-top: 25px;
	}
	.orderhouse-box__txt {
		font-size: var(--fs13);
	}
	.orderhouse-box__txt-b {
		font-size: var(--fs20);
	}
	.orderhouse-box__txt-b span {
		font-size: var(--fs30);
	}
	.orderhouse-box-c {
		width: 80%;
		margin: 0 0 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 15px 0;
	}
	.circle-box-l {
		margin-right: -25px;
	}
	.circle-box-r {
		margin: 0;
	}
	.circle-txt span {
		font-size: 2.35rem;
	}
	.circle-txt::before {
		bottom: -15px;
		width: 30px;
	}
	.orderhouse-box__txt.position01 {
		margin: 0 auto 0 0;
	}
	.orderhouse-box__txt.position02 {
		width: fit-content;
		margin: 0 0 20px auto;
	}
	.orderhouse-block .btn-viewmore {
		margin: -15px auto 0;
	}
}
@media screen and (max-width: 551px){
	.orderhouse-box-c {
		width: 380px;
		gap: 0;
	}
	.circle-box-l {
		margin-right: -15px;
	}
}
@media screen and (max-width: 431px){
	.orderhouse-txt-box {
		margin-top: 10px;
	}
	.orderhouse-box-c {
		width: 310px;
	}
	.orderhouse-box__txt.position02 {
		margin: 0 0 10px auto;
	}
	.orderhouse-box__txt,
	.orderhouse-box-l__txt {
		font-size: var(--fs12);
		letter-spacing: .1rem;
	}
	.orderhouse-box__txt-b,
	.orderhouse-box__txt span {
		font-size: var(--fs18);
		letter-spacing: .1rem;
	}
	.orderhouse-box__txt-b span {
		margin: 0 3px;
		font-size: var(--fs25);
	}
	.circle-txt {
		font-size: var(--fs14);
	}
	.circle-txt span {
		margin: 0;
		font-size: var(--fs24);
	}
}
@media screen and (max-width: 353px){
	.orderhouse-box-sp {
		width: 90%;
	}
}
@media screen and (max-width: 325px){
	.orderhouse-box__txt,
	.orderhouse-box-l__txt {
		font-feature-settings: 'palt';
		font-size: var(--fs11);
		line-height: 1.5;
	}
	.orderhouse-box__txt-b,
	.orderhouse-box__txt span {
		font-feature-settings: 'palt';
		font-size: var(--fs14);
	}
	.orderhouse-box__txt-b span {
		font-feature-settings: 'palt';
		font-size: var(--fs20);
	}
	.orderhouse-box__txt-s {
		font-feature-settings: 'palt';
	}
	.orderhouse-box-c {
		width: 250px;
	}
	.circle-box-l {
		margin-right: -10px;
	}
	.circle-txt {
		font-size: var(--fs12);
		text-indent: .1rem;
		letter-spacing: .1rem;
	}
	.circle-txt span {
		margin-left: 3px;
		font-size: var(--fs20);
	}
}
/*-------------------------------------------------
|- fadein
-------------------------------------------------*/
.fade-animation,
.fade-animation-txt {
	opacity: 0;
	transition: .3s;
}
.fade-animation.start {
	animation-name: fadecircleanime;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-fill-mode:forwards;
}
.fade-animation-txt.start {
	animation-name: fadetxtanime;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-fill-mode:forwards;
}
@keyframes fadecircleanime {
	from {
		opacity: 0;
		transform: translate(-50%,-40%);
	}

	to {
		opacity: 1;
		transform: translate(-50%,-50%);
	}
}
@keyframes fadetxtanime {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/***** fadein-circle *****/
.circle {
	opacity: 0;
}
.circle.scrollin {
	animation-name: fadeUpCircle;
	animation-duration: .4s;
	animation-fill-mode:forwards;
}
.circle01 .circle.scrollin {
	animation-delay: .3s;
}
.circle02 .circle.scrollin {
	animation-delay: .8s;
}
@keyframes fadeUpCircle {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media screen and (max-width: 767px){
	.fade-animation.start,
	.fade-animation-txt.start {
		animation-duration: .7s;
		animation-delay: .5s;
	}
	.circle.scrollin {
		animation-duration: .7s;
	}
}
/*-------------------------------------------------
|- works-block
-------------------------------------------------*/
.works-block {
	margin-bottom: 240px;
}
.works-wrap {
	position: relative;
	width: 100%;
	margin: 75px 0 85px;
}
.works-wrap::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%;
	padding-top: 22%;
	background: #a28e71;
}
.works-wrap > * + * {
	margin-top: 50px;
}
.works-slide__item {
	position: relative;
	margin: 0 15px;
}
.works-slide__txt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
	font-size: var(--fs19);
	font-weight: bold;
	text-align: center;
	letter-spacing: .18rem;
	background: rgb(42,42,42,.7);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .5s ease;
	opacity: 0;
}
.works-block .btn-viewmore {
	margin: auto;
}
@media (hover: hover){
	.works-slide__item:hover .works-slide__txt {
		opacity: 1;
	}
}
@media screen and (max-width: 767px){
	.works-block {
		margin-bottom: 75px;
	}
	.works-wrap {
		margin: 30px 0 25px;
	}
	.works-wrap > * + * {
		margin-top: 35px;
	}
	.works-wrap::before {
		padding-top: 40%;
	}
	.works-slide__item {
		margin: 0 10px;
	}
}
/*-------------------------------------------------
|- voice-block
-------------------------------------------------*/
.voice-block {
	max-width: 1280px;
	margin: 0 auto 125px;
}
.voice-block .sec-ttl {
	margin: 0 0 20px 40px;
	align-items: unset;
}
.voice-list {
	padding-right: 160px;
	box-sizing: border-box;
}
.voice-list__item {
	margin-left: 120px;
	padding: 50px 0;
	background: #f0f0f0;
}
.voice-list__link {
	display: grid;
	grid-template-columns: 52% 1fr;
	align-items: center;
	gap: 0 30px;
}
.voice-list__img {
	position: relative;
	margin-left: -120px;
	background: #eae7e2;
}
.voice-list__img::before {
	content: '';
	padding-top: 54%;
	display: block;
}
.voice-list__img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.voice-list__box {
	position: relative;
	height: calc(100% - 45px);
	margin: 45px 35px 0 0;
}
.voice-list__ttl {
	margin-bottom: 30px;
	color: #403a39;
	font-size: var(--fs20);
	font-weight: bold;
}
.voice-list__txt {
	margin-bottom: 45px;
	color: #403a39;
	font-size: var(--fs18);
	font-weight: bold;
}
.voice-cate {
	margin-bottom: 70px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.voice-cate__item {
	padding: 2px 10px;
	color: #a28e71;
	font-weight: bold;
	letter-spacing: .03rem;
	background: rgb(162,142,113,.3);
	box-sizing: border-box;
}
.btn-voice.btn-viewmore {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 230px;
}
.btn-voice.btn-viewmore a {
	padding: 15px 0;
	color: #000;
	font-size: var(--fs14);
	background: #fff;
}
.btn-voice.btn-viewmore a::after {
	border-top: solid 2px #000;
	border-right: solid 2px #000;
}
.voice-list .slick-next {
	right: 10px;
	width: 75px;
	height: 143px;
}
.voice-list .slick-prev {
	display: none;
}
.voice-list .slick-next::before {
	width: 75px;
	height: 143px;
	background: url(/assets/img/btn_voice_arrow.png) no-repeat;
	display: block;
	opacity: 1;
}
.voice-block .btn-viewmore {
	margin: 40px auto 0;
}
@media screen and (max-width: 1001px){
	.voice-list__box .btn-viewmore {
		width: 190px;
	}
}
@media screen and (max-width: 767px){
	.voice-block {
		margin-bottom: 60px;
	}
	.voice-block .sec-ttl {
		margin: 0 auto;
		align-items: center;
	}
	.voice-list {
		width: 97%;
		margin: 30px 0 0 auto;
		padding: 0;
	}
	.voice-list__item {
		position: relative;
		margin-left: 0;
		padding: 0;
		background: #fff;
		display: block;
	}
	.voice-list__item::before {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		width: 95%;
		height: 87%;
		background: #f0f0f0;
	}
	.voice-list__img {
		position: relative;
		width: 91%;
		margin: 0;
		z-index: 1;
	}
	.voice-list__ttl {
		margin-bottom: 15px;
		font-size: var(--fs12);
	}
	.voice-list__txt {
		margin-bottom: 20px;
		font-size: var(--fs11);
	}
	.voice-list__box {
		width: 86%;
		height: auto;
		margin: 0 0 0 5%;
		padding: 15px 0;
	}
	.voice-list__inner {
		position: relative;
		width: fit-content;
		margin: 0 0 0 auto;
		padding: 0 30px 0 10px;
		box-sizing: border-box;
	}
	.voice-list__inner::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 5px;
		width: 8px;
		height: 8px;
		border-top: solid 1px #000;
		border-right: solid 1px #000;
		border-radius: 1px;
		transform: translateY(-50%) rotate(45deg);
	}
	.voice-cate {
		margin: 0;
	}
	.voice-cate__item {
		font-size: var(--fs10);
	}
}
/*-------------------------------------------------
|- top-btn-link-block
-------------------------------------------------*/
.top-btn-link-block {
	width: 100%;
	max-width: 1090px;
	margin: 0 auto 200px;
	padding: 0 20px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0 50px;
}
.top-btn-link__item {
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}
.top-btn-link__item.sale::before,
.top-btn-link__item.reno::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .7s;
}
.top-btn-link__item.sale::before {
	background-image: url(/assets/img/bg_top_sale.jpg);
}
.top-btn-link__item.reno::before {
	background-image: url(/assets/img/bg_top_renovation.jpg);
}
.top-btn-link__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(42,42,42,.4);
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	transition: .3s;
}
.top-btn-link__ttl {
	width: 100%;
	margin-bottom: 18%;
	color: #fff;
	font-size: var(--fs20);
	font-weight: bold;
	text-indent: .4rem;
	letter-spacing: .4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top-btn-link__ttl span {
	font-size: 3.21rem;
}
.top-btn-link__link .btn-viewmore {
	position: relative;
	width: 230px;
	margin: 0 auto 8%;
	padding: 15px 0;
	color: #000;
	text-align: center;
	letter-spacing: .26rem;
	background: #fff;
}
.top-btn-link__link .btn-viewmore::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	border-radius: 1px;
	transform: translateY(-50%) rotate(45deg);
}
.top-btn-link__txt {
	width: 100%;
	margin-bottom: 40px;
	color: #fff;
	font-size: var(--fs30);
	text-align: center;
	text-indent: .5rem;
	letter-spacing: .5rem;
}
@media (hover: hover){
	.top-btn-link__item:hover::before {
		transform: scale(1.1);
	}
	.top-btn-link__link:hover {
		background-color: rgb(42, 42, 42, .5);
	}
}
@media screen and (max-width: 841px){
	.top-btn-link__ttl {
		margin-bottom: 10%;
		font-feature-settings: 'palt';
		font-size: var(--fs16);
	}
	.top-btn-link__ttl span {
		font-size: 2.57rem;
	}
	.top-btn-link__txt {
		font-size: var(--fs26);
	}
}
@media screen and (max-width: 767px){
	.top-btn-link-block {
		width: 83%;
		margin: 0 auto 135px;
		padding: 0;
		grid-template-columns: 1fr;
		gap: 35px 0;
	}
	.top-btn-link__item {
		padding-top: 57%;
	}
	.top-btn-link__item.sale::before {
		background-image: url(/assets/img/bg_top_sale_sp.jpg);
	}
	.top-btn-link__item.reno::before {
		background-image: url(/assets/img/bg_top_renovation_sp.jpg);
	}
	.top-btn-link__link {
		justify-content: center;
	}
	.top-btn-link__ttl {
		margin-bottom: 25px;
		font-size: var(--fs10);
		gap: 3px 0;
	}
	.top-btn-link__ttl span {
		font-size: var(--fs22);
	}
	.top-btn-link__link .btn-viewmore {
		width: 160px;
		margin: 0 auto 25px;
		font-size: var(--fs10);
	}
	.top-btn-link__link .btn-viewmore::after {
		right: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #000;
		border-right: 0;
		transform: translateY(-50%);
	}
	.top-btn-link__txt {
		margin-bottom: 10px;
		font-size: var(--fs15);
		text-indent: .3rem;
		letter-spacing: .3rem;
	}
}
@media screen and (max-width: 401px){
	.top-btn-link__item {
		padding-top: 60%;
	}
	.top-btn-link__item.sale::before, .top-btn-link__item.reno::before {
		background-size: cover;
	}
	.top-btn-link__ttl {
		margin-bottom: 10px;
	}
	.top-btn-link__link .btn-viewmore {
		width: 140px;
		margin: 0 auto 10px;
		padding: 10px 0;
	}
}
/*-------------------------------------------------
|- catalog-block
-------------------------------------------------*/
.catalog-block {
	position: relative;
	margin: 0 auto 220px;
	padding: 90px 0;
	background: #f0f0f0;
}
.catalog-block .sec-ttl {
	position: absolute;
	top: -50px;
	left: 0;
}
.catalog-block .sec-txt {
	margin-top: 0;
	padding-bottom: 50px;
}
.catalog-box {
	height: 500px;
	background: #f0f0f0;
	overflow: hidden;
}
.catalog-block .btn-viewmore {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 767px){
	.catalog-block {
		margin: 0 auto 120px;
		padding: 40px 0 50px;
	}
	.catalog-block .sec-ttl {
		top: -25px;
	}
	.catalog-block .sec-txt {
		padding-bottom: 20px;
	}
	.catalog-box {
		height: 358px;
	}
	.catalog-block .btn-viewmore {
		bottom: -15px;
	}
}
/*-------------------------------------------------
|- column-block
-------------------------------------------------*/
.column-block {
	position: relative;
	margin-bottom: 140px;
	padding: 80px 0 60px;
	background: #f0f0f0;
}
.column-block .sec-ttl {
	position: absolute;
	top: -50px;
	left: 0;
}
.column-list {
	max-width: 1230px;
	margin: auto;
	display: flex;
	justify-content: center;
	gap: 0 5%;
}
.column-list__item {
	width: 30%;
	max-width: 370px;
}
.column-list__img {
	width: 84%;
	margin: 0 auto -20px;
}
.column-list-box {
	width: 100%;
	padding: 35px 6% 10px;
	background: #fff;
	box-sizing: border-box;
}
.column-list__ttl {
	margin-bottom: 5px;
	font-size: var(--fs16);
	font-weight: bold;
	line-height: 1.3;
}
.column-list__tag {
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 15px;
}
.tag-item {
	font-weight: bold;
}
.column-block .btn-viewmore {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 767px){
	.column-block {
		margin-bottom: 65px;
		padding: 45px 0 50px;
	}
	.column-block .sec-ttl {
		top: -25px;
	}
	.column-list {
		width: 89%;
		margin: 0 auto;
		gap: 0;
	}
	.column-list__item {
		width: 100%;
		margin: 0 7px;
	}
	.column-list__ttl {
		font-size: var(--fs14);
	}
	.column-list__tag {
		font-size: var(--fs12);
		gap: 0 10px;
	}
	.tag-item {
		font-weight: normal;
	}
	.column-block .btn-viewmore {
		bottom: -15px;
	}
	/***** slider *****/
	.column-list .slick-prev, .column-list .slick-next {
		width: 25px;
		height: 25px;
		background: #fff;
		z-index: 1;
	}
	.column-list .slick-prev {
		left: 0;
	}
	.column-list .slick-next {
		right: 0;
	}
	.column-list .slick-prev {
		transform: rotate(180deg);
	}
	.column-list .slick-prev::before,
	.column-list .slick-next::before{
		content: '';
		position: absolute;
		top: 50%;
		left: 40%;
		width: 10px;
		height: 10px;
		margin: auto;
		border-right: 1px solid #000;
		border-top: 1px solid #000;
		transform: translate(-50%,-50%) rotate(45deg);
	}
}
/*-------------------------------------------------
|- news-block
-------------------------------------------------*/
.news-block {
	margin-bottom: 100px;
}
.news-list {
	max-width: 955px;
	margin: 55px auto 50px;
	padding: 0 20px;
	box-sizing: border-box;
}
.news-list__item {
	display: flex;
	gap: 0 10px;
}
.news-list__date {
	width: 140px;
	padding: 15px 0;
	font-size: var(--fs17);
	text-align: center;
	text-indent: .24rem;
	letter-spacing: .24rem;
	border-bottom: 1px solid #ccc;
}
.news-list__item:last-child .news-list__date,
.news-list__item:last-child .news-list-box {
	border: 0;
}
.news-list-box {
	width: calc(100% - 150px);
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}
.news-list__link {
	display: flex;
	align-items: flex-start;
	gap: 0 20px;
}
.news-list__cate {
	width: 105px;
	color: #fff;
	font-feature-settings: 'palt';
	font-size: var(--fs12);
	text-align: center;
	text-indent: .10rem;
	letter-spacing: .10rem;
	display: inline-block;
}
.cate01 {
	background: #d48f81;
}
.cate02 {
	background: #7faa93;
}
.cate03 {
	background: #7598b4;
}
.cate04 {
	background: #a28e71;
}
.cate05 {
	background: #a28e71;
}
.news-list__ttl {
	position: relative;
	width: calc(100% - 125px);
	padding-right: 50px;
	color: #000;
	font-size: var(--fs17);
	letter-spacing: .16rem;
	box-sizing: border-box;
}
.news-list__ttl::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 5%;
	width: 6px;
	height: 6px;
	border: 0;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	transform: translateY(-50%) rotate(45deg);
	transition: all .2s;
}
.news-block .btn-viewmore {
	margin: auto;
}
@media (hover: hover){
	.news-list__link:hover .news-list__ttl {
		text-decoration: underline;
	}
	.news-list__link:hover .news-list__ttl::after {
		right: 4%;
	}
}
@media screen and (max-width: 767px){
	.news-block {
		margin-bottom: 60px;
	}
	.news-list {
		width: 87%;
		margin: 30px auto;
		padding: 0;
	}
	.news-list__item {
		padding: 15px 0;
		border-top: 1px solid #ccc;
		flex-direction: column;
	}
	.news-list__item:last-child {
		border-bottom: 1px solid #ccc;
	}
	.news-list__date {
		width: 100%;
		margin-bottom: 5px;
		padding: 0;
		font-size: var(--fs12);
		text-align: left;
		text-indent: 0;
		letter-spacing: .18rem;
		border: 0;
	}
	.news-list-box {
		width: 100%;
		padding: 0;
		border: 0;
	}
	.news-list__cate {
		width: 90px;
		font-size: var(--fs10);
	}
	.news-list__link {
		align-items: center;
		gap: 0 10px;
	}
	.news-list__ttl {
		width: calc(100% - 100px);
		padding: 0;
		font-size: var(--fs12);
		letter-spacing: .14rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.news-list__ttl::after {
		display: none;
	}
}
/*-------------------------------------------------
|- btn-hokusetsu
-------------------------------------------------*/
.btn-hokusetsu {
	width: 88%;
	max-width: 660px;
	margin: 0 auto 120px;
}
.btn-hokusetsu a {
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
}
@media screen and (max-width: 767px){
	.btn-hokusetsu {
		margin: 0 auto 80px;
	}
}
/*-------------------------------------------------
|- btm-sns-wrap
-------------------------------------------------*/
.btm-sns-wrap {
	width: 100%;
	padding: 77px 0;
	background: #cfb691;
}
.btm-sns-list {
	width: 86%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.btm-sns-list__item a {
	display: flex;
	align-items: center;
	gap: 0 10px;
}
.btm-sns-list__icon {
	width: 40px;
}
.btm-sns-list__youtube {
	width: 47px;
}
.btm-sns-list__txt {
	color: #fff;
	font-size: var(--fs22);
	font-weight: bold;
	letter-spacing: .18rem;
}
@media screen and (max-width: 1131px){
	.btm-sns-list {
		width: 90%;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 20px 50px;
	}
	.btm-sns-list__icon {
		width: 30px;
	}
	.btm-sns-list__youtube {
		width: 37px;
	}
	.btm-sns-list__txt {
		font-size: var(--fs18);
	}
}
@media screen and (max-width: 767px){
}