@charset "utf-8";
/*------------------------------------------------------------
	ダウンロード用ページのCSS
------------------------------------------------------------*/

.araxis_merge_download_container {
	background: #fff;
	width: 1100px;
	margin: 140px auto 60px;
	padding: 90px 90px;
	box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
}

.araxis_merge_download_container .header_frame {
	margin: 50px 0 20px;
    display: flex;
}

.araxis_merge_download_container .header_frame .header_img {
    margin-right: 10px;
    flex-basis: 10%;
    align-self: center;
}

.araxis_merge_download_container .header_frame .header_txt {
    font-size:3.9rem;
    flex-basis: 90%;
}

.araxis_merge_download_container .header_frame .header_txt_col {
    color: #1a46a7;
}

.araxis_merge_download_container .header_frame .header_txt_sub {
    color: #C00000;
    font-size: 77%;
    font-weight: 300;
    text-shadow: 1px 1px 2px #F3D1D0;
}

.araxis_merge_download_container .banner_top {
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.araxis_merge_download_container .benner_img_1 {
    height: 200px;
    background: url(/preemptive/img/preemptive/PreEmptive_Introduction_top_banner_1.png) left no-repeat;
    background-size: cover;
}

.araxis_merge_download_container .benner_img_2 {
    height: 200px;
    background: url(/preemptive/img/preemptive/PreEmptive_Introduction_top_banner_2.png) left no-repeat;
    background-size: cover;
}

.araxis_merge_download_container .banner_info {
    padding: 0px 75px;
    opacity: 1;
}

.araxis_merge_download_container .banner_info p {
    margin-bottom: 0px;
    font-size: 2.0rem;
    line-height: 1.75;
    color: #003244;
}

.araxis_merge_download_container .banner_info .p_form {
    margin-bottom: 0px;
    font-size: 2.0rem;
    line-height: 1.75;
    color: #200e68;
}

.araxis_merge_download_container .header_note {
    font-size: 1.8rem;
    line-height: 1.7;
    font-weight: 400;
    padding: 40px 0px 40px 165px;
    background-color: #f1f1f1;
}

.araxis_merge_download_container .header_note img {
    margin-bottom: 20px;
}

.araxis_merge_download_container .header_note .up {
    margin-bottom: 20px;
}

.araxis_merge_download_container .header_note .down {
    width: 88%;
    font-size: 1.6rem;
    color: #285ACB;
}

.araxis_merge_download_container .docs_list {
    margin-top: 60px;
    border-top: 1px solid #F1F1F1;
    box-sizing: border-box;
    list-style: none;
}

.araxis_merge_download_container .docs_list .docs_frame {
    padding: 45px 20px;
    position: relative;
    font-size: 1.7rem;
    border-bottom: 1px solid #F1F1F1;
    background-size: 7px auto;
    justify-content: space-between;
    display: flex;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img {
    width: 30%;
    text-align: center;
}

.araxis_merge_download_container .docs_list .docs_frame img {
    margin-top: 10px;
    border: solid 1px #b3b3b3;
}

.araxis_merge_download_container .docs_list .docs_frame .guide_size {
    width: 80%;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img .p_supplement {
    font-size: 2.0rem;
    font-weight: 400;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img .p_supplement_2 {
    font-size: 1.6rem;
    margin-left: -5px;
    color: #ff0000;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview {
    margin-left: 40px;
    width: 70%;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .doc_title {
    font-size: 2.4rem;
    margin-bottom: 30px;
    font-weight: 800;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .doc_title a img {
    width: 60px;
    height: auto;
    margin: 13px 0 0 5px;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .doc_title a span {
    font-size: 1.55rem;
    font-weight: 500;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview p {
    margin-bottom: 20px;
    font-weight: 400;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn {
    width: 290px;
    margin: 50px auto 30px;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn a {
    padding: 14px 20px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    border-radius: 100px;
    color: #FFF;
    border: 2px solid #1a46a7;
    background: #1a46a7;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn a:hover {
    color: #1a46a7;
    background-color: #fff;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn a:after {
    background-color: transparent;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview {
    flex-basis: 35%;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview img {
    margin: 10px 0 10px 0;
    border: solid 1px #b3b3b3;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .img_guide {
    width: 70%;
    margin: 0 auto;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .img_up:hover {
    transition: max-width .2s ease-out .4s;
    max-width: 1000px;
    box-shadow: 0 0px 0px 3px #fff;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview p {
    margin-top: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement {
    margin: 5px 0;
    text-align: center;
    font-size: 2.0rem;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement_2 {
    margin: 15px auto;
    padding-bottom: 20px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: #C00000;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement_2 p {
    font-size: 1.6rem;
    font-weight: 600;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_download_form {
    flex-basis: 62%;
    text-align: center;
    font-size: 1.8rem;
}

.araxis_merge_download_container .docs_list .docs_frame .docs_download_form .docs_download_info {
    color: red;
    font-size: 1.6rem;
    line-height: 3;
}

.araxis_merge_download_container .docs_list .docs_info {
    margin: 30px 0 10px;
    text-align: center;
    color: #1a46a7;
}

.araxis_merge_download_container .bownow_frame {
    margin-top: 25px;
    padding: 40px 75px 45px ;
    background: #fff;
    box-shadow: 0px 3px 30px rgb(0 0 0 / 16%);
}

.araxis_merge_download_container .personal_info {
    width: 58%;
    margin: 70px auto 60px;
    padding: 40px 30px 30px 70px;
    background-color: #F5F5F5;
}

.araxis_merge_download_container .personal_info h2 {
    font-size:1.8rem;
    margin-bottom: 20px;
}

.araxis_merge_download_container .personal_info p {
    font-size: 1.6rem;
    line-height: 1.7;
    font-weight: 400;
    margin-bottom: 20px;
}

.araxis_merge_download_container .logo_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}

.araxis_merge_download_container .logo_box img{
    margin: 0 10px 30px;
}

.araxis_merge_download_container .complement {
    display: block;
    text-align: center;
    font-size: 1.5rem;
    margin-top: -50px;
}

/* レスポンシブ対応*/

@media screen and (max-width: 767px) {
    .araxis_merge_download_container {
        background: #fff;
        box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.16);
        box-sizing: border-box;
        padding: 20px 22px 30px 32px;
        margin: 100px 10px 0;
        width: calc(100% - 20px);
    }

    .araxis_merge_download_container .header_frame {
        margin: 20px -5px 15px -10px;
        display: block;
    }
    
    .araxis_merge_download_container .header_frame .header_img {
        margin: 0 5px 15px 10px;
        width: 55px;
        }

    .araxis_merge_download_container .header_frame img {
        height: 50px;
    }
        
    .araxis_merge_download_container .header_frame .header_txt {
        max-width: calc(100% - 10px);
        font-size:2.0rem;
        margin-left: 10px;
    }

    .araxis_merge_download_container .header_frame .header_txt_sub {
        font-size: 81%;
    }

    .araxis_merge_download_container .benner_img {
        height: 350px;
    }

    .araxis_merge_download_container .banner_info {
        width: 140%;
    }

    .araxis_merge_download_container .banner_info p {
        margin-bottom: 0px;
        font-size: 2.0rem;
        line-height: 1.75;
    }   

    .araxis_merge_download_container .header_note {
        font-size: 1.7rem;
        line-height: 1.7;
        font-weight: 400;
        padding: 20px 15px;
        background-color: #f1f1f1;
    }
    
    .araxis_merge_download_container .header_note .down {
        font-size: 1.65rem;
        width: 100%;
    }
    
    .araxis_merge_download_container .docs_list {
        margin-top: 30px;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame {
        display: block;
        padding: 22px 0;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_img {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img .p_supplement {
        font-size: 1.9rem;
        margin-left: 0px;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img .p_supplement_2 {
        font-size: 1.55rem;
        margin-left: 5px;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_overview {
        margin-left: 10px;
        width: 100%;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_overview .doc_title {
        font-size: 2.0rem;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_overview .doc_title a img {
        margin: 8px 0 0 5px;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn {
        width: 275px;
        margin: 30px auto;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_overview .comBtn a {
        font-size: 1.6rem;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview {
        width: 100%;
        border-bottom: 1px solid #F1F1F1;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview div {
        text-align: center;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview img {
        margin: 10px 0;
        width: 100%;
        }

    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .img_guide {
        width: 100%;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview p {
        margin: 15px 0px 15px 0px;
        font-size: 1.65rem;
        font-weight: 400;
        line-height: 1.7;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement {
        font-size: 1.8rem;
        margin: 0 0 10px -10px;
    }
    
    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement_2 {
        margin: 15px 0 25px;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_img_overview .p_supplement_2 p {
        font-size: 1.5rem;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_download_form {
        width: 100%;
        font-size: 1.65rem;
        text-align: left;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_download_form p {
        margin: 25px 0px 15px 0px;
    }

    .araxis_merge_download_container .docs_list .docs_frame .docs_download_form .docs_download_info {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .araxis_merge_download_container .docs_list .docs_info {
        margin-left: 3px;
        text-align: left;
        font-size: 1.5rem;
    }

    .araxis_merge_download_container .bownow_frame {
        margin-top: 20px;
        padding: 10px;
        background: #fff;
        box-shadow: 0px 3px 30px rgb(0 0 0 / 16%);
    }
    
    .araxis_merge_download_container .personal_info {
        box-sizing: border-box;
        width: 100%;
        margin: 40px 0px 20px;
        padding: 15px 15px 5px;
        background-color: #F5F5F5;
    }

    .araxis_merge_download_container .logo_box {
        display: block;
        text-align: center;
    }
}

/*------------------------------------------------------------
	TOPバナーのCSS
------------------------------------------------------------*/

.araxis_merge_download_container .banner_download {
    margin-top: 30px;
    height: 200px;
    position: relative;
}

.araxis_merge_download_container .banner_download img {
    width: 100%;
    height: 100%;
}

.araxis_merge_download_container .banner_download p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90.5%;
    font-size: 2.1rem;
    line-height: 1.75;
    color: #ffffff;
    text-shadow: 1px 1px 2px #797979;
}

.araxis_merge_download_container .banner_download p span {
    font-size: 92%;
}

.araxis_merge_download_container .banner_download p .thanks {
    font-size: 93%;
}

/* レスポンシブ対応（スマホ表示）*/

@media all and (max-width: 767px) {
    .araxis_merge_download_container .banner_download {
        margin-top: 35px;
        height: 380px;
    }

    .araxis_merge_download_container .banner_download p {
        font-size: 1.7rem;
    }

    .araxis_merge_download_container .banner_download p span {
        font-size: 94%;
        display: block;
        margin-top: 10px;
    }

    .araxis_merge_download_container .banner_download p .thanks {
        font-size: 95%;
        display: block;
        margin-top: 10px;
    }
}

/*------------------------------------------------------------
	コンバージョンポイントのCSS
------------------------------------------------------------*/

.araxis_merge_download_conversion {
    margin: 0 auto 120px;
    padding: 20px 20px 30px;
    position: relative;
    font-size: 1.7rem;
    border-bottom: 1px solid #F1F1F1;
    background-size: 7px auto;
    max-width: 1200px;
    border-width: 3px;
    border-style: solid;
    border-color: #55508c;;
    background-color: #fff;
    justify-content: space-between;
    display: flex;
}

.araxis_merge_download_conversion_2 {
    margin: 40px auto 65px;
    padding: 20px 20px;
    text-align: center;
    position: relative;
    font-size: 1.7rem;
 /*    border-bottom: 1px solid #F1F1F1; */
    background-size: 7px auto;
    max-width: 1100px;
    border-width: 3px;
/*     border-style: solid;
    border-color: #55508c;;
    background-color: #fff; */
    background-color: #ffc3c3;
}

.araxis_merge_download_conversion_2 .click {
    width: 60px;
    height: auto;
    margin: 8px 0 0 5px;
}

.araxis_merge_download_conversion_2 .header_txt_sub {
    color: #d30d0d;
    font-size: 2.0rem;
    font-weight: 300;
    text-shadow: 1px 1px 2px #F3D1D0;
}

.araxis_merge_download_conversion .docs_img {
    width: 30%;
    text-align: center;
}

.araxis_merge_download_conversion img {
    border: solid 1px #b3b3b3;
}

.araxis_merge_download_conversion .guide_size {
    width: 80%;
}

.araxis_merge_download_conversion .docs_img .p_supplement {
    margin: 20px;
    font-size: 2.0rem;
    font-weight: 400;
}

.araxis_merge_download_conversion .docs_img .p_supplement_2 {
    font-size: 1.6rem;
    margin-left: -5px;
    color: #ff0000;
}

.araxis_merge_download_conversion .docs_overview {
    margin-left: 40px;
    width: 70%;
}

.araxis_merge_download_conversion .docs_overview .doc_title {
    font-size: 2.5rem;
    margin-bottom: 30px;
    font-weight: 800;
}

.araxis_merge_download_conversion .docs_overview .doc_title .header_txt_sub {
    color: #d30d0d;
    font-size: 77%;
    font-weight: 300;
    text-shadow: 1px 1px 2px #F3D1D0;
}

.araxis_merge_download_conversion .docs_overview .doc_title .header_txt_sub_2 {
    color: #d30d0d;
    font-size: 77%;
    font-weight: 300;
    text-shadow: 1px 1px 2px #F3D1D0;
}

.araxis_merge_download_conversion .docs_overview .doc_title a img {
    width: 60px;
    height: auto;
    margin: 13px 0 0 5px;
}

.araxis_merge_download_conversion .docs_overview .doc_title a span {
    font-size: 1.55rem;
    font-weight: 500;
}

.araxis_merge_download_conversion .docs_overview p {
    margin-bottom: 20px;
    font-weight: 400;
}

.araxis_merge_download_conversion .docs_overview .comBtn {
    width: 290px;
    margin: 30px auto 0;
}

.araxis_merge_download_conversion .docs_overview .comBtn a {
    padding: 14px 20px;
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
    border-radius: 100px;
    color: #FFF;
    border: 2px solid #55508c;
    background: #55508c;
}

.araxis_merge_download_conversion .docs_overview .comBtn a:hover {
    color: #55508c;
    background-color: #fff;
}

.araxis_merge_download_conversion .docs_overview .comBtn a:after {
    background-color: transparent;
}

.araxis_merge_download_conversion .docs_overview .p_complement_cv {
        margin-top: 8px;
        font-size: 1.6rem;
        text-align: center;
        color: #d30d0d;
}

/* レスポンシブ対応（スマホ表示）*/

@media all and (max-width: 767px) {
    .araxis_merge_download_conversion {
        display: block;
        margin: 0 10px 70px;
        padding: 20px 0;
    }

    .araxis_merge_download_conversion_2 {
        margin: 0 45px 40px;
        padding: 20px 7px;
    }
    
    .araxis_merge_download_conversion_2 .click {
        width: 70px;
        margin: 6px 0 0 5px;
    }
    
    .araxis_merge_download_conversion_2 .header_txt_sub {
        font-size: 1.8rem;
    }
    

    .araxis_merge_download_conversion .docs_img {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }
    
    .araxis_merge_download_conversion img {
        width: 95%;
    }

    .araxis_merge_download_conversion .docs_img .p_supplement {
        font-size: 1.9rem;
        margin-left: 0px;
    }
    
    .araxis_merge_download_conversion .docs_img .p_supplement_2 {
        font-size: 1.55rem;
        margin-left: 5px;
    }

    .araxis_merge_download_conversion .docs_overview {
        margin-left: 15px;
        padding-right: 25px;
        width: 100%;
    }
    
    .araxis_merge_download_conversion .docs_overview .doc_title {
        font-size: 2.1rem;
        margin-bottom: 20px;
        font-weight: 700;
    }

    .araxis_merge_download_conversion .docs_overview .doc_title .header_txt_sub {
        font-size: 79%;
    }

    .araxis_merge_download_conversion .docs_overview .doc_title .header_txt_sub_2 {
        font-size: 67%;
    }

    .araxis_merge_download_conversion .docs_overview .doc_title a img {
        margin: 8px 0 0 5px;
    }

    .araxis_merge_download_conversion .docs_overview .comBtn {
        width: 275px;
        margin: 30px 0 0 2px;
    }

    .araxis_merge_download_conversion .docs_overview .comBtn a {
        font-size: 1.6rem;
    }

}

/*---------------------------------------------
    製品紹介資料ダウンロード申し込みページ兼LPのCSS
---------------------------------------------*/

/* 共通ユーティリティ */
#pg_merge_dl {
    color: #334155;
    line-height: 1.73;
    font-size: 1.7rem;
    overflow-x: hidden;
    background: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
}

#pg_merge_dl p {
    margin: 0;
    font-weight: 400 !important;
    color: #334155;
}

#pg_merge_dl .pc-only {
    display: block;
}

#pg_merge_dl .sp-only {
    display: none;
}

#pg_merge_dl .one-line-nowrap {
    white-space: nowrap !important;
    display: inline-block;
}

/* ヒーローセクション（FV） */
#pg_merge_dl .fv-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
    background: #fff;
    overflow: hidden;
}

#pg_merge_dl .fv-bg-container {
    position: absolute;
    inset: 0;
    z-index: 0;
}

#pg_merge_dl .fv-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#pg_merge_dl .fv-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
}

#pg_merge_dl .fv-content-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

#pg_merge_dl .fv-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#pg_merge_dl .fv-left {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#pg_merge_dl .fv-text-group {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: left;
}

#pg_merge_dl .fv-tagline {
    font-size: 1.4rem;
    font-weight: 700 !important;
    letter-spacing: 0.2em;
    color: #1a46a7;
}

#pg_merge_dl .fv-title {
    font-size: 1.65rem;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #000;
}

#pg_merge_dl .fv-description {
    font-size: 1.6rem;
    color: #334155;
    font-weight: 500 !important;
}

#pg_merge_dl .fv-accent {
    color: #1a46a7;
    font-weight: 700 !important;
}

#pg_merge_dl .fv-visual-stack {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin-top: 40px;
}

#pg_merge_dl .img-screenshot-bg {
    width: 92%;
    margin-left: 8%;
    box-shadow: 0 25px 60px rgba(0,0,0,0.18);
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fff;
}

#pg_merge_dl .img-screenshot-bg img {
    width: 100%;
    height: auto;
    display: block;
}

#pg_merge_dl .img-doc-front {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 52%;
    z-index: 10;
    filter: drop-shadow(0 25px 40px rgba(0,0,0,0.4));
    transform: rotate(-2.5deg);
}

#pg_merge_dl .img-doc-front img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    display: block;
}

#pg_merge_dl .fv-right-form {
    width: 100%;
    padding-top: 50px;
}

#pg_merge_dl .instruction-box {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 15px;
}

#pg_merge_dl .inst-text-main {
    font-size: 1.5rem;
    font-weight: 700 !important;
    color: #000;
    line-height: 1.3;
}

#pg_merge_dl .inst-text-sub {
    font-size: 1.3rem;
    color: #dc2626;
    font-weight: 700 !important;
    margin-top: 7.5px;
}

#pg_merge_dl .form-wrapper {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 10px;
    border: 1px solid #f1f5f9;
}

/* メインコンテンツラップ */
#pg_merge_dl .main-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 15px;
}

#pg_merge_dl .content-section {
    margin-bottom: 60px;
}

#pg_merge_dl .section-title {
    font-size: 2.0rem;
    font-weight: 700 !important;
    text-align: center;
    color: #1e293b;
    margin-bottom: 20px;
}

/* 3ステップ */
#pg_merge_dl .step-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 20px;
}

#pg_merge_dl .step-box {
    position: relative;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 4.5rem 2.5rem 3.5rem;
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

#pg_merge_dl .step-number {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    background: #1a46a7;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700 !important;
    font-size: 1.8rem;
    border: 2px solid #fff;
}

#pg_merge_dl .step-text {
    font-size: 1.6rem;
    font-weight: 700 !important;
    color: #334155;
    margin: 0;
}

/* レポートセクション */
#pg_merge_dl .border-title {
    font-size: 1.8rem;
    font-weight: 700 !important;
    border-left: 8px solid #1a46a7;
    padding-left: 10px;
    margin-bottom: 30px;
    color: #0f172a;
}

