@charset "UTF-8";
/* ページ内共通 */
#app_update .inner960 {
	padding-left: 15px;
	padding-right: 15px;
}
/* ページ内別 .main */
#app_update .main {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
/* ページ内別 #about_haccp */
#app_update #about_haccp .inner960 {
	background-color: #d6e6c4;
	border-radius: 20px;
	padding: 0 20px 20px;
}
#app_update #about_haccp .img {
	padding-top: 2rem;
}
#app_update #about_haccp .img5 {
	max-width: 600px;
	margin: auto;
}
#app_update #about_haccp .flex {
	flex-wrap: nowrap;
	align-items: flex-start;
}
#app_update #about_haccp .flex .img {
	padding: 2rem 0 0;
	position: relative;
	z-index: 0;
}
#app_update #about_haccp .flex .img:after {
	content: "";
	display: block;
	width: 2px;
	height: 80%;
	background-color: #63a945;
	position: absolute;
	top: 2rem;
	right: 0;
	margin: auto;
}
#app_update #about_haccp .flex .img:last-child {
	padding: 2rem 0 0 1rem;
}
#app_update #about_haccp .flex .img:last-child:after {
	content: none;
}
/* ページ内別 #update_01 */
#app_update #update_01 .img {
	padding-top: 2rem;
}
#app_update #update_01 .img9 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#app_update #update_01 .inner960.bg_update {
	background-color: #d6e6c4;
	border-radius: 20px;
	padding: 0 20px;
}
#app_update #update_01 .flex {
	flex-wrap: nowrap;
	align-items: flex-start;
}
#app_update #update_01 .flex .img {
	padding: 0;
	position: relative;
}
#app_update #update_01 .flex .img11 {
	z-index: 3;
}
#app_update #update_01 .flex .img12 {
	z-index: 2;
}
#app_update #update_01 .flex .img13 {
	z-index: 1;
}
#app_update #update_01 .flex .img14 {
	z-index: 0;
}
#app_update #update_01 .flex .img:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 40px solid #c40018;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -22px;
	margin: auto;
}
#app_update #update_01 .flex .img:last-child:after {
	content: none;
}
/* ページ内別 #update_02 */
#app_update #update_02 .img {
	padding-top: 2rem;
}
#app_update #update_02 .inner960.bg_update {
	background-color: #d6e6c4;
	border-radius: 20px;
	padding: 0 20px;
}
#app_update #update_02 .flex {
	flex-wrap: nowrap;
	align-items: flex-start;
}
#app_update #update_02 .flex .img {
	padding: 2rem 0 0;
	position: relative;
}
#app_update #update_02 .flex .img17 {
	z-index: 2;
}
#app_update #update_02 .flex .img18 {
	padding: 2rem 1.5rem 0;
	z-index: 1;
}
#app_update #update_02 .flex .img19 {
	z-index: 0;
}
#app_update #update_02 .flex .img:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 40px solid #c40018;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	position: absolute;
	bottom: 60px;
	right: -22px;
	margin: auto;
}
#app_update #update_02 .flex .img:last-child:after {
	content: none;
}
/* ページ内別 #app_dl_link */
#app_update #app_dl_link {
	padding-top: 2rem;
}
#app_update #app_dl_link .flex {
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
#app_update #app_dl_link .img20 {
	width: 50%;
}
#app_update #app_dl_link .app_btns {
	width: 50%;
}
#app_update #app_dl_link .app_btns .app_btn {
	max-width: 300px;
	margin: .5rem auto;
}
#app_update #app_dl_link .app_btns a {
	display: block;
}
/* ページ内別 #app_web_link */
#app_update #app_web_link {
	padding-bottom: 5rem;
}
#app_update #app_web_link a {
	display: block;
}
#app_update #app_web_link .img {
	padding-top: 2rem;
}
#app_update #app_web_link .img23 {
	max-width: 330px;
	margin: auto;
}

