@charset "utf-8";
@media (max-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ロゴ*/
.header-wrap #mobile-header:not(.toggled):not(.navigation-stick) .site-logo {
	background: url("./images/logo_w.svg")no-repeat 50% / contain;
}

nav#mobile-header .site-logo a img {
	padding: 0 10px;
}

.header-wrap #mobile-header:not(.toggled):not(.navigation-stick) .site-logo a img {
	opacity: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニュー内
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#generate-slideout-menu li.menu-item a {
	/*text-align: center;*/
	/*margin: 0 60px;*/
	border-top: 0;
}

/*お問い合わせ*/
#generate-slideout-menu li.contact {
    margin-top: 10px;
}
	
#generate-slideout-menu li.contact a {
	border: 1px solid #4a4a4a;
	border-radius: 50px;
	text-align: center;
	color: var(--text);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話ポップアップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#tel_lb .inner {
	background: var(--main);
	border-radius: 0;
}
div#tel_lb .msg {
    border-bottom: none;
    margin-bottom: 0;
}
div#tel_lb .num {
    font-size: 3.5rem;
    margin-bottom: 10px;
}
div#tel_lb .btn a {
	color: var(--main)!important;
	border-radius: 0;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
slick
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ドットを長方形に変更*/
.slick-dots li {
	width: 25px!important;
	height: 2px!important;
}

.slick-dots li button {
	width: 25px!important;
	height: 2px!important;
}

.slick-dots li button:before {
	width: 25px!important;
	height: 2px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > ルームツアー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_room-tour .room-tour_wrapper {
	flex-wrap: nowrap;
	overflow-x: scroll;
	flex-direction: row;
	scroll-snap-type: x mandatory;
}

#home_room-tour .room-tour_item {
	scroll-snap-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > works
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_works .slick-dotted.slick-slider {
	margin-bottom: 75px!important;
}

#home_works .slick-dots {
	bottom: -45px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > voice
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_voice .slick-dotted.slick-slider {
	margin-bottom: 0!important;
}

#home_voice .slick-dots {
	bottom: -35px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	row-gap: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層プロモ > パンくず
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.breadcrumbs {
	font-size: 13px;
	overflow-x: visible;
	text-overflow: clip;
}
	
div.breadcrumbs * {
    font-size: 13px;
}

div.breadcrumbs span.kugiri {
    width: 25px;
    margin-right: 13px;
}
	
}/*メディアクエリ終了*/