#pg_merge_dl .report-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#pg_merge_dl .report-text-side p {
    font-size: 1.6rem;
    color: #334155;
    margin-bottom: 15px;
    line-height: 1.8;
}

#pg_merge_dl .inline-link {
    color: #1a46a7;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 400 !important;
}

#pg_merge_dl .report-visual-side {
    position: relative;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    height: fit-content;
    align-self: center;
}

#pg_merge_dl .report-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    cursor: zoom-in;
}

#pg_merge_dl .report-image-wrapper img {
    width: 100%;
    display: block;
}

#pg_merge_dl .report-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to left, #ffffff 0%, transparent 40px);
    pointer-events: none;
    z-index: 10;
}

/* セキュリティカード */
#pg_merge_dl .security-card {
    background: #f8fafc;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 60px;
    border: 1px solid #f1f5f9;
}

#pg_merge_dl .security-title {
    font-size: 1.8rem;
    font-weight: 700 !important;
    color: #1a46a7;
    text-align: center;
    margin-bottom: 25px;
}

#pg_merge_dl .security-inner {
    max-width: 750px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

#pg_merge_dl .security-desc {
    text-align: center;
}

#pg_merge_dl .security-feature-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 0;
    align-items: flex-start;
    text-align: left;
    margin: 0 auto;
    width: fit-content;
}

