%3C!DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22ja%22%3E%0A%3Chead%3E%0A%20%20%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%20%20%3Ctitle%3E%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%EF%BC%9A%E9%A3%9F%E5%93%81%E6%A4%9C%E6%9F%BB%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8BDNA%E6%8A%BD%E5%87%BA%E3%81%AE%E5%85%A8%E8%B2%8C%3C%2Ftitle%3E%0A%20%20%20%20%3Cscript%20src%3D%22https%3A%2F%2Fcdn.tailwindcss.com%22%3E%3C%2Fscript%3E%0A%20%20%20%20%3Clink%20rel%3D%22preconnect%22%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%22%3E%0A%20%20%20%20%3Clink%20rel%3D%22preconnect%22%20href%3D%22https%3A%2F%2Ffonts.gstatic.com%22%20crossorigin%3E%0A%20%20%20%20%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss2%3Ffamily%3DInter%3Awght%40400%3B700%26family%3DNoto%2BSans%2BJP%3Awght%40400%3B700%26display%3Dswap%22%20rel%3D%22stylesheet%22%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20body%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20font-family%3A%20'Inter'%2C%20'Noto%20Sans%20JP'%2C%20sans-serif%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%2F*%20%E7%B8%A6%E3%81%AE%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%A9%E3%82%A4%E3%83%B3%E7%94%A8%E3%81%AE%E7%B7%9A%20*%2F%0A%20%20%20%20%20%20%20%20.timeline-line%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20bottom%3A%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%204px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20%23e2e8f0%3B%20%2F*%20gray-200%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20.timeline-dot%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20left%3A%2050%25%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20top%3A%201rem%3B%20%2F*%20h-4%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20width%3A%201.5rem%3B%20%2F*%20w-6%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20height%3A%201.5rem%3B%20%2F*%20h-6%20*%2F%0A%20%20%20%20%20%20%20%20%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-radius%3A%209999px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20border-width%3A%204px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20translateX(-50%25)%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%3C%2Fhead%3E%0A%3Cbody%20class%3D%22bg-gray-50%20text-gray-800%22%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22container%20mx-auto%20p-4%20md%3Ap-8%20max-w-5xl%22%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%20--%3E%0A%20%20%20%20%20%20%20%20%3Cheader%20class%3D%22text-center%20mb-12%20md%3Amb-16%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch1%20class%3D%22text-3xl%20md%3Atext-5xl%20font-bold%20text-teal-600%20mb-2%22%3E%E3%80%90%E5%9B%B3%E8%A7%A3%E3%80%91%E9%A3%9F%E5%93%81%E6%A4%9C%E6%9F%BB%E3%81%AE%E5%BF%83%E8%87%93%E9%83%A8%EF%BC%81%3C%2Fh1%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch2%20class%3D%22text-4xl%20md%3Atext-6xl%20font-bold%20text-gray-800%22%3EDNA%E6%8A%BD%E5%87%BA%E3%81%AE%E5%85%A8%E8%B2%8C%3C%2Fh2%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22mt-4%20text-lg%20text-gray-600%22%3E%E9%A3%9F%E5%93%81%E3%81%AE%E5%AE%89%E5%85%A8%E3%83%BB%E5%AE%89%E5%BF%83%E3%82%92%E6%94%AF%E3%81%88%E3%82%8B%E7%A7%91%E5%AD%A6%E6%8A%80%E8%A1%93%E3%81%AE%E7%AC%AC%E4%B8%80%E6%AD%A9%E3%82%92%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%81%A7%E8%A7%A3%E8%AA%AC%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%3C%2Fheader%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B31%3A%20DNA%E6%8A%BD%E5%87%BA%E3%81%A8%E3%81%AF%EF%BC%9F%20--%3E%0A%20%20%20%20%20%20%20%20%3Csection%20class%3D%22mb-16%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text-2xl%20md%3Atext-3xl%20font-bold%20text-center%20mb-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22bg-teal-100%20text-teal-700%20px-4%20py-2%20rounded-lg%22%3EStep%201.%20%E3%81%9D%E3%82%82%E3%81%9D%E3%82%82DNA%E6%8A%BD%E5%87%BA%E3%81%A3%E3%81%A6%E4%BD%95%EF%BC%9F%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20md%3Ap-8%20rounded-2xl%20shadow-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-lg%20mb-8%22%3E%E9%81%BA%E4%BC%9D%E5%AD%90%E6%A4%9C%E6%9F%BB%E3%82%92%E8%A1%8C%E3%81%86%E3%81%9F%E3%82%81%E3%81%AB%E3%80%81%E9%A3%9F%E5%93%81%E3%81%AE%E7%B4%B0%E8%83%9E%E3%81%8B%E3%82%89%E3%80%8CDNA%E3%80%8D%E3%81%A8%E3%81%84%E3%81%86%E8%A8%AD%E8%A8%88%E5%9B%B3%E3%81%A0%E3%81%91%E3%82%92%E3%82%AD%E3%83%AC%E3%82%A4%E3%81%AB%E5%8F%96%E3%82%8A%E5%87%BA%E3%81%99%E4%BD%9C%E6%A5%AD%E3%81%A7%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22grid%20md%3Agrid-cols-3%20gap-8%20text-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Step%201-1%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-teal-50%20rounded-full%20p-4%20mb-4%20border-4%20border-teal-200%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-16%20h-16%20text-teal-500%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M14.828%2014.828a4%204%200%2001-5.656%200M9%2010h.01M15%2010h.01M21%2012a9%209%200%2011-18%200%209%209%200%200118%200z%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M9.172%2016.172a4%204%200%20015.656%200M12%206h.01%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-xl%20mb-2%22%3E%E2%91%A0%20%E7%B4%B0%E8%83%9E%E3%82%92%E5%A3%8A%E3%81%99%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E7%89%A9%E7%90%86%E7%9A%84%E3%81%AA%E5%8A%9B%E3%82%84%E8%96%AC%E5%93%81%E3%81%A7%E7%B4%B0%E8%83%9E%E8%86%9C%E3%82%92%E7%A0%B4%E5%A3%8A%E3%81%97%E3%80%81%E4%B8%AD%E8%BA%AB%E3%82%92%E5%8F%96%E3%82%8A%E5%87%BA%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Step%201-2%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-orange-50%20rounded-full%20p-4%20mb-4%20border-4%20border-orange-200%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-16%20h-16%20text-orange-500%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2014l9-5-9-5-9%205%209%205z%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2014l6.16-3.422a12.083%2012.083%200%2001.665%206.479A11.952%2011.952%200%200012%2020.055a11.952%2011.952%200%2000-6.824-5.998%2012.078%2012.078%200%2001.665-6.479L12%2014z%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%2014l9-5-9-5-9%205%209%205zm0%200l6.16-3.422a12.083%2012.083%200%2001.665%206.479A11.952%2011.952%200%200012%2020.055a11.952%2011.952%200%2000-6.824-5.998%2012.078%2012.078%200%2001.665-6.479L12%2014zm-4%206v-7.5l4-2.222%204%202.222V20M12%2014v6.5%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-xl%20mb-2%22%3E%E2%91%A1%20%22%E3%82%B4%E3%83%9F%22%E3%82%92%E9%99%A4%E3%81%8F%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3EDNA%E4%BB%A5%E5%A4%96%E3%81%AE%E3%82%BF%E3%83%B3%E3%83%91%E3%82%AF%E8%B3%AA%E3%82%84%E8%84%82%E8%B3%AA%E3%81%AA%E3%81%A9%E3%80%81%E6%A4%9C%E6%9F%BB%E3%81%AE%E9%82%AA%E9%AD%94%E3%81%AB%E3%81%AA%E3%82%8B%E3%82%82%E3%81%AE%E3%82%92%E5%8F%96%E3%82%8A%E9%99%A4%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Step%201-3%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-indigo-50%20rounded-full%20p-4%20mb-4%20border-4%20border-indigo-200%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-16%20h-16%20text-indigo-500%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15.232%205.232l3.536%203.536m-2.036-5.036a2.5%202.5%200%20113.536%203.536L6.5%2021.036H3v-3.5L15.232%205.232z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-xl%20mb-2%22%3E%E2%91%A2%20DNA%E3%82%92%E5%9B%9E%E5%8F%8E%E3%81%99%E3%82%8B%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E3%82%A2%E3%83%AB%E3%82%B3%E3%83%BC%E3%83%AB%E3%81%AA%E3%81%A9%E3%81%A7DNA%E3%81%A0%E3%81%91%E3%82%92%E6%B2%88%E6%AE%BF%E3%81%95%E3%81%9B%E3%80%81%E7%B4%94%E7%B2%8B%E3%81%AA%E5%BD%A2%E3%81%A7%E9%9B%86%E3%82%81%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsection%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B32%3A%20%E3%81%AA%E3%81%9C%E9%87%8D%E8%A6%81%EF%BC%9F%20--%3E%0A%20%20%20%20%20%20%20%20%3Csection%20class%3D%22mb-16%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text-2xl%20md%3Atext-3xl%20font-bold%20text-center%20mb-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22bg-teal-100%20text-teal-700%20px-4%20py-2%20rounded-lg%22%3EStep%202.%20%E3%81%AA%E3%81%9C%E9%A3%9F%E5%93%81%E6%A4%9C%E6%9F%BB%E3%81%A7%E9%87%8D%E8%A6%81%EF%BC%9F%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20md%3Ap-8%20rounded-2xl%20shadow-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-lg%20mb-8%22%3EDNA%E3%82%92%E8%AA%BF%E3%81%B9%E3%82%8B%E3%81%93%E3%81%A8%E3%81%A7%E3%80%81%E7%9B%AE%E3%81%AB%E3%81%AF%E8%A6%8B%E3%81%88%E3%81%AA%E3%81%84%E9%A3%9F%E5%93%81%E3%81%AE%E3%80%8C%E6%AD%A3%E4%BD%93%E3%80%8D%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22grid%20grid-cols-2%20md%3Agrid-cols-3%20lg%3Agrid-cols-5%20gap-6%20text-center%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Item%201%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%20p-4%20bg-gray-50%20rounded-xl%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-12%20h-12%20text-green-600%20mb-3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5%203v4M3%205h4M6%2017v4m-2-2h4m5-16l2.286%206.857L21%2012l-5.714%202.143L13%2021l-2.286-6.857L5%2012l5.714-2.143L13%203z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%22%3E%E5%93%81%E7%A8%AE%E8%AD%98%E5%88%A5%3C%2Fh4%3E%3Cp%20class%3D%22text-sm%20text-gray-500%22%3E%E3%81%8A%E7%B1%B3%E3%82%84%E7%89%9B%E8%82%89%E3%81%AE%E5%93%81%E7%A8%AE%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Item%202%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%20p-4%20bg-gray-50%20rounded-xl%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-12%20h-12%20text-red-600%20mb-3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20.618%205.984A11.955%2011.955%200%200112%202.944a11.955%2011.955%200%2001-8.618%203.04A12.02%2012.02%200%20003%209c0%205.591%203.824%2010.29%209%2011.622%205.176-1.332%209-6.03%209-11.622%200-1.042-.133-2.052-.382-3.016zM12%209v2m0%204h.01%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%22%3E%E3%82%A2%E3%83%AC%E3%83%AB%E3%82%B2%E3%83%B3%E6%A4%9C%E6%9F%BB%3C%2Fh4%3E%3Cp%20class%3D%22text-sm%20text-gray-500%22%3E%E5%B0%8F%E9%BA%A6%E3%83%BB%E5%8D%B5%E3%83%BB%E3%81%9D%E3%81%B0%E7%AD%89%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Item%203%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%20p-4%20bg-gray-50%20rounded-xl%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-12%20h-12%20text-yellow-600%20mb-3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2011c.058%200%20.117.002.175.005a2.001%202.001%200%20012.15%202.15c.003.058.005.117.005.175a3.334%203.334%200%2001-3.333%203.333A3.334%203.334%200%20019%2013.333c0-.058.002-.117.005-.175a2.001%202.001%200%20012.15-2.15c.058-.003.117-.005.175-.005zM12%208a5.333%205.333%200%2000-5.333%205.333c0%20.058.002.117.005.175a4.001%204.001%200%20004.295%204.295c.058.003.117.005.175.005a5.333%205.333%200%20005.333-5.333c0-.058-.002-.117-.005-.175a4.001%204.001%200%2000-4.295-4.295A5.312%205.312%200%200012%208zm-8%204a8%208%200%201116%200%208%208%200%2001-16%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%22%3E%E9%A3%9F%E4%B8%AD%E6%AF%92%E8%8F%8C%E7%89%B9%E5%AE%9A%3C%2Fh4%3E%3Cp%20class%3D%22text-sm%20text-gray-500%22%3EO157%E3%83%BB%E3%82%B5%E3%83%AB%E3%83%A2%E3%83%8D%E3%83%A9%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Item%204%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%20p-4%20bg-gray-50%20rounded-xl%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-12%20h-12%20text-blue-600%20mb-3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M17.657%2016.657L13.414%2020.9a1.998%201.998%200%2001-2.827%200l-4.244-4.243a8%208%200%201111.314%200z%22%3E%3C%2Fpath%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M15%2011a3%203%200%2011-6%200%203%203%200%20016%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%22%3E%E7%94%A3%E5%9C%B0%E5%88%A4%E5%88%A5%3C%2Fh4%3E%3Cp%20class%3D%22text-sm%20text-gray-500%22%3E%E7%94%A3%E5%9C%B0%E5%81%BD%E8%A3%85%E3%81%AE%E9%98%B2%E6%AD%A2%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Item%205%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20flex-col%20items-center%20p-4%20bg-gray-50%20rounded-xl%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-12%20h-12%20text-purple-600%20mb-3%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10%2020l4-16m4%204l4%204-4%204M6%2016l-4-4%204-4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%22%3EGMO%E6%A4%9C%E6%9F%BB%3C%2Fh4%3E%3Cp%20class%3D%22text-sm%20text-gray-500%22%3E%E9%81%BA%E4%BC%9D%E5%AD%90%E7%B5%84%E6%8F%9B%E3%81%88%E9%A3%9F%E5%93%81%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsection%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B33%3A%20%E9%A3%9F%E5%93%81%E3%81%AA%E3%82%89%E3%81%A7%E3%81%AF%E3%81%AE%E9%9B%A3%E3%81%97%E3%81%95%20--%3E%0A%20%20%20%20%20%20%20%20%3Csection%20class%3D%22mb-16%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text-2xl%20md%3Atext-3xl%20font-bold%20text-center%20mb-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22bg-teal-100%20text-teal-700%20px-4%20py-2%20rounded-lg%22%3EStep%203.%20%E9%A3%9F%E5%93%81%E3%81%AA%E3%82%89%E3%81%A7%E3%81%AF%E3%81%AE%E9%9B%A3%E3%81%97%E3%81%95%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20md%3Ap-8%20rounded-2xl%20shadow-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-lg%20mb-8%22%3E%E9%A3%9F%E5%93%81%E3%81%8B%E3%82%89%E3%81%AEDNA%E6%8A%BD%E5%87%BA%E3%81%AB%E3%81%AF%E3%80%81%E6%89%8B%E5%BC%B7%E3%81%84%22%E6%95%B5%22%E3%81%8C%E3%81%9F%E3%81%8F%E3%81%95%E3%82%93%E3%81%84%E3%81%BE%E3%81%99%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-6%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Enemy%201%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20gap-4%20p-4%20bg-red-50%20border-l-4%20border-red-500%20rounded-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-10%20h-10%20text-red-500%20flex-shrink-0%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M18.364%2018.364A9%209%200%20005.636%205.636m12.728%2012.728A9%209%200%20015.636%205.636m12.728%2012.728L5.636%205.636%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%22%3E%E8%B1%8A%E5%AF%8C%E3%81%AA%E9%98%BB%E5%AE%B3%E7%89%A9%E8%B3%AA%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E6%B2%B9%E3%80%81%E3%83%87%E3%83%B3%E3%83%97%E3%83%B3%E3%80%81%E3%83%9D%E3%83%AA%E3%83%95%E3%82%A7%E3%83%8E%E3%83%BC%E3%83%AB%E3%81%AA%E3%81%A9%E3%81%8C%E6%A4%9C%E6%9F%BB%E3%81%AE%E9%82%AA%E9%AD%94%E3%82%92%E3%81%99%E3%82%8B%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Enemy%202%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20gap-4%20p-4%20bg-yellow-50%20border-l-4%20border-yellow-500%20rounded-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-10%20h-10%20text-yellow-500%20flex-shrink-0%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%2014l-7%207m0%200l-7-7m7%207V3%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%22%3EDNA%E3%81%AE%E5%88%86%E8%A7%A3%E3%83%BB%E6%96%AD%E7%89%87%E5%8C%96%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E5%8A%A0%E7%86%B1%E3%81%AA%E3%81%A9%E3%81%AE%E5%8A%A0%E5%B7%A5%E3%81%AB%E3%82%88%E3%81%A3%E3%81%A6%E3%80%81DNA%E3%81%8C%E5%A3%8A%E3%82%8C%E3%81%A6%E3%81%97%E3%81%BE%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Enemy%203%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20items-center%20gap-4%20p-4%20bg-blue-50%20border-l-4%20border-blue-500%20rounded-lg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-10%20h-10%20text-blue-500%20flex-shrink-0%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M21%2021l-6-6m2-5a7%207%200%2011-14%200%207%207%200%200114%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%22%3E%E5%BE%AE%E9%87%8F%E3%81%AA%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E3%82%A2%E3%83%AC%E3%83%AB%E3%82%B2%E3%83%B3%E3%82%84%E9%A3%9F%E4%B8%AD%E6%AF%92%E8%8F%8C%E3%81%AA%E3%81%A9%E3%80%81%E3%81%94%E3%81%8F%E3%82%8F%E3%81%9A%E3%81%8B%E3%81%AADNA%E3%82%92%E7%8B%99%E3%81%86%E5%BF%85%E8%A6%81%E3%81%8C%E3%81%82%E3%82%8B%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsection%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B34%3A%20%E4%B8%BB%E3%81%AA%E6%8A%BD%E5%87%BA%E6%96%B9%E6%B3%95%20--%3E%0A%20%20%20%20%20%20%20%20%3Csection%20class%3D%22mb-16%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text-2xl%20md%3Atext-3xl%20font-bold%20text-center%20mb-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22bg-teal-100%20text-teal-700%20px-4%20py-2%20rounded-lg%22%3EStep%204.%20%E4%B8%BB%E3%81%AA%E6%8A%BD%E5%87%BA%E6%96%B9%E6%B3%95%E3%81%AE%E6%AF%94%E8%BC%83%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22grid%20md%3Agrid-cols-2%20lg%3Agrid-cols-3%20gap-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Method%201%3A%20%E3%82%AB%E3%83%A9%E3%83%A0%E6%B3%95%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20rounded-2xl%20shadow-lg%20border-t-8%20border-green-400%20flex%20flex-col%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22text-xl%20font-bold%20text-center%20mb-4%22%3E%E3%82%B7%E3%83%AA%E3%82%AB%E3%82%B2%E3%83%AB%E8%86%9C%E6%B3%95%EF%BC%88%E3%82%AB%E3%83%A9%E3%83%A0%E6%B3%95%EF%BC%89%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-center%20mb-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-20%20h-20%20text-green-500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%2000-3.375-3.375h-1.5A1.125%201.125%200%200113.5%207.125v-1.5a3.375%203.375%200%2000-3.375-3.375H8.25m2.25%200H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%2000-9-9z%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-gray-600%20mb-4%20flex-grow%22%3E%E7%89%B9%E6%AE%8A%E3%81%AA%E8%86%9C%E3%81%ABDNA%E3%82%92%E5%90%B8%E7%9D%80%E3%81%95%E3%81%9B%E3%81%A6%E5%9B%9E%E5%8F%8E%E3%80%82%E7%8F%BE%E5%9C%A8%E3%81%AE%E4%B8%BB%E6%B5%81%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-2%20mt-auto%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-green-500%20font-bold%20mr-2%22%3E%E5%88%A9%E7%82%B9%3A%3C%2Fspan%3E%20%E5%AE%89%E5%85%A8%E3%80%81%E6%97%A9%E3%81%84%E3%80%81%E9%AB%98%E7%B4%94%E5%BA%A6%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-red-500%20font-bold%20mr-2%22%3E%E6%AC%A0%E7%82%B9%3A%3C%2Fspan%3E%20%E3%82%B3%E3%82%B9%E3%83%88%E3%81%8C%E3%82%84%E3%82%84%E9%AB%98%E3%81%84%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Method%202%3A%20%E7%A3%81%E6%80%A7%E3%83%93%E3%83%BC%E3%82%BA%E6%B3%95%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20rounded-2xl%20shadow-lg%20border-t-8%20border-blue-400%20flex%20flex-col%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22text-xl%20font-bold%20text-center%20mb-4%22%3E%E7%A3%81%E6%80%A7%E3%83%93%E3%83%BC%E3%82%BA%E6%B3%95%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-center%20mb-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-20%20h-20%20text-blue-500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%207.5l-2.25-1.313M21%207.5v2.25m0-2.25l-2.25%201.313M3%207.5l2.25-1.313M3%207.5l2.25%201.313M3%207.5v2.25m9%203l2.25-1.313M12%2012.75l-2.25-1.313M12%2012.75V15m0%206.75v-2.25m0%202.25l2.25-1.313M12%2021.75l-2.25-1.313M12%2021.75v-2.25m2.25-1.313l-2.25%201.313m0%200l-2.25-1.313m2.25%201.313l2.25%201.313M9.75%2014.063l-2.25-1.313M15%2012.75l2.25%201.313M12%2012.75l-2.25%201.313M12%2012.75l2.25%201.313M9.75%2014.063l2.25%201.313M14.25%2014.063l-2.25%201.313M5.25%209.75l2.25%201.313m0%200l2.25%201.313M7.5%2011.063l2.25-1.313M7.5%2011.063l-2.25-1.313m9%200l2.25%201.313M16.5%209.75l-2.25%201.313m0%200l-2.25-1.313m2.25%201.313l-2.25%201.313%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-gray-600%20mb-4%20flex-grow%22%3E%E7%A3%81%E7%9F%B3%E3%81%AB%E3%81%8F%E3%81%A3%E3%81%A4%E3%81%8F%E7%B2%92%E5%AD%90%E3%81%A7DNA%E3%82%92%E5%9B%9E%E5%8F%8E%E3%80%82%E8%87%AA%E5%8B%95%E5%8C%96%E5%90%91%E3%81%8D%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-2%20mt-auto%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-green-500%20font-bold%20mr-2%22%3E%E5%88%A9%E7%82%B9%3A%3C%2Fspan%3E%20%E5%A4%A7%E9%87%8F%E5%87%A6%E7%90%86%E3%80%81%E8%87%AA%E5%8B%95%E5%8C%96%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-red-500%20font-bold%20mr-2%22%3E%E6%AC%A0%E7%82%B9%3A%3C%2Fspan%3E%20%E5%B0%82%E7%94%A8%E8%A3%85%E7%BD%AE%E3%81%8C%E5%BF%85%E8%A6%81%E3%81%AA%E5%A0%B4%E5%90%88%E3%82%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Method%203%3A%20%E6%9C%89%E6%A9%9F%E6%BA%B6%E5%AA%92%E6%B3%95%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20p-6%20rounded-2xl%20shadow-lg%20border-t-8%20border-gray-400%20flex%20flex-col%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22text-xl%20font-bold%20text-center%20mb-4%22%3E%E6%9C%89%E6%A9%9F%E6%BA%B6%E5%AA%92%E6%B3%95%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22flex%20justify-center%20mb-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-20%20h-20%20text-gray-500%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.05%204.575a1.575%201.575%200%2010-3.15%200v3m3.15-3v-1.5a1.575%201.575%200%20013.15%200v1.5m-3.15%200l.075%205.925m3.075-5.925v3m-3.075-3l-1.275%208.288a2.25%202.25%200%20002.248%202.688h.004a2.25%202.25%200%20002.248-2.688l-1.275-8.288m0%200l-2.25.004M12%2019.5h.008v.008H12v-.008z%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-center%20text-gray-600%20mb-4%20flex-grow%22%3E%E8%96%AC%E5%93%81%E3%81%A7%E3%82%BF%E3%83%B3%E3%83%91%E3%82%AF%E8%B3%AA%E3%82%92%E5%9B%BA%E3%82%81%E3%81%A6%E5%88%86%E9%9B%A2%E3%81%99%E3%82%8B%E5%8F%A4%E5%85%B8%E7%9A%84%E3%81%AA%E6%96%B9%E6%B3%95%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22space-y-2%20mt-auto%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-green-500%20font-bold%20mr-2%22%3E%E5%88%A9%E7%82%B9%3A%3C%2Fspan%3E%20%E5%AE%89%E4%BE%A1%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22flex%20items-center%22%3E%3Cspan%20class%3D%22text-red-500%20font-bold%20mr-2%22%3E%E6%AC%A0%E7%82%B9%3A%3C%2Fspan%3E%20%E6%9C%89%E6%AF%92%E3%80%81%E6%89%8B%E9%96%93%E3%81%8C%E3%81%8B%E3%81%8B%E3%82%8B%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsection%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%82%BB%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B35%3A%20%E6%9C%AA%E6%9D%A5%E3%81%AEDNA%E6%8A%BD%E5%87%BA%20--%3E%0A%20%20%20%20%20%20%20%20%3Csection%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ch3%20class%3D%22text-2xl%20md%3Atext-3xl%20font-bold%20text-center%20mb-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cspan%20class%3D%22bg-teal-100%20text-teal-700%20px-4%20py-2%20rounded-lg%22%3EFinal%20Step.%20DNA%E6%8A%BD%E5%87%BA%E3%81%AE%E6%9C%AA%E6%9D%A5%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fh3%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22relative%20max-w-2xl%20mx-auto%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22timeline-line%20hidden%20sm%3Ablock%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Future%201%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22mb-8%20flex%20justify-between%20items-center%20w-full%20flex-row-reverse%20sm%3Aflex-row%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20sm%3Aw-5%2F12%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22z-10%20flex%20items-center%20order-1%20bg-teal-500%20shadow-xl%20w-12%20h-12%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-6%20h-6%20text-white%20mx-auto%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M12%208v4l3%203m6-3a9%209%200%2011-18%200%209%209%200%200118%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20bg-white%20rounded-lg%20shadow-xl%20w-full%20sm%3Aw-5%2F12%20px-6%20py-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%22%3E%E3%82%88%E3%82%8A%E6%97%A9%E3%81%8F%E3%80%81%E7%B0%A1%E5%8D%98%E3%81%AB%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%20text-sm%22%3E%E8%AA%B0%E3%81%A7%E3%82%82%E6%95%B0%E5%88%86%E3%81%A7DNA%E6%8A%BD%E5%87%BA%E3%81%8C%E5%AE%8C%E4%BA%86%E3%81%99%E3%82%8B%E3%82%AD%E3%83%83%E3%83%88%E3%81%8C%E7%99%BB%E5%A0%B4%E3%81%99%E3%82%8B%E3%81%8B%E3%82%82%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Future%202%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22mb-8%20flex%20justify-between%20items-center%20w-full%20flex-row-reverse%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20w-full%20sm%3Aw-5%2F12%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22bg-white%20rounded-lg%20shadow-xl%20px-6%20py-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%20text-right%22%3E%E3%81%9D%E3%81%AE%E5%A0%B4%E3%81%A7%E6%A4%9C%E6%9F%BB%EF%BC%88%E3%82%AA%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%EF%BC%89%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%20text-sm%20text-right%22%3E%E5%B7%A5%E5%A0%B4%E3%82%84%E8%BE%B2%E5%A0%B4%E3%81%AB%E6%A4%9C%E6%9F%BB%E5%AE%A4%E3%82%92%E6%8C%81%E3%81%A1%E8%BE%BC%E3%81%BE%E3%81%9A%E3%80%81%E3%81%9D%E3%81%AE%E5%A0%B4%E3%81%A7%E5%93%81%E8%B3%AA%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22z-10%20flex%20items-center%20order-1%20bg-teal-500%20shadow-xl%20w-12%20h-12%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-6%20h-6%20text-white%20mx-auto%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%2021V5a2%202%200%2000-2-2H7a2%202%200%2000-2%202v16m14%200h2m-2%200h-5m-9%200H3m2%200h5M9%207h1m-1%204h1m4-4h1m-1%204h1m-5%2010v-5a1%201%200%20011-1h2a1%201%200%20011%201v5m-4%200h4%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20sm%3Aw-5%2F12%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%20Future%203%20--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22mb-8%20flex%20justify-between%20items-center%20w-full%20flex-row-reverse%20sm%3Aflex-row%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20sm%3Aw-5%2F12%22%3E%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22z-10%20flex%20items-center%20order-1%20bg-teal-500%20shadow-xl%20w-12%20h-12%20rounded-full%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Csvg%20class%3D%22w-6%20h-6%20text-white%20mx-auto%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M7%204v16M17%204v16M3%208h4m10%200h4M3%2012h18M3%2016h4m10%200h4M4%2020h16a1%201%200%20001-1V5a1%201%200%2000-1-1H4a1%201%200%2000-1%201v14a1%201%200%20001%201z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22order-1%20bg-white%20rounded-lg%20shadow-xl%20w-full%20sm%3Aw-5%2F12%20px-6%20py-4%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ch4%20class%3D%22font-bold%20text-lg%22%3E%E3%83%A1%E3%82%BF%E3%82%B2%E3%83%8E%E3%83%A0%E8%A7%A3%E6%9E%90%E3%81%B8%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%20text-sm%22%3E%E9%A3%9F%E5%93%81%E3%81%AB%E5%90%AB%E3%81%BE%E3%82%8C%E3%82%8B%E5%85%A8%E3%81%A6%E3%81%AE%E5%BE%AE%E7%94%9F%E7%89%A9%E3%81%AEDNA%E3%82%92%E8%A7%A3%E6%9E%90%E3%81%97%E3%80%81%E7%99%BA%E9%85%B5%E3%82%84%E8%85%90%E6%95%97%E3%82%92%E7%A7%91%E5%AD%A6%E3%81%99%E3%82%8B%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%20%20%3C%2Fsection%3E%0A%0A%20%20%20%20%20%20%20%20%3C!--%20%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%20--%3E%0A%20%20%20%20%20%20%20%20%3Cfooter%20class%3D%22text-center%20mt-16%20border-t%20pt-8%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cp%20class%3D%22text-gray-600%22%3E%E3%81%93%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%95%E3%82%A9%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AF%E3%80%81%E9%A3%9F%E5%93%81%E3%81%AE%E5%93%81%E8%B3%AA%E3%81%A8%E5%AE%89%E5%85%A8%E3%82%92%E6%94%AF%E3%81%88%E3%82%8BDNA%E6%8A%BD%E5%87%BA%E6%8A%80%E8%A1%93%E3%81%AE%E6%A6%82%E8%A6%81%E3%82%92%E7%A4%BA%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%81%A7%E3%81%99%E3%80%82%3Cbr%3E%E3%82%88%E3%82%8A%E8%A9%B3%E3%81%97%E3%81%84%E8%A7%A3%E8%AA%AC%E3%81%AF%E3%80%81%E6%9C%AC%E6%96%87%E8%A8%98%E4%BA%8B%E3%82%92%E3%81%94%E8%A6%A7%E3%81%8F%E3%81%A0%E3%81%95%E3%81%84%E3%80%82%3C%2Fp%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffooter%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E%0Aこの記事では、遺伝子解析において不可欠なDNA抽出技術について、基本から分かりやすく解説します。遺伝子検査の精度を左右するDNA抽出は、食品の品種識別、食物アレルギー検査、産地偽装防止、食中毒菌の特定など、食の安全を守る上で極めて重要です。本記事では、食品サンプル特有の課題に対応したDNA抽出の原理、具体的な方法、注意点、そして応用例までを網羅的にご紹介します。研究や分析業務に携わる方々が、日々の業務や研究開発に役立つ情報を提供することを目指します。核酸抽出の基礎知識を深め、より信頼性の高い検査などを実現するための一助となれば幸いです。目次食品の品質管理や安全性の確保において、遺伝子解析技術の重要性はますます高まっています。特定の品種であることの証明、食物アレルゲンの検出、産地偽装の防止、食中毒を引き起こす微生物の特定など、その応用範囲は多岐にわたります。これらの遺伝子検査を正確に行うための最初のステップであり、重要なプロセスの一つがDNA抽出です。食品サンプルは、加工度合いや含まれる成分（脂質、多糖類、タンパク質分解酵素など）が多様であり、DNA抽出を阻害する要因が多く存在します。そのため、食品からのDNA抽出には、サンプル特性に応じた適切な方法を選択し、高品質なDNAを効率よく回収する技術と知識が求められます。この記事では、DNA抽出の基本的な原理から、食品サンプルに特化した抽出方法、実験を行う上での注意点、そして実際の食品検査における応用例までを解説していきます。1. DNA抽出とは？遺伝子解析の出発点1.1 DNAとは何か？生命の設計図DNA（デオキシリボ核酸）は、ほとんど全ての生物の細胞内に存在する遺伝情報の本体です。アデニン（A）、グアニン（G）、シトシン（C）、チミン（T）という4種類の塩基の配列によって、生物の形態、機能、成長、生殖など、生命活動に必要なあらゆる情報が記録されています。このため、DNAはしばしば「生命の設計図」に例えられます。動植物や微生物も、それぞれ固有のDNA配列を持っています。このDNA配列の違いを利用することで、種や品種を特定したり、特定の遺伝子の有無を確認したりすることが可能になります。これが遺伝子解析の基本的な考え方です。1.2 なぜDNAを「抽出」する必要があるのか？DNAは細胞の中の核やミトコンドリアといった特定の場所に存在し、タンパク質など他の多くの生体分子と共に存在しています。遺伝子解析を行うためには、検査対象となるDNAだけを他の成分から分離し、精製する必要があります。細胞膜や細胞壁、核膜といった構造物を壊し、DNA以外のタンパク質、脂質、多糖類などを取り除き、純粋なDNAを集める操作、これがDNA抽出（あるいは核酸抽出）です。抽出されたDNAは、その後のPCR増幅やシークエンシング（塩基配列決定）といった遺伝子解析技術に用いられます。DNA抽出の質（純度や量、断片化の程度）は、後続の遺伝子解析の成否や精度に影響を与えるため、重要な工程と言えます。1.3 DNA抽出の基本的な原理DNA抽出の方法は様々ですが、基本的な原理は共通しています。大きく分けて以下の3つのステップで構成されます。細胞の破砕: まず、DNAが存在する細胞を壊し、DNAを細胞外に放出させる必要があります。物理的な方法（ホモジナイザー、ビーズビーター、超音波処理など）や、化学的な方法（界面活性剤の使用）、酵素的な方法（細胞壁分解酵素など）が用いられます。特に植物細胞や微生物は強固な細胞壁を持つため、適切な破砕方法の選択が重要です。 タンパク質の除去: 細胞が破砕されると、DNAだけでなくタンパク質（DNAに結合しているヒストンや、細胞内の様々な酵素など）も放出されます。これらのタンパク質は後の遺伝子解析を阻害することがあるため、除去する必要があります。タンパク質分解酵素による分解や、フェノールなどの有機溶媒を用いた変性・除去、塩析によるタンパク質の沈殿除去などの方法が用いられます。DNAの沈殿・回収: タンパク質などが除去された溶液から、DNAだけを選択的に沈殿させて回収します。一般的には、エタノールやイソプロパノールといったアルコールと塩（酢酸ナトリウムなど）を加えることで、DNAを不溶化させて沈殿させます（アルコール沈殿）。遠心分離によって沈殿したDNAを集め、洗浄後、適切な緩衝液（TEバッファーなど）に溶解して保存します。近年では、シリカゲル膜や磁性ビーズにDNAを吸着させ、洗浄後に溶出するカラム法や磁性ビーズ法が、簡便かつ高純度なDNAが得られるため広く利用されています。2. 食品検査におけるDNA抽出の重要性2.1 食品サンプル特有の課題食品サンプルからのDNA抽出は、血液や培養細胞といった比較的均質なサンプルからの抽出と比較して、いくつかの特有の難しさがあります。多様なマトリックス: 食品は、肉、魚、穀物、野菜、果物といった多種多様な原材料から成り立っています。さらに、加熱、乾燥、発酵、調味料の添加など、様々な加工が施されています。これらの食品マトリックスには、脂質、多糖類、ポリフェノールなどが豊富に含まれており、これらがDNA抽出の効率を低下させたり、後続のPCR反応を阻害したりする原因となります。DNA分解酵素やPCR阻害物質の存在: 食品中には、DNAを分解する酵素（DNase）が含まれている場合があります。特に生の食材などでは注意が必要です。また、前述のマトリクス成分に加え、食品添加物、色素、保存料などもPCR反応を阻害する可能性があります（PCR阻害物質）。これらの物質を効率的に除去することが、高品質なDNAを得る上で重要です。微量なターゲットDNA: 加工度の高い食品では、DNAが断片化していたり、そもそも含まれるDNA量が少なかったりする場合があります。例えば、高度に精製された植物油や砂糖、あるいは食物アレルゲンや食中毒菌がごく微量に混入しているケースなどです。このような場合、微量なターゲットDNAを効率よく、かつロスなく抽出する技術が求められます。2.2 なぜ高品質なDNAが必要なのか？抽出されたDNAの質は、その後の遺伝子解析の結果を大きく左右します。純度: DNA溶液中にタンパク質、多糖類、フェノール類、PCR阻害物質などが多く含まれている（純度が低い）と、PCR反応がうまく進まなかったり、偽陰性（本当は陽性なのに陰性と判定される）の結果を招いたりする可能性があります。吸光度測定（A260/A280比、A260/A230比）は、純度の指標として広く用いられています。量: 検査に必要な感度を得るためには、十分な量のDNAが必要です。DNA量が少なすぎると、検出限界以下となり、偽陰性の原因となります。断片化の程度: 過度な物理的破砕や酵素分解によりDNAが細かく断片化されていると、特に長い領域を増幅する必要があるPCRなどでは、効率的な増幅が困難になる場合があります。したがって、分析においては、サンプルに含まれる阻害物質を効果的に除去し、十分な量と長さを持つ、純度の高いDNAを抽出することが、信頼性の高い検査結果を得るための鍵となります。2.3 食品検査におけるDNA抽出の目的食品検査でDNA抽出を行う主な目的は以下の通りです。品種識別: 牛肉、米、魚介類などの品種や産地をDNA情報に基づいて特定し、表示の真正性を確認する。食物アレルゲン: 食品表示法で表示が義務付けられている特定原材料（えび、かに、くるみ、小麦、そば、卵、乳、落花生）が意図せず混入していないかを確認する。※食物アレルギーの表示や特定原材料に「くるみ」追加について知りたい方は、こちらの記事もぜひご覧ください。👉【いよいよ4月1日施行！くるみアレルゲン表示義務化のポイント総まとめ】遺伝子組換え食品（GMO）検査: 遺伝子組換え作物が含まれているか、含まれている場合はその割合などを調べる。※遺伝子組み換え食品（GMO）に関する日本の制度や検査技術について知りたい方は、こちらの記事もぜひご覧ください。👉【遺伝子組み換え食品、何がどう違う？ 日本の制度と検査技術をやさしく解説】食中毒原因菌の検出: 食品や調理環境、患者検体から食中毒の原因となる細菌（サルモネラ、カンピロバクター、腸管出血性大腸菌O157など）やウイルス（ノロウイルスなど）のDNA（またはRNA）を検出し、原因究明や感染拡大防止に役立てる。異物混入検査: 食品に混入した毛髪、昆虫片などがヒト由来か、動物由来か、あるいは特定の植物種かを特定する。これらの目的を達成するためには、それぞれの検査対象や食品サンプルに適したDNA抽出法の選択が不可欠です。3. 食品サンプルからのDNA抽出：具体的な方法食品という多様なマトリックスから効率よく高品質なDNAを抽出するために、様々な方法が開発・利用されています。ここでは代表的な手法と、食品の種類に応じた選択の考え方、市販キットや自動化装置について解説します。3.1 主なDNA抽出方法の紹介フェノール・クロロホルム法: 古くから用いられている古典的な方法です。細胞溶解後、フェノールとクロロホルムの混合液を加えてタンパク質を変性させ、遠心分離によって水層（DNAを含む）と有機溶媒層（変性タンパク質などを含む）に分離します。水層からDNAをアルコール沈殿で回収します。高分子量のDNAが得られやすい反面、操作が煩雑で時間がかかり、毒性の高い有機溶媒を使用する点がデメリットです。また、多糖類などの除去が不十分な場合があります。スピンカラム法: 現在、最も広く利用されている方法の一つです。特定の条件下（高塩濃度、カオトロピック塩存在下など）でDNAがシリカゲル膜に特異的に吸着する性質を利用します。細胞溶解液をシリカゲル膜を充填したスピンカラムに通し、DNAを吸着させます。その後、洗浄液でタンパク質や塩類などの夾雑物を洗い流し、最後に低塩濃度の溶出液（水やTEバッファー）でDNAを溶出・回収します。操作が比較的簡便で時間も短く、有機溶媒を使用しないため安全性が高いのが特徴です。多くの市販キットがこの原理を採用しています。磁性ビーズ法: シリカゲルなどでコーティングされた磁性粒子（磁性ビーズ）にDNAを吸着させる方法です。細胞溶解液に磁性ビーズを加え、DNAを吸着させた後、磁石を用いてビーズを集め、上清（夾雑物を含む）を除去します。洗浄後、溶出液を加えてDNAをビーズから遊離させ、磁石でビーズを集めてDNA溶液を回収します。遠心分離操作が不要なため、自動化に適しており、ハイスループット処理が可能です。簡易抽出法: アルカリ熱抽出法、市販キット GenCheck DNA Extraction Reagent (ファスマック)を用いる方法など、特定の用途向けに操作を簡略化した方法もあります。抽出DNAの純度は他の方法に劣る場合がありますが、迅速性が求められる場合や、多数のサンプルをスクリーニングする際に有用です。ただし、PCR阻害などのリスクも考慮する必要があります。3.2 食品の種類に応じた抽出法の選択食品の種類や加工状態によって、最適なDNA抽出法は異なります。以下に例を挙げます。生鮮食品（肉、魚、野菜、果物）: 細胞が比較的壊れやすく、DNA量も多い傾向がありますが、DNase活性が高い場合もあります。カラム法や磁性ビーズ法が一般的に適しています。加工食品（加熱、乾燥、発酵食品）: 加熱や乾燥によりDNAが断片化している可能性が高いです。また、発酵食品では微生物由来のDNAが多く存在します。マトリクス成分によるPCR阻害も考慮が必要です。夾雑物の除去能力が高いカラム法や、必要に応じて前処理（例：タンパク質分解酵素処理）を加えることも有効です。微量なDNAをターゲットとする場合は、抽出効率の高い方法や、抽出後の精製ステップの追加を検討します。油脂や糖分の多い食品: チョコレート、バター、ジャムなどは、油脂や糖分がDNA抽出を物理的に妨げたり、PCR阻害物質となったりします。脱脂処理や、多糖類除去のための前処理、あるいはこれらの成分に特化した抽出キットの使用が推奨されます。液体サンプル（飲料など）: ジュース、牛乳、ワインなどの液体サンプルでは、DNA濃度が低くなる傾向があります。このため、サンプル量を増やしたり、遠心分離や凍結乾燥によって濃縮するなど、前処理が必要となる場合があります。抽出法としては、カラム法や磁性ビーズ法が有効です。抽出されたDNAの量が少ない場合には、高分子キャリアーを用いてDNAと共に沈殿させ、遠心処理によってさらに濃縮することが可能です。実際の経験として、混濁果汁からは比較的容易にDNAを抽出できましたが、透明度の高いクリアジュースからの抽出は困難でした。こうしたケースでは、簡易DNA抽出法を用い、工程中のDNAロスを最小限に抑えることを意識しつつ、高分子キャリアーを併用してDNAを共沈・遠心することで、最終的にPCR増幅が可能なDNA量を確保することができました。サンプルごとの最適なプロトコルは、予備実験や文献調査、キットメーカーの情報などを参考に決定することが重要です。3.3 市販DNA抽出キットの活用と比較現在、様々なメーカーから食品サンプル用に最適化されたDNA抽出キットが市販されています。これらのキットは、必要な試薬やカラム、プロトコルがセットになっており、安定した結果を得やすいという利点があります。キット選択のポイント:対象サンプル: 目的の食品（植物、動物、微生物、加工食品など）に対応しているか。抽出原理: カラム法、磁性ビーズ法など、実験環境やスループットに合わせて選択。抽出DNAの品質: 後続のアプリケーション（PCR、リアルタイムPCR、シークエンシングなど）に適した純度・収量が得られるか。操作の簡便性・時間: 実験の効率性を考慮。コスト: サンプル数や予算に応じて検討。阻害物質除去能力: 特に加工食品や特殊なマトリックスからの抽出では重要。主要メーカーと製品例: QIAGEN、タカラバイオ、ニッポンジーン、ファスマックなど、多くの企業がDNA抽出キットを提供しています。具体的な製品名は各社のウェブサイト等で確認できます。キットごとに特徴があるため、比較検討が必要です。3.4 自動DNA抽出装置の利用多数のサンプルを処理する場合や、人的エラーを減らして再現性を高めたい場合には、自動DNA抽出装置の導入が有効です。これらの装置は、磁性ビーズ法などを利用して、サンプルの溶解からDNAの溶出までを自動で行います。ハイスループット処理が可能となり、検査の効率化に大きく貢献します。ただし、初期導入コストや専用試薬が必要となる点を考慮する必要があります。4. DNA抽出を成功させるための注意点信頼性の高い遺伝子検査結果を得るためには、DNA抽出の各ステップで細心の注意を払う必要があります。4.1 コンタミネーション（汚染）の防止コンタミネーションとは、目的のDNA以外のDNAが混入することです。これが起こると、偽陽性（ターゲットが存在しないのに陽性と判定される）の原因となります。特に、微量のDNAを検出する場合や、PCRのようにDNAを増幅する操作を行う場合には、わずかなコンタミネーションも大きな影響を与えます。実験器具の滅菌・使い捨て器具の使用: ピペットチップ、チューブなどは、滅菌済みのものを使用し、可能な限り使い捨てにします。ガラス器具などは、オートクレーブ滅菌や乾熱滅菌を行います。実験環境の整備: DNA抽出操作は、クリーンベンチ内など、外部からのDNA混入を防げる環境で行うことが理想的です。試薬調製エリア、サンプル処理エリア、PCRセットアップエリア、電気泳動エリアなどを物理的に分け、人の動線や空気の流れにも注意します。ネガティブコントロールの設定: DNAが含まれないサンプル（例：水）を、実際のサンプルと同様に抽出操作から後続の検査まで行うことで、試薬や器具からのコンタミネーションがないかを確認します（抽出ネガティブコントロール）。4.2 DNA分解の抑制サンプル中や実験操作中にDNAが分解されると、収量が低下したり、断片化が進んだりして、正確な検査が困難になります。サンプルの適切な保管: サンプル採取後は、速やかに冷凍（-20℃以下、長期保存の場合は-80℃）するなど、DNaseの活性を抑える条件下で保管します。迅速な処理: サンプルの溶解からDNA抽出完了までの時間をできるだけ短縮します。DNA分解酵素阻害剤の使用: 必要に応じて、EDTAや市販のDNase阻害剤を溶解バッファーなどに添加します。4.3 抽出DNAの品質評価抽出したDNAが後続の遺伝子検査に適した品質（純度、量、断片化の程度）であるかを確認することは非常に重要です。吸光度測定: 分光光度計を用いて、DNAの最大吸収波長である260 nmと、タンパク質やフェノール類の吸収が見られる280 nm、および多糖類などの吸収が見られる230 nmの吸光度を測定します。A260/A280比: 高純度な比は1.8以上となります。この値が低い場合はタンパク質による汚染が、高い場合はRNAによる汚染が考えられます。A260/A230比: 高純度な比は2.0以上となります。この値が低い場合は、多糖類、フェノール類、カオトロピック塩などによる汚染が考えられます。これらの値は、DNAの純度の目安となります。電気泳動による確認: アガロースゲル電気泳動を行い、DNAが目的のサイズで明確なバンドとして検出されるか、分解（スメア状になる）やRNAの混入がないかなどを視覚的に確認します。高分子量のDNAが抽出できているかの指標にもなります。PCRによる増幅確認: 実際にハウスキーピング遺伝子など、確実に存在するはずの遺伝子をターゲットとしてPCRを行い、期待通りに増幅されるかを確認します。これにより、PCR阻害物質の有無を間接的に評価できます。4.4 PCR阻害物質への対策食品サンプル由来のPCR阻害物質は、偽陰性の主な原因の一つです。適切な抽出法の選択: 阻害物質の除去能力が高い抽出キットや方法を選択します。抽出DNAの希釈: 抽出したDNA溶液を希釈することで、阻害物質の濃度を相対的に下げ、PCR反応への影響を軽減できる場合があります。ただし、ターゲットDNAの濃度も下がるため、検出感度とのバランスを考慮する必要があります。PCR反応系の最適化: 耐塩性の高いDNAポリメラーゼを使用したり、MgCl2濃度やアニーリング温度などの反応条件を調整したりすることで、阻害の影響を低減できる場合があります。。内部コントロールの使用: PCR反応系にあらかじめ既知量の非ターゲットDNA（内部コントロールDNA）とそのプライマーを添加し、その増幅の有無を確認することで、PCR阻害が起きていないかをモニターします。5. DNA抽出技術の今後の展望食品検査におけるDNA抽出技術は、今後も進化していくと考えられます。5.1 より迅速・簡便な抽出技術の開発現場での迅速な判断が求められるケース（例：食中毒発生時、工場ラインでの品質チェック）に対応するため、特別な機器や熟練した技術を必要とせず、短時間でDNAを抽出できる技術の開発が進んでいます。簡易キットや、抽出から検出までを一体化したデバイスなどが期待されます。5.2 微量サンプルからの高効率抽出加工度の高い食品中の微量なDNAや、異物混入、食物アレルゲンのコンタミネーションなど、ターゲットDNAが極めて少ないサンプルから、より効率的に、かつロスなくDNAを回収する技術の向上が求められています。5.3 オンサイト検査への応用抽出操作も含め、検査施設（ラボ）にサンプルを持ち帰らずに、生産現場や流通現場、店舗などで検査（オンサイト検査）を完結できる技術の開発が進められています。これにより、リードタイムの短縮や、よりきめ細やかな品質管理が可能になります。5.4 メタゲノム解析への応用食品中の微生物叢（マイクロバイオーム）を網羅的に解析するメタゲノム解析は、発酵食品の品質管理、腐敗や汚染の評価、食品の機能性研究などへの応用が期待されています。多様な微生物から偏りなくDNAを抽出する技術（ビーズ破砕での前処理など）が、メタゲノム解析の基盤となります。6. まとめ本記事では、食品の品質検査におけるDNA抽出の重要性、基本的な原理、具体的な方法、注意点、そして応用例について解説しました。DNA抽出は、遺伝子検査の精度と信頼性を左右する最初の重要なステップです。食品という多様で複雑なマトリックスから、高品質なDNAを効率よく抽出するためには、サンプルの特性を理解し、適切な方法を選択することが不可欠です。品種識別、食物アレルギー検査、食中毒原因菌特定など、DNA抽出技術は食の安全・安心を守るために欠かせない基盤技術となっています。コンタミネーション防止や品質評価といった注意点を遵守し、常に最新の技術動向にも目を向けることで、より高度で信頼性の高い食品検査を実現することができます。この記事が、日々の研究や品質管理業務に携わる皆様のDNA抽出技術への理解を深め、実践に役立つ一助となれば幸いです。◆ PR記事執筆・講習会・販売支援のご依頼はこちらから ◆「こんなテーマで記事を読んでみたい」「1時間程度の社内・社外向け講習会を開催してほしい」「製品やサービスのPR記事を執筆してほしい」「製品のリンクを掲載してほしい」「自社製品・サービスの販売を取り扱ってほしい」などのご要望・ご相談がございましたら、お気軽に質問フォームよりご連絡ください。皆さまの声をもとに、より実用的な情報発信を目指してまいります。