@charset "UTF-8";

/* --------------------------------
	common
-------------------------------- */

#main p {
	font-size: min(22px, 4.5vw);
	padding-top: 20px;
}

#sec02 {
	padding-bottom: min(80px, 3rem);
}

.marker {
	background-color: #fdff6c;
	font-weight: 400;
}

@media (max-width: 768px) {
	#main p {
		padding-top: 1rem;
	}
}


/* --------------------------------
	cover
-------------------------------- */


/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	padding-top: min(20px, 2rem);
	padding-bottom: min(80px, 4rem);
}

#sec01 h2 {
	background-image: url("../img/h2_img01.png");
	background-repeat: no-repeat;
	background-size: 19.60784314% auto;
	background-position: left center;
	padding-left: 21.56862745%;
	font-size: min(36px, 6.5vw);
	margin: min(30px, 6rem) min(20.5333333333px, 3.7333333333vw) 0;
	line-height: 1.4;
}

#sec01 p {
	padding-top: min(40px, 2rem)!important;
}

#sec01 figure {
	margin-top: min(36.6666666667px, 6.6666666667vw);
}

@media (max-width: 768px) {
	#sec01 h2 {
		background-size: 17.39130435% auto;
		padding-left: 20%
	}
}

/* --------------------------------
	#sec02
-------------------------------- */

#sec02 {
	padding-bottom: min(80px, 4rem);
}

#sec02 h2 {
	background-image: url("../img/h2_img02.png");
	background-repeat: no-repeat;
	background-size: 19.60784314% auto;
	background-position: left center;
	padding-left: 21.56862745%;
	font-size: min(36px, 6.5vw);
	/*margin: min(30px, 6rem) min(20.5333333333px, 3.7333333333vw) 0;*/
	margin: 0 min(20.5333333333px, 3.7333333333vw) 0;
	line-height: 1.4;
}

#sec02 p {
	padding-top: min(40px, 2rem)!important;
}

#sec02 figure {
	margin-top: min(36.6666666667px, 6.6666666667vw);
}

#sec02 .eco {
	margin: min(36.6666666667px, 6.6666666667vw) min(20.5333333333px, 3.7333333333vw) 0;
  border: 1px solid #333;
  background: #fff;
  padding: min(29.3333333333px, 5.3333333333vw) min(22px, 4vw) min(29.3333333333px, 5.3333333333vw);
}
#sec02 .eco h3 {
  font-size: min(24.9333333333px, 4.5333333333vw);
  margin-bottom: min(14.6666666667px, 2.6666666667vw);
  text-align: center;
}
#sec02 .eco .body {
  display: flex;
  gap: min(22px, 4vw);
  justify-content: center;
  align-items: center;
}
#sec02 .eco .body .logo {
  width: min(132px, 24vw);
  flex-shrink: 0;
  flex-grow: 0;
}
#sec02 .eco .body p {
  font-size: min(16.1333333333px, 2.9333333333vw);
  line-height: 1.8181818182;
	padding-top: 0!important;
}

#sec02 h4 {
	text-align: center;
	font-size: min(36px, 6.5vw);
	padding-top: min(80px, 4rem);
	line-height: 1.4;
}
#sec02 p.mov_txt {
	text-align: center;
	padding-bottom: min(40px, 2rem) !important;
	padding-top: min(20px, 1rem) !important;
}

@media (max-width: 768px) {
	#sec02 h2 {
		background-size: 17.39130435% auto;
		padding-left: 20%
	}
}


/* --------------------------------
#sec03
-------------------------------- */
#sec03 {
	padding-top: min(20px, 2rem);
	padding-bottom: min(80px, 4rem);
}

#sec03 div:nth-of-type(2) {
	padding-top: 10px;
}