/*****************************************
*                 policy                 *
*****************************************/

body {
  background-image: url(../images/freshcut/bg.gif);
  background-position: center 0;
  background-repeat: repeat-y;
}

#wrap2 {
  overflow: hidden;
}

#main {
  /*	padding-bottom: 57px;*/
  /*	padding: 0 0 57px;*/
}

#main .box {
  width: 100%;
  overflow: hidden;
}

/*#banner {
	height: 280px;
	background: url(../images/policy/banner.jpg) 0 0 no-repeat;
}*/

#method {
  height: 2644px;
  z-index: 2;
}
#process {
  height: 2137px;
  /*margin-top: -144px;*/
  background: url(../images/freshcut/process-bg.jpg) center top repeat-x;
}

.section {
  position: relative;
  /*	width: 760px;
	min-height: 200px;
	color: #2c130a;
	font-size: 14px;
	line-height: 27px;
	margin: 0 auto;*/
  /*	background: url(../images/freshcut/section-border.png) center bottom no-repeat;*/
  box-sizing: border-box;
  /*	border-bottom: #e6ba79 1px solid;*/
  /*	overflow: auto;*/
}

.section .title,
.section .text {
  position: relative;
  text-align: justify;
  z-index: 2;
}

.section .pic {
  position: absolute;
  z-index: 1;
}

#method {
  height: 2800px;
  background-image: url(../images/gogotea_bg.jpg?t=230807);
  background-size: auto 8%;
  background-position: -50px -20px;
}

#method .section-1 {
  height: 411px;
  /*margin-top: 31px;*/
  background: url(../images/freshcut/method-section-1-2023.png?t=2023) center
    center no-repeat;
  background-size: auto 100%;
}

#method .section-2 {
  height: 1080px;
  margin-top: 60px;
  background: url(../images/freshcut/method-section-1-p1_2408.png) center center
    no-repeat;
  background-size: auto 100%;
}
.section-2 img,.section-3 img{
  width: 350px;
}

#method .section-3 {
  height: 1010px;
  margin-top: 90px;
  background: url(../images/freshcut/method-section-1-p2-25.png?t=2505) center
    center no-repeat;
  background-size: auto 100%;
}

#method .section-4 {
  height: 1042px;
  margin-top: 90px;
  background: url(../images/freshcut/method-section-1-p3.png) center center
    no-repeat;
  background-size: auto 100%;
}

.section-2 .step-2 {
  top: 580px;
  left: 527px;
}

.section-3 .step-3 {
  top: 510px;
  left: 527px;
}

.section-4 .step-4 {
  top: 510px;
  left: 527px;
}

#process .section-1 {
  height: 2010px;
  margin-top: 79px;
  background: url(../images/freshcut/process-section-1.png) center top no-repeat;
}

#process .step-1 {
  top: 290px;
  left: 527px;
}

#process .step-2 {
  top: 722px;
  left: 557px;
}

#process .step-3 {
  top: 981px;
  left: 560px;
}

#process .step-4 {
  top: 1335px;
  left: 559px;
}

#process .step-5 {
  top: 1690px;
  left: 563px;
}

#process .section-1 .note {
  top: 878px;
  left: 648px;
  width: 144px;
  height: 13px;
  background: url(../images/freshcut/process-section-1-note.png) 0 0 no-repeat;
}

@media screen and (max-width: 1000px) {
  body {
  background-image: url(../m/images/freshcut/bg.gif);
  background-position: center 0;
  background-repeat: repeat-y;
  background-size: 100vw 0.267vw; /* 375 / 3.75, 1 / 3.75 */
}


#method {
  height: 394.667vw; /* 1480 / 3.75 */
}

#process {
  height: 293.6vw; /* 1101 / 3.75 */
  background-image: url(../m/images/freshcut/process-bg.jpg);
  background-size: 100vw 293.6vw; /* 375 / 3.75, 1101 / 3.75 */
}

.section {
  position: relative;
  box-sizing: border-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.section .title,
.section .text {
  position: relative;
  margin: 0 5.333vw; /* 20 / 3.75 */
  text-align: justify;
  z-index: 2;
}


#method {
  background-image: url(../m/images/freshcut/gogotea_bg.jpg);
  background-size: auto 14%;
  background-position: 0 -4.8vw; /* 0, -18 / 3.75 */
}

#method .section-1 {
  height: 90.667vw; /* 340 / 3.75 */
  background-image: url(../m/images/freshcut/method-section-1-2023.png);
}

#method .section-2 {
  height: 145.867vw; /* 547 / 3.75 */
  margin-top: 5.867vw; /* 22 / 3.75 */
  background-image: url(../m/images/freshcut/method-section-1-p1_2408.png);
}

#method .section-3 {
  height: 139.733vw; /* 524 / 3.75 */
  margin-top: 4.8vw; /* 18 / 3.75 */
  background-image: url(../m/images/freshcut/method-section-1-p2-2505.png);
}

#method .section-4 {
  height: 145.867vw; /* 547 / 3.75 */
  margin-top: 2.133vw; /* 8 / 3.75 */
  background-image: url(../m/images/freshcut/method-section-1-p3.png);
}
.section-2 img, .section-3 img{
  width: 35.4667vw;
}
#method .step-2 {
  top: 79.533vw; /* 287 / 3.75 */
  left: 52.8vw; /* 198 / 3.75 */
}

#method .step-3 {
  top: 71.467vw; /* 268 / 3.75 */
  left: 52.8vw; /* 198 / 3.75 */
}

#method .step-4 {
  top: 73.333vw; /* 275 / 3.75 */
  left: 52.8vw; /* 198 / 3.75 */
}

#process .section-1 {
  height: 280vw; /* 1050 / 3.75 */
  margin-top: 4.533vw; /* 17 / 3.75 */
  background-image: url(../m/images/freshcut/process-section-1.png);
  background-size: 93.333vw 280vw; /* 350 / 3.75, 1050 / 3.75 */
}

#process .step-1 {
  top: 52.8vw; /* 198 / 3.75 */
  left: 52.267vw; /* 196 / 3.75 */
  width: 40.533vw;
}

#process .step-2 {
  top: 105.333vw; /* 395 / 3.75 */
  left: 53.867vw; /* 202 / 3.75 */
  width: 39.2vw;
}

#process .step-3 {
  top: 146.667vw; /* 550 / 3.75 */
  left: 53.333vw; /* 200 / 3.75 */
  width: 37.8667vw;
}

#process .step-4 {
  top: 195.2vw; /* 732 / 3.75 */
  left: 53.6vw; /* 201 / 3.75 */
  width: 37.333vw;
}

#process .step-5 {
  top: 238.933vw; /* 896 / 3.75 */
  left: 53.6vw; /* 201 / 3.75 */
  width: 37.8667vw;
}

#process .section-1 .note {
  top: 123.2vw; /* 462 / 3.75 */
  left: 60.267vw; /* 226 / 3.75 */
  width: 25.6vw; /* 96 / 3.75 */
  height: 2.133vw; /* 8 / 3.75 */
  background: url(../m/images/freshcut/process-section-1-note.png) 0 0 no-repeat;
  background-size: contain;
}
}