@charset "utf-8";
/*====================
メインビジュアル
====================*/
.main_visual{
	margin-top:84px;
}
.main_visual .flex-viewport{
	overflow:visible !important;
}





/*====================
インデックス設定
====================*/
.in_title{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-family: 'EB Garamond', 'Noto Serif JP', sans-serif;
	font-size:4rem;
	font-weight: 100;
	text-align: center;
	margin-bottom:46px;
}
/*.in_title span{
	position: relative;
	display: inline-block;
	font-family: 'Dawning of a New Day', cursive;
	font-size:3rem;
	margin-bottom:32px;
}
.in_title span::before{
	content:'';
	position: absolute;
	bottom:4px;
	left:0;
	display: block;
	width:100%;
	height:1px;
	background:#fff57f;
	z-index:-1;
}*/

.in_more{
	display: block;
	width:168px;
	height:50px;
	margin:0 auto;
	text-indent: -99999px;
	-webkit-transition:.3s linear;
	transition:.3s linear;
	background:url(img/more_pc1.png);
}
.in_more:hover{
	opacity: 1;
	background:url(img/more_pc1-2.jpg);
}
/*タイトルアイコン*/
.title_ic_box{
	display: inline-block;
	width:40px;
	height:40px;
	overflow:hidden;
	margin-left:16px;
}
.title_ic_box img{
	width: 100%;
	height:auto;
}

/*====================
お知らせ
====================*/
.index_cont1{
	position: relative;
	width:100%;
	overflow:hidden;
	margin-bottom:118px;
	border:2px solid #fff;
	background:#eff0f0;
}
.index_cont1 h2{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	float:left;
	width:225px;
	height:50px;
	font-family: 'EB Garamond', 'Noto Sans JP', sans-serif;
	font-size:1.4rem;
	border-right:2px solid #fff;
}
.index_cont1 h2 span{
	font-size:2.4rem;
	margin:0 22px 0 0;
}
.index_cont1 h2::after{
	content: '';
	position: absolute;
	top:0;
	left:calc(100% + 2px);
	display: block;
	width:100vw;
	height:100%;
	background:url(img/ptn1.png);
}
.index_cont1 .news_cont{
	float: left;
	width:735px;
	padding:0 50px 0 30px;
}
.index_cont1 .slick_box{
	width:100%;
	border:none !important;
}
.index_cont1 .slick_box a{
	display: flex;
	align-items: center;
	height:50px;
}
.index_cont1 .slick_box h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.4rem;
}
.index_cont1 .news_more{
	display: block;
	position: absolute;
	top:0;
	right:0;
	width:40px;
	height:50px;
	text-indent: -99999px;
	background:url(img/ic_ya2.png) center center no-repeat;
}

/*====================
木の温もりがキミを育てる。
====================*/
.index_cont2{
	position: relative;
	height:480px;
	margin-bottom:120px;
}
.index_cont2 .inner{
	padding:92px 480px 0 0;
}
.index_cont2 h2{
	letter-spacing: 0px;
}
.index_cont2 h2 span{
	letter-spacing: 0px;
}
.index_cont2 .in_txt{
	font-size:1.4rem;
	line-height: 2;
	margin-bottom:60px;
	text-align: center;
}
.index_cont2 .in_photo{
	position: absolute;
	top:0;
	right: 0;
	width:44.1vw;
	height:480px;
	overflow:hidden;
}
.index_cont2 .in_photo .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:#fff;
}
.index_cont2 .in_photo .line_2{
	position: absolute;
	top:10px;
	right:10px;
	width:1px;
	height:calc(100% - 20px);
	background:#fff;
}

/*====================
商品カテゴリ一覧
====================*/
.index_cont3{
	width:100%;
	overflow:hidden;
	position: relative;
	margin-bottom:120px;
}

