@charset "utf-8";

/* ---------------------------------------- */
/* workページ */
.work_list { padding: 0; border-radius: 0; background-color: transparent; }
.work_list ul { display: grid; }
.work_list ul li { border: 1px dotted var(--c-main); }
.work_list ul li div { aspect-ratio: 16 / 9; background-color: white; padding: 2% 1%; }
.work_list ul li div img { display: block; margin-inline: auto; height: 100%; }
.work_list ul li p { margin: 0.75em; text-align: center; }
.work_other_list { display: grid; grid-template-columns: 1fr 1fr; }
.work_other_list li { padding: 1em 0.8em; background-color: white; border: 1px dotted var(--c-main); }
.work_other_list h3 { margin-top: -0.3em; }
.work_other_list .buttons { margin-top: 0; margin-bottom: 1em; }

/* PC */
@media only screen and (min-width: 751px) {
	.work_list { margin-top: 30px; margin-bottom: 50px; }
	.work_list ul { grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 10px; }
	.work_list ul li p { font-size: var(--fs_xs); }
	.work_list_other { font-size: 0.9rem; }
	.work_other_list { gap: 20px; }
}
/* SP */
@media only screen and (max-width: 750px) {
	.work_list { margin-top: 5vw; margin-bottom: 5vw; }
	.work_list ul { grid-template-columns: 1fr; gap: 4vw; margin-top: 3vw; }
	.work_list_other { font-size: 1.2vw; }
	.work_other_list .buttons .button { font-size: 2.2vw; }
	.work_other_list { gap: 3vw; }
}