@charset "utf-8";

/* post-common
------------------------------------------------------------*/

p.no-post {
text-align: center;
}

/* End post-common */


/* pager
------------------------------------------------------------*/

.pager {
display: flex;
justify-content: center;
margin-top: 3em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.pager {
margin-top: 4em;
}
}

.pager li {
font-size: 0.875rem;
min-width: 42px;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.pager li {
font-size: 1rem;
}
}

.pager li.pager-list {
margin: 0 20px;
}

.pager a {
min-width: 42px;
min-height: 42px;
background: #fff;
box-shadow: 0 0 2px #d4d4d4;
border-radius: 2px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}

.pager li.pager-list a {
padding-left: 2em;
padding-right: 2em;
}
@media only screen and (max-width: 374px) { /* 374px以下で適用、for mini */
.pager li.pager-list a {
padding: 8px 1em;
}
}

.pager a:hover {
background: #00488c;
color: #fff;
opacity: 1;
}

li.pager-prev a:before,
li.pager-next a:before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
top: calc(50% - 6px);
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
li.pager-prev a:before,
li.pager-next a:before {
transition: 0.6s;
}
}

li.pager-prev a:before {
border-top: solid 1px #121212;
border-left: solid 1px #121212;
left: calc(50% - 3px);
transform: rotate(-45deg);
}

li.pager-next a:before {
border-top: solid 1px #121212;
border-right: solid 1px #121212;
right: calc(50% - 3px);
transform: rotate(45deg);
}

li.pager-prev a:hover:before {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
}

li.pager-next a:hover:before {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}

/* End pager */


/* column-archive
------------------------------------------------------------*/

@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}

@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-list:after {
content: "";
display: block;
width: 31%;
height: 0;
}
}

.column-list article {
background: #fff;
box-shadow: 0 2px 12px 4px rgba(176,176,176,0.3);
margin-top: 3em;
}
.column-list article:nth-of-type(1) {
margin-top: 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-list article {
width: 48%;
margin-top: 4%;
}
.column-list article:nth-of-type(2) {
margin-top: 0;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-list article {
width: 31%;
margin-top: 3.5%;
}
.column-list article:nth-of-type(3) {
margin-top: 0;
}
}

@media only screen and (max-width: 767px) { /* 767px以下で適用、スマホ専用CSS */
.column-list article + article {
margin-top: 3em;
}
}

.column-list article a {
display: block;
}

.column-list .img img {
width: 100%;
}

.column-list .para {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 1em;
}

.ct-label {
font-size: 0.875rem;
min-width: 14em;
background: #434343;
color: #fff;
text-align: center;
border-radius: 100px;
line-height: 1;
padding: 6px 1em;
}

.ct-label-wrap a.ct-label { /* for column-post */
display: block;
color: #fff;
}

.ct-label.tax { /* 節税対策 */
background: #5f52a0;
}

.ct-label.finance { /* 財務改善・融資戦略 */
background: #13b5b1;
}

.ct-label.invest { /* 資産形成 */
background: #448aca;
}

.ct-label.manage { /* 経営力・経営管理力UP */
background: #32b16c;
}

.ct-label.inherit { /* 相続・承継対策 */
background: #dc436a;
}

.ct-label.dx { /* DX化 */
background: #ec6941;
}

.ct-label.news { /* 新着情報、デフォルト */
background: #dd9a0b;
}

.column-list .date {
font-size: 0.875rem;
line-height: 1;
padding: 6px 0 6px 4px;
}

.column-list h3 {
padding: 0 1em 1em;
}

.column-cat {
margin-top: 3em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-cat {
margin-top: 4em;
}
}

.column-cat h3 {
position: relative;
text-align: center;
}

.column-cat h3:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background: #bfd1e2;
}

.column-cat h3 span.title {
position: relative;
padding: 0 1em;
color: #00488c;
background: #f5f5f5;
}

.column-cat ul {
margin: 0 0.5em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-cat ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-cat ul {
margin: 0 1em;
}
.column-cat ul:before,
.column-cat ul:after {
content: "";
display: block;
width: 22%;
height: 0;
}
.column-cat ul:before {
order: 1;
}
}

.column-cat li {
margin: 1.5em 0 0 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-cat li {
width: 48%;
margin: 4% 0 0 0;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-cat li {
width: 22%;
margin: 2% 0 0 0;
}
}

.column-cat li a {
min-height: 42px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 1em;
background: #fff;
border-radius: 100vh;
box-shadow: 0 0 2px #d4d4d4;
}

.column-cat li a:hover {
background: #00488c;
color: #fff;
opacity: 1;
}

/* End column-archive */


/* column-post
------------------------------------------------------------*/

.column-post {
max-width: 932px;
margin: 0 auto;
}

.column-head {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 0.5em 1em;
border-bottom: solid 2px #00488c;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-head {
padding: 0 1em 1em;
}
}