#pg_merge_dl .feature-item {
    display: flex;
    gap: 12.5px;
}

#pg_merge_dl .feature-icon {
    color: #1a46a7;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

#pg_merge_dl .feature-text {
    font-weight: 700 !important;
    color: #1e293b;
    font-size: 1.4rem;
}

#pg_merge_dl .security-footer {
    text-align: center;
}

/* フッターCTA */
#pg_merge_dl .footer-cta {
    padding-top: 30px;
    text-align: center;
    border-top: 1px solid #f1f5f9;
}

#pg_merge_dl .footer-desc-box {
    border: 1px solid #e2e8f0;
    padding: 2.5rem 2rem;
    width: 90%;
    max-width: 520px;
    margin: 4rem auto 3rem !important;
    border-radius: 8px;
}

#pg_merge_dl .footer-desc-text {
    font-size: 1.5rem;
    color: #64748b;
}

#pg_merge_dl .footer-form-area {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

/* モーダル */
#pg_merge_dl .araxis-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

#pg_merge_dl .modal-img-content {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    cursor: default;
    border-radius: 8px;
    border: 1px solid #666;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
}

#pg_merge_dl .modal-close-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

/* スマホ表示専用設定 */
@media (max-width: 767px) {
    #pg_merge_dl .pc-only {
        display: none !important;
    }

    #pg_merge_dl .sp-only {
        display: inline !important;
    }

    #pg_merge_dl .main-content-wrapper {
        padding: 40px 25px;
    }

    #pg_merge_dl .step-number {
        left: -10px;
    }

    #pg_merge_dl .instruction-box br.sp-only {
        display: block !important;
        content: "";
        margin-bottom: 0px;
    }

    #pg_merge_dl .security-desc,
    #pg_merge_dl .security-footer {
        font-size: 1.4rem !important;
    }

    #pg_merge_dl .cta-message {
        font-size: 1.5rem !important;
    }

    #pg_merge_dl .footer-desc-text {
        font-size: 1.4rem !important;
    }

    #pg_merge_dl .cta-message br,
    #pg_merge_dl .footer-desc-text br {
        display: none !important;
    }
    
    #pg_merge_dl .footer-desc-box {
        margin: 4rem auto 3rem !important;
    }

    #pg_merge_dl .footer-form-area {
        padding-top: 2rem;
    }
}