.index_cont3 ul{
	position: relative;
	padding:40px 0 0 0;
}
.index_cont3 li{
	float:left;
	width:210px;
	text-align: center;
	margin:0 40px 0 0;
}
.index_cont3 li:nth-child(4n){
	margin:0 0px 0 0;
}
.index_cont3 .link_box{
	position: relative;
	display: block;
	width:100%;
	height:210px;
	-webkit-transition:.3s linear;
	transition:.3s linear;
	background:url(img/more_pc2.png) bottom 10px right 10px no-repeat #fff;
}
.index_cont3 .link_box:hover{
	background:url(img/more_pc2-2.png) bottom 10px right 10px no-repeat #fff;
}
.index_cont3 .link_box .txt_deco{
	position: relative;
	display: inline-block;
	font-size:3rem;
	margin-top:30px;
}
.index_cont3 .link_box .txt_deco::before{
	content:'';
	position: absolute;
	bottom:4px;
	left:0;
	display: block;
	width:100%;
	height:1px;
	background:#fff57f;
	z-index:-1;
}
.index_cont3 .link_box img{
	display: block;
	width:60px;
	height:auto;
	margin:20px auto 23px;
}
.index_cont3 .link_box h2{
	font-size: 1.4rem;
}
.index_cont3 .link_box .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(96,76,63,0.05);
}
.index_cont3 .link_box .line_2{
	position: absolute;
	top:10px;
	left:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(96,76,63,0.05);
}

.index_cont3 .term_box{
	display: block;
	width:100%;
	height:210px;
	overflow:hidden;
	margin-bottom:5px;
}
.index_cont3 h3{
	font-size:1.4rem;
	line-height: 1.4;
	height:45px;
}
.index_cont3 .in_bg1{
	position: absolute;
	top:0;
	right:40px;
	width:100vw;
	height:556px;
	background:url(img/ptn1.png);
	z-index:-1;
}


/*====================
３つの約束
====================*/
.index_cont4{
	position: relative;
	width:100%;
	height:580px;
	margin-bottom:120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.index_cont4 .inner{
	color:#fff;
	padding:60px 535px 0 0;
}
.index_cont4 li{
	position: relative;
	padding:0 0 0 33px;
	margin-bottom:24px;
}
.index_cont4 h3{
	font-size:2.4rem;
	font-weight: 300;
	padding-bottom:12px;
	margin-bottom:4px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}
.index_cont4 li p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.4rem;
	line-height: 1.6;
}
.index_cont4 li .abs{
	position: absolute;
	top:-2px;
	left:0;
	width:22px;
	height:auto;
}

.index_cont4 .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(255,255,255,0.5);
}
.index_cont4 .line_2{
	position: absolute;
	top:10px;
	right:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(255,255,255,0.5);
}
.index_cont4 .in_bg{
	position: absolute;
	top:0;
	left:0;
	width:46vw;
	height:100%;
	background:url(img/shdow1.png) top left no-repeat;
	background-size: 100% 100%;
}

/*====================
想いを形にする最高の贈り物
====================*/
.index_cont5{
	position: relative;
	height:480px;
	margin-bottom:120px;
}
.index_cont5 .inner{
	padding:96px 0 0 444px;
}
.index_cont5 h2{
	font-size:4rem;
	letter-spacing: -1px;
}
.index_cont5 .in_txt{
	font-size: 1.4rem;
	line-height: 2;
	text-align: center;
	margin:0 auto 46px;
}

.index_cont5 .in_photo{
	position: absolute;
	top:0;
	left:0;
	width:44.1vw;
	height:480px;
}
.index_cont5 .in_photo .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(255,255,255,0.5);
}
.index_cont5 .in_photo .line_2{
	position: absolute;
	top:10px;
	left:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(255,255,255,0.5);
}

/*====================
リンクエリア
====================*/
.index_cont6{
	width:100%;
	height:290px;
	margin-bottom:160px;
}
.index_cont6 .inner{
	padding:40px 0;
}
.index_cont6 .link_cont{
	float:left;
	width:460px;
	height:210px;
}
.index_cont6 .link_cont.mmm{
	margin-right:40px;
}
.index_cont6 .img_box{
	float:left;
	width:230px;
	height:210px;
	overflow:hidden;
	background:#fff;
}
.index_cont6 .link_box{
	position: relative;
	display: block;
	float:left;
	width:230px;
	height:210px;
	text-align: center;
	-webkit-transition:.3s linear;
	transition:.3s linear;
	background:url(img/more_pc2.png) bottom 10px right 20px no-repeat #fff;
}
.index_cont6 .link_box:hover{
	background:url(img/more_pc2-2.png) bottom 10px right 20px no-repeat #fff;
}
.index_cont6 .link_box .txt_deco{
	position: relative;
	display: inline-block;
	font-size:3rem;
	margin-top:30px;
}
.index_cont6 .link_box .txt_deco::before{
	content:'';
	position: absolute;
	bottom:4px;
	left:0;
	display: block;
	width:100%;
	height:1px;
	background:#fff57f;
	z-index:-1;
}
.index_cont6 .link_box img{
	margin:20px auto 23px;
}
.index_cont6 .link_box h2{
	font-size: 1.4rem;
}
.index_cont6 .link_box .line_1{
	position: absolute;
	top:10px;
	right:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(96,76,63,0.05);
}
.index_cont6 .link_box .line_2{
	position: absolute;
	top:10px;
	right:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(96,76,63,0.05);
}

