#cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 960px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: flex-start;
}

/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img {
    display: block;
    max-width: 100%!important;
    height: auto;
    border-radius: 10px 10px 0 0;
}

.card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.card-title {
    margin: 0.6em 0 0;
    color: #333;
    text-align: center;
    font-size: 1.8em;
}

/* カードレイアウトの説明文部分 */


/* カードレイアウトを1カラムで配置  */
.card-list {
    margin: 0.5em auto;
    padding: 0;
    width: 96%;
    background: #FFF;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}
   

/* 画面幅360px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 360px) {
    .card-list {
        width: calc(94% / 2); /* 96%幅を2で割るという指定 */
    }
    .card-text-tax {
    margin: 0;
    padding: 0.3em;
    font-size: 0.8em;
   }
}

/* 画面幅768px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 0.5em 0.4em;
        width: calc(94% / 3); /* 96%幅を2で割るという指定 */
    }
    .card-text-tax {
    margin: 0;
    padding: 0.3em;
    font-size: 0.9em;
   }
}

/* 画面幅992px以上の場合カードレイアウトを4カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(94% / 4); /* 幅を4で割るという指定 */
        
}
.card-text-tax {
    margin: 0;
    font-size: 0.95em;
   }

}



/* ページ下部のbanner */
.bannerbox {
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: space-between;
    align-items: top
}

.bannerbox .bbox {
    width: 32%;  /* お好みの幅で指定 */
    padding:16px;  /* お好みの幅で指定 */
    /* paddingと合わせてbox-sizingも指定 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

/* 最後のコンテンツを左寄せにする指定 */
.bannerbox:after {
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

/* スマホ コンテンツを縦並び */
@media screen and (max-width: 955px) {
.bannerbox{
    display:block;
}
.bannerbox .bbox{
    width: 100%;
    text-align: center;
}
}

.fbox2c .cencon a img {
    width: 100%;
}