@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;
	}
}

#main h2 {
	font-size: min(36px, 6.5vw);
	background-image: url("../img/soap.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px auto;
	padding-left: 60px;
}

@media (max-width: 768px) {
	#main h2 {
		background-size: 3rem auto;
		padding-left: 4.5rem;
	}
}


/* --------------------------------
	cover
-------------------------------- */
#cover p.note {
	padding-top: 0!important;
}

/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	padding-top: 60px;
	padding-bottom: 60px;
}

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

#sec01 figure {
	margin-top: min(60px, 4rem);
}

@media (max-width: 768px) {
	#sec01 {
		padding-top: 4rem;
		padding-bottom: 5rem;
	}
}

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

#sec02 {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #deecf0;
	background-image: url("../img/sec02_bg.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}

#sec02 figure {
	margin-top: min(60px, 4rem);
	margin-bottom: min(40px, 3rem);
}

@media (max-width: 768px) {
	#sec02 {
		padding-top: 4rem;
		padding-bottom: 5rem;
	}
}

/* --------------------------------
	#sec03
-------------------------------- */

#sec03 {
	padding-top: 60px;
	padding-bottom: 60px;
}

#sec03 figure {
	margin-top: min(60px, 4rem);
	margin-bottom: min(40px, 3rem);
}

@media (max-width: 768px) {
	#sec03 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}

/* --------------------------------
	#sec04
-------------------------------- */

#sec04 {
	padding-bottom: 60px;
}

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

@media (max-width: 768px) {
	#sec04 {
		padding-bottom: 4rem;
	}
}


/* --------------------------------

-------------------------------- */
/*# sourceMappingURL=style.css.map */