@charset "UTF-8";

/* --------------------------------------------------
2021/07/-- nagai ver.1.0
-------------------------------------------------- */

/* .page-index
-------------------------------------------------- */
/* .page-about */
.page-about .text p + p { margin-top: 2em; }
@media screen and (max-width: 767px) {
	.page-about .ttls { margin-top: 8.333vw; padding-top: 1.111vw; font-size: 5vw; }
	.page-about .text { line-height: 2.1; font-weight: 400; }
}
@media screen and (min-width: 768px) {
	.page-about .ttls { margin-top: 3.571em; padding-bottom: 1.035em; border-top: 1px solid #ccc; font-size: 2.8rem; }
	.page-about .text-block { display: flex; justify-content: space-between; margin-left: 8.49%; }
	.page-about .text-block > .photo,
	.page-about .text-block > .text { width: 44.329%; }
}

/* about01 */
@media screen and (max-width: 767px) {
	.page-about #l-main { padding-top: 0; }
	#about01 { position: relative; }
	#about01 .inner { padding-top: 66.666%; }
	#about01 .title { margin: 4.722vw 0 -4.167vw; }
	#about01 .photo { position: absolute; top: 0; left: 0; margin: 0 -5vw; }
}
@media screen and (min-width: 768px) {
	.page-about #l-main { padding-top: 3.928em; }
	#about01 .title { margin-bottom: -0.191em; font-size: 4.2rem; }
	#about01 .ttls { padding-bottom: 1.035em; }
	#about01 .text-block { flex-direction: row-reverse; }
	#about01 .photo img { margin-top: 0.285em; width: 79.069%; }
}

/* about02 */
#about02 .photo { margin-top: 0.833vw; padding-bottom: 4.722vw; }
@media screen and (min-width: 768px) {
	#about02 .photo { margin-top: 0.285em; padding-bottom: 0; }
}

/* about03 */
#about03 .photo { margin-top: 4.722vw; padding-bottom: 0.833vw; }
@media screen and (min-width: 768px) {
	#about03 .photo { margin-top: 0.285em; padding-bottom: 0; }
}

/* about04 */
#about04 .text dt { font-weight: 700; }
#about04 .text dd + dt { margin-top: 2em; }
#about04 .photo { margin-top: 4.722vw; padding-bottom: 0.833vw; }
@media screen and (min-width: 768px) {
	#about04 .photo { margin-top: 0.285em; padding-bottom: 0; }
	#about04 .photo img { width: 79.069%; }
}

/* about05 */
#about05 .text-block { margin-top: 0.833vw; }
#about05 .text-block h3 { font-weight: 700; }
#about05 .text-block li + li { margin-top: 8.333vw; }
#about05 .photo { width: 74.279%; padding-bottom: 3.333vw; }
#about05 p + p.note { margin-top: 1.111vw; font-size: 2.6vw; }
@media screen and (min-width: 768px) {
	#about05 { padding-bottom: 1.071em; }
	#about05 .text-block { margin-top: 0.714em; }
	#about05 .text-block ul { display: flex; flex-wrap: wrap; margin-top: -5.358em; }
	#about05 .text-block ul > li { width: 35.051%; margin-top: 5.357em; }
	#about05 .text-block ul > li + li { margin-left: 24px; }
	#about05 .text-block ul > li:nth-of-type(1) { margin-left: 9.278%; }
	#about05 .text-block ul > li:nth-of-type(3) { margin-left: auto; }
	#about05 .photo { width: 73.529%; padding-bottom: 1.857em; }
	#about05 p + p.note { margin-top: 1.083em; font-size: 1.2rem; }
}