導入事例%3Cdiv%20class%3D%22flex-wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22flex-item%20text%22%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%202018%E5%B9%B4%E3%81%AE%E5%A4%8F%E4%BC%91%E3%81%BF%E3%80%81%E3%80%8E%E9%80%9A%E5%A4%A9%E9%96%A3%E3%81%A7%E3%81%8A%E5%A4%A9%E6%B0%97%E5%8D%9A%E5%A3%AB%E3%81%AB%E3%81%AA%E3%82%8D%E3%81%86%EF%BC%81%E3%80%8F%E3%81%A8%E3%81%84%E3%81%86%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%8C%E5%A4%A7%E9%98%AA%E3%81%AE%E9%80%9A%E5%A4%A9%E9%96%A3%E3%81%AB%E3%81%A6%E9%96%8B%E5%82%AC%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%E3%81%93%E3%81%AE%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AF%E3%80%81%E4%B8%80%E8%88%AC%E7%A4%BE%E5%9B%A3%E6%B3%95%E4%BA%BA%E5%A4%A7%E9%98%AA%E5%B8%82%E7%94%B7%E5%A5%B3%E5%85%B1%E5%90%8C%E5%8F%82%E7%94%BB%E3%81%AE%E3%81%BE%E3%81%A1%E5%89%B5%E7%94%9F%E5%8D%94%E4%BC%9A%EF%BC%88%E9%80%9A%E7%A7%B0%EF%BC%9A%E5%A4%A7%E9%98%AA%E5%B8%82%E7%94%B7%E5%A5%B3%E3%81%84%E3%81%8D%E3%81%84%E3%81%8D%E8%B2%A1%E5%9B%A3%EF%BC%89%E3%81%8C%E5%B0%8F%E5%AD%A6%E6%A0%A1%E9%AB%98%E5%AD%A6%E5%B9%B4%E3%81%A8%E3%81%9D%E3%81%AE%E4%BF%9D%E8%AD%B7%E8%80%85%E3%81%AB%E5%90%91%E3%81%91%E3%81%A6%E9%96%8B%E5%82%AC%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%A4%E3%83%99%E3%83%B3%E3%83%88%E3%81%AF%E3%80%81%E3%81%8A%E5%A4%A9%E6%B0%97%E3%81%AE%E3%83%97%E3%83%AD%E3%81%A7%E3%81%82%E3%82%8B%E6%B0%97%E8%B1%A1%E4%BA%88%E5%A0%B1%E5%A3%AB%E3%81%8C%E8%AA%AC%E6%98%8E%E3%81%97%E3%81%A6%E3%81%8F%E3%82%8C%E3%82%8B%E5%BA%A7%E5%AD%A6%E3%83%91%E3%83%BC%E3%83%88%E3%81%A8%E3%80%81%E5%AE%9F%E9%9A%9B%E3%81%AB%E3%80%8E%E3%81%8F%E3%82%82%E3%82%8D%E3%81%90%E3%80%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E9%9B%B2%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%82%92%E8%A6%8B%E5%88%86%E3%81%91%E3%82%8B%E4%BD%93%E9%A8%93%E3%83%91%E3%83%BC%E3%83%88%E3%81%A7%E6%A7%8B%E6%88%90%E3%81%95%E3%82%8C%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22flex-item%20image%22%3E%0A%20%20%20%20%20%20%20%20%3Cfigure%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2F8dO874xgWn%2Fs-445x253_webp_e8de8b7e-d173-4d45-97e9-d833265cefaa.png%22%20alt%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffigure%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A%2F*%20%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%83%BB%E5%85%A8%E4%BD%93%E8%A8%AD%E5%AE%9A%20*%2F%0A.flex-wrapper%20%7B%0A%20%20%20%20font-family%3A%20%22Helvetica%20Neue%22%2C%20Arial%2C%20%22Hiragino%20Kaku%20Gothic%20ProN%22%2C%20%22Hiragino%20Sans%22%2C%20Meiryo%2C%20sans-serif%3B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20align-items%3A%20flex-start%3B%0A%20%20%20%20gap%3A%2040px%3B%20%2F*%20PC%E6%99%82%E3%81%AE%E8%A6%81%E7%B4%A0%E9%96%93%E3%81%AE%E4%BD%99%E7%99%BD%20*%2F%0A%20%20%20%20max-width%3A%201000px%3B%20%2F*%20%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%AE%E6%9C%80%E5%A4%A7%E5%B9%85%EF%BC%88%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E8%AA%BF%E6%95%B4%E5%8F%AF%EF%BC%89%20*%2F%0A%20%20%20%20margin%3A%200%20auto%3B%0A%7D%0A%0A.flex-wrapper%20.flex-item.text%20%7B%0A%20%20%20%20width%3A%2050%25%3B%20%0A%7D%0A%0A.flex-wrapper%20.flex-item.image%20%7B%0A%20%20%20%20width%3A%2050%25%3B%20%0A%7D%0A%0A.flex-wrapper%20img%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20auto%3B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20border-radius%3A%204px%3B%20%0A%7D%0A%0A%2F*%20%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0%20*%2F%0A.flex-wrapper%20.flex-item%20p%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20line-height%3A%201.8%3B%20%0A%20%20%20%20letter-spacing%3A%200.02em%3B%0A%20%20%20%20text-align%3A%20justify%3B%0A%7D%0A%0A.flex-wrapper%20.flex-item%20figure%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E3%82%B9%E3%83%9E%E3%83%9B%E5%AF%BE%E5%BF%9C%EF%BC%88767px%E4%BB%A5%E4%B8%8B%EF%BC%89%20*%2F%0A%40media%20(max-width%3A%20767px)%20%7B%0A%20%20%20%20.flex-wrapper%20%7B%0A%20%20%20%20%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20%20%20%20%20gap%3A%2024px%3B%0A%20%20%20%20%20%20%20%20padding%3A%200px%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0A%20%20%20%20.flex-wrapper%20.flex-item.text%2C%0A%20%20%20%20.flex-wrapper%20.flex-item.image%20%7B%0A%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cdiv%20class%3D%22flex-wrapper%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22flex-item%20image%22%3E%0A%20%20%20%20%20%20%20%20%3Cfigure%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cimg%20src%3D%22https%3A%2F%2Fstorage.googleapis.com%2Fstudio-design-asset-files%2Fprojects%2F8dO874xgWn%2Fs-559x318_webp_22077f24-08f0-4f23-813f-42742ec05914.png%22%20alt%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3C%2Ffigure%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22flex-item%20text%22%3E%0A%20%20%20%20%20%20%20%20%3Cp%3E%0A%20%20%20%20%20%20%20%20%20%20%20%E5%BA%A7%E5%AD%A6%E3%83%91%E3%83%BC%E3%83%88%E3%81%A7%E3%81%AF%E8%BA%AB%E8%BF%91%E3%81%AA%E8%87%AA%E7%84%B6%E3%81%A7%E3%81%82%E3%82%8B%E3%80%8C%E6%B0%97%E8%B1%A1%E3%83%BB%E9%9B%B2%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%80%8D%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E8%B1%86%E7%9F%A5%E8%AD%98%E3%82%84%E8%A6%B3%E5%AF%9F%E3%81%99%E3%82%8B%E9%9D%A2%E7%99%BD%E3%81%95%E3%82%92%E5%AD%A6%E3%81%B3%E3%81%BE%E3%81%97%E3%81%9F%E3%80%82%E9%9B%B2%E3%81%AF%E4%BD%95%E3%81%A7%E5%87%BA%E6%9D%A5%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%8B%E3%80%81%E9%9B%B2%E3%81%AF%E4%BD%95%E7%A8%AE%E9%A1%9E%E3%81%82%E3%82%8B%E3%81%AE%E3%81%8B%E3%81%AA%E3%81%A9%E3%81%AA%E3%81%A9%E3%80%81%E7%B4%A0%E6%9C%B4%E3%81%AA%E7%96%91%E5%95%8F%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA%E3%81%8B%E3%82%89%E5%85%A5%E3%82%8A%E3%80%81%E5%A4%8F%E3%82%92%E4%BB%A3%E8%A1%A8%E3%81%99%E3%82%8B%E9%9B%B2%E3%81%A7%E3%81%82%E3%82%8B%E7%A9%8D%E4%B9%B1%E9%9B%B2%E3%81%AE%E8%A6%8B%E3%81%A4%E3%81%91%E6%96%B9%E3%80%81%E7%A9%8D%E4%B9%B1%E9%9B%B2%E3%81%8C%E8%BF%91%E3%81%A5%E3%81%84%E3%81%A6%E3%81%8D%E3%81%9F%E5%BE%8C%E3%81%AB%E3%82%84%E3%81%A3%E3%81%A6%E3%81%8F%E3%82%8B%E5%BC%B7%E3%81%84%E9%9B%A8%E3%82%84%E9%9B%B7%E3%81%AE%E8%BF%91%E3%81%A5%E3%81%8F%E9%80%9F%E5%BA%A6%E3%81%AA%E3%81%A9%E3%82%92%E5%AD%A6%E3%81%B3%E3%80%81%E9%9B%B7%E3%81%8B%E3%82%89%E6%97%A9%E3%82%81%E3%81%AB%E9%81%BF%E9%9B%A3%E3%81%99%E3%82%8B%E5%A4%A7%E5%88%87%E3%81%95%E3%82%82%E5%AD%A6%E3%81%B3%E3%81%BE%E3%81%97%E3%81%9F%0A%20%20%20%20%20%20%20%20%3C%2Fp%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A%0A%3Cstyle%3E%0A%2F*%20%E5%9F%BA%E6%9C%AC%E8%A8%AD%E5%AE%9A%20*%2F%0A.flex-wrapper%20%7B%0A%20%20%20%20font-family%3A%20%22Helvetica%20Neue%22%2C%20Arial%2C%20%22Hiragino%20Kaku%20Gothic%20ProN%22%2C%20%22Hiragino%20Sans%22%2C%20Meiryo%2C%20sans-serif%3B%0A%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20justify-content%3A%20space-between%3B%0A%20%20%20%20align-items%3A%20flex-start%3B%0A%20%20%20%20gap%3A%2040px%3B%0A%20%20%20%20max-width%3A%201000px%3B%0A%20%20%20%20margin%3A%200%20auto%3B%0A%7D%0A%0A%0A.flex-wrapper%20.flex-item.image%20%7B%0A%20%20%20%20width%3A%2050%25%3B%0A%7D%0A%0A.flex-wrapper%20.flex-item.text%20%7B%0A%20%20%20%20width%3A%2050%25%3B%0A%7D%0A%0A%2F*%20%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%B3%E3%82%B0%20*%2F%0A.flex-wrapper%20img%20%7B%0A%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20height%3A%20auto%3B%0A%20%20%20%20display%3A%20block%3B%0A%20%20%20%20border-radius%3A%204px%3B%0A%7D%0A%0A.flex-wrapper%20.flex-item%20p%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20line-height%3A%201.8%3B%0A%20%20%20%20letter-spacing%3A%200.02em%3B%0A%20%20%20%20text-align%3A%20justify%3B%0A%7D%0A%0A.flex-wrapper%20.flex-item%20figure%20%7B%0A%20%20%20%20margin%3A%200%3B%0A%7D%0A%0A%2F*%20%E3%82%B9%E3%83%9E%E3%83%9B%E5%AF%BE%E5%BF%9C%EF%BC%88767px%E4%BB%A5%E4%B8%8B%EF%BC%89%20*%2F%0A%40media%20(max-width%3A%20767px)%20%7B%0A%20%20%20%20.flex-wrapper%20%7B%0A%20%20%20%20%20%20%20%20flex-direction%3A%20column%3B%20%0A%20%20%20%20%20%20%20%20gap%3A%2024px%3B%0A%20%20%20%20%20%20%20%20padding%3A%200px%3B%0A%20%20%20%20%7D%0A%20%20%20%20%0A%20%20%20%20.flex-wrapper%20.flex-item.image%2C%0A%20%20%20%20.flex-wrapper%20.flex-item.text%20%7B%0A%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%7D%0A%7D%0A%3C%2Fstyle%3E体験パートでは、実際に雲の様子を見に最上階の特別展望台へ移動し、特別展望台は360度が見渡せる形の通路ですので、ぐるぐる回って雲を探していました。よい雲が見つかると、スマートフォンやタブレットにダウンロードしておいた『くもろぐ』の人工知能のKMOMY（くもみ）に「この雲なあに」ときいて、判別結果が自分の予想と合っていたかなどを確認しながら保護者と楽しそうに学習していました。そして、空模様が西の方角から変化する様子を実際に観察していました。