.include{
        margin: 0 auto 40px auto;
        padding: 0px;
    }
    
    .include h2 {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin-bottom: 12px;
    }
    .include h2::before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 20px;
        background: #004098;
        border-radius: 2px;
        flex-shrink: 0;
        vertical-align: middle;
        margin-right: 6px;
    }

    .include a{
        font-size: 18px;
        font-weight: normal;
        line-height: 1.6;
        margin: 0px;
        text-decoration: none;
        color: #1a6bb5;
        text-decoration: none;
        text-underline-offset: 2px;
    }
    .include a:hover{
        color: #004098;
        text-decoration: underline;
    }

    .include p,
    .include p a{
        font-size: 14px;
        margin: 0px;
        padding: 8px 0px;
    }    

    .include img:hover{
        opacity: 0.8;
    }

    .include hr {
        margin: 32px 0;
        border: 0;
        border-top: 1px solid #ddd;
    }

    .include .mark{
        background-color: #fff;
        padding: 0 0 4px 0;
    }

    .include .height-img{
        height: 145px;
        width: auto;
        max-width: 95%;
    }

    /* 関連製品 ピル型タグ */
    .text-link-series .link-pills {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 8px;
    }
    .text-link-series .link-pills a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 14px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 99px;
        text-decoration: none;
        background: #fff;
        color: #333;
        transition: background 0.15s, border-color 0.15s;
    }
    .text-link-series .link-pills a:hover {
        background: #f5f5f5;
        border-color: #999;
    }

    /* 関連情報 インライン型 */
    .text-link-info .link-inline {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 4px;
        font-size: 16px;
    }
    .text-link-info .link-inline a {
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-right: 1rem;
        padding: 2px 0;
    }
    .text-link-info .link-inline a:hover {
        text-decoration: underline;
    }
    .text-link-info .link-inline a::before {
        content: "›";
        color: #1a6bb5;
        font-size: 16px;
        transition: transform 0.15s;
    }
    .text-link-info .link-inline a:hover::before {
        font-weight: bold;
        transform: translateX(2px);
    }

    /* バナーエリア　2カラム */
    .include .banner-area .flexBox{
        display: flex;
        justify-self: flex-start;
        width: 100%;
        gap: 2%;
    }

    .include .banner-area .flexBox .flexBox-item{
        width: 49%;
    }

    .include .banner-area .flexBox .flexBox-item p{
        width: 95%;
    }

    /* バナーエリア　タイトル+テキスト+2カラム */
   .include .bannerText-area .flexBox{
        display: flex;
        justify-self: flex-start;
        width: 100%;
        gap: 2%;
    }

    .include .bannerText-area .flexBox a{
        width: 49%;
    }

    .include .bannerText-area .flexBox a img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .include .bannerText-area .flexBox p{
        padding: 0 0 8px 0;
    }

    /* バナーエリア　1カラム */
    .include .bannerText-one-column{
        width: 49%;
    }

    .include .bannerText-one-column img{
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .include span {
        display: block;
    }

    /* actibook */
        .actibook-container {
            aspect-ratio: 16/9;
            width: 100%;
            margin: 40px 0px;
        }
        .actibook-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
        
    @media screen and (max-width: 1200px){
        /* 画像サイズ */
        .include .height-img{
            width: auto;
            height: auto;
            max-width: 95%;
        }    
        
        /* 改行調整 */
        .include span {
            display: inline;
        }

        .include .hidden-sp{
            display: none;
        }

        /* バナーエリア　2カラム */
        .include .banner-area .flexBox{
            flex-direction: column;
            align-items: center;
        }

        .include .banner-area .flexBox .flexBox-item{
            width: 90%;
        }
        
        .include .banner-area .flexBox .flexBox-item h2.hidden-sp{
            display: none;
        }

        .include .banner-area .flexBox .flexBox-item:not(:last-child){
            margin-bottom: 24px;
        }

        /* バナーエリア　タイトル+テキスト+2カラム */
        .include .bannerText-area .flexBox{
            flex-direction: column;
        }

        .include .bannerText-area .flexBox a{
            width: 90%;
        }

        .include .bannerText-area .flexBox a img{
            width: auto;
            height: auto;
            max-width: 100%;
        }


        .include .bannerText-area .flexBox a img:not(:last-child){
            margin-bottom: 16px;
        }

        .include .bannerText-area p{
            width: 80%;
        }

        /* バナーエリア　1カラム */
        .include .bannerText-one-column{
            width: 90%;
            align-items: center;
        }
    

        .include .bannerText-one-column img{
            width: auto;
            height: auto;
            max-width: 100%;
        }

        .include .bannerText-one-column .flexBox-item{
            width: 100%;
        }

    }

    @media screen and (max-width: 767px) {

        .include{
            margin: 0 auto;
        }

        .include .height-img{
            width: auto;
            height: auto;
            max-width: 90%;
        }

        /* バナーエリア　2カラム */
        .include .banner-area .flexBox{
            flex-direction: column;
        }

        .include .banner-area .flexBox .flexBox-item{
            width: 90%;
        }

        .include .banner-area .flexBox .flexBox-item:not(:last-child){
            margin-bottom: 24px;
        }


        /* バナーエリア　タイトル+テキスト+2カラム */
 
        .include .bannerText-area .flexBox{
            flex-direction: column;
        }    

        .include .bannerText-area .flexBox a{
            width: 90%;
        }
        
        .include .bannerText-area .flexBox a:not(:last-child){
            margin-bottom: 8px;
        }

        .include .bannerText-area .flexBox a img{
            width: auto;
            height: auto;
            max-width: 100%;
        }

        .include .bannerText-area p{
            width: 90%;
        }

        /* バナーエリア　1カラム */
        .include .bannerText-one-column{
            width: 90%;
        }

        .include .bannerText-one-column img{
            width: auto;
            height: auto;
            max-width: 100%;
        }
    }

    .include_banner-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
    }

    @media (max-width: 900px) {
        .include_banner-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    @media (max-width: 640px) {
        .include_banner-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 400px) {
        .include_banner-grid {
            grid-template-columns: 1fr;
        }
    }
    .include_banner-grid_item {
        display: flex;
        flex-direction: column;
    }

    .include_banner-grid_item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        margin: 0;
        padding: 0;
    }

    .include .include_banner-grid_item a {
        font-size: 16px;
        font-weight: normal;
        line-height: 1.45;
        margin-top: 4px;
        padding: 0;
    }
    .include_banner-grid_item a:hover {
        color: #004098;
        text-decoration: underline;
    }