.index_cont6 .in_bg{
	position: absolute;
	top:0;
	left:40px;
	width:100vw;
	height:290px;
	background:url(img/ptn1.png);
	z-index:-1;
}

/*====================
大切なギフトだからこそ
====================*/
.index_cont7{
	margin-bottom:120px;
	background:url(img/ptn1.png);
}
.index_cont7 .inner{
	top:-40px;
	height:470px;
	padding:28px 30px;
	color:#fff;
	background-size: cover;
}
.index_cont7 h2{
	display: block;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 3.6rem;
	font-weight: 100;
	margin-bottom: 14px;
}
.index_cont7 h2 span{
	position: relative;
	display: inline-block;
	font-family: 'Dawning of a New Day', cursive;
	font-size:3rem;
	font-weight: 100;
	margin-bottom:22px;
}
.index_cont7 h2 span::before{
	content:'';
	position: absolute;
	bottom:4px;
	left:0;
	display: block;
	width:100%;
	height:1px;
	background:#fff57f;
	z-index:-1;
}
.index_cont7 .in_txt{
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.8;
}
.index_cont7 .in_more{
	position: absolute;
	bottom:30px;
	right:30px;
}

/*====================
OEM
====================*/
.index_cont_oem{
	position: relative;
	height:480px;
	margin-bottom:120px;
}
.index_cont_oem .inner{
	padding:96px 0 0 444px;
}
.index_cont_oem h2{
	font-size:4rem;
	letter-spacing: -1px;
}
.index_cont_oem .in_txt{
	font-size: 1.4rem;
	line-height: 2;
	text-align: center;
	margin:0 auto 46px;
}

.index_cont_oem .in_photo{
	position: absolute;
	top:0;
	left:0;
	width:44.1vw;
	height:480px;
}
.index_cont_oem .in_photo .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(255,255,255,0.5);
}
.index_cont_oem .in_photo .line_2{
	position: absolute;
	top:10px;
	left:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(255,255,255,0.5);
}

/*====================
親子で触れて、楽しむ、木工体験
====================*/
.index_cont8{
	position: relative;
	height:480px;
	margin-bottom: 120px;
}

.index_cont8 .inner{
	padding:92px 374px 0 0;
}
.index_cont8 h2{
	font-size: 4rem;
	letter-spacing: 0px;
}
.index_cont8 .in_txt{
	font-size:1.4rem;
	line-height: 2;
	width:490px;
	margin:0 auto 60px;
	text-align: center;
}
.index_cont8 .in_photo{
	position: absolute;
	top:0;
	right: 0;
	width:44.1vw;
	height:480px;
	overflow:hidden;
}
.index_cont8 .in_photo .line_1{
	position: absolute;
	top:10px;
	left:10px;
	width:calc(100% - 20px);
	height:1px;
	background:#fff;
}
.index_cont8 .in_photo .line_2{
	position: absolute;
	top:10px;
	right:10px;
	width:1px;
	height:calc(100% - 20px);
	background:#fff;
}

/*====================
アドレス
====================*/
.index_cont10{
	position: relative;
	width:100%;
	height:470px;
}
.index_cont10 .cont_box{
	float:right;
	width:370px;
	padding:85px 0 0 0;
	text-align: center;
}

.index_cont10 .cont_box h2 img{
	width:91px;
	height:auto;
}
.index_cont10 .cont_box address{
	display:block;
	width:300px;
	margin:32px auto 0;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 1px;
	text-align: left;
}
.index_cont10 .cont_box address p{
	font-size: 1.4rem;
}