/* PC・タブレット表示用設定 */
@media (min-width: 768px) {
    #pg_merge_dl .fv-section {
        padding-top: 180px;
        padding-bottom: 80px;
    }

    #pg_merge_dl .fv-grid {
        gap: 120px;
    }

    #pg_merge_dl .fv-text-group {
        gap: 20px;
    }

    #pg_merge_dl .fv-tagline {
        font-size: 1.6rem;
    }

    #pg_merge_dl .fv-title {
        font-size: 3.35rem;
    }

    #pg_merge_dl .fv-description {
        font-size: 1.8rem;
    }

    #pg_merge_dl .fv-right-form {
        padding-top: 0;
    }

    #pg_merge_dl .instruction-box {
        margin-bottom: 25px;
        text-align: center !important;
    }

    #pg_merge_dl .inst-text-main {
        font-size: 1.8rem;
    }

    #pg_merge_dl .inst-text-sub {
        font-size: 1.4rem;
    }

    #pg_merge_dl .form-wrapper {
        padding: 20px;
    }

    #pg_merge_dl .main-content-wrapper {
        padding: 60px 15px;
    }

    #pg_merge_dl .content-section {
        margin-bottom: 90px;
    }

    #pg_merge_dl .section-title {
        font-size: 2.4rem;
        margin-bottom: 40px;
    }

    #pg_merge_dl .step-grid {
        flex-direction: row;
        gap: 30px;
    }

    #pg_merge_dl .report-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px;
        align-items: center;
    }

    #pg_merge_dl .report-visual-side {
        margin-bottom: 0;
    }

    #pg_merge_dl .border-title {
        font-size: 2.2rem;
        padding-left: 15px;
    }

    #pg_merge_dl .security-card {
        border-radius: 30px;
        padding: 40px;
    }

    #pg_merge_dl .security-title {
        font-size: 2.2rem;
    }

    #pg_merge_dl .security-feature-grid {
        flex-direction: row;
        gap: 20px;
        padding: 20px 0;
    }

    #pg_merge_dl .feature-text {
        font-size: 1.6rem;
    }

    #pg_merge_dl .feature-icon {
        width: 32px;
        height: 32px;
    }
    
    #pg_merge_dl .footer-desc-box {
        margin-bottom: 7rem !important;
    }
}

/* デスクトップ表示用詳細設定 */
@media (min-width: 1024px) {
    #pg_merge_dl .fv-grid {
        display: grid;
        grid-template-columns: 1fr 600px;
        gap: 120px;
    }

    #pg_merge_dl .fv-right-form {
        width: 600px;
    }

    #pg_merge_dl .report-grid {
        gap: 40px;
    }
}

/*--------------------------------------------------
    ホワイトペーパー ダウンロード申し込みページ兼LPのCSS
--------------------------------------------------*/

#araxis_wp_dl {
    color: #334155;
    line-height: 1.73;
    font-size: 1.7rem;
    overflow-x: hidden;
    background: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
}

#araxis_wp_dl p {
    margin: 0;
    font-weight: 400 !important;
    color: #334155;
}

