@charset "UTF-8";
.blog__side > section { margin-bottom: 30px; }
.blog__side > section:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__side > section { margin-bottom: 40px; } }
.blog__side > section ul li { margin-bottom: 5px; position: relative; padding-left: 18px; }
.blog__side > section ul li::before { position: absolute; top: 10px; left: 0; margin: auto; content: ""; vertical-align: middle; left: 0; width: 6px; height: 6px; border-top: 2px solid #999; border-right: 2px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.blog__side > section ul li:last-child { margin-bottom: 0; }
.blog__side > section select, .blog__side > section input[type="text"] { box-sizing: border-box; border: 1px solid #808080; width: 100%; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", sans-serif; font-size: 108%; padding: 5px; height: 45px; }
.blog__side_header { font-weight: 500; font-size: 108%; margin: 0 0 15px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; }
@media (min-width: 669px) { .blog__side_header { margin-bottom: 25px; } }
.blog__side_button { border: 0; width: 100%; font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", sans-serif; background-color: #003a53; color: #fff; height: 45px; margin-top: 10px; }
.blog__side_button:hover { cursor: pointer; }
@media (min-width: 669px) { .blog__side { width: 22.7272727%; } }
.blog__items, .blog__detail { margin-bottom: 40px; }
@media (min-width: 669px) { .blog__items, .blog__detail { margin-bottom: 0; width: calc(100% - 22.7272727% - 60px); } }
.blog__items_categoryName, .blog__detail_categoryName { background-color: #d9e1e5; font-weight: 500; font-size: 116%; padding: 15px; margin: 0 0 40px; line-height: 1.5; }
@media (min-width: 669px) { .blog__items_categoryName, .blog__detail_categoryName { font-size: 131%; padding: 20px 25px; margin-bottom: 50px; } }
.blog__items_pager, .blog__detail_pager { margin-top: 30px; overflow: hidden; position: relative; }
.blog__items_pager .next, .blog__detail_pager .next { float: right; }
.blog__items_pager .next span, .blog__detail_pager .next span { margin-left: 10px; right: 0; }
@media (min-width: 669px) { .blog__items_pager .next a:hover span, .blog__detail_pager .next a:hover span { right: -10px; } }
.blog__items_pager .prev, .blog__detail_pager .prev { float: left; }
.blog__items_pager .prev span, .blog__detail_pager .prev span { margin-right: 10px; left: 0; }
@media (min-width: 669px) { .blog__items_pager .prev a:hover span, .blog__detail_pager .prev a:hover span { left: -10px; } }
.blog__items_pager li, .blog__detail_pager li { border-bottom: 1px solid #999; width: 25%; }
.blog__items_pager li a, .blog__detail_pager li a { display: block; text-align: center; padding: 0 10px 10px; color: #1a1a1a; position: relative; }
@media (min-width: 669px) { .blog__items_pager li a, .blog__detail_pager li a { text-decoration: none; } }
.blog__items_pager li span, .blog__detail_pager li span { width: 18px; display: inline-block; position: relative; }
.blog__items_pager li svg, .blog__detail_pager li svg { fill: #808080; }
@media (min-width: 669px) { .blog__items_pager li, .blog__detail_pager li { width: 90px; } }
.blog__items_pager li.back, .blog__detail_pager li.back { width: calc(100% - 50% - 40px); position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.blog__items_pager li.back span, .blog__detail_pager li.back span { width: 12px; margin-right: 10px; }
@media (min-width: 669px) { .blog__items_pager li.back, .blog__detail_pager li.back { width: 110px; } }
@media (min-width: 669px) { .blog__items_pager, .blog__detail_pager { margin-top: 70px; } }
.blog__item, .blog__detail { margin-bottom: 40px; }
.blog__item:last-child, .blog__detail:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__item, .blog__detail { margin-bottom: 60px; } }
.blog__item_title, .blog__detail_title { border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 0 0 25px; font-weight: 500; line-height: 1.5; font-size: 116%; padding: 15px 0; position: relative; }
.blog__item_title::after, .blog__detail_title::after { content: ''; background-color: #003a53; height: 3px; width: 31.6455696%; position: absolute; left: 0; bottom: -2px; }
@media (min-width: 669px) { .blog__item_title, .blog__detail_title { padding: 27px 0; margin-bottom: 30px; font-size: 131%; } }
.blog__item_title a, .blog__detail_title a { color: #1a1a1a; }
.blog__item .txt p, .blog__detail .txt p { margin: 0 0 1em; }
.blog__item .txt p:last-child, .blog__detail .txt p:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__item .txt, .blog__detail .txt { width: calc(100% - 27.8481012% - 30px); } }
.blog__item .img, .blog__detail .img { text-align: center; margin-top: 20px; }
.blog__item .img img, .blog__detail .img img { width: 100%; }
@media (min-width: 669px) { .blog__item .img, .blog__detail .img { margin-top: 0; width: 27.8481012%; } }
.blog__detail_body { margin-top: 20px; border-bottom: 1px solid #999; padding-bottom: 40px; }
@media (min-width: 669px) { .blog__detail_body { margin-top: 30px; padding-bottom: 100px; } }
.blog__detail_body p { margin: 0 0 1.5em; }
.blog__detail_body p:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__detail_body p { margin-bottom: 2em; } }
.blog__detail_body ul, .blog__detail_body ol { margin: 0 0 1.5em 1.5em; padding-left: 0; }
.blog__detail_body ul li, .blog__detail_body ol li { margin-bottom: 5px; }
.blog__detail_body ul li:last-child, .blog__detail_body ol li:last-child { margin-bottom: 0; }
.blog__detail_body ul:last-child, .blog__detail_body ol:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__detail_body ul, .blog__detail_body ol { margin-bottom: 2em; } }
.blog__detail_body hr { border: 0; border-bottom: 1px solid #b2b2b2; margin: 1.5em 0; }
.blog__detail_body hr:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__detail_body hr { margin: 2em 0; } }
.blog__detail_body table { width: 100%; border-collapse: collapse; border: 1px solid #999; margin: 0 0 1.5em; }
.blog__detail_body table th, .blog__detail_body table td { border-collapse: collapse; border: 1px solid #999; line-height: 1.5; padding: 10px; font-weight: normal; }
.blog__detail_body table th { background-color: #e5e5e5; }
.blog__detail_body table:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__detail_body table { width: auto; }
  .blog__detail_body table th, .blog__detail_body table td { padding: 12px 15px; } }
@media (min-width: 669px) { .blog__detail_body table { margin-bottom: 2em; } }
.blog__detail_body blockquote { padding: 20px; background-color: #e5e5e5; margin: 0 0 1.5em; }
.blog__detail_body blockquote:last-child { margin-bottom: 0; }
@media (min-width: 669px) { .blog__detail_body blockquote { margin-bottom: 2em; } }
@media (min-width: 669px) { .blog__detail { margin-bottom: 0; } }

.no-webp .pagetitleBox { background: url("../images/blog/pagetitle_bg.jpg") no-repeat center center; background-size: cover; }
.webp .pagetitleBox { background: url("../images/blog/pagetitle_bg.webp") no-repeat center center; background-size: cover; }