@charset 'UTF-8';
.mainimg {
    background: url('../image/main_bg.jpg') center repeat;
    text-align: left;
}
.mainimg h2{
	margin: 0 auto;
	width: 100%;
	padding: 586px 50px 40px;
}
/* .mainimg */
.index-seavice{
	max-width: 1200px;
	margin-bottom: 170px;
}
.index-seavice .box{
	position: relative;
}
.index-seavice .image{
	position: absolute;
	left: -400px;
	top: 180px;
}
.index-seavice .info{
	position: relative;
	max-width: 700px;
	width: 100%;
	position: relative;
	background: #837E35;
	box-shadow: 6px 6px 15px #3c322b;
	margin: 0 0 0 auto;
	padding: 92px 138px 130px;
}
.index-seavice .info::before{
	content: '';
	position: absolute;
	width: 71px;
	height: 81px;
	top: 55px;
	left: 0;
	background: url('../image/bg01.png') center no-repeat;
}
.index-seavice .info .btn{
	position: absolute;
    right: 0;
    bottom: -30px;
}
.index-seavice .info .btn a{
	display: block;
}
.index-seavice .box-info{
	margin-top: 25px;
	padding-left: 74px;
}
.index-seavice dl{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	letter-spacing: 0.08em;
	line-height: 1.2;
}
.index-seavice dl+dl{
	margin-top: 23px;
}
.index-seavice dt a{
	position: relative;
	color: #2B1404;
	font-size: 1.9rem;
}
.index-seavice dt a:hover{
	text-decoration: none;
}
.index-seavice dt a::after{
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	left: 0;
	bottom: -2px;
	background: #2B1404;
	transition: .1s;
}
.index-seavice dt a:hover::after{
	width: 100%;
}
.index-seavice dd{
	color: #2B1404;
	margin-left: 10px;
	font-size: 1.2rem;
	margin-bottom: 4px;
}
/* .index-seavice */
.index-gallery{
	max-width: 920px;
}
.index-gallery .bg-title{
	color: #332B29;
	font-size: 3.4rem;
	letter-spacing: 0.08em;
	line-height: 1.2;
	max-width: 800px;
	margin: 0 auto 32px;
	font-family: 'Overlock', cursive;
	font-weight: 900;
}
.index-gallery .button{
	max-width: 300px;
	width: 100%;
	margin: 60px auto 0;
}
.index-gallery .button a{
	display: block;
	line-height: 60px;
	letter-spacing: 0.2em;
	font-size: 1.6rem;
	color: #C7C0AC;
	background: #1E1A19;
}
.index-gallery .button a:hover{
	text-decoration: none;
	opacity: 0.8;
}
/* .index-gallery */
.index-order{
	box-shadow: 0px 0px 15px #231c1c inset;
	background: url('../image/bg03.jpg') center no-repeat;
	background-size: cover;
	margin-bottom: 120px;
}
.index-order .box{
	max-width: 930px;
	width: 100%;
	margin: 0 auto;
	padding: 115px 40px 93px;
	text-align: center;
}
.index-order .title{
	font-size: 2.6rem;
	line-height: 1.2;
	margin-bottom: 50px;
}
.index-order .text{
	line-height: 2.1428;
	margin-bottom: 53px;
}
.index-order .text p+p{
	margin-top: 32px;
}
.index-order .btn{
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
}
.index-order .btn a{
	display: block;
	border: 1px solid #EFEDE5;
	height: 60px;
	line-height: 60px;
	font-size: 1.6rem;
	letter-spacing: 0.2em;
}
.index-order .btn a span{
	display: inline-block;
	margin-left: 28px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	font-weight: normal;
}
.index-order .btn a:hover{
	text-decoration: none;
	background: rgba(239, 237, 229, 0.7);
	border: 1px solid #c2bbb1;
	color: #1E1A19;
}
/* .index-order */
/* news
------------------------------*/
.index-news{
	max-width: 1080px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.index-news > .box{
	max-width: 400px;
	width: 100%;
	position: relative;
	background: #AA5B3A;
	color: #1E1A19;
	padding: 60px 30px 31px;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
.index-news > .box::after{
	content: '';
	position: absolute;
	width: 84px;
	height: 100px;
	top: -27px;
	right: -84px;
	background: url('../image/bg04.png') center no-repeat;
}
.index-news > .box .title{
	position: absolute;
	top: -25px;
	left: 36px;
}
.news-box{
	margin-bottom: 20px;
}
.news-box .news {
	background: url('../image/icon_border.png') left bottom repeat-x;
	padding: 26px 0;
	line-height: 1.4;
}
.news-box h3 a{
	color: #1E1A19;
	font-size: 1.2rem;
	font-weight: normal;
	font-family: 'Sawarabi Mincho', sans-serif;
}
.index-news .button{
	max-width: 96px;
	width: 100%;
	margin: 0 0 0 auto;
	text-align: right;
	line-height: 1.2;
}
.index-news .button a{
	position: relative;
	display: block;
	font-size: 1.6rem;
	color: #943E22;
	letter-spacing: 0.2em;
}
.index-news .button a::after{
	content: '';
	position: absolute;
	width: 33px;
	height: 6px;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	transition: .3s;
	background: url('../image/icon_arrow.svg') center no-repeat;
}
.index-news .button a:hover{
	text-decoration: none;
}
.index-news .button a:hover::after{
	transform: translate(3px, -50%);
}
.index-news .instagram{
	margin-top: 90px;
	max-width: 500px;
	width: 100%;
}
.index-news .instagram .text{
	color: #332B29;
	font-size: 3.4rem;
	letter-spacing: 0.08em;
	line-height: 1.2;
	font-family: 'Overlock', cursive;
	font-weight: 900;
	margin-bottom: 12px;
}

.news-box .text{
	display: none;
}