/* 表示制御 */
#araxis_wp_dl .pc-only { display: none; }
#araxis_wp_dl .sp-only { display: inline; }

@media (min-width: 768px) {
    #araxis_wp_dl .pc-only { display: block; }
    #araxis_wp_dl .sp-only { display: none; }
}

/* ヒーローセクション */
#araxis_wp_dl .fv-section {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
    background: #fff;
    overflow: hidden;
}

#araxis_wp_dl .fv-bg-container {
    position: absolute;
    inset: 0;
    z-index: 0;
}

#araxis_wp_dl .fv-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 88% center;
}

#araxis_wp_dl .fv-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
}

#araxis_wp_dl .fv-content-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

#araxis_wp_dl .fv-grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#araxis_wp_dl .fv-tagline {
    font-size: 1.4rem;
    font-weight: 700 !important;
    letter-spacing: 0.2em;
    color: #1a46a7;
    margin-bottom: 1.5rem;
}

#araxis_wp_dl .fv-title {
    font-size: 1.65rem;
    font-weight: 700 !important;
    line-height: 1.4;
    color: #000;
}

#araxis_wp_dl .fv-title-sub {
    font-size: 0.75em;
    color: #1e293b;
    font-weight: 500 !important;
    display: block;
    margin-top: 0.5rem;
    line-height: 1.4;
}

#araxis_wp_dl .fv-description {
    font-size: 1.6rem;
    color: #334155;
    font-weight: 500 !important;
    margin-top: 1.5rem;
    line-height: 1.73;
}

#araxis_wp_dl .fv-accent {
    color: #1a46a7;
    font-weight: 700 !important;
}

/* FVビジュアル構成 */
#araxis_wp_dl .fv-visual-stack {
    position: relative;
    width: 100%;
    max-width: none;
    margin-top: 40px;
}

#araxis_wp_dl .img-screenshot-bg {
    width: 80%; 
    margin-left: 20%; 
    box-shadow: 0 25px 60px rgba(0,0,0,0.18);
    border-radius: 4px;
    border: 1px solid #eee;
    background: #fff;
}

#araxis_wp_dl .img-screenshot-bg img {
    width: 100%;
    height: auto;
    display: block;
}

#araxis_wp_dl .img-doc-front {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 52%;
    z-index: 10;
    filter: drop-shadow(0 25px 40px rgba(0,0,0,0.4));
    transform: rotate(-2.5deg);
}

#araxis_wp_dl .img-doc-front img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    display: block;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* フォーム注釈 */
#araxis_wp_dl .fv-right-form {
    width: 100%;
    padding-top: 50px;
}

#araxis_wp_dl .inst-area {
    text-align: center;
    margin-bottom: 2.5rem;
}

#araxis_wp_dl .inst-text-main {
    font-size: 1.5rem;
    font-weight: 700 !important;
    color: #000;
    line-height: 1.375;
}

#araxis_wp_dl .inst-text-sub {
    font-size: 1.3rem;
    color: #dc2626;
    font-weight: 700 !important;
    margin-top: 0.75rem;
    line-height: 1.375;
}

#araxis_wp_dl .form-wrapper {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 10px;
    border: 1px solid #f1f5f9;
}

/* メインコンテンツ */
#araxis_wp_dl .main-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 15px;
}

#araxis_wp_dl .content-section {
    padding-top: 4rem;
    padding-bottom: 0;
}

#araxis_wp_dl .content-section:last-of-type {
    padding-bottom: 4rem;
}

#araxis_wp_dl .section-title {
    font-size: 2.0rem;
    font-weight: 700 !important;
    text-align: center;
    color: #1e293b;
    margin-bottom: 20px;
}

/* 3ステップ */
#araxis_wp_dl .step-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 20px;
}

#araxis_wp_dl .step-box {
    position: relative;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    padding: 3.5rem 1.5rem 2rem;
    text-align: center;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 110px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

#araxis_wp_dl .step-number {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 40px;
    height: 40px;
    background: #1a46a7;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700 !important;
    font-size: 1.8rem;
    border: 2px solid #fff;
}

#araxis_wp_dl .step-text {
    font-size: 1.6rem;
    font-weight: 700 !important;
    color: #334155;
    line-height: 1.625;
}

/* 本文エリア */
#araxis_wp_dl .border-title {
    font-size: 1.8rem;
    font-weight: 700 !important;
    border-left: 8px solid #1a46a7;
    padding-left: 10px;
    margin-bottom: 30px;
    color: #0f172a;
}

#araxis_wp_dl .body-text-area p {
    font-size: 1.4rem;
    color: #475569;
    margin-bottom: 4rem;
    line-height: 1.8;
}

#araxis_wp_dl .pt-8 {
    padding-top: 2rem;
}

/* 強調ボックス */
#araxis_wp_dl .content-highlight-box {
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 2.5rem 2rem 2.5rem 2rem;
    border-radius: 12px;
    max-width: 640px; 
    margin: 4rem auto !important; 
    text-align: left;
    font-size: 1.5rem;
}

#araxis_wp_dl .highlight-intro {
    font-weight: 700 !important;
    color: #0f172a;
    margin-bottom: 1rem !important;
    font-size: inherit;
}

#araxis_wp_dl .highlight-list {
    list-style: disc;
    padding-left: 1.5rem;
    color: #475569;
    font-size: inherit;
}

#araxis_wp_dl .highlight-list li {
    margin-bottom: 0.5rem;
    font-weight: 400 !important;
}

/* 本文画像コンテナ */
#araxis_wp_dl .body-image-container {
    width: 100%;
    margin-top: 4rem; 
    margin-bottom: 0; 
    text-align: center; 
}

#araxis_wp_dl .body-image-wrapper {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 420px; 
    cursor: zoom-in;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-radius: 8px;
    border: 1px solid #eee;
}

#araxis_wp_dl .body-image-wrapper img {
    width: 100%;
    display: block;
}

#araxis_wp_dl .image-caption {
    font-size: 1.3rem;
    color: #64748b;
    font-weight: 400 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 4rem;
    display: block;
    text-align: center;
}

/* ターゲットセクション */
#araxis_wp_dl .target-section {
    padding: 3rem 0;
    border-top: 1px solid #f1f5f9;
    text-align: center;
}

#araxis_wp_dl .target-title {
    font-size: 1.8rem;
    font-weight: 700 !important;
    margin-bottom: 2.5rem;
    color: #0f172a;
}

#araxis_wp_dl .target-list {
    display: inline-block;
    text-align: left;
}

#araxis_wp_dl .target-list-item {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

/* 丸の垂直位置 */
#araxis_wp_dl .target-bullet-circle {
    width: 10px;
    height: 10px;
    background-color: #1a46a7;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.8rem; 
}

