/* common
------------------------------------------------------------*/
.col_wrap {
	display: flex;
	justify-content: space-between;
}
.col_wrap .col_item {
	max-width: 435px;
	width: 46%;
}
.t_center_wrap .txt_center {
	margin-bottom: 15px;
}

/* mvisual
------------------------------------------------------------*/
.mvisual {
	position: relative;
	padding-top: 55%;
	margin-top: 105px;
	width: 100%;
	background: url(../img/index/mvisual.jpg) no-repeat center / cover;
}
.mvisual img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 315px;
	width: 20%;
}
.mvisual h1{
	text-align: center;
	color: #fff;
	font-size: 100px;
	padding-bottom: 24px;
	letter-spacing: 8px;
	text-shadow: 0px 0px 10px rgb(0 0 0 / 98%);
}
@media screen and (max-width: 767px){
	.mvisual{
		position: relative;
	}
	.mvisual h1{
		position: absolute;
		line-height: 64px;
		font-size: 64px;
		bottom: 24px;
		letter-spacing: 8px;
	}
}
/* craftsman
------------------------------------------------------------*/


#craftsman .col_item .tit_sub {
	text-align: center;
}

/* concept
------------------------------------------------------------*/
#concept .col_concept {
	overflow: hidden;
	background: url(../img/index/bg_concept.png) no-repeat left 10% top 70% / 40%;
	background-blend-mode: lighten;
	background-color: rgba(255, 255, 255, 0.8);
}
#concept .col_concept .img_concept {
	margin-top: 10%;
	margin-left: 5%;
	float: right;
	max-width: 350px;
	width: 47%;
}
#concept .col_concept .txt_concept {
	overflow: hidden;
}
#concept .col_concept .txt_concept .tit_sub {
	text-align: left;
}
#concept .col_concept .txt_concept .txt_grp {
	margin-bottom: 20px;
}
#concept .col_concept .txt_concept .txt_grp:last-child {
	margin-bottom: 0;
}

/* menu
------------------------------------------------------------*/
#menu .img_menu {
	margin: 0 auto 30px;
	/* max-width: 950px; */
	width: 100%;
}
#menu .case .pack {
	padding: 75px 0;
}
#menu .case .pack:first-child {
	padding-top: 0;
}
#menu .case .pack:last-child {
	padding-bottom: 0;
}
#menu .case .pack .col_menu {
	overflow: hidden;
}
#menu .case .pack .col_menu .menu_item {
	padding: 0 30px;
	margin: 0 6.8% 9% 0;
	float: left;
	max-width: 345px;
	width: 28.5%;
	box-sizing: border-box;
}
#menu .case .pack .col_menu .menu_item:last-child,
#menu .case .pack .col_menu .menu_item:nth-last-child(2),
#menu .case .pack .col_menu .menu_item:nth-last-child(3) {
	margin-bottom: 0;
}
#menu .case .pack .col_menu .menu_item:nth-child(3n) {
	margin-right: 0;
}
#menu .case .pack h4.tit_sub .tit_jp {
	font-size: 22px;
}
#menu .case .pack p {
	margin-bottom: 15px;
}
#menu .case .pack .price_menu span {
	display: block;
	color: #E84646;
	font-weight: 600;
}
#menu .case .pack .price_menu span small{
	font-size: 12px;
}

/* store information
------------------------------------------------------------*/
#store .img_store {
	margin-bottom: 30px;
}

/* news
------------------------------------------------------------*/
#news .list_news li {
	margin-bottom: 20px;
}
#news .list_news li:last-child {
	margin-bottom: 0;
}
#news .list_news li a {
	display: flex;
	line-height: 1;
	align-items: baseline;
}
#news .list_news li a .date {
	display: inline-block;
	margin-right: 30px;
	color: #BD8A00;
}
#news .list_news li a:hover p {
	text-decoration: underline;
}


@media screen and ( max-width : 980px ) {
	/* common
	------------------------------------------------------------*/
	.col_wrap {
		display: block;
	}
	.col_wrap .col_item {
		margin: 0 auto 40px;
		max-width: none;
		width: 100%;
	}
	.col_wrap .col_item:last-child {
		margin-bottom: 0;
	}
	.t_center_wrap .txt_center {
		margin-bottom: 10px;
	}

	/* mvisual
	------------------------------------------------------------*/
	.mvisual {
		/* padding-top: 75%; */
		margin-top: 85px;
		/* height: 720px; */
		/* height: 90vh; */
		height: 70vh;
		padding: 0;
		background-image: url(../img/index/mvisual_sp.jpg);
	}
	.mvisual img {
		max-width: 230px;
		width: 100%;
	}

	/* craftsman
	------------------------------------------------------------*/
	#craftsman p {
		text-align: center;
	}

	/* concept
	------------------------------------------------------------*/
	#concept .img_concept.sp {
		margin: 0 auto 30px;
	}
	#concept .col_concept {
		background-size: 80%;
		background-position: center;
	}
	#concept .col_concept .txt_concept .tit_sub {
		text-align: center;
	}

	/* menu
	------------------------------------------------------------*/
	#menu .img_menu {
		margin-bottom: 20px;
	}
	#menu .case .pack {
		padding: 35px 0;
	}
	#menu .case .pack .col_menu .menu_item,
	#menu .case .pack .col_menu .menu_item:nth-child(3n),
	#menu .case .pack .col_menu .menu_item:nth-last-child(2),
	#menu .case .pack .col_menu .menu_item:nth-last-child(3) {
		padding: 0 20px;
		margin: 0 auto 40px;
		float: none;
		max-width: none;
		width: 90%;
	}
	#menu .case .pack .col_menu .menu_item:last-child {
		margin-bottom: 0;
	}
	#menu .case .pack .col_menu .menu_item .img_menu_item {
		margin: 0 auto 20px;
		max-width: 300px;
		width: 100%;
	}
	#menu .case .pack h4.tit_sub .tit_jp {
		font-size: 130%;
	}
	#menu .case .pack p {
		margin-bottom: 10px;
	}

	/* news
	------------------------------------------------------------*/
	#news .list_news li a .date {
		margin-right: 20px;
	}

	/* contact
	------------------------------------------------------------*/
	#contact .t_center_wrap .txt_center {
		text-align: left;
	}
}