/* ==========================================================

	title

========================================================== */
.ttl_highlight {
	color: #806D3E;
	text-align: center;
	font-family: "Noto Serif JP", serif;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
}

.ttl_highlight .-_num {
	align-self: stretch;
	font-style: italic;
}

/* PC */
@media screen and (width >= 768px) {
	.ttl_highlight {
		font-size: calc(48 * var(--design-px));
		letter-spacing: calc(2.4 * var(--design-px));
	}

	.ttl_highlight .-_num {
		font-size: calc(74 * var(--design-px));
		letter-spacing: calc(3.7 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.ttl_highlight {
		font-size: calc(28 * var(--design-px));
		letter-spacing: calc(1.2 * var(--design-px));
		line-height: 1;
	}

	.ttl_highlight .-_num {
		font-size: calc(58 * var(--design-px));
		letter-spacing: calc(2.7 * var(--design-px));
		margin-right: calc(5 * var(--design-px));
	}
}





/* ==========================================================

	MV

========================================================== */
.mv .-_catch .-__text {
	color: #003067;
	font-family: "Noto Serif JP";
}

/* PC */
@media screen and (width >= 768px) {
	.mv {
		padding: calc(70 * var(--design-px)) calc(60 * var(--design-px)) calc(100 * var(--design-px));
	}

	.mv .-_catch {
		display: flex;
		justify-content: space-between; align-items: flex-end;
		margin-bottom: calc(50 * var(--design-px));
	}

	.mv .-_catch h1 {
		width: calc(518 * var(--design-px));
	}

	.mv .-_catch .-__text {
		font-size: calc(24 * var(--design-px));
		line-height: 1;
	}

	.mv .-_img {
		width: calc(1280 * var(--design-px)); height: calc(650 * var(--design-px));
		overflow: hidden;
		display: flex;
		justify-content: center; align-items: center;
	}
}

/* SP */
@media screen and (width < 768px) {
	.mv { padding-top: calc(20 * var(--design-px)); padding-bottom: calc(50 * var(--design-px));}

	.mv .-_catch {
		width: calc(336 * var(--design-px));
	}

	.mv .-_catch .-__text {
		margin-top: calc(25 * var(--design-px)); margin-bottom: calc(20 * var(--design-px));
		font-size: calc(16 * var(--design-px));
	}
}





/* ==========================================================

	ウィザースリフォームの5つの約束

========================================================== */
[class^="bl_promise"] {
	border: 1px solid rgba(128, 109, 62, 0.60);
}

.sec_promise .-_summary { text-align: center;}

.bl_promise .-_text p {
	line-height: 1.8;
}

.bl_promise .-__ttl {
	color: #806D3E;
	font-family: "Noto Serif JP";
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	position: relative;
}

.bl_promise .-__ttl span {
	font-family: "Noto Serif JP";
	font-style: italic;
	position: absolute; top: 0;
	color: rgba(128, 109, 62, 0.20);
	font-weight: 500;
}


/* PC */
@media screen and (width >= 768px) {
	[class^="bl_promise"] {
		display: flex;
		align-items: center;
		box-sizing: content-box;
	}

	.sec_promise {
		padding: calc(80 * var(--design-px)) calc(60 * var(--design-px)) calc(110 * var(--design-px));
	}

	.sec_promise .-_summary {
		margin-top: calc(45 * var(--design-px)); margin-bottom: calc(106 * var(--design-px));
		font-size: calc(20 * var(--design-px));
	}

	[class^="bl_promise"] {
		width: calc(1100 * var(--design-px));
		margin-bottom: calc(70 * var(--design-px));
	}

	.bl_promise.--reverse {
		flex-direction: row-reverse;
	}

	.bl_promise .-_text {
		width: calc(540 * var(--design-px));
		padding-left: calc(70 * var(--design-px));
	}

	.bl_promise .-_text p {
		margin-bottom: calc(20 * var(--design-px));
	}

	.bl_promise .-__ttl {
		font-size: calc(38 * var(--design-px));
		margin-bottom: calc(32 * var(--design-px));
		padding-top: calc(50 * var(--design-px));
		gap: calc(10 * var(--design-px));
	}

	.bl_promise .-__ttl span {
		font-size: calc(66 * var(--design-px));
		left: calc(-24 * var(--design-px));
	}

	.bl_promise .-_img {
		width: calc(560 * var(--design-px)); height: calc(400 * var(--design-px));
		position: relative; top: calc(-30 * var(--design-px)); left: calc(50 * var(--design-px));
		filter: drop-shadow(20px 20px 0 rgba(0, 0, 0, 0.05));
	}

	.bl_promise.--reverse .-_img {
		left: calc(-40 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.sec_promise .-_summary {
		margin-top: calc(25 * var(--design-px)); margin-bottom: calc(30 * var(--design-px));
		font-size: calc(14 * var(--design-px));
		line-height: 1.8;
	}

	.bl_promise {
		padding-top: calc(30 * var(--design-px)); padding-bottom: calc(80 * var(--design-px));
		margin-right: calc(20 * var(--design-px)); margin-bottom: calc(160 * var(--design-px));
		position: relative;
	}

	.bl_promise.--reverse {
		margin-right: auto; margin-left: calc(20 * var(--design-px));
	}

	.bl_promise .-_text {
		margin-right: calc(20 * var(--design-px)); margin-left: calc(30 * var(--design-px));
		font-size: calc(15 * var(--design-px));
	}

	.bl_promise .-_img {
		width: calc(280 * var(--design-px));
		position: relative;
		position: absolute; right: calc(-20 * var(--design-px)); bottom: calc(-124 * var(--design-px));
		filter: drop-shadow(10px 10px 0 rgba(0, 0, 0, 0.05));
	}

	.bl_promise.--reverse .-_img {
		right: auto;
		left: calc(-20 * var(--design-px));
	}

	.bl_promise .-__ttl {
		padding-top: calc(30 * var(--design-px));
		margin-bottom: calc(15 * var(--design-px));
		font-size: calc(25 * var(--design-px));
		line-height: 1.5;
	}

	.bl_promise .-__ttl span {
		font-size: calc(46 * var(--design-px));
		left: calc(-18 * var(--design-px));
		line-height: 1;
	}
}





/* ==========================================================

	MIRAIE TERACE

========================================================== */
.sec_miraie {
	height: 240vh;
}

.miraie-sticky {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
	background-image: url(../img/bg_miraie.jpg);
	background-size: cover;
	color: #fff;
}

.miraie-text {
	position: absolute;
	opacity: 0;
	transform: translateY(calc(40 * var(--design-px)));
	transition:
		opacity 0.6s ease,
		transform 0.6s ease;
	pointer-events: none;
}

.miraie-text.is-show {
	opacity: 1;
	transform: translateY(0);
}

.miraie-text.is-hide {
	opacity: 0;
	transform: translateY(calc(-40 * var(--design-px)));
}

.miraie-text_01 {
	left: 50%;
	transform: translate(-50%, calc(40 * var(--design-px)));
	width: 100%;
	text-align: center;
	font-family: "Noto Serif JP";
	font-weight: 500;
}

.miraie-text_01 p {
	width: fit-content;
	border-bottom: 1px dashed #fff;
	margin-right: auto; margin-left: auto;
	padding-bottom: calc(6 * var(--design-px));
}

.miraie-text_01.is-show {
	transform: translate(-50%, 0);
}

.miraie-text_01.is-hide {
	transform: translate(-50%, calc(-40 * var(--design-px)));
}

.miraie-text_02 {
	top: calc(80 * var(--design-px));
	left: calc(80 * var(--design-px));
	line-height: 2.1;
}

.miraie-text_02 h2 {
	margin-bottom: calc(30 * var(--design-px));
}

/* PC */
@media screen and (width >= 768px) {
	.miraie-sticky {
		background-image: url(../img/bg_miraie.jpg);
	}

	.miraie-text_01 {
		top: calc(230 * var(--design-px));
		font-size: calc(30 * var(--design-px));
	}

	.miraie-text02 { font-size: calc(18 * var(--design-px));}
}

/* SP */
@media screen and (width < 768px) {
	.miraie-sticky {
		background-image: url(../img/bg_miraie_sp.jpg);
	}

	.miraie-text_01 {
		top: calc(100 * var(--design-px));
		font-size: calc(20 * var(--design-px));
		line-height: 1.8;
	}

	.miraie-text_02 {
		top: calc(50 * var(--design-px)); left: calc(30 * var(--design-px));
		width: calc(340 * var(--design-px));
		font-size: calc(15 * var(--design-px));
	}
}





/* ==========================================================

	デザイナーと巡る9つのモデルルーム

========================================================== */
.sec_modelroom .-_summary { text-align: center;}

.sec_modelroom .__note {
	font-size: calc(12 * var(--design-px));
	text-align: center;
	margin-top: calc(30 * var(--design-px));
}

/* PC */
@media screen and (width >= 768px) {
	.sec_modelroom {
		padding-top: calc(100 * var(--design-px)); padding-bottom: calc(120 * var(--design-px));
	}

	.sec_modelroom .-_summary {
		margin-top: calc(20 * var(--design-px)); margin-bottom: calc(40 * var(--design-px));
		font-size: calc(18 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.sec_modelroom {
		padding-top: calc(70 * var(--design-px)); padding-bottom: calc(50 * var(--design-px));
	}

	.sec_modelroom .cnt_1120 { width: calc(380 * var(--design-px));}

	.sec_modelroom .-_summary {
		font-size: calc(15 * var(--design-px));
		margin-top: calc(25 * var(--design-px)); margin-bottom: calc(30 * var(--design-px));
		line-height: 1.8;
	}
}


/* スライド
===========================================================*/
.js-gallery .-_main {
    position: relative;
}

.js-gallery_main {
    position: relative;
    overflow: hidden;
}

.js-gallery_main img {
    display: block;
    width: 100%;
    height: auto;
}

.js-gallery_main > img:first-child {
    position: relative;
    z-index: 1;
}

.js-gallery_main .is-next {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s linear;
}

.js-gallery_main .is-next.is-show {
    opacity: 1;
}

.js-gallery_main_number {
    position: absolute; right: 0; bottom: 0;
	z-index: 3;
	padding-top: calc(3 * var(--design-px));
    background: #fff;
    color: #806D3E;
	font-family: "Noto Serif JP";
	line-height: 1.2;
	font-style: italic;
	display: flex;
	justify-content: center; align-items: baseline;
	transition: opacity 1s linear;
}

.js-gallery_main_number.is-fading {
    opacity: 0;
}

.js-gallery_main_number.is-next-number {
    opacity: 0.5;
    z-index: 4;
}

.js-gallery_main_number.is-next-number.is-show {
    opacity: 1;
}

/* サムネイル */
.js-gallery .-_thumbs {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-top: calc(30 * var(--design-px));
}

.js-gallery .-__thumbViewport {
    overflow: hidden;
    flex: 1;
}

.js-gallery_track {
    display: flex;
    transform: translateX(0);
}

.js-gallery_thumb {
    position: relative;
    cursor: pointer;
    transition: opacity 0.3s ease;
	position: relative;
}

.js-gallery_thumb::before {
	content: '';
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.5);
	pointer-events: none;
	position: absolute; top: 0; left: 0;
}

.js-gallery_thumb:hover { opacity: 0.8;}

.js-gallery_thumb:hover::before {
    content: none;
}

.js-gallery_thumb.is-active {
    opacity: 1;
}

.js-gallery_thumb.is-active::before {
    content: none;
}

.js-gallery_thumb img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.js-gallery .-___thumbNum {
    position: absolute; right: 0; bottom: 0;
    background: #fff;
	display: flex;
	justify-content: center; align-items: baseline;
	font-family: "Noto Serif JP";
	font-style: italic;
	color: #806D3E;
	line-height: 1.2;
}

/* 左右ボタン */
.js-gallery_prev,
.js-gallery_next {
    padding: 0;
    border: 0;
    background: #003b78;
    cursor: pointer;
	display: flex;
	justify-content: center; align-items: center;
}

.js-gallery_prev:hover,
.js-gallery_next:hover { background: #806D3E;}

.js-gallery_prev:active,
.js-gallery_next:active { background: #A6997A;}

.js-gallery_prev:hover,
.js-gallery_next:hover {
    opacity: 0.8;
}

/* PC */
@media screen and (width >= 768px) {
	.js-gallery_main_number {
		width: calc(61 * var(--design-px)); height: calc(40 * var(--design-px));
		padding-top: calc(3 * var(--design-px));
		border-radius: calc(30 * var(--design-px)) 0 0 0;
		font-size: calc(32 * var(--design-px));
	}

	.js-gallery_main_number span { font-size: calc(24 * var(--design-px));}

	.js-gallery_track { gap: calc(32 * var(--design-px));}

	.js-gallery_thumb { flex: 0 0 calc(160 * var(--design-px));}

	.js-gallery_thumb img { height: calc(100 * var(--design-px));}

	.js-gallery .-___thumbNum {
		width: calc(30 * var(--design-px)); height: calc(20 * var(--design-px));
		border-radius: calc(10 * var(--design-px)) 0 0 0;
		font-size: calc(16 * var(--design-px));
	}

	.js-gallery .-___thumbNum span { font-size: calc(12 * var(--design-px));}

	.js-gallery_prev,
	.js-gallery_next {
    	flex: 0 0 calc(60 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.js-gallery_main_number {
		width: calc(50 * var(--design-px)); height: calc(32 * var(--design-px));
		padding-top: calc(2 * var(--design-px));
		border-radius: calc(20 * var(--design-px)) 0 0 0;
		font-size: calc(26 * var(--design-px));
	}

	.js-gallery_main_number span { font-size: calc(18 * var(--design-px));}

	.js-gallery_track { gap: calc(10 * var(--design-px));}

	.js-gallery_thumb { flex: 0 0 calc(120 * var(--design-px));}

	.js-gallery_thumb img { height: calc(70 * var(--design-px));}

	.js-gallery .-___thumbNum {
		width: calc(24 * var(--design-px)); height: calc(18 * var(--design-px));
		border-radius: calc(10 * var(--design-px)) 0 0 0;
		font-size: calc(16 * var(--design-px));
	}

	.js-gallery .-___thumbNum span { font-size: calc(12 * var(--design-px));}

	.js-gallery_prev,
	.js-gallery_next {
    	flex: 0 0 calc(20 * var(--design-px));
	}

	.js-gallery_prev svg,
	.js-gallery_next svg {
		width: calc(10 * var(--design-px));
	}
}




/* ==========================================================

	多彩な設備ラインナップ

========================================================== */
.sec_lineup {
	background: url(../img/bg_lineup.png) no-repeat center top;
	background-size: cover;
	width: 100%; height: auto;
	color: #fff;
}

.sec_lineup .-_ttl {
	font-family: "Noto Serif JP";
	font-weight: 500;
	line-height: 1.3;
	display: flex;
	flex-direction: column; justify-content: center; align-items: center;
}

/* PC */
@media screen and (width >= 768px) {
	.sec_lineup {
		padding-top: calc(100 * var(--design-px)); padding-bottom: calc(120 * var(--design-px));
		text-align: center;
		margin-bottom: calc(100 * var(--design-px));
	}

	.sec_lineup .-_ttl {
		font-size: calc(32 * var(--design-px));
		margin-bottom: calc(20 * var(--design-px));
	}

	.sec_lineup .-_ttl .__sub { font-size: calc(32 * var(--design-px));}
	.sec_lineup .-_ttl .__main { font-size: calc(44 * var(--design-px));}

	.sec_lineup .-_summary {
		margin-bottom: calc(40 * var(--design-px));
	}

	.sec_lineup p {
		line-height: 1.8;
		font-size: calc(18 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.sec_lineup {
		padding-top: calc(60 * var(--design-px)); padding-bottom: calc(60 * var(--design-px));
		margin-bottom: calc(50 * var(--design-px));
	}

	.sec_lineup .-_ttl {
		margin-bottom: calc(20 * var(--design-px));
		line-height: 1.6;
	}

	.sec_lineup .-_ttl .__sub { font-size: calc(20 * var(--design-px));}
	.sec_lineup .-_ttl .__main { font-size: calc(30 * var(--design-px));}

	.sec_lineup .-_summary {
		margin-bottom: calc(38 * var(--design-px));
		width: calc(360 * var(--design-px));
		margin-right: auto; margin-left: auto;
		font-size: calc(15 * var(--design-px));
		line-height: 1.8;
	}
}



/* カルーセル
===========================================================*/
/* PC */
@media screen and (width >= 768px) {
	.js-carousel {
		--carousel-main-size: calc(600 * var(--design-px));
		--carousel-side-size: calc(400 * var(--design-px));
		--carousel-gap: calc(60 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.js-carousel {
		--carousel-main-size: calc(300 * var(--design-px));
		--carousel-side-size: calc(200 * var(--design-px));
		--carousel-gap: calc(30 * var(--design-px));
	}
}

.js-carousel {
    --carousel-track-gap:
        calc(
            var(--carousel-gap)
            + (var(--carousel-main-size) - var(--carousel-side-size)) / 2
        );
    position: relative;
    width: 100%;
    height: var(--carousel-main-size);
    overflow: hidden;
}


.js-carousel_track {
    display: flex;
    align-items: center;
    gap: var(--carousel-track-gap);
    height: 100%;
    transition: transform 0.6s ease;
    will-change: transform;
}


.js-carousel_item {
    flex: 0 0 var(--carousel-side-size);
    width: var(--carousel-side-size);
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--carousel-main-size);
	position: relative;
	opacity: 0.6;
}

.js-carousel_item img {
    display: block;
    width: var(--carousel-side-size);
    height: var(--carousel-side-size);
	max-width: none;
    object-fit: cover;
    transition:
        width 0.6s ease,
        height 0.6s ease;
}

.js-carousel_item.is-active { opacity: 1;}

.js-carousel_item.is-active img {
    width: var(--carousel-main-size);
    height: var(--carousel-main-size);
}

.js-carousel.is-resetting .js-carousel_item img {
    transition: none;
}


/* ------------------------------
    controls
------------------------------ */
.js-carousel_controls {
    position: absolute; left: 50%; top: 50%;
	transform: translateX(-50%);
    pointer-events: none;
}

.js-carousel_prev,
.js-carousel_next {
    position: absolute;
    top: 50%;
    z-index: 10;
    padding: 0;
    border: 0;
    background: none;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: auto;
}

.js-carousel_prev {
    left: calc(20 * var(--design-px));
}

.js-carousel_next {
    right: calc(20 * var(--design-px));
}


.js-carousel_prev::before,
.js-carousel_next::before {
    content: "";
    position: absolute; top: 50%; left: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.js-carousel_prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.js-carousel_next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* PC */
@media screen and (width >= 768px) {
	.js-carousel_controls {	width: calc(872 * var(--design-px));}

	.js-carousel_prev::before,
	.js-carousel_next::before {
		width: calc(42 * var(--design-px)); height: calc(42 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.js-carousel_controls {	width: calc(380 * var(--design-px));}

	.js-carousel_prev::before,
	.js-carousel_next::before {
		width: calc(26 * var(--design-px)); height: calc(26 * var(--design-px));
	}
}





/* ==========================================================

	「MONOプレイス」を体感

========================================================== */
.sec_trial {
	background: url(../img/bg_trial.jpg) no-repeat center center;
	background-size: cover;
	width: 100%; height: auto;
	display: flex;
	justify-content: center; align-items: center;
}

.sec_trial .-_box {
	background: rgba(255, 255, 255, 0.85);
	display: flex;
	flex-direction: column; align-items: center;
}

.sec_trial .-__ttl {
	font-family: "Noto Serif JP";
	color: #806D3E;
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	flex-direction: column; justify-content: center; align-items: center;
}

.sec_trial .btn-sc_navy {
	padding: calc(12 * var(--design-px)) calc(40 * var(--design-px));
}

.sec_trial .btn-sc_navy img { margin-right: calc(10 * var(--design-px));}

/* PC */
@media screen and (width >= 768px) {
	.sec_trial { aspect-ratio: 2 / 1;}

	.sec_trial .-_box {
		padding: calc(60 * var(--design-px)) calc(50 * var(--design-px));
	}

	.sec_trial .-_box .-__ttl { margin-bottom: calc(20 * var(--design-px));}

	.sec_trial .-_box .-__ttl .__sub { font-size: calc(32 * var(--design-px));}
	.sec_trial .-_box .-__ttl .__main { font-size: calc(44 * var(--design-px));}

	.sec_trial .-_box p {
		font-size: calc(18 * var(--design-px));
		line-height: 1.5;
		text-align: center;
	}

	.sec_trial .-_box .-__btn {
		margin-top: calc(30 * var(--design-px));
	}

	.sec_trial .btn-sc_navy {
		font-size: calc(16 * var(--design-px));
	}

	.sec_trial .btn-sc_navy img { position: relative; top: calc(2 * var(--design-px));}
}

/* SP */
@media screen and (width < 768px) {
	.sec_trial {
		aspect-ratio: 8 / 9;
		background-position: right center;
	}
	
	.sec_trial .-_box {
		width: calc(320 * var(--design-px));
		margin-right: auto; margin-left: auto;
		padding-top: calc(40 * var(--design-px)); padding-bottom: calc(40 * var(--design-px));
	}

	.sec_trial .-_box .-__ttl .__sub { font-size: calc(20 * var(--design-px));}
	
	.sec_trial .-_box .-__ttl .__main {
		font-size: calc(24 * var(--design-px));
		text-spacing-trim: trim-start;
	}

	.sec_trial .-_box .-__ttl .__main span { margin-right: calc(-8 * var(--design-px));}

	.sec_trial .-_box p {
		margin: calc(10 * var(--design-px)) calc(30 * var(--design-px)) calc(20 * var(--design-px));
		font-size: calc(15 * var(--design-px));
		line-height: 1.6;
	}

	.sec_trial .btn-sc_navy {
		font-size: calc(14 * var(--design-px));
	}
}





/* ==========================================================

	まずはお話しませんか？

========================================================== */
.sec_consultation .-_block {
	background: url(../img/bg_consultation.jpg) no-repeat;
}

.sec_consultation .-_block .-__box {
	background: #fff;
}

.sec_consultation .-_block .__ttl {
	color: #806D3E;
	font-weight: 500;
	font-family: "Noto Serif JP";
}

.sec_consultation .-_btn {
	display: flex;
	justify-content: center; align-items: center;
}

/* PC */
@media screen and (width >= 768px) {
	.sec_consultation {
		padding-top: calc(100 * var(--design-px)); padding-bottom: calc(100 * var(--design-px));
	}

	.sec_consultation .-_block {
		background-position: right center;
		background-size: auto 100%;
		padding-top: calc(40 * var(--design-px)); padding-bottom: calc(40 * var(--design-px));
	}

	.sec_consultation .-_block .-__box {
		background: #fff;
		width: calc(670 * var(--design-px));
		padding: calc(26 * var(--design-px)) calc(30 * var(--design-px)) calc(26 * var(--design-px)) calc(50 * var(--design-px));
	}

	.sec_consultation .-_block .__ttl {
		font-size: calc(24 * var(--design-px));
		line-height: 1.5;
		margin-bottom: calc(20 * var(--design-px));
	}

	.sec_consultation .-_block .-__box p {
		font-size: calc(16 * var(--design-px));
		line-height: 2.2;
	}

	.sec_consultation .-_btn {
		margin-top: calc(50 * var(--design-px));
		gap: calc(40 * var(--design-px));
	}

	.sec_consultation .btn-sc_navy,
	.sec_consultation .btn-sc_bd-navy {
		padding: calc(30 * var(--design-px)) calc(80 * var(--design-px));
		font-size: calc(22 * var(--design-px));
	}
}

/* SP */
@media screen and (width < 768px) {
	.sec_consultation {
		padding-top: calc(28 * var(--design-px)); padding-bottom: calc(50 * var(--design-px));
	}

	.sec_consultation .cnt_1120 {
		width: 100%;
	}

	.sec_consultation .-_block {
		background-position: center bottom;
		background-size: 100% auto;
		padding-bottom: calc(210 * var(--design-px));
	}

	.sec_consultation .-_block .-__box {
		width: calc(340 * var(--design-px));
		padding: calc(30 * var(--design-px)) calc(20 * var(--design-px));
		margin-right: auto; margin-left: auto;
	}

	.sec_consultation .-_block .__ttl {
		font-size: calc(22 * var(--design-px));
		line-height: 1.5;
		margin-bottom: calc(20 * var(--design-px));
	}
	
	.sec_consultation .-_block .-__box p {
		font-size: calc(15 * var(--design-px));
		line-height: 2.0;
	}

	.sec_consultation .-_btn {
		margin-top: calc(30 * var(--design-px));
		gap: calc(14 * var(--design-px));
	}

	.sec_consultation .btn-sc_navy,
	.sec_consultation .btn-sc_bd-navy {
		padding: calc(16 * var(--design-px)) calc(20 * var(--design-px));
		font-size: calc(15 * var(--design-px));
		line-height: calc(24 * var(--design-px));
	}
}