#araxis_wp_dl .target-item-text {
    font-size: 1.45rem;
    font-weight: 500 !important;
    color: #475569;
    line-height: 1.5;
}

/* 下部案内ボックス */
#araxis_wp_dl .footer-desc-box {
    border: 1px solid #e2e8f0; 
    padding: 2.5rem 2rem;
    width: 90%;
    max-width: 560px;
    margin-top: 4rem !important;
    margin-bottom: 3rem !important; 
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    display: block;
}

#araxis_wp_dl .footer-desc-text {
    font-size: 1.4rem;
    color: #64748b;
    line-height: 2.0;
}

#araxis_wp_dl .footer-form-area {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 2rem; 
}

/* 画像拡大用モーダル */
#araxis_wp_dl .araxis-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

#araxis_wp_dl .modal-img-content {
    max-width: 90%;
    max-height: 90%;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
    cursor: default;
    border-radius: 8px;
    border: 1px solid #666;
}

#araxis_wp_dl .modal-close-btn {
    position: absolute;
    top: 20px;
    right: 25px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    line-height: 1;
}

/* レスポンシブ同期設定 */
@media (max-width: 767px) {
    #araxis_wp_dl .main-content-wrapper { padding: 40px 25px; }
    #araxis_wp_dl .step-number { left: -10px; }
}

@media (min-width: 768px) {
    #araxis_wp_dl .fv-section { padding-top: 180px; padding-bottom: 80px; }
    #araxis_wp_dl .fv-grid { gap: 120px; }
    #araxis_wp_dl .fv-tagline { font-size: 1.6rem; }
    #araxis_wp_dl .fv-title { font-size: 3.35rem; }
    #araxis_wp_dl .fv-title-sub { font-size: 0.75em; margin-top: 0.5rem; line-height: 1.4; }
    #araxis_wp_dl .fv-description { font-size: 1.8rem; margin-top: 2rem; }
    #araxis_wp_dl .fv-visual-stack { max-width: 535px; }
    #araxis_wp_dl .fv-right-form { padding-top: 0; }
    #araxis_wp_dl .inst-area { margin-bottom: 2.5rem; }
    #araxis_wp_dl .inst-text-main { font-size: 1.8rem; }
    #araxis_wp_dl .inst-text-sub { font-size: 1.4rem; margin-top: 0.75rem; }
    #araxis_wp_dl .form-wrapper { padding: 20px; }
    #araxis_wp_dl .main-content-wrapper { padding: 60px 15px; }
    #araxis_wp_dl .content-section { padding-top: 6rem; }
    #araxis_wp_dl .section-title { font-size: 2.4rem; margin-bottom: 40px; }
    #araxis_wp_dl .step-grid { flex-direction: row; gap: 30px; }
    #araxis_wp_dl .step-box { 
        padding: 4.5rem 2.5rem 3.5rem;
        min-height: 140px;
        max-width: none;
        margin: 0;
    }
    #araxis_wp_dl .step-text { line-height: 1.625; }
    #araxis_wp_dl .border-title { font-size: 2.2rem; }
    #araxis_wp_dl .body-text-area p {
        font-size: 1.7rem;
        margin-bottom: 4rem;
    }
    #araxis_wp_dl .body-text-area p.mb-adj {
        margin-bottom: 6rem;
        font-size: 1.5rem;
    }
    #araxis_wp_dl .content-highlight-box { padding: 2.5rem 3rem 2.5rem 6.5rem !important; font-size: 1.6rem; }
    #araxis_wp_dl .highlight-intro { font-size: 1.6rem; }
    #araxis_wp_dl .highlight-list { font-size: 1.6rem; }
    #araxis_wp_dl .body-image-container { margin-bottom: 0; }
    #araxis_wp_dl .target-section { padding: 4rem 0; }
    #araxis_wp_dl .target-title { font-size: 2.2rem; margin-bottom: 3.5rem; }
    #araxis_wp_dl .target-item-text { font-size: 1.6rem; line-height: 1.5; }
    #araxis_wp_dl .footer-desc-box { margin-bottom: 7rem !important; }
    #araxis_wp_dl .footer-desc-text { font-size: 1.5rem; }
    #araxis_wp_dl .footer-form-area { padding-top: 0; }
}

@media (min-width: 1024px) {
    #araxis_wp_dl .fv-grid {
        display: grid;
        grid-template-columns: minmax(0, 535px) 600px;
        justify-content: center;
        column-gap: 120px;
    }
    #araxis_wp_dl .fv-right-form { width: 600px; }
}

/*--------------------------------------------------
    価格表ページ CTAバナー設置
--------------------------------------------------*/

