@charset "UTF-8";
/*-----------------------------------------------------------------*/


.kv-wrapper_arrange {
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_kv.jpg") ;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 54vh;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	align-items: -webkit-center;
	justify-content: center;
	justify-content: -webkit-center;
}
@media screen and (max-width: 768px) {
	.kv-wrapper_arrange {
		height: 60vh;
		background-image: url("../assets/img/arrange/arrange_kv_sp.jpg") ; } }

.kv-wrapper_arrange .kv-inner {
	width: 100%;
	max-width: 149px;
}
@media screen and (max-width: 768px) {
	.kv-wrapper_arrange .kv-inner {
		max-width: 140px; } }



.arrange__title {
	margin:6.0vw 0 ; }
@media screen and (max-width: 768px) {
	.arrange__title {
		margin: 16.0vw 0; } }

.arrange__title h2 {
	margin-bottom: 2.0vw ;
	text-align: center; }
@media screen and (max-width: 768px) {
	.arrange__title h2 {
		margin-bottom: 4.0vw ; } }



/*------------------------------arrange-main ここから-----------------------------------*/


.arrange_main {
	width: 100%;
	margin-bottom: 8.0vw;
}
@media screen and (max-width: 768px) {
	.arrange_main {
		margin-bottom: 20.0vw; } }

.arrange_main .arrange_detail {
	width: 100%;
	display: -webkit-flex;
	display: flex;
}
@media screen and (max-width: 768px) {
	.arrange_main .arrange_detail {
		display: block; } }





.arrange_main .arrange_detail .arrange_block {
	width: 50%;
	padding: 4.0vw;
	background-color: #000;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	min-height: 50.0vh;
}
@media screen and (max-width: 768px) {
	.arrange_main .arrange_detail .arrange_block {
		font-size: 3.2vw;
		padding:8.0vw 4.0vw;
		min-height: auto;
		display: block;
		width: 100%; } }

.arrange_block ol {
	position: relative; }
.arrange_block ol li {
	margin-bottom: 8px;
	list-style-position: outside;
	text-indent: 0;
	padding-left: 1.2em; }
.arrange_block ol li:last-child {
	margin-bottom: 0; }
.arrange_block ol li span {
  position: absolute;
  left: 0;
  margin: 0; }


.arrange_block .block-title {
	width: 100%;
	margin-bottom: 2.0vw;
	padding-bottom: 1.5vw;
	display: -webkit-flex;
	display: flex;
	align-items: -webkit-center;
	align-items: center;
	border-bottom: 1px solid #fff;
}
@media screen and (max-width: 768px) {
	.arrange_block .block-title {
		margin-bottom: 5.0vw;
		padding-bottom: 3.0vw;
		width: 100%; } }

.arrange_block .block-title .arrange_number {
	width: 100%;
	max-width: 45px;
	margin-right: 1.0vw;
}
@media screen and (max-width: 768px) {
	.arrange_block .block-title .arrange_number {
		max-width: 32px;
		margin-right: 2.0vw; } }


.arrange-pic_1 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_1.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_1 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_2 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_2.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_2 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_3 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_3.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_3 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_4 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_4.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_4 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_5 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_5.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_5 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_6 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_6.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_6 {
		width: 100%;
		height: 40vh; } }

.arrange-pic_7 {
	width: 50%;
	background-size: cover;
	background-image: url("../assets/img/arrange/arrange_item_7.jpg") ;
	background-position: center center;
	background-repeat: no-repeat; }
@media screen and (max-width: 768px) {
	.arrange-pic_7 {
		width: 100%;
		height: 40vh; } }

/*------------------------------arrange-main ここまで-----------------------------------*/


.ingredient-block {
	margin-top: 3.0vw !important; }
@media screen and (max-width: 768px) {
	.ingredient-block {
		margin-top: 6.0vw !important; } }