@charset "UTF-8";

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

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

#main h2 {
	font-size: min(29px, 5.4vw);
	color: #9f7e1f;
	line-height: 1.4;
}

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

#main figure {
	padding-top: 20px;
}

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


/* --------------------------------
	cover
-------------------------------- */
#cover p {
	margin-top: 20px;
}

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

/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	position: relative;
}

#sec01 h2, #sec01 p {
	width: 68.11594203%;
	position: relative;
	z-index: 9999;
}

#sec01 h2 {
	padding-top: 80px;
}

#sec01 p {
	padding-bottom: 60px;
}

#sec01 div#sec01_bg {
	position: absolute;
	top: 0;
	left: 0;
}

.fixed_btn {
	z-index: 10000;
}

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

/* --------------------------------
	#sec
-------------------------------- */
#sec02, #sec03,#sec04,#sec07,#sec08 {
	padding-bottom: 60px;
}

@media (max-width: 768px) {
	#sec02, #sec03,#sec04,#sec07,#sec08 {
		padding-bottom: 4rem;
	}
}

#sec05,#sec06 {
	padding-bottom: 40px;
}

@media (max-width: 768px) {
	#sec05,#sec06 {
		padding-bottom: 2rem;
	}
}

/* --------------------------------
	#sec04
-------------------------------- */
#sec04 {
	position: relative;
}

#sec04 h2, #sec04 p {
	position: relative;
	z-index: 9999;
}

#sec04 h2 {
	width: 79.71014493%;
}

#sec04 p {
	width: 75.36231884%;
}

#sec04 div#sec04_bg {
	position: absolute;
	top: 0;
	left: 0;
}

/* --------------------------------
	#sec07
-------------------------------- */
#sec07 figure {
	padding-top: 40px;
}

@media (max-width: 768px) {
	#sec07 figure {
		padding-top: 3rem;
	}
}

/* --------------------------------
	#sec08
-------------------------------- */
#sec08 div.sec08_inner {
	background-color: #fcee21;
}
#sec08 h2 {
	text-align: center;
	padding-top: 30px;
}

#sec08 .sec08_box {
	display: flex;
	padding: 0 0 0 min(20.5333333333px, 3.7333333333vw);
}

#sec08 .sec08_box p {
	width: 68.25396825%;
	padding-top: 40px;
}

#sec08 .sec08_box figure {
	width: 31.74603175%;
}

@media (max-width: 768px) {
	#sec08 h2 {
		padding-top: 2rem;
	}
	#sec08 .sec08_box figure {
	}
	#sec08 .sec08_box p {
		font-size: 4.3vw;
		padding-top: 2rem;
	}
}


/* --------------------------------
	#sec09
-------------------------------- */

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

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


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

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