/*==============================================================
	PAGE-FEATURE 森からつくる家具（morikagu）
	※ style.css の末尾に追記してください
==============================================================*/
.page-feature_morikagu{
	background-color: #fff;
}
.page-feature_morikagu .main_contents{
	background: #fff;
	padding: 0 0 120px 0;
}
.page-feature_morikagu p{
	line-height: 2;
	color: #716c6a;
}

/* ---- 共通：年輪アイコン付き見出し ---- */
.page-feature_morikagu .mk_h2{
	display: flex;
	align-items: center;
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 30px;
	color: #716c6a;
}
.page-feature_morikagu .mk_h2 .mk_ring{
	flex: none;
	display: inline-block;
	width: 48px;
	height: 48px;
	margin-right: 18px;
	background: url(../img/page_morikagu/mk_ring.svg) no-repeat center center;
	background-size: contain;
}

.page-feature_morikagu .mk_use .mk_use_lead p {
	color: #716c6a;
}

/*==============================================================
	COVER
==============================================================*/
.page-feature_morikagu .mk_cover{
	position: relative;
	width: 100%;
	margin-bottom: 90px;
}
.page-feature_morikagu .mk_cover .mk_cover_title{
	text-align: center;
	background: #fff;
	padding: 30px 0 30px 0;
}
.page-feature_morikagu .mk_cover .mk_cover_title h1{
	display: inline-block;
}
.page-feature_morikagu .mk_cover .mk_cover_title h1 img{
	width: 320px;
}
.page-feature_morikagu .mk_cover .mk_cover_img{
	position: relative;
	width: 100%;
	height: 620px;
	overflow: hidden;
}
.page-feature_morikagu .mk_cover .mk_cover_img img{
	display: block;
	width: 100%;
	height: 620px;
	object-fit: cover;
}
.page-feature_morikagu .mk_cover .mk_cover_copy{
	position: absolute;
	top: 70px;
	left: 80px;
	writing-mode: vertical-rl;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	line-height: 1.9;
	letter-spacing: 6px;
	text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

/*==============================================================
	SECTION1 イントロ
==============================================================*/
.page-feature_morikagu .mk_intro{
	margin-bottom: 100px;
}
.page-feature_morikagu .mk_intro .mk_intro_lead{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 16px;
	color: #000000;
}
.page-feature_morikagu .mk_intro h2.mk_intro_ttl{
	font-size: 34px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 40px;
	color: #000000;
}
.page-feature_morikagu .mk_intro .flx{
	align-items: flex-start;
}
.page-feature_morikagu .mk_intro .mk_intro_text{
	width: 46%;
	color: #000000;
}
.page-feature_morikagu .mk_intro .mk_intro_text p {
	color: #000000;
}
.page-feature_morikagu .mk_intro figure{
	width: 50%;
}
.page-feature_morikagu .mk_intro figure img{
	width: 100%;
}

/*==============================================================
	SECTION2 仕組み ＋ 流れ（ベージュ背景フル幅）
==============================================================*/
.page-feature_morikagu .mk_shikumi{
	background: #FBF5E5;
	padding: 80px 0;
	margin-bottom: 100px;
	text-align: left;
}
.page-feature_morikagu .mk_shikumi .mk_inner{
	box-sizing: border-box;
	width: 1080px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}
.page-feature_morikagu .mk_shikumi .mk_shikumi_top{
	align-items: flex-start;
	margin-bottom: 40px;
}
.page-feature_morikagu .mk_shikumi .mk_shikumi_text{
	width: 59%;
}
.page-feature_morikagu .mk_shikumi .mk_shikumi_chart{
	width: 34%;
}
.page-feature_morikagu .mk_shikumi .mk_shikumi_chart img{
	width: 100%;
}

/* 流れ */
.page-feature_morikagu .mk_flow_ttl{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}
.page-feature_morikagu .mk_flow_sub{
	line-height: 1.9;
	margin-bottom: 40px;
}
.page-feature_morikagu .mk_flow_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.page-feature_morikagu .mk_flow_item{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 40px;
}
.page-feature_morikagu .mk_flow_item:nth-child(3n){
	margin-right: 0;
}
.page-feature_morikagu .mk_flow_item h4{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 14px;
}
.page-feature_morikagu .mk_flow_inner{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.page-feature_morikagu .mk_flow_inner img{
	width: 46%;
	object-fit: cover;
}
.page-feature_morikagu .mk_flow_inner p{
	width: 50%;
	font-size: 14px;
	line-height: 1.8;
}

/*==============================================================
	SECTION3 ご利用のイメージ
==============================================================*/
.page-feature_morikagu .mk_use{
	margin-bottom: 100px;
}
.page-feature_morikagu .mk_use .mk_use_head{
	align-items: center;
	margin-bottom: 50px;
}
.page-feature_morikagu .mk_use .mk_use_lead{
	width: 38%;
}
.page-feature_morikagu .mk_use .mk_use_lead .mk_h2{
	margin-bottom: 24px;
}
.page-feature_morikagu .mk_use .mk_use_lead p{
	line-height: 1.9;
}
.page-feature_morikagu .mk_use .mk_use_circles{
	width: 56%;
	display: flex;
	justify-content: space-between;
}
.page-feature_morikagu .mk_use .mk_use_circles li{
	box-sizing: border-box;
	width: 31%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #F3E9CC;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	line-height: 1.7;
	padding: 10px;
	color: #716c6a;
}
.page-feature_morikagu .mk_use .mk_use_imgs{
	display: flex;
}
.page-feature_morikagu .mk_use .mk_use_imgs img{
	width: 24%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/*==============================================================
	SECTION4 家具の納品事例
==============================================================*/
.page-feature_morikagu .mk_works{
	margin-bottom: 100px;
}
.page-feature_morikagu .mk_works .mk_h2{
	margin-bottom: 14px;
}
.page-feature_morikagu .mk_works .mk_works_sub{
	margin-bottom: 30px;
	line-height: 1.8;
	color: #716c6a;
}
.page-feature_morikagu .mk_works .mk_works_top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.page-feature_morikagu .mk_works .mk_works_big{
	width: 58%;
}
.page-feature_morikagu .mk_works .mk_works_big img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-feature_morikagu .mk_works .mk_works_side{
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.page-feature_morikagu .mk_works .mk_works_side img{
	width: 100%;
	height: 48.5%;
	object-fit: cover;
}
.page-feature_morikagu .mk_works .mk_works_bottom{
	display: flex;
	justify-content: space-between;
}
.page-feature_morikagu .mk_works .mk_works_bottom img{
	width: 49%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

/*==============================================================
	SECTION5 プロジェクトメンバー
==============================================================*/
.page-feature_morikagu .mk_member{
	margin-bottom: 100px;
	text-align: center;
}
.page-feature_morikagu .mk_member .mk_member_ttl{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #716c6a;
}
.page-feature_morikagu .mk_member .mk_member_sub{
	line-height: 1.8;
	margin-bottom: 40px;
	color: #716c6a;
}
.page-feature_morikagu .mk_member .mk_member_chart{
	max-width: 900px;
	margin: 0 auto 30px auto;
}
.page-feature_morikagu .mk_member .mk_member_chart img{
	width: 100%;
}

/*==============================================================
	SECTION6 ステップ ＋ 動画（ベージュ背景フル幅）
==============================================================*/
.page-feature_morikagu .mk_video{
	background: #F7EED0;
	padding: 70px 0 90px 0;
	text-align: center;
}
.page-feature_morikagu .mk_video .mk_video_ttl{
	display: inline-block;
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 90px;
}
.page-feature_morikagu .mk_video .mk_video_ttl::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	background: #796A55;
}
.page-feature_morikagu .mk_video .mk_movie{
	box-sizing: border-box;
	position: relative;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	border: 1px solid #796A55;
	padding: 70px 50px 50px 50px;
}
.page-feature_morikagu .mk_video .mk_movie_badge{
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	background: #796A55;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 12px 30px;
}
.page-feature_morikagu .mk_video .mk_movie iframe{
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	display: block;
}

/*==============================================================
	フェードイン（既存JS .scinview / .ftfade を利用）
==============================================================*/
.page-feature_morikagu .scinview .ftfade{
	opacity: 0;
	transition: opacity 1.2s linear;
	transition-delay: .1s;
}
.page-feature_morikagu .scinview .ftfade.ftd3{transition-delay:.4s;}
.page-feature_morikagu .scinview .ftfade.ftd6{transition-delay:.7s;}
.page-feature_morikagu .scinview .ftfade.ftd9{transition-delay:1.0s;}
.page-feature_morikagu .scinview.inviewed .ftfade{
	opacity: 1;
}

.page-feature_morikagu .mk_video .mk_video_ttl{
	color: #796a56;
}
.page-feature_morikagu .mk_flow_ttl{
	color: #716c6a;
}
.page-feature_morikagu .mk_flow_item h4 {
	color: #716c6a;

}

/*==============================================================
	SP（スマートフォン）
==============================================================*/
@media screen and (max-width: 767px) {

	.page-feature_morikagu .main_contents{
		padding: 0 0 28vw 0;
	}

	.page-feature_morikagu .mk_h2{
		font-size: 5vw;
		margin-bottom: 6vw;
	}
	.page-feature_morikagu .mk_h2 .mk_ring{
		width: 10vw;
		height: 10vw;
		margin-right: 3vw;
	}

	/* COVER */
	.page .page-feature_morikagu #sp_header{
		background-color: rgba(0,0,0,0);
		height: auto;
	}
	.page-feature_morikagu .mk_cover{
		margin-bottom: 12vw;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
	}
	.page-feature_morikagu .mk_cover .mk_cover_title{
		padding: 4vw 0;
		display: none;
	}
	.page-feature_morikagu .mk_cover .mk_cover_title h1 img{
		width: 60vw;
	}
	.page-feature_morikagu .mk_cover .mk_cover_img{
		height: 95vw;
	}
	.page-feature_morikagu .mk_cover .mk_cover_img img{
		height: 95vw;
	}
	.page-feature_morikagu .mk_cover .mk_cover_copy{
		top: 42vw;
		left: 6vw;
		font-size: 3.6vw;
		letter-spacing: 2px;
	}
	/* イントロ */
	.page-feature_morikagu .mk_intro{
		margin-bottom: 14vw;
		padding-top: 62vw;   /* ← 追加：absoluteなカバー画像(95vw)の下から開始させる */
	}
	.page-feature_morikagu .mk_intro .mk_intro_lead{
		font-size: 3.6vw;
		margin-bottom: 3vw;
	}
	.page-feature_morikagu .mk_intro h2.mk_intro_ttl{
		font-size: 6.4vw;
		margin-bottom: 6vw;
	}
	.page-feature_morikagu .mk_intro .flx{
		display: block;
	}
	.page-feature_morikagu .mk_intro .mk_intro_text{
		width: 100%;
		margin-bottom: 6vw;
	}
	.page-feature_morikagu .mk_intro figure{
		width: 100%;
	}


	/* 仕組み＋流れ */
	.page-feature_morikagu .mk_shikumi{
		padding: 12vw 0;
		margin-bottom: 14vw;
	}
	.page-feature_morikagu .mk_shikumi .mk_inner{
		width: 100%;
		padding: 0 4vw;
	}
	.page-feature_morikagu .mk_shikumi .mk_shikumi_top{
		display: block;
		margin-bottom: 12vw;
	}
	.page-feature_morikagu .mk_shikumi .mk_shikumi_text{
		width: 100%;
		margin-bottom: 8vw;
	}
	.page-feature_morikagu .mk_shikumi .mk_shikumi_chart{
		width: 100%;
	}
	.page-feature_morikagu .mk_flow_ttl{
		font-size: 5vw;
		margin-bottom: 4vw;
	}
	.page-feature_morikagu .mk_flow_sub{
		margin-bottom: 8vw;
	}
	.page-feature_morikagu .mk_flow_list{
		display: block;
	}
	.page-feature_morikagu .mk_flow_item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 8vw;
	}
	.page-feature_morikagu .mk_flow_item h4{
		font-size: 4.4vw;
		margin-bottom: 3vw;
	}
	.page-feature_morikagu .mk_flow_inner{
		display: block;
	}
	.page-feature_morikagu .mk_flow_inner img{
		width: 100%;
		margin-bottom: 3vw;
	}
	.page-feature_morikagu .mk_flow_inner p{
		width: 100%;
		font-size: 3.4vw;
	}

	/* ご利用のイメージ */
	.page-feature_morikagu .mk_use{
		margin-bottom: 14vw;
	}
	.page-feature_morikagu .mk_use .mk_use_head{
		display: block;
		margin-bottom: 8vw;
	}
	.page-feature_morikagu .mk_use .mk_use_lead{
		width: 100%;
		margin-bottom: 6vw;
	}
	.page-feature_morikagu .mk_use .mk_use_circles{
		width: 100%;
	}
	.page-feature_morikagu .mk_use .mk_use_circles li{
		width: 31%;
		font-size: 2.7vw;
		padding: 2vw;
	}
	.page-feature_morikagu .mk_use .mk_use_imgs{
		flex-wrap: wrap;
	}
	.page-feature_morikagu .mk_use .mk_use_imgs img{
		width: 49%;
	}

	/* 納品事例 */
	.page-feature_morikagu .mk_works{
		margin-bottom: 14vw;
	}
	.page-feature_morikagu .mk_works .mk_works_top{
		margin-bottom: 0;
		gap: 9px;
	}
	.page-feature_morikagu .mk_works .mk_works_big{
		width: 100%;
		margin-bottom: 2vw;
	}
	.page-feature_morikagu .mk_works .mk_works_side{
		width: 100%;

		margin-bottom: 2vw;
	}
	.page-feature_morikagu .mk_works .mk_works_side img{
		width: 100%;
		height: auto;
		margin-bottom: 9px;
		aspect-ratio: 3 / 2;
	}
	.page-feature_morikagu .mk_works .mk_works_side img:last-child{
	margin-bottom: 0; 
	}
	.page-feature_morikagu .mk_works .mk_works_bottom img{
		width: 49%;
	}

	/* メンバー */
	.page-feature_morikagu .mk_member{
		margin-bottom: 14vw;
	}
	.page-feature_morikagu .mk_member .mk_member_ttl{
		font-size: 5.4vw;
		margin-bottom: 5vw;
	}
	.page-feature_morikagu .mk_member .mk_member_sub{
		margin-bottom: 8vw;
	}

	/* 動画 */
	.page-feature_morikagu .mk_video{
        padding: 12vw 4vw;
        box-sizing: border-box;
	}
	.page-feature_morikagu .mk_video .mk_video_ttl{
		font-size: 5.2vw;
		margin-bottom: 8vw;
	}
	.page-feature_morikagu .mk_video .mk_movie{
		width: 92%;
		padding: 9vw 5vw 5vw 5vw;
	}
	.page-feature_morikagu .mk_video .mk_movie_badge{
		box-sizing: border-box;
		top: -5vw;
		font-size: 3.8vw;
		padding: 2vw 4vw;
		width: 86%;
	}
}
@media screen and (max-width: 767px) {
.sp_only {
	display: block;
}
.pc_only {
	display: none;
}
}
@media screen and (min-width: 767px) {
.sp_only {
	display: none;
}
.pc_only {
	display: block;
}
}