@charset "utf-8";

#ProductWrap {
  overflow: hidden;
}

img {
	vertical-align: bottom;
}

.kv {
  padding: 6.735vw 0 6.8814vw;
  text-align: center;
  background: url(../../images/coffee/kv_bg_pc.png) 50% 0 / 100% auto no-repeat;
}
.kv_inner {
  max-width: 78.5505vw;
  margin: 0 auto;
}

.section1 {
  position: relative;
  padding: 5.1245vw 0 11.713vw;
  margin-top: -8.7848vw;
  text-align: center;
  background: url(../../images/coffee/sec_bg01_pc.png) 50% 0 / 100% auto no-repeat;
  z-index: 1;
}
.section1_img {
  max-width: 70.0586vw;
  margin: 0 auto;
}

.section2 {
  position: relative;
  margin-top: -8.1991vw;
  text-align: center;
  z-index: 1;
}
.section2_content {
  position: relative;
}
.section2_content.content1 {
  padding: 11.7862vw 0 8.7848vw;
  background: url(../../images/coffee/sec_bg02_inner01_pc.png) 50% 0 / 100% auto no-repeat;
}
.section2_title {
  max-width: 72.694vw;
  margin: 0 auto 2.1962vw;
}
.section2_item.item1 {
  max-width: 78.9165vw;
  margin: 0 auto;
}
.section2_content.content2 {
  padding: 29.3558vw 0 20.2782vw;
  margin-top: -10.2489vw;
  background: url(../../images/coffee/sec_bg02_inner02_pc.png) 50% 0 / 100% auto no-repeat;
}
.section2_item.item2 {
  max-width: 76.3543vw;
  margin: 0 auto;
}
.section2_content.content3 {
  padding: 22.694vw 0 0.7321vw;
  margin-top: -8.7848vw;
  background: url(../../images/coffee/sec_bg02_inner03_pc.png) 50% 0 / 100% auto no-repeat;
}
.section2_item.item3 {
  max-width: 66.9839vw;
  margin: 0 auto 8.4187vw;
}
.section2_item.item4 {
  max-width: 72.5476vw;
  margin: 0 auto 6.5886vw;
}
.section2_others {
  max-width: 60.3221vw;
  margin: 0 auto 17.1303vw;
}
.section2_content_other img {
  width: 100%;
}

.section3 {
	position: relative;
  padding: 9.224vw 0 15.3734vw;
  margin-top: -16.3982vw;
  text-align: center;
  background: url(../../images/coffee/sec_bg03_pc.png) 50% 0 / 100% auto no-repeat;
  z-index: 1;
}
.section3_title {
  position: relative;
  max-width: 72.694vw;
  margin: 0 auto -0.2928vw;
  z-index: 1;
}
.section3_facemask {
  max-width: 72.6208vw;
  margin: 0 auto 4.0996vw;
}
.section3_flow_title {
  max-width: 17.5695vw;
  margin: 0 auto 2.2694vw;
}
.section3_flow_inner {
  max-width: 69.2533vw;
  margin: 0 auto;
}

.section4 {
	position: relative;
  padding: 8.7848vw 0 29.5754vw;
  margin-top: -8.7848vw;
  text-align: center;
  background: url(../../images/coffee/sec_bg04_pc.png) 50% 0 / 100% auto no-repeat;
  z-index: 1;
}
.section4_title {
  max-width: 72.694vw;
  margin: 0 auto -0.2928vw;
}
.section4_product {
  display: flex;
  max-width: 73.5725vw;
  margin: 0 auto;
  justify-content: flex-end;
  gap: 8.7848vw;
}
.product_info {
  max-width: 21.5227vw;
}
.product_name {
  max-width: 20.937vw;
  margin: 0 auto 2.7818vw;
}
.product_btn {
  display: block;
  max-width: 16.2518vw;
  margin: 0 auto 1.757vw;
}
.modal-open {
  display: block;
  max-width: 5.4173vw;
  margin: 0 auto;
  cursor: pointer;
}
.product_images {
	position: relative;
  width: 32.6501vw;
  max-width: 32.6501vw;
  padding-top: 3.3675vw;
}
.product_ill {
  position: absolute;
  top: -0.8785vw;
  right: -14.202vw;
  width: 21.8887vw;
}