.index_cont10 .in_photo{
	position: absolute;
	top:0;
	left:0;
	width:55.86vw;
	height:470px;
	overflow:hidden;
}
.index_cont10 .in_photo::before{
	content:'';
	position: absolute;
	top:10px;
	right:10px;
	width:calc(100% - 20px);
	height:1px;
	background:rgba(255,255,255,0.5);
}
.index_cont10 .in_photo::after{
	content:'';
	position: absolute;
	top:10px;
	right:10px;
	width:1px;
	height:calc(100% - 20px);
	background:rgba(255,255,255,0.5);
}

/*====================
ショールーム
====================*/
.index_cont11{
	position: relative;
	top:-54px;
	width:100%;
	height:240px;
	overflow: hidden;
	margin-bottom:26px;
}
.index_cont11 h2{
	position: relative;
	left:-54px;
	float:left;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width:217px;
	height:240px;
	font-size:1.6rem;
	font-weight: 500;
	text-align: center;
}
.index_cont11 h2 span{
	position: relative;
	display: inline-block;
	font-size: 3rem;
	z-index:10;
}
.index_cont11 h2 span::before {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff57f;
    z-index: -1;
}
.index_cont11 h2 img{
	display: block;
	width:50px;
	height:auto;
	margin:11px 0 22px;
}
.index_cont11 ul{
	float: left;
	display: inline;
	overflow: hidden;
}
.index_cont11 li{
	position: relative;
	float:left;
	width:222px;
	height:190px;
	overflow:hidden;
}
.index_cont11 li a{
	display: block;
	width:200px;
	height:190px;
	overflow:hidden;
	margin:0 auto;
}
/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}


.index_cont11 .in_bg{
	position: absolute;
	top:0;
	left:-54px;
	width: 100vw;
	height:240px;
	background:url(img/ptn1.png);
	z-index: -1;
}


/*====================
ご利用ガイド
====================*/
.index_cont12{
	margin-bottom:95px;
}
.index_cont12 h2{
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
	margin-bottom:32px;
}
.index_cont12 h2 span{
	position: relative;
	display: inline-block;
	font-size:3rem;
	margin-bottom: 4px;
}
.index_cont12 h2 span::before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #fff57f;
	z-index: -1;
}
.index_cont12 ul{
	overflow: hidden;
}
.index_cont12 li{
	float:left;
	overflow:hidden;
	margin:0 13px 30px 0;
}
.index_cont12 li:nth-child(4n){
	margin:0 0px 30px 0;
}
.index_cont12 li a{
	display: block;
	width:230px;
	padding:8px 0;
	text-align: center;
}
.index_cont12 li h3,
.index_cont12 li p{
	font-size: 1.4rem;
}





