@media (max-width: 960px) {
	#app_update .main .pc, #app_update #about_haccp .pc, #app_update #update_01 .pc, #app_update #update_02 .pc, #app_update #app_web_link .pc {
		display: block;
	}
	#app_update .main .sp, #app_update #about_haccp .sp, #app_update #update_01 .sp, #app_update #update_02 .sp, #app_update #app_web_link .sp {
		display: none;
	}
	/* ページ内別 .main */
	#app_update .main {
		padding-top: 12rem;
	}
	/* ページ内別 #about_haccp */
	#app_update #about_haccp {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* ページ内別 #update_01 */
	#app_update #update_01 {
		padding-left: 15px;
		padding-right: 15px;
	}
	#app_update #update_01 .flex .img:after {
		border-left: 20px solid #c40018;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		right: -10px;
	}
	/* ページ内別 #update_02 */
	#app_update #update_02 {
		padding-left: 15px;
		padding-right: 15px;
	}
	#app_update #update_02 .flex .img:after {
		border-left: 20px solid #c40018;
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		bottom: 40px;
		right: -1rem;
	}
	#app_update #update_02 .flex .img:nth-child(2):after {
		right: 0;
	}
	/* ページ内別 #app_dl_link */
	#app_update #app_dl_link .app_btns .app_btn {
		width: 80%;
	}
}

@media (max-width: 640px) {
	#app_update .main .pc, #app_update #about_haccp .pc, #app_update #update_01 .pc, #app_update #update_02 .pc, #app_update #app_web_link .pc {
		display: none;
	}
	#app_update .main .sp, #app_update #about_haccp .sp, #app_update #update_01 .sp, #app_update #update_02 .sp, #app_update #app_web_link .sp {
		display: block;
		margin: auto;
	}
	/* ページ内別 .main */
	#app_update .main {
		padding-top: 25vw;
		padding-bottom: 1.5rem;
	}
	/* ページ内別 #about_haccp */
	#app_update #about_haccp .inner960 {
		padding: 0 20px 2rem;
	}
	#app_update #about_haccp .img {
		padding-top: 1.5rem;
	}
	#app_update #about_haccp .flex {
		display: block;
	}
	#app_update #about_haccp .flex .img {
		padding: 1rem 0 0;
	}
	#app_update #about_haccp .flex .img img {
		display: block;
		margin: auto;
	}
	#app_update #about_haccp .flex .img6 {
		padding: 1.5rem 0 0;
	}
	#app_update #about_haccp .flex .img:after {
		content: none;
	}
	#app_update #about_haccp .flex .img:last-child {
		padding: 2rem 0 0 0;
	}
	/* ページ内別 #update_01 */
	#app_update #update_01 {
		position: relative;
		z-index: 0;
	}
	#app_update #update_01 .img9 {
		padding-bottom: 1.5rem;
	}
	#app_update #update_01 .flex {
		display: block;
	}
	#app_update #update_01 .flex .img img {
		display: block;
		margin: auto;
	}
	#app_update #update_01 .flex .img:after {
		border-bottom: none;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #c40018;
		top: auto;
		right: 0;
		left: 0;
	}
	/* ページ内別 #update_02 */
	#app_update #update_02 .inner960.bg_update {
		padding: 0 20px 2rem;
	}
	#app_update #update_02 .flex {
		display: block;
	}
	#app_update #update_02 .flex .img17 {
		margin-bottom: 50px;
		z-index: 0;
	}
	#app_update #update_02 .flex .img18 {
		margin-bottom: 50px;
		padding: 2rem 0 0;
		z-index: 0;
	}
	#app_update #update_02 .flex .img:after {
		border-bottom: none;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #c40018;
		bottom: -50px;
		right: 0;
		left: 0;
	}
	/* ページ内別 #app_dl_link */
	#app_update #app_dl_link {
		padding-top: 2rem;
	}
	#app_update #app_dl_link .flex {
		display: block;
	}
	#app_update #app_dl_link .img20 {
		width: 100%;
	}
	#app_update #app_dl_link .app_btns {
		width: 100%;
	}
	#app_update #app_dl_link .app_btns .app_btn {
		max-width: 300px;
		margin: .75rem auto;
	}
	#app_update #app_dl_link .app_btns a {
		display: block;
	}
}