/*-------------------------
    common
-------------------------*/
h1{
    color: var(--color-black);;
    font-size: 56px;
    margin-bottom: 1em;
}
p{
    margin-bottom: 1em;
}
.text-about{
    font-size: 18px !important;
    line-height: 1.7;
}

/*-------------------------
    商品
-------------------------*/
/* タイトル */
.content-line{
    background: linear-gradient(-90deg,#19387F,#2481C9);
    width: 100%;
    height: 40px;
}

/*-------------------------
    #main-content
-------------------------*/
#main-content .content-flex{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}
#main-content .content-flex>div{
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
}
#main-content .content-flex p{
    font-size: 16px;
}
#main-content .wp-block-buttons{
    justify-content: flex-start;
}
#main-content ul{
    margin-bottom: 20px;
    padding-left: 1.25em;
	flex-direction: column;
}
#main-content li{
    font-size: 14px;
    list-style: disc;
}
#main-content .wp-block-buttons{
    margin-top: 50px;
}
#main-content .wp-block-button.btn-lightgray{
    max-width: 250px;
}

.page-id-297 #main-content .wp-block-buttons, /* アプリケーション */
.page-id-333 #main-content .wp-block-buttons{ /* 補正情報配信サービス */
    justify-content: flex-start;
}
.page-id-333 #main-content .content-flex{
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
}
.page-id-297 #main-content .content-flex{
    grid-template-columns: repeat(auto-fit, 286px);
    justify-content: center;
}
.page-id-297 #main-content .content-flex>div,
.page-id-333 #main-content .content-flex>div{
    max-width: none;
}

/* アプリケーション */
.page-id-297 #main-content .text-about{
    margin-bottom: 4em;
}
.page-id-297 #main-content h2:not(:has(figure)){
    color: var(--color-navy);
    font-size: clamp(25px, 4vw, 30px);
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}
.page-id-297 #main-content .content-flex figure{
    max-width: 400px;
}
.page-id-297 .product-contact-button-wrap.half{
    margin-top: 50px;
}

/* 受信機 */

/* スマートアンテナ */
.page-id-313 #main-content .content-flex{
    grid-template-columns: repeat(auto-fit, 200px);
    justify-content: center;
}

.page-id-313 section#main-content>div>div>div:nth-child(3) .product-item-name,
.page-id-313 section#main-content>div>div>div:nth-child(4) .product-item-name{
    height: 78px;
}

/* アンテナ */
.page-id-323 .product-contact-button-wrap{
    margin-top: 50px;
}

/* ディスプレイ */
.page-id-327 #main-content .btn-lightgray>p{
	padding: 20px 20px 10px
}
.page-id-327 .product-contact-button-wrap.half{
    margin-top: 50px;
}

/* センサー */

/* 補正情報配信サービス */
.page-id-333 #main-content h2{
    font-size: 24px;
    color: var(--color-light-blue);
}
.page-id-333 .ntrip-rtk figure,
.page-id-333 .atlas figure{
    margin-bottom: 1em;
}
#main-content .content-flex p:has(+ul){
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.page-id-333 #main-content li{
    font-size: 16px;
    margin-top: 10px;
}
.page-id-333 #main-content .atlas li{
    font-size: 18px;
}
.page-id-333 #main-content li:nth-child(1){
    margin-top: 0;
}

/* 商品保証関連 */
.page-id-597 #product-title{
    background: transparent url(https://hemitech.co.jp/wp/wp-content/uploads/2024/12/補正情報配信サービス-banner-scaled.jpg) no-repeat top -40px center / cover;
}
.page-id-597 h1{
    color: var(--color-white);
    margin-bottom: 0;
}
.page-id-597 h2{
    color: var(--color-black);
}

.page-id-597 #main-content>p{
    margin-bottom: 3rem;
}

.page-id-597 #main-content>div>ol>li{
    list-style: decimal;
    font-size: 20px;
    font-weight: 600;
}
.page-id-597 #main-content ol li{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}
.page-id-597 #main-content ol li p,
.page-id-597 #main-content ol li p strong{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}
.page-id-597 #main-content ol li .list-title{
    font-size: 20px;
    font-weight: 600;
}
.page-id-597 #main-content ul{
    display: block;
    padding-left: 1.75rem;
}
.page-id-597 #main-content ul li{
    list-style: disc;
    font-weight: 400;
}

.page-id-597 .indent{
    padding-left: 1rem;
    text-indent: -1rem;
}
.page-id-597 .text-right{
    font-size: 18px;
    font-weight: 400;
    text-align: right;
}


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

@media screen and (max-width: 768px){
    h1{
        font-size: 30px;
    }
    .text-about{
        font-size: 16px !important;
    }
    #main-content .content-flex{
        grid-template-columns: repeat(2, 1fr);
    }
    #main-content .content-flex>div{
        max-width: none;
    }
    #main-content .content-flex>div img:not(.product-contact-button-wrap img),
    #main-content .product-item img{
        display: block;
        max-width: 230px;
        margin: 0 auto;
    }
    .page-id-297 #main-content h2,
    .page-id-333 #main-content h2{
        margin-bottom: 30px;
    }
    .page-id-333 #main-content h2{
        font-size: 20px;
    }
    .page-id-297 #main-content .content-flex,
    .page-id-333 #main-content .content-flex{
        grid-template-columns: 1fr;
    }
    .page-id-297 #main-content .content-flex>div,
    .page-id-333 #main-content .content-flex>div{
        width: 100%;
    }
    .page-id-297 #main-content .content-flex figure{
        max-width: 220px;
    }
    #main-content .wp-block-buttons,
    .page-id-297 #main-content .wp-block-buttons,
    .page-id-333 #main-content .wp-block-buttons{
        justify-content: center;
    }
    .page-id-333 #main-content .atlas li{
        font-size: 16px;
    }
    .page-id-597 p{
        font-size: 18px;
    }
    .page-id-597 #main-content ol li p,
    .page-id-597 .text-right{
        font-size: 16px;
    }
}

@media screen and (max-width:600px){
    #main-content .content-flex{
        grid-template-columns: 1fr;
    }
    .page-id-313 #main-content .content-flex{
        display: flex;
        flex-direction: column;
    }
}