.araxis_merge_download_conversion.pd-wide-cta {
	display: flex;
	width: auto;
	max-width: 100%;
	margin: 2.0rem 0 6.0rem;
	padding: 0;
	position: relative;
	font-size: 1.7rem;
	background-color: #e9f2e9;
	border-radius: 0.4rem;
	text-decoration: none !important;
	overflow: visible;
	justify-content: flex-start;
	border: 0.1rem solid rgba(0,0,0,0.05);
	box-shadow: 0 0.4rem 1.5rem rgba(0,0,0,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.araxis_merge_download_conversion.pd-wide-cta:hover {
	transform: translateY(-0.2rem);
	box-shadow: 0 1.0rem 2.5rem rgba(0,0,0,0.15);
}

.pd-banner-unit {
	flex: 0 0 25.0rem;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-right: 0.1rem solid rgba(0,0,0,0.05);
	border-radius: 0.4rem 0 0 0.4rem;
	overflow: hidden;
}

.pd-thumb {
	width: 100%;
	height: 13.0rem;
	overflow: hidden;
	line-height: 0;
}

.pd-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 70%;
	border: none !important;
	margin: 0 !important;
}

.pd-joined-band {
	background-color: #119a20;
	padding: 1.2rem 0.8rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pd-cta-capsule {
	border: 0.2rem solid #fff;
	background-color: transparent;
	padding: 0.6rem 1.6rem;
	border-radius: 10.0rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	transition: all 0.25s ease;
}

.pd-cta-label {
	color: #fff !important;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}

.cta-icon-svg {
	width: 1.6rem;
	height: 1.6rem;
	fill: #fff;
	display: block;
	transition: transform 0.25s ease;
}

.araxis_merge_download_conversion.pd-wide-cta:hover .pd-cta-capsule {
	background-color: #fff;
}

.araxis_merge_download_conversion.pd-wide-cta:hover .pd-cta-label {
	color: #119a20 !important;
}

.araxis_merge_download_conversion.pd-wide-cta:hover .cta-icon-svg {
	fill: #119a20;
	transform: translateX(0.4rem);
}

.pd-content-area {
	flex: 1;
	padding: 2.0rem 3.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	text-align: left;
}

.pd-copy-main {
	font-size: 2.2rem;
	margin-bottom: 1.6rem;
	line-height: 1.4;
}

.pd-cta-tag {
	color: #911313 !important;
	font-weight: 700;
}

.pd-main-title {
	color: #e95555 !important;
	font-weight: 500;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) !important;
	display: inline;
}

.pd-copy-sub {
	font-size: 1.6rem !important;
	color: #555 !important;
	line-height: 1.7;
	font-weight: 400;
	max-width: 90%;
	margin-top: 1.0rem;
	display: block;
}

.pd-info-badge {
	position: absolute;
	bottom: 2.0rem;
	right: 2.0rem;
	background-color: #ffedb3;
	color: #911313;
	font-size: 1.6rem;
	font-weight: 900;
	padding: 0.8rem 1.8rem;
	border-radius: 0.6rem;
	box-shadow: 0 0.6rem 1.5rem rgba(0,0,0,0.2);
	transform: rotate(-5deg);
	border: 0.2rem solid #fff;
	z-index: 10;
	pointer-events: none;
	white-space: nowrap;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
	.araxis_merge_download_conversion.pd-wide-cta {
		flex-direction: column !important;
		margin: 0 10px 4.0rem !important;
		padding: 0 !important;
		display: flex !important;
	}
	.pd-banner-unit {
		flex: 0 0 auto !important;
		width: 100% !important;
		border-right: none !important;
		border-radius: 0 0 0.4rem 0.4rem !important;
		display: flex !important;
		flex-direction: column !important;
        order: 2 !important;
	}
	.pd-thumb {
        display: none !important;
	}
	.pd-content-area {
		padding: 2.0rem 1.5rem 2.0rem !important;
		text-align: left !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
    .pd-copy-main {
	    font-size: 2rem;

    }
	.pd-copy-sub {
		max-width: 100% !important;
		font-size: 1.4rem !important;
		margin-top: 0.5rem !important;
		margin-bottom: 1.0rem !important;
	}
	.pd-joined-band {
		width: 100% !important;
		border-radius: 0 0 0.4rem 0.4rem !important;
		padding: 1.5rem 0 !important;
	}
	.pd-info-badge {
        position: static !important;
		display: block !important;
		transform: none !important;
		margin: 0 13px 20px !important;
		font-size: 1.4rem !important;
		padding: 6px 12px !important;
		width: fit-content !important;
		order: -1 !important;
	}
}

/*--------------------------------------------------
    製品ページ FV改善とCTAバナー設置
--------------------------------------------------*/

#pg_merge #main .mainVisual {
	padding: 0 !important;
	height: 375px !important;
	position: relative !important;
	z-index: 15 !important;
	background-image: url("/araxis/merge/img/pg_merge/mainvisual_bg.jpg") !important;
	background-size: cover !important;
	background-position: center top !important;
	display: flex !important;
	align-items: center !important;
	color: #fff !important;
	overflow: visible !important;
}

#pg_merge #main .mainVisual::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: rgba(10, 15, 40, 0.25) !important;
	z-index: -1 !important;
	pointer-events: none !important;
}

#pg_merge .fv-grid {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	gap: 4rem !important;
	margin-top: 35px !important;
}

#pg_merge .fv-left {
	flex: 0 0 543px !important;
	text-align: left !important;
}

#pg_merge .product-name-highlight {
	color: #fff176 !important;
	font-size: 1.3em !important;
	display: inline-block !important;
	margin-right: 0.8rem !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
	vertical-align: middle !important;
}

#pg_merge .fv-left h1 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 2.8rem !important;
	font-weight: 500 !important;
	color: #fff !important;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.4) !important;
	margin: 0 0 1.2rem 0 !important;
	line-height: 1.5 !important;
	letter-spacing: -0.01em !important;
	word-break: keep-all !important;
}

#pg_merge .fv-left p {
	font-size: 1.9rem !important;
	text-align: left !important;
	margin: 0 !important;
	line-height: 1.6 !important;
	color: #fff !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
	font-weight: 400 !important;
}

#pg_merge .fv-center {
	flex: 0 0 329px !important;
	position: relative !important;
	z-index: 20 !important;
}

#pg_merge .banner-unit {
	width: 100% !important;
	text-decoration: none !important;
	display: block !important;
	background-color: #fff !important;
	border-radius: 4px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
	border: 1px solid rgba(255,255,255,0.4) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#pg_merge .banner-unit:hover {
	transform: translateY(-5px) !important;
}

#pg_merge .banner-thumb-wrapper {
	width: 100% !important;
	height: 180px !important;
	overflow: hidden !important;
}

#pg_merge .banner-thumb {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center 70% !important;
}

#pg_merge .banner-cta-band {
	background-color: #119a20 !important;
	padding: 13px 10px !important;
	text-align: center !important;
}

#pg_merge .cta-capsule-button {
	border: 2px solid #fff !important;
	padding: 8px 18px !important;
	border-radius: 50px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	background-color: transparent !important;
	transition: all 0.25s ease !important;
}

#pg_merge .banner-unit:hover .cta-capsule-button {
	background-color: #fff !important;
}

#pg_merge .cta-label {
	color: #fff !important;
	font-size: 1.45rem !important;
	font-weight: 700 !important;
	transition: all 0.25s ease !important;
}

#pg_merge .banner-unit:hover .cta-label {
	color: #119a20 !important;
}

#pg_merge .cta-icon {
	width: 18px !important;
	height: 18px !important;
	fill: #fff !important;
	transition: all 0.25s ease !important;
}

#pg_merge .banner-unit:hover .cta-icon {
	fill: #119a20 !important;
	transform: translateX(4px) !important;
}

#pg_merge .banner-micro-copy {
	color: #fff176 !important;
	font-size: 1.35rem !important;
	text-align: center !important;
	margin-top: 1.2rem !important;
}

#pg_merge .micro-badge {
	position: absolute !important;
	top: 165px !important;
	right: -25px !important;
	background-color: #ffedb3 !important;
	color: #911313 !important;
	font-size: 1.15rem !important;
	font-weight: 800 !important;
	padding: 4px 14px !important;
	border-radius: 6px !important;
	transform: rotate(10deg) !important;
	z-index: 30 !important;
}

#pg_merge .fv-right {
	flex: 0 0 275px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 1.5rem !important;
}

#pg_merge .fv-link-block {
	background: rgba(255,255,255,0.2) !important;
	backdrop-filter: blur(8px) !important;
	border-left: 3px solid #fff !important;
	padding: 1.2rem 1.5rem !important;
	text-decoration: none !important;
	display: block !important;
	transition: 0.3s !important;
}

#pg_merge .fv-link-block:hover {
	background: rgba(255,255,255,0.3) !important;
	padding-left: 2rem !important;
}

#pg_merge .fv-link-title {
	color: #fff !important;
	font-size: 1.6rem !important;
	font-weight: bold !important;
	display: block !important;
	margin-bottom: 0.4rem !important;
}

