@charset "UTF-8";.main_contents{width:100%;margin:0 0 60px}@media screen and (min-width:480px){.main_contents{margin:0 0 50px}}.main_contents section{width:100%}.main_contents section .date{font-size:16px;color:#09258d}.main_contents section .ttl{font-size:24px;font-weight:700}.main_contents section .thumbnail{margin:10px 0}.main_contents section p{font-size:16px}.main_contents section .pagination{display:flex;justify-content:center;gap:20px;font-size:16px;color:#333;margin-top:100px}.main_contents section .pagination a{font-size:16px;color:#09258d}@media screen and (min-width:880px){.main_contents section .pagination a:hover{opacity:.7;transition:all .3s}}.blog_img{margin:0 0 16px;display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (min-width:480px){.blog_img{flex-direction:row}}.blog_img img{width:100%}.blog_txt{font-size:16px;width:100%;margin:0 0 16px}.blog_txt .wrap{display:flex;gap:10px}.blog_txt .wrap p{width:240px}@media screen and (min-width:480px){.blog_txt .wrap p{width:450px}}.blog_txt .wrap img{width:100px;height:100px}ul.blog_content li{margin:0 0 16px;display:flex;flex-direction:column}@media screen and (min-width:480px){ul.blog_content li{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.blog_url a{display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;background-color:#ee6352;font-weight:700;width:100%;height:70px;max-width:500px;margin:0 auto}@media screen and (min-width:480px){.blog_url a{height:75px}}@media screen and (min-width:880px){.blog_url a:hover{opacity:.7}}.blog_list ul{width:100%}.blog_list ul li{font-size:16px;padding:20px 15px;border-bottom:1px solid #e0e0e0}.blog_list ul li:first-of-type{border-top:1px solid #e0e0e0}.blog_list ul li a{display:flex;flex-direction:column}@media screen and (min-width:480px){.blog_list ul li a{flex-direction:row;transition:all .3s}.blog_list ul li a:hover{opacity:.7;transition:all .3s}}.blog_list ul li a .date{color:#09258d}.blog_list ul li a .ttl{font-size:14px;font-weight:400}@media screen and (min-width:480px){.blog_list ul li a .ttl{font-size:16px}}.blog_list ul li a span{display:none}@media screen and (min-width:480px){.blog_list ul li a span{display:block}}