@media screen and (max-width: 767px) {
	.kv {
	  padding: 19.7333vw 0 48.8vw;
	  background-image: url(../../images/coffee/kv_bg_sp.png);
	}
	.kv_inner {
  	max-width: 87.3333vw;
	}

	.section1 {
  	padding: 14.4vw 0 1.3333vw;
  	margin-top: -17.0667vw;
  	background-image: url(../../images/coffee/sec_bg01_sp.png);
	}
	.section1_img {
  	max-width: 100%;
	}
	.section1_img img {
  	width: 100%;
	}
	.section2_content.content1 {
  	padding: 16vw 0 22.1333vw;
  	margin-top: -18.6667vw;
  	background-image: url(../../images/coffee/sec_bg02_inner01_sp.png);
	}
	.section2_title {
  	max-width: 98.5333vw;
  	margin: 0 auto 7.2vw;
	}
	.section2_item.item1 {
  	max-width: 95.0667vw;
	}
	.section2_content.content2 {
  	padding: 39.7333vw 0 36.8vw;
  	margin-top: -12.2667vw;
  	background-image: url(../../images/coffee/sec_bg02_inner02_sp.png);
	}
	.section2_item.item2 {
	  max-width: 92.4vw;
	}
	.section2_content.content3 {
  	padding: 19.7333vw 0 1.3333vw;
  	margin-top: -16vw;
  	background-image: url(../../images/coffee/sec_bg02_inner03_sp.png);
	}
	.section2_item.item3 {
  	max-width: 100%;
  	margin-bottom: 0.2667vw;
	}
	.section2_item.item3 img {
		max-width: 100%;
	}
	.section2_item.item4 {
  	max-width: 100%;
  	margin-bottom: -8.9333vw;
	}
	.section2_item.item4 img {
		max-width: 100%;
	}
	.section2_others {
  	max-width: 98.4vw;
  	margin: 0 auto 4.5333vw;
	}

	.section3 {
  	padding: 8.5333vw 0 58.1333vw;
  	margin-top: -36vw;
  	background-image: url(../../images/coffee/sec_bg03_sp.png);
	}
	.section3_title {
  	max-width: 100%;
  	margin-bottom: 1.3333vw;
	}
	.section3_facemask {
  	max-width: 100%;
  	margin-bottom: 20.9333vw;
	}
	.section3_flow_title {
  	max-width: 68.5333vw;
  	margin-bottom: 11.6vw;
	}
	.section3_flow_inner {
  	max-width: 100%;
  	padding: 0 23.0667vw 1.3333vw;
  	overflow-x: auto;
	}
	.section3_flow_inner img {
  	min-width: 245.8667vw;
	}

	.section4 {
  	padding: 22.4vw 0 64.6667vw;
  	margin-top: -20.1333vw;
  	background-image: url(../../images/coffee/sec_bg04_sp.png);
	}
	.section4_title {
  	max-width: 98.1333vw;
  	margin: 0 auto -1.3333vw;
	}
	.section4_product {
  	max-width: 79.8667vw;
  	justify-content: center;
  	flex-wrap: wrap;
  	gap: 2.9333vw;
	}
	.product_info {
  	width: 100%;
  	max-width: 100%;
  	order: 1;
	}
	.product_name {
  	max-width: 65.0667vw;
  	margin-bottom: 5.4667vw;
	}
	.product_btn {
  	max-width: 62.1333vw;
  	margin: 0 auto 4.1333vw;
	}
	.modal-open {
  	max-width: 21.2vw;
	}
	.product_images {
  	width: 79.8667vw;
  	min-width: 79.8667vw;
  	padding: 0;
	}
	.product_ill {
  	top: 45.7333vw;
  	right: -11.6vw;
  	width: 39.8667vw;
	}
}