#pg_merge .fv-link-desc {
	color: #fff !important;
	font-size: 1.3rem !important;
	line-height: 1.4 !important;
}

#pg_merge .pd-wide-cta {
	margin: 3.0rem auto 3.0rem !important;
}

#pg_merge .pd-wide-cta:hover .pd-cta-capsule {
	background-color: #fff !important;
	border-color: #fff !important;
}

/* レスポンシブ対応 */
@media all and (max-width: 1199px) {
	#pg_merge #main .mainVisual {
		height: auto !important;
		padding: 0 0 40px !important;
	}
	#pg_merge .fv-grid {
		flex-direction: column !important;
		gap: 3rem !important;
		width: 100% !important;
	}
	#pg_merge .fv-left, #pg_merge .fv-center, #pg_merge .fv-right {
		flex: 0 0 100% !important;
	}
	#pg_merge .fv-left h1 {
		font-size: 2.2rem !important;
	}
	#pg_merge .fv-left p {
		font-size: 1.6rem !important;
		text-align: center !important;
	}
	#pg_merge .fv-right {
		flex-direction: row !important;
		justify-content: center !important;
		flex-wrap: wrap !important;ßß
		gap: 1.0rem !important;
	}
	#pg_merge .fv-link-block {
		flex: 0 0 280px !important;
	}
    #pg_merge .fv-link-desc {
        text-align: left !important;
        display: block !important;
        padding: 0 4px !important;
}
    .pd-wide-cta .sp-only-br {
		display: block !important;
	}
    .pd-wide-cta .pc-only-br {
        display: none !important;
    }
}

/*--------------------------------------------------
    製品ページ ホワイトペーパーのCTAバナー設置
--------------------------------------------------*/

.wp-wide-cta {
	max-width: 1000px;
	margin: 2.0rem auto 6.5rem;
	text-decoration: none;
	display: flex;
	background-color: #ffc3c3;
	border-radius: 4px;
	overflow: visible;
	position: relative;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.wp-wide-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

#pg_merge .wp-wide-cta:hover .cta-capsule-button {
	background-color: #fff !important;
	border-color: #fff !important;
}

#pg_merge .wp-wide-cta:hover .cta-label {
	color: #911313 !important;
}

#pg_merge .wp-wide-cta:hover .cta-icon {
	fill: #911313 !important;
	transform: translateX(4px) !important;
}

.wp-wide-cta .wp-banner-unit {
	flex: 0 0 250px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-right: 1px solid rgba(0,0,0,0.05);
	border-radius: 4px 0 0 4px;
	overflow: hidden;
}

.wp-wide-cta .wp-thumb {
	width: 100%;
	height: 130px;
	overflow: hidden;
	line-height: 0;
}

.wp-wide-cta .wp-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	border: none !important;
	margin: 0 !important;
}

.wp-wide-cta .wp-joined-band {
	background-color: #911313;
	padding: 12px 8px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-wide-cta .wp-content-area {
	flex: 1;
	padding: 2rem 3.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	text-align: left;
}

.wp-wide-cta .wp-copy-main {
	font-size: 2.2rem;
	font-weight: 700;
	color: #fff !important;
	margin-bottom: 16px;
	line-height: 1.4;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.wp-wide-cta .cta-tag {
	color: #911313 !important;
	text-shadow: none;
	margin-right: 0.2rem;
}

.wp-wide-cta .wp-copy-sub {
	font-size: 1.6rem !important;
	color: #444 !important;
	line-height: 1.7;
	font-weight: 400;
	text-shadow: none;
	max-width: 85%;
}

.wp-wide-cta .wp-new-badge {
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: #ffedb3;
	color: #911313;
	font-size: 1.6rem;
	font-weight: 900;
	padding: 8px 18px;
	border-radius: 6px;
	box-shadow: 0 6px 15px rgba(0,0,0,0.2);
	transform: rotate(-5deg);
	border: 2px solid #fff;
	z-index: 10;
	pointer-events: none;
	white-space: nowrap;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
	.wp-wide-cta {
		flex-direction: column !important;
		max-width: 95% !important;
		margin: 2rem !important;
		padding: 0 !important;
		display: flex !important;
	}
	.wp-wide-cta .wp-banner-unit {
		flex: 0 0 auto !important;
		width: 100% !important;
		border-right: none !important;
		border-radius: 0 0 4px 4px !important;
        order: 2 !important;
	}
	.wp-wide-cta .wp-thumb {
        display: none !important;
	}
	.wp-wide-cta .wp-content-area {
		padding: 2.0rem 1.5rem !important;
		text-align: left !important;
	}
    .wp-wide-cta .wp-copy-main {
	    font-size: 2rem;
    }
	.wp-wide-cta .wp-copy-sub {
		max-width: 100% !important;
		font-size: 1.4rem !important;
	}
	.wp-wide-cta .wp-joined-band {
		border-radius: 0 0 4px 4px !important;
		padding: 1.5rem 0 !important;
	}
	.wp-wide-cta .wp-new-badge {
        position: static !important;
		display: block !important;
		transform: none !important;
		margin: 0 13px 20px !important;
		font-size: 1.4rem !important;
		padding: 6px 12px !important;
		width: fit-content !important;
		order: -1 !important;
    }
    .wp-wide-cta .sp-only-br {
		display: block !important;
	}
    .wp-wide-cta .pc-only-br {
        display: none !important;
    }
}

/*--------------------------------------------------
    製品ページ FAQアコーディオン
--------------------------------------------------*/

#pg_merge .QA_question { 
	margin-bottom: 2.5rem; 
	font-size: 1.7rem; 
	cursor: pointer; 
	position: relative; 
	padding: 1.5rem 5rem 1.5rem 1.5rem; 
	background-color: #f9f9f9; 
	border-left: 0.5rem solid #5148bf;
	transition: background 0.3s;
	font-weight: normal; 
}

#pg_merge .QA_question:hover { 
	background-color: #f0f0f0; 
}

#pg_merge .QA_question::after { 
	content: '+'; 
	position: absolute; 
	right: 2rem; 
	top: 50%; 
	transform: translateY(-50%);
	font-size: 2.4rem; 
	color: #5148bf; 
	font-weight: normal;
}

#pg_merge .QA_question.open::after { 
	content: '-'; 
}

#pg_merge .QA_answer { 
	color: #bd1414; 
	margin-bottom: 3rem; 
	font-size: 1.7rem; 
	padding: 1.5rem; 
	display: none; 
	border-left: 0.5rem solid #eee; 
	background-color: #fff;
}

#pg_merge .QA_answer a {
	color: dodgerblue !important;
}

/*--------------------------------------------------
    PCではスマホ用改行を無効化（共通CSS）
--------------------------------------------------*/

.sp-only-br {
	display: none;
}