.column-head h1 {
text-align: justify;
width: 100%;
font-size: 1.25rem;
margin: 0 0 1em 0;
color: #00488c;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-head h1 {
font-size: 1.5rem;
}
}

.column-cont {
margin: 1em 0.5em;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.column-cont {
margin: 1em;
}
}

.column-cont h2 {
position: relative;
text-align: justify;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-weight: 700; /* bold */
font-size: 1.125rem;
margin: 2em 0 0 0;
padding: 8px 8px 8px 12px;
border-bottom: solid 1px #00488c;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-cont h2 {
font-size: 1.375rem;
}
}

.column-cont h2:after {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #00488c;
background: -webkit-linear-gradient(top, #80c1ff, #00488c);
background: linear-gradient(to bottom,  #80c1ff, #00488c);
}

.column-cont h3 {
position: relative;
text-align: justify;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-weight: 700; /* bold */
font-size: 1rem;
margin: 2em 0 0 0;
padding-left: 1.5em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.column-cont h3 {
font-size: 1.25rem;
}
}

.column-cont h3:after {
content: "";
display: block;
width: 0.8em;
height: 0.8em;
position: absolute;
left: 0.35em;
top: 0.35em;
background: #00488c;
background: -webkit-linear-gradient(left top, #00488c, #80c1ff);
background: linear-gradient(to right bottom, #00488c, #80c1ff);
border-radius: 2px;
}

.column-cont h4,
.column-cont h5,
.column-cont h6 {
margin: 2em 0 0 0;
}

.column-cont p {
margin: 0;
padding: 1em 0 0 0;
}

.column-cont img {
margin: 1em 0 0 0;
}

.column-cont p > img {
margin: 0;
}

.column-cont p a {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-weight: 700; /* bold */
color: #00488c;
}

.column-cont ul {
padding-top: 0.5em;
}

.column-cont ul li {
position: relative;
padding: 0.5em 0 0 2em;
}

.column-cont ul li:before {
position: absolute;
content: "";
display: block;
width: 0.5em;
height: 0.5em;
background: #121212;
border-radius: 0.5em;
left: 1em;
top: 1em;
}

.column-cont ol {
padding: 0.5em 0 0 2em;
}

.column-cont ol li {
padding: 0.5em 0 0 0;
}

/* End column-post */


/* news-archive
------------------------------------------------------------*/

.news-list {
border-top: solid 1px #e1e1e1;
max-width: 900px;
margin: 0 auto;
}

.news-list li {
border-bottom: solid 1px #e1e1e1;
}

.news-list a {
display: block;
}

@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.news-list a {
display: flex;
}
}

.news-list a:hover {
background: #f0f0f0;
color: #00488c;
opacity: 1;
}

.news-list p.date {
padding: 1em 0.5em 0;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.news-list p.date {
padding: 1em;
}
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.news-list p.date {
padding: 1em 2em 1em 3em;
}
}

.news-list p.title {
padding: 0.5em 0.5em 1em;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.news-list p.title {
padding: 1em;
}
}

/* End news-archive */


/* news-post
------------------------------------------------------------*/

.news-post {
max-width: 932px;
margin: 0 auto;
}

.news-head {
padding: 0 0.5em 0.5em;
border-bottom: solid 1px #d0d0d0;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.news-head {
padding: 0 1em 0.5em;
}
}

.news-head p.date {
text-align: right;
padding-bottom: 0.5em;
}

.news-head h1 {
text-align: justify;
width: 100%;
font-size: 1.25rem;
}
@media only screen and (min-width: 768px) { /* 768px以上で適用、タブレット～PC用CSS */
.news-head h1 {
font-size: 1.5rem;
}
}

.news-cont {
margin: 1em 0.5em 1em;
}
@media only screen and (min-width: 1025px) { /* 1025px以上で適用、PC用CSS */
.news-cont {
margin: 1em;
}
}

.news-cont h2,
.news-cont h3,
.news-cont h4,
.news-cont h5,
.news-cont h6 {
margin: 2em 0 0 0;
}

.news-cont p {
margin: 0;
padding: 1em 0 0 0;
}

.news-cont img {
margin: 1em 0 0 0;
}

.news-cont p > img {
margin: 0;
}

.news-cont p a {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
font-weight: 700; /* bold */
color: #00488c;
}

.news-cont ul {
padding-top: 0.5em;
}

.news-cont ul li {
position: relative;
padding: 0.5em 0 0 2em;
}

.news-cont ul li:before {
position: absolute;
content: "";
display: block;
width: 0.5em;
height: 0.5em;
background: #121212;
border-radius: 0.5em;
left: 1em;
top: 1em;
}

.news-cont ol {
padding: 0.5em 0 0 2em;
}

.news-cont ol li {
padding: 0.5em 0 0 0;
}

/* End news-post */