@charset "UTF-8";

/* --------------------------------
	common
-------------------------------- */
figure {
	padding-top: 40px;
}

#main p {
	font-size: min(22px, 4.5vw);
	padding-top: 20px!important;
}

#main h2.day_title {
	color: #967d31;
	text-align: center;
	font-size: 40px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: 500;
	margin-top: 40px;
}

#main h3.day_title02 {
	font-size: 36px;
	font-weight: 500;
	margin-top: 20px;
}



#sec02, #sec03, #sec04, #sec05, #sec06 {
	padding-bottom: min(80px, 3rem);
}

#sec03, #sec05 {
	background-color: #fbf9ea;
	padding-top: min(80px, 2rem);
}

.marker {
	background-color: #fdff6c;
	font-weight: 400;
}

.marker02 {
	background-color: #c2e7e5;
	font-weight: 400;
}

div.qa {
	border-top: 1px solid #967d31;
	margin-top: 40px;
	padding-top: 20px;
}

p.qtn {
	font-weight: 600;
	text-indent: -1em;
	padding-left: 1em;
	color: #00a199;
}

p.ans {
	text-indent: -1em;
	padding-left: 1em;
}

#sec06 p.toshop {
	margin-top: -20px;
}

@media (max-width: 768px) {
	figure {
		padding-top: 3rem;
	}

	#main p {
		padding-top: 1rem!important;
	}
	#main h2.day_title {
		font-size: 7vw;
		margin-top: 3rem;
	}
	#main h3.day_title02 {
		font-size: 6vw;
	}
	div.qa {
		margin-top: 3rem;
		padding-top: 2rem;
	}
}


/* --------------------------------
	cover
-------------------------------- */



/* --------------------------------
	#sec01
-------------------------------- */
#sec01 {
	padding-top: min(80px, 4rem);
	padding-bottom: min(80px, 4rem);
}

#sec01 p {
	padding-top: 0!important;
}

#profile {
	background-color: #ffe7ea;
	padding: 30px;
	margin-top: 40px;
}

#profile h3 {
	text-align: center;
	font-size: 30px;
	padding-bottom: 1rem;
}

#profile h2 {
	text-align: center;
	font-size: 38px;
	font-weight: 500;
}

#profile h2 span {
	font-size: 26px;
}

#profile figure {
	padding-top: 30px;
	padding-bottom: 30px;
}

#profile p {
	padding-top: 0!important;
	font-size: 20px;
}

#profile p a {
	font-size: 20px;
	display: inline;
	background: url("../img/link.png") left center no-repeat;
	background-size: 10px auto;
	padding-left: 20px;
}

#profile p a span {
	border-bottom: 1px solid black;
}

@media (max-width: 768px) {
	#profile {
		padding: 3rem 2rem;
		margin-top: 3rem;
	}
	#profile h3 {
		font-size: 5.5vw;
	}
	#profile h2 {
		font-size: 8vw;
	}
	#profile h2 span {
		font-size: 5vw;
	}
	#profile figure {
		padding: 2rem 0;
	}
	#profile p, #profile p a {
		font-size: 4vw;
	}
	#sec01 p {
		padding-top: 0!important;
	}
}

/* --------------------------------
	#sec02
-------------------------------- */

#sec02, #sec06 {
	padding-bottom: min(80px, 4rem);
}

#sec02 figure {
	padding-top: 30px;
}
@media (max-width: 768px) {
	#sec02 figure {
		padding-top: 1.5rem;
	}
}

/* --------------------------------
	#sec04
-------------------------------- */

#sec04, #sec06 {
	padding-top: min(80px, 2rem);
}


/* --------------------------------

-------------------------------- */
/*# sourceMappingURL=style.css.map */