.breadcrumb { min-height: 2em; }

#main_visual.proposal-examples_main { overflow: visible; display: flex; align-items: center; gap: 40px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main { padding: 0 10px 0 6%; gap: 0; } }
#main_visual.proposal-examples_main::after { content: ""; background: url(../img/people01.png) no-repeat; background-size: contain; display: inline-block; height: 335px; width: 130px; position: relative; bottom: -40px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main::after { bottom: -20px; height: 240px; width: 90px; } }
#main_visual.proposal-examples_main .boxL { position: relative; width: inherit; display: flex; flex-direction: column; justify-content: center; align-content: center; padding: 20px 0 40px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main .boxL { flex: 1; } }
#main_visual.proposal-examples_main .catch_txt { margin-top: 0; font-size: 42px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main .catch_txt { text-align: left; font-size: clamp(18px, 4.3vw, 43px); }
  #main_visual.proposal-examples_main .catch_txt br { display: none; } }

.point_list li { position: relative; padding-left: 15px; }
.point_list li:before { content: ""; display: block; width: 5px; aspect-ratio: 1 / 1; border: 0.3em solid #01486e; border-radius: 50%; position: absolute; top: .5em; left: 0; }
.point_list li + li { margin-top: .5em; }

#contents { padding: 5% 3%; }

.blc_ttl { font-size: 32px; margin-bottom: 1em; }
@media screen and (max-width: 767px) { .blc_ttl { font-size: 24px; } }

.cat_list { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-bottom: 70px; }
@media screen and (max-width: 767px) { .cat_list { margin-bottom: 40px; gap: 10px; font-size: 14px; } }
.cat_list:after { content: ''; display: block; width: 50%; }
.cat_list li { flex-grow: 1; text-align: center; min-width: 6em; }
.cat_list li.current-cat a { pointer-events: none; background: #01486e; color: #fff; border: solid 1px #01486e; }
.cat_list li a { height: 100%; display: block; padding: 10px 20px; border-radius: 60px; border: solid 1px #aaa; text-decoration: none; background: #fff; }
.cat_list li a:hover { background: rgba(1, 72, 110, 0.1); }
@media screen and (max-width: 767px) { .cat_list li a { padding: 10px; } }

.catch_txt { font-size: 24px; font-weight: 700; margin-bottom: 30px; }
@media screen and (max-width: 767px) { .catch_txt { font-size: 20px; } }

.post_list { display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 70px; }
@media screen and (max-width: 767px) { .post_list { margin-bottom: 40px; } }
.post_list .post_item { padding: 25px; border-radius: 10px; border: solid 1px #aaa; width: calc(( 100% - 30px) / 2); overflow: hidden; }
@media screen and (max-width: 767px) { .post_list .post_item { width: 100%; padding: 20px; } }
.post_list .post_item .post_ttl { color: #01486e; font-size: 20px; font-weight: 700; text-decoration: none; }
.post_list .post_item .post_ttl:hover { text-decoration: underline; }
.post_list .post_item .point { margin-top: 15px; }
.post_list .post_item .point dt { font-weight: 700; margin-bottom: 10px; line-height: 1; }
.post_list .post_item .read_more { float: right; display: flex; align-items: center; margin-top: 15px; width: fit-content; text-decoration: none; border-radius: 60px; padding: 10px 15px; background: #01486e; color: #fff; font-size: 14px; line-height: 1; gap: 10px; }
.post_list .post_item .read_more:after { content: ''; display: inline-block; width: 10px; height: 10px; background: url("../img/ico_allow.svg") no-repeat center/contain; }
.post_list .post_item .read_more:hover { filter: brightness(125%); }

.pagination { list-style-type: none; padding-left: 0; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
.pagination a { display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; font-weight: 300; padding-top: 1px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; min-width: 36px; min-height: 36px; color: #555; justify-content: center; position: relative; }
.pagination li:not([class*="current"]) a:hover { background-color: #eee; }
.pagination li:first-of-type a { border-left-width: 1px; }
.pagination li.first span, .pagination li.last span, .pagination li.previous span, .pagination li.next span { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }
.pagination li.first a::before, .pagination li.first a::after, .pagination li.last a::before, .pagination li.last a::after, .pagination li.previous a::before, .pagination li.next a::after { content: ""; position: absolute; top: 40%; width: 8px; height: 8px; vertical-align: middle; transform: translate(0, 0); transform: rotate(45deg); border-color: #000; border-style: solid; border-width: 0px; }
.pagination li.first a::before { border-bottom-width: 1px; border-left-width: 1px; left: 10px; }
.pagination li.first a::after { border-bottom-width: 1px; border-left-width: 1px; left: 15px; }
.pagination li.last a::before { border-top-width: 1px; border-right-width: 1px; right: 10px; }
.pagination li.last a::after { border-top-width: 1px; border-right-width: 1px; right: 15px; }
.pagination li.previous a::before { border-bottom-width: 1px; border-left-width: 1px; left: 15px; }
.pagination li.next a::after { border-top-width: 1px; border-right-width: 1px; right: 15px; }
.pagination li.current a { /*background-color: #ddd;*/ cursor: default; pointer-events: none; color: #FFF; }
.pagination .current { padding: 0px; }
.pagination .current a { border: solid 1px #01486e; background: #01486e; }

@media only screen and (max-width: 600px) { .pagination li { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }
  .pagination li.current, .pagination li.first, .pagination li.last, .pagination li.previous, .pagination li.next { position: initial; top: initial; left: initial; }
  .pagination li.previous a { border-left-width: 0; } }
@media only screen and (max-width: 350px) { .pagination li.first, .pagination li.last { position: absolute; top: -9999px; left: -9999px; }
  .pagination li.previous a { border-left-width: 1px; } }
@media only screen and (max-width: 240px) { .pagination li { width: 50%; }
  .pagination li.current { order: 2; width: 100%; border-left-width: 1px; } }
#main_visual.proposal-examples_main .post_ttl { font-size: 42px; margin-bottom: 20px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main .post_ttl { font-size: clamp(24px, 4.1vw, 42px); } }
#main_visual.proposal-examples_main .point dt { font-weight: 700; font-size: 20px; margin-bottom: 10px; }
@media screen and (max-width: 767px) { #main_visual.proposal-examples_main .point dt { font-size: 18px; } }

#TOC ol li { font-size: 16px; margin-bottom: 1em; }
#TOC ol li:last-child { margin-bottom: 0; }
#TOC .toc_sub { margin-top: 15px; list-style-position: outside; }
#TOC .toc_sub li { margin-bottom: 10px; list-style: disc; }
#TOC .toc_sub li a { display: inline; }

.post_contents { padding: 0 3%; overflow: hidden; }
.post_contents .blc_ttl { font-size: 2.8rem; margin-bottom: .5em; }
@media screen and (max-width: 767px) { .post_contents .blc_ttl { font-size: 2.4rem; } }

.blc .blc_head { background: #01486e; color: #fff; display: flex; align-items: center; margin-inline: -3.2%; }
@media screen and (max-width: 767px) { .blc .blc_head { flex-wrap: wrap; } }
.blc .blc_head .box { padding: 20px 3vw; flex: 1; }
@media screen and (max-width: 767px) { .blc .blc_head .box { padding: 5% 3vw; } }
.blc .blc_head .img { width: 100%; position: relative; }
@media screen and (min-width: 768px) { .blc .blc_head .img { order: 1; width: 30%; } }
.blc .blc_head .img img { width: 100%; height: 100%; object-fit: cover; }
.blc .blc_body { padding-top: 5%; margin-bottom: 5%; }
.blc .blc_body .ttl { font-size: 24px; color: #01486e; margin-bottom: 15px; }
@media screen and (max-width: 767px) { .blc .blc_body .ttl { font-size: 22px; } }
.blc .blc_body .main_points { margin-top: 30px; padding: 25px 20px; background: #e3ecf1; }
.blc .blc_body .main_points dt { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; }
.blc .blc_body .main_points .point_ttl { display: block; margin-bottom: 5px; }
.blc .blc_body .point_list { margin-block: -15px; }
.blc .blc_body .point_list li { padding-block: 15px; }
.blc .blc_body .point_list li:not(:last-child) { border-bottom: dashed 1px #aaa; }
.blc .blc_body .point_list li:before { top: calc(.5em + 15px); }

.blc_free { padding-top: 5%; margin-top: -5%; margin-bottom: 5%; }
.blc_free .blc_ttl { color: #01486e; }

.qa_list dt, .qa_list dd { padding-left: 60px; }
@media screen and (max-width: 767px) { .qa_list dt, .qa_list dd { padding-left: 40px; } }
.qa_list dt { font-weight: 700; font-size: 20px; position: relative; min-height: 2em; display: flex; align-items: center; width: 100%; margin-bottom: 10px; }
@media screen and (max-width: 767px) { .qa_list dt { font-size: 18px; } }
.qa_list dt:before { content: 'Q'; font-family: "Lato","Noto Sans JP", sans-serif; font-weight: 700; width: 2em; aspect-ratio: 1 / 1; background: #01486e; color: #fff; border-radius: 50%; display: grid; place-items: center; position: absolute; left: 0; top: 0; }
@media screen and (max-width: 767px) { .qa_list dt:before { font-size: 16px; } }
.qa_list dd:not(:last-child) { border-bottom: dashed 1px #aaa; padding-bottom: 15px; margin-bottom: 15px; }

.related_pages { margin-block: 5%; }
@media screen and (max-width: 767px) { .related_pages { margin-bottom: 40px; } }
.related_pages .ttl { font-size: 2.4rem; margin-bottom: 30px; }
@media screen and (max-width: 767px) { .related_pages .ttl { font-size: 22px; margin-bottom: 20px; } }
.related_pages .link_item { padding: 30px 90px 30px 30px; background: #01486e; color: #fff; border-radius: 10px; position: relative; min-height: 155px; }
@media screen and (max-width: 767px) { .related_pages .link_item { padding-right: 80px; } }
.related_pages .link_item:not(:last-child) { margin-bottom: 25px; }
.related_pages .link_item::after { content: ""; background: url(../img/people01.png) no-repeat; background-size: contain; display: inline-block; width: 70px; aspect-ratio: 1 / 2.6; position: absolute; right: 5px; bottom: -5px; }
@media screen and (max-width: 767px) { .related_pages .link_item::after { width: 60px; } }
.related_pages .link_item dt { font-size: 2.4rem; font-weight: 700; margin-bottom: 10px; overflow: hidden; }
@media screen and (max-width: 767px) { .related_pages .link_item dt { font-size: 2rem; } }
.related_pages .link_item .read_more { font-size: 1.4rem; text-decoration: none; padding: 5px 15px; border-radius: 60px; background: #fff; line-height: 1; display: inline-flex; align-items: center; gap: 5px; float: right; margin-block: 5px; }
@media screen and (max-width: 767px) { .related_pages .link_item .read_more { font-size: 1.2rem; } }
.related_pages .link_item .read_more:after { content: ''; display: inline-block; width: 10px; height: 10px; background: url("../img/ico_allow_gr.svg") no-repeat center/contain; }

/*# sourceMappingURL=proposal-examples.css.map */