@charset "UTF-8";

/* --------------------------------
	common
-------------------------------- */
article {
	background-color: #acae9d!important;
}

#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
-------------------------------- */
#cover {
  background-color: #acae9d!important;
	padding: min(51.3333333333px, 9.3333333333vw) min(22px, 4vw);
}

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

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

#sec01 div {
	margin-top: min(20px, 2rem);
}
#sec01 h2:nth-of-type(n+2) {
	margin-top: min(73.3333333333px, 13.3333333333vw);
}

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

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

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

h3.recommend {
	color: #fff!important;
}




/* --------------------------------
#back
-------------------------------- */
#back {
	background-color: #fff;
}