@media only screen and (max-width:960px){
/*ここから====================*/
	.index_area.m-on{
		margin-top:20vw;
	}
	/*====================
	メインビジュアル
	====================*/
	.main_visual{
		position: relative;
		/* height:calc(100vh - 15vw); */
		margin-top:15vw;
		overflow:hidden;
	}

	/*====================
	インデックス設定
	====================*/
	.in_title{
		font-size:2.4rem;
		font-weight: 100;
		margin-bottom:6.25vw;
		letter-spacing: 1px;
	}
	/*.in_title span{
		font-size:1.8rem;
		margin-bottom:32px;
	}
	.in_title span::before{
		content:'';
		position: absolute;
		bottom:4px;
		left:0;
		display: block;
		width:100%;
		height:1px;
		background:#fff57f;
		z-index:-1;
	}
*/
	.in_more{
		width:100%;
		height:11.25vw;
		background:url(img/more_sp1.png) center center no-repeat;
		background-size: auto 100%;
	}
	.in_more:hover{
		opacity: 1;
		background:url(img/more_sp1.png);
		background-size: auto 100%;
	}

	/*タイトルアイコン*/
	.title_ic_box{
		display: inline-block;
		width:7.5vw;
		height:7.5vw;
		overflow:hidden;
		margin-left:2.5vw;
	}

	/*====================
	お知らせ
	====================*/
	.index_cont1{
		margin-bottom:12.5vw;
		border:2px solid #fff;
	}
	.index_cont1 h2{
		width:33.125vw;
		height:11.25vw;
		font-size:1.1rem;
		border-right:2px solid #fff;
	}
	.index_cont1 h2 span{
		font-size:1.8rem;
		margin:0 4.0625vw 0 0;
	}
	.index_cont1 .news_cont{
		float: left;
		width:55.9375vw;
		padding:0 0 0 4.6875vw;
	}
	.index_cont1 .slick_box a{
		height:11.25vw;
	}
	.index_cont1 .slick_box h3{
		font-size:1.1rem;
		line-height: 1.4;
	}
	.index_cont1 .news_more {
		display: none;
	}

	/*====================
	SPナビ
	====================*/
	.menu_sp_box{
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		margin-bottom:18.75vw;
		border-top:1px solid #ddd;
	}
	.menu_sp_box li{
		width:50%;
	}
	.menu_sp_box li:nth-child(5){
		width:100%;
	}
	.menu_sp_box li a{
		display: flex;
		justify-content: center;
		align-items: center;
		width:100%;
		padding:4.375vw 0;
		font-size: 1.4rem;
		border-bottom:1px solid #ddd;
		border-right:1px solid #ddd;
	}
	.menu_sp_box li:nth-child(5) a{
		padding:5vw 0;
	}

	/*====================
	木の温もりがキミを育てる。
	====================*/
	.index_cont2{
		position: relative;
		height:auto;
		margin-bottom:0;
	}
	.index_cont2 .inner{
		padding:0 4.6875vw 0;
	}
	.index_cont2 .in_txt{
		font-size:1.1rem;
		line-height: 2;
		margin-bottom:10vw;
		text-align: center;
	}
	.index_cont2 .in_more{
		margin:5vw auto 0;
		background: url(img/more_sp2.png) center center no-repeat;
		background-size: auto 100%;
	}
	.index_cont2 .in_photo{
		position: relative;
		width:90.625vw;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	.index_cont2 .in_photo .line_1{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:#fff;
	}
	.index_cont2 .in_photo .line_2{
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:#fff;
	}

	/*====================
	商品カテゴリ一覧
	====================*/
	.index_cont3{
		width:100%;
		overflow:hidden;
		position: relative;
		margin-bottom:18.75vw;
	}

	.index_cont3 ul{
		position: relative;
		padding:6.25vw 4.6875vw 0;
	}
	.index_cont3 li{
		float:left;
		width:42.8125vw;
		text-align: center;
		margin:0 5vw 0 0;
	}
	.index_cont3 li:nth-child(4n){
		margin:0 0 0 0;
	}
	.index_cont3 li:nth-child(2n){
		margin:0 0 0 0;
	}
	.index_cont3 .link_box{
		position: relative;
		display: block;
		width:100%;
		height:42.8125vw;
		-webkit-transition:.3s linear;
		transition:.3s linear;
		background:url(img/more_sp.png) bottom 10px right 10px no-repeat #fff;
		background-size: auto 2.34375vw;
	}
	.index_cont3 .link_box:hover{
		background:url(img/more_sp.png) bottom 10px right 10px no-repeat #fff;
	}
	.index_cont3 .link_box .txt_deco{
		position: relative;
		display: inline-block;
		font-size:1.8rem;
		margin-top:10vw;
		z-index:;
	}
	.index_cont3 .link_box .txt_deco::before{
		content:'';
		position: absolute;
		bottom:4px;
		left:0;
		display: block;
		width:100%;
		height:1px;
		background:#fff57f;
		z-index:-1;
	}
	.index_cont3 .link_box img{
		display: block;
		width:9.6875vw;
		height:auto;
		margin:2.5vw auto 3.75vw;
	}
	.index_cont3 .link_box h2{
		font-size: 1.1rem;
	}
	.index_cont3 .link_box .line_1{
		position: absolute;
		top:10px;
		left:10px;
		width:calc(100% - 20px);
		height:1px;
		background:rgba(96,76,63,0.05);
	}
	.index_cont3 .link_box .line_2{
		position: absolute;
		top:10px;
		left:10px;
		width:1px;
		height:calc(100% - 20px);
		background:rgba(96,76,63,0.05);
	}

	.index_cont3 .term_box{
		display: block;
		width:100%;
		height:42.8125vw;
		overflow:hidden;
		margin-bottom:1.875vw;
	}
	.index_cont3 h3{
		font-size:1.1rem;
		line-height: 1.4;
		height:9.0625vw;
	}
	.index_cont3 .in_bg1{
		right:9.375vw;
		width:100vw;
		height:calc(100% + 2.65625vw);
	}


	/*====================
	３つの約束
	====================*/
	.index_cont4{
		position: relative;
		width:100%;
		height:auto;
		margin-bottom:18.75vw;
		background-position: right center;
	}
	.index_cont4 .inner{
		color:#fff;
		padding:9.375vw 4.6875vw 7.5vw;
	}
	.index_cont4 ul{
		width:66.71875vw;
		overflow: hidden;
		margin:0 auto 2.1875vw;
	}
	.index_cont4 li{
		position: relative;
		padding:0 0 0 5.15625vw;
		margin-bottom:5.3125vw;
	}
	.index_cont4 h3{
		font-size:1.5rem;
		padding-bottom:1.5625vw;
		margin-bottom:0.625vw;
		border-bottom:0.3125vw solid rgba(255,255,255,0.5);
	}
	.index_cont4 li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:1.1rem;
		line-height: 1.6;
	}
	.index_cont4 li .abs{
		position: absolute;
		top:-2px;
		left:0;
		width:auto;
		height:5.15625vw;
	}
	.index_cont4 .in_more{
		margin:5vw auto;
		background: url(img/more_sp2.png) center center no-repeat;
		background-size: auto 100%;
	}

	.index_cont4 .line_1{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:rgba(255,255,255,0.5);
		z-index: 2;
	}
	.index_cont4 .line_2{
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:rgba(255,255,255,0.5);
		z-index: 2;
	}
	.index_cont4 .in_bg{
		position: absolute;
		top:0;
		left:0;
		width:100vw;
		height:100%;
		background:url(img/shdow1.png) top left no-repeat;
		background-size: 100% 100%;
	}

	/*====================
	想いを形にする最高の贈り物
	====================*/
	.index_cont5{
		position: relative;
		height:auto;
		margin-bottom:0;
	}
	.index_cont5 .inner{
		padding:0 4.6875vw 2vw;
	}
	.index_cont5 h2{
		font-size:2.4rem;
		letter-spacing: 1px;
	}
	.index_cont5 .in_txt{
		font-size: 1.1rem;
		line-height: 2;
		margin:0 auto 10vw;
	}
	.index_cont5 .in_more{
		margin:5vw auto 0;
		background: url(img/more_sp2.png) center center no-repeat;
		background-size: auto 100%;
	}

	.index_cont5 .in_photo{
		position: relative;
		width:90.625vw;
		height:auto;
		margin:0 auto;
	}
	.index_cont5 .in_photo .line_1{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:rgba(255,255,255,0.5);
		z-index:2;
	}
	.index_cont5 .in_photo .line_2{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:rgba(255,255,255,0.5);
		z-index:2;
	}

	/*====================
	リンクエリア
	====================*/
	.index_cont6{
		width:100%;
		height:auto;
		margin-bottom:28.125vw;
	}
	.index_cont6 .inner{
		padding:4.6875vw 4.6875vw;
	}
	.index_cont6 .link_cont{
		float:left;
		width:42.8125vw;
		height:auto;
	}
	.index_cont6 .link_cont.mmm{
		margin-right:5vw;
	}
	.index_cont6 .img_box{
		float:left;
		width:100%;
		height:42.8125vw;
		overflow:hidden;
		background:#fff;
	}
	.index_cont6 .link_box{
		position: relative;
		display: block;
		float:left;
		width:100%;
		height:42.8125vw;
		text-align: center;
		-webkit-transition:.3s linear;
		transition:.3s linear;
		background:url(img/more_sp.png) bottom 3.125vw right 3.125vw no-repeat #fff;
		background-size:auto 2.34375vw;
	}
	.index_cont6 .link_box:hover{
		background:url(img/more_sp.png) bottom 3.125vw right 3.125vw no-repeat #fff;
		background-size:auto 2.34375vw;
	}
	.index_cont6 .link_box .txt_deco{
		position: relative;
		display: inline-block;
		font-size:1.8rem;
		margin-top:10vw;
		z-index:1;
	}
	.index_cont6 .link_box img{
		width:8.4375vw;
		height:auto;
		margin:3.125vw auto 3.75vw;
	}
	.index_cont6 .link_box h2{
		font-size: 1.1rem;
	}
	.index_cont6 .link_box .line_1{
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:rgba(96,76,63,0.05);
	}
	.index_cont6 .link_box .line_2{
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:rgba(96,76,63,0.05);
	}
	.index_cont6 .in_bg{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(img/ptn1.png);
		z-index:-1;
	}

	/*====================
	大切なギフトだからこそ
	====================*/
	.index_cont7{
		height:auto;
		margin-bottom:18.75vw;
		background:url(img/ptn1.png);
	}
	.index_cont7 .inner{
		top:4.6875vw;
		width:90.625vw !important;
		height:89.84375vw;
		padding:3.75vw 4.6875vw;
		color:#fff;
	}
	.index_cont7 h2{
		display: block;
		position: absolute;
		top:-15.625vw;
		left:0;
		width:100%;
		color: #333;
		font-family: 'EB Garamond', 'Noto Serif JP', sans-serif;
		font-size: 2.4rem;
		font-weight: 100;
		letter-spacing: 1px;
		margin-bottom: 2.1875vw;
		text-align: center;
	}
	.index_cont7 h2 span{
		position: relative;
		display: inline-block;
		font-family: 'Dawning of a New Day', cursive;
		font-size:1.8rem;
		font-weight: 100;
		margin-bottom:3.4375vw;
	}
	.index_cont7 h2 span::before{
		content:'';
		position: absolute;
		bottom:4px;
		left:0;
		display: block;
		width:100%;
		height:1px;
		background:#fff57f;
		z-index:-1;
	}
	.index_cont7 .in_txt{
		font-size: 1.1rem;
		text-align: center;
	}
	.index_cont7 .in_more{
		position: absolute;
		bottom: 4.6875vw;
		right: 4.6875vw;
		width:calc(100% - 9.375vw);
		height:11.25vw;
		background: url(img/more_sp3.png) center center no-repeat;
		background-size: auto 100%;
	}

	/*====================
	OEM
	====================*/
	.index_cont_oem{
		position: relative;
		height:auto;
		margin-bottom:2.5vw;
	}
	.index_cont_oem .inner{
		padding:0 4.6875vw 10vw;
	}
	.index_cont_oem h2{
		font-size:2.4rem;
		letter-spacing: 1px;
	}
	.index_cont_oem .in_txt{
		font-size: 1.1rem;
		line-height: 2;
		margin:0 auto 10vw;
	}
	.index_cont_oem .in_more{
		margin:5vw auto 0;
		background: url(img/more_sp2.png) center center no-repeat;
		background-size: auto 100%;
	}

	.index_cont_oem .in_photo{
		position: relative;
		width:90.625vw;
		height:auto;
		margin:0 auto;
	}
	.index_cont_oem .in_photo .line_1{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:rgba(255,255,255,0.5);
		z-index:2;
	}
	.index_cont_oem .in_photo .line_2{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:rgba(255,255,255,0.5);
		z-index:2;
	}

	/*====================
	親子で触れて、楽しむ、木工体験
	====================*/
	.index_cont8{
		position: relative;
		height:auto;
		margin-bottom: 10vw;
	}
	.index_cont8 .inner{
		padding:0 4.6875vw 0;
	}
	.index_cont8 h2{
		font-size: 2.4rem;
		letter-spacing: 1px;
	}
	.index_cont8 h2 span{
		letter-spacing: 0px;
	}
	.index_cont8 .in_txt{
		font-size:1.1rem;
		line-height: 2;
		width:100%;
		margin:0 auto 10vw;
		text-align: center;
	}
	.index_cont8 .in_more{
		margin:5vw auto 0;
		background: url(img/more_sp2.png) center center no-repeat;
		background-size: auto 100%;
	}
	.index_cont8 .in_photo{
		position: relative;
		top:0;
		right: 0;
		width:90.625vw;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	.index_cont8 .in_photo .line_1{
		position: absolute;
		top:1.5625vw;
		left:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:#fff;
	}
	.index_cont8 .in_photo .line_2{
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:#fff;
	}

	/*====================
	アドレス
	====================*/
	.index_cont10{
		position: relative;
		width:100%;
		height:auto;
		margin-bottom:18.75vw;
	}
	.index_cont10 .cont_box{
		float:none;
		width:100%;
		padding:12.5vw 0 0 0;
		text-align: center;
	}

	.index_cont10 .cont_box h2 img{
		width:14.21875vw;
		height:auto;
	}
	.index_cont10 .cont_box address{
		display:block;
		width:71.25vw;
		margin:6.25vw auto 9.375vw;
		font-size: 1.1rem;
		line-height: 1.8;
		letter-spacing: 1px;
		text-align: left;
	}
	.index_cont10 .cont_box address p{
		font-size: 1.1rem;
	}

	.index_cont10 .in_photo{
		position: relative;
		width:90.625vw;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	.index_cont10 .in_photo::before{
		content:'';
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:calc(100% - 3.125vw);
		height:0.3125vw;
		background:rgba(255,255,255,0.5);
	}
	.index_cont10 .in_photo::after{
		content:'';
		position: absolute;
		top:1.5625vw;
		right:1.5625vw;
		width:0.3125vw;
		height:calc(100% - 3.125vw);
		background:rgba(255,255,255,0.5);
	}

	/*====================
	ショールーム
	====================*/
	.index_cont11{
		position: relative;
		top:-4.6875vw;
		width:100%;
		height:auto;
		overflow: hidden;
		margin-bottom:26px;
	}
	.index_cont11 .inner{
		display: flex;
		align-items: center;
		padding:2.34375vw 4.6875vw;
	}
	.index_cont11 h2{
		position: relative;
		left:0;
		float:left;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width:27.65625vw;
		height:auto;
		font-size:1.1rem;
		font-weight: 500;
		text-align: center;
	}
	.index_cont11 h2 span{
		position: relative;
		display: inline-block;
		font-size: 1.8rem;
		z-index:10;
	}
	.index_cont11 h2 span::before {
	    content: '';
	    position: absolute;
	    bottom: 4px;
	    left: 0;
	    display: block;
	    width: 100%;
	    height: 1px;
	    background: #fff57f;
	    z-index: -1;
	}
	.index_cont11 h2 img{
		display: block;
		width:50px;
		height:auto;
		margin:11px 0 22px;
	}
	.index_cont11 .show_list{
		float:right;
		width:62.96875vw;
		height:auto;
		overflow: hidden;
		padding:0;
	}

	.index_cont11 ul{
		float: left;
		display: inline;
		overflow: hidden;
	}
	.index_cont11 li{
		float:left;
		width:16.25vw;
		height:15.625vw;
		overflow:hidden;
		margin:2.34375vw;
	}
	.index_cont11 li a{
		display: block;
		width:16.25vw;
		height:15.625vw;
		overflow:hidden;
		margin:0 auto;
	}
	.index_cont11 .in_bg{
		position: absolute;
		top:0;
		left:0;
		width: 100vw;
		height:100%;
		background:url(img/ptn1.png);
		z-index: -1;
	}


	/*====================
	ご利用ガイド
	====================*/
	.index_cont12{
		margin-bottom:12.5vw;
	}
	.index_cont12 h2{
		font-size: 1.1rem;
		font-weight: 500;
		text-align: center;
		margin-bottom:5vw;
	}
	.index_cont12 h2 span{
		position: relative;
		display: inline-block;
		font-size:1.8rem;
		margin-bottom: 10px;
	}
	.index_cont12 h2 span::before {
		content: '';
		position: absolute;
		bottom: 4px;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		background: #fff57f;
		z-index: -1;
	}
	.index_cont12 ul{
		overflow: hidden;
	}
	.index_cont12 li{
		float:none;
		width:100%;
		overflow:hidden;
		margin:0 0 2.5vw 0;
	}
	.index_cont12 li a{
		display: block;
		width:100%;
		padding:2.5vw 0;
		text-align: center;
	}
	.index_cont12 li h3,
	.index_cont12 li p{
		font-size: 1.1rem;
	}
	.index_cont12 li:nth-child(4){
		margin:0 0 2.5vw 0;
	}














/*ここまで====================*/
}