@charset "UTF-8";
/*---defaultCSS_reset---*/
.elem-pic-block__holder { background: transparent; }
.elem-heading-lv2 { margin-top: 0; margin-bottom: 1rem; padding-top: 0; }
.elem-heading-lv2 .elem-heading-lv2__heading-container::before,
.elem-heading-lv3 .elem-heading-lv3__heading-container::before { display: none; }
.elem-pic-block__pic-container:first-child:last-child { margin-bottom: 0; }
.salespkg-func-wp .elem-catch p { font-weight: 600; }
.elem-heading-lv3 .elem-heading-lv3__heading-container { padding-left: 0; color: #000; }

.elem-heading-lv1 { background-image: none; background: linear-gradient(45deg, #00488e 50%, #008fd3 50%); color: #fff; }
.elem-heading-lv1 span.test { background-color: #fff; color: #00488e; padding: 2px 8px; margin-right: 8px; font-size: 1.25rem; }
.elem-heading-lv1 h1 { margin-top: 8px; }
.elem-heading-lv1__title-container span b { font-weight: 600; }

@media (min-width: 1025px) { .main-column>div { padding: 0; } }
@media (max-width: 1024px) and (min-width: 569px) { .main-column>div { padding: 0; } }

/*---func---*/
.salespkg-func-wp { color: #000; }
.salespkg-func-innerwp { padding: 0 32px; max-width: 1160px; margin: 0 auto 80px; }

.salespkg-func-wp h2 .test { background-color: #00488e; color: #fff; font-weight: 500 !important; font-size: 1.75rem; padding: 6px 12px; margin-right: 12px; }
.salespkg-func-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #00488e; font-weight: 600; }

.page-nav-wp { margin: 16px 0 48px; }
.page-nav-wp .elem-txt-list__unordered { display: flex; flex-wrap: wrap; justify-content: space-evenly; max-width: 1080px; margin: 0 auto; border: 2px solid #000; border-left: none; box-shadow: 4px 4px 0; }
.page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item { display: block; width: calc(100% / 3); margin: 0 0 -2px -2px; text-align: center; border-bottom: 2px solid #000; border-left: 2px solid #000; }
.page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item a { position: relative; display: block; padding: 10px 16px 32px; color: #000; font-size: 1.125rem; font-weight: 600; }
.page-nav-wp .elem-txt-list--anchor-to-bottom .icon-right-arrow { position: absolute; bottom: 12px; left: 50%; fill: #008fd3; width: 20px; height: 20px; margin: 0; }
.page-nav-wp .elem-txt-list__item>a:hover .icon-right-arrow { fill: #008fd3; }
.page-nav-wp .elem-txt-list--anchor-to-bottom a:hover .icon-right-arrow { bottom: 10px; transition: .15s; }

.block-line { margin: 48px 0 32px; background-color: #ddd; border: 1px solid #ddd; }
.salespkg-func-wp .backtotop-bt-wp a { padding: 16px 16px 16px 48px !important; }

/*---usecase---*/
.salespkg-usecase-wp>.elem-pic-block.elem-pic-block--vertical { margin-bottom: 0; }
.usecase .divide-layout.divide-layout--column-3 { max-width: 1160px; margin: 0 auto; }
.usecase-sec01-wp, .usecase-sec02-wp, .usecase-sec03-wp, .usecase-sec04-wp { padding: 48px 16px 80px; }
.usecase-sec02-wp { background-color: #008fd3; }
.usecase-sec04-wp { background-color: #f1f6f8; }
.salespkg-usecase-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #000; font-weight: 600; text-align: center; margin: 0 16px 32px; }

.usecase-sec01-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { margin-top: 32px; }
.salespkg-usecase-wp .circle-list-wp.issue, .salespkg-usecase-wp .circle-list.solution { padding: 0; }
.salespkg-usecase-wp .circle-list-wp.issue,.salespkg-usecase-wp .circle-list.solution { max-width: 1080px; margin: 0 auto; }
.salespkg-usecase-wp .circle-list-wp.issue li,.salespkg-usecase-wp .circle-list.solution li { display: flex; align-items: center; padding: 16px; border: 2px solid #ddd; margin-bottom: 32px; border-radius: 16px; background-color: #fff; }
.step-ico { display: inline-block; width: 5rem; min-width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; text-align: center; line-height: 5rem; color: #fff; font-weight: 500; margin-right: 16px; font-size: 1.125rem; }
.step-title { font-size: 1.5rem; font-weight: 600; margin: 0 16px 0 0; min-width: 5rem; }
.step-txt { font-size: 1.5rem; font-weight: 600; color: #000; }
.step-subtxt { display: block; font-weight: normal; font-size: 1rem; }

.usecase-sec02-wp { position: relative; padding-top: 80px; }
.usecase-sec02-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.usecase-sec02-wp::before {
content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-top: 50px solid #fff; }
.usecase-sec02-wp .step-ico { background-color:#00488e; }
.usecase-sec02-wp .elem-paragraph.align-left p { max-width: 1080px; margin: 0 auto; color: #000; font-size: 1.125rem; }

.usecase-sec03-innerwp { max-width: 1080px; margin: 0 auto 32px; padding: 32px; background-color: #fff; border: 2px solid #ddd; border-radius: 15px; }
.usecase-sec03-innerwp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-weight: 600; font-size: 1.75rem; }
.usecase-sec03-innerwp  .elem-btn .elem-btn__container { border: none; background-color: #000; color: #fff; border-radius: 3rem; text-align: center; }
.usecase-sec03-innerwp  .elem-btn .icon-right-arrow { fill:#fff; }

.casestudy-wp { max-width: 1080px; margin: 0 auto; padding: 32px; background-color: #fff; border: 2px solid #ddd; border-radius: 15px; }
.casestudy-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-weight: 600; font-size: 1.75rem; }
.casestudy-wp .elem-btn .elem-btn__container { border: none; background-color: #000; color: #fff; border-radius: 3rem; text-align: center; }
.casestudy-wp .elem-btn .icon-right-arrow { fill:#fff; }
.casestudy-wp .divide-layout__item:nth-of-type(2) .elem-pic-block__holder>div img { border-radius: 16px; }
.casestudy-wp .elem-txt-list--description .elem-txt-list__description-term, .casestudy-wp .elem-txt-list--description .elem-txt-list__description-txt { color:#000; }

.usecase { padding: 48px 16px 80px; }
.usecase .divide-layout__item { padding: 32px; border-radius: 15px; background-color: #f1f6f8; }
.usecase .divide-layout__item .elem-paragraph p { display: inline-block; background-color: #00488e; color: #fff; padding: 2px 10px; }
.usecase .divide-layout__item .elem-txt-list__unordered { display: none; }
/* .usecase .divide-layout__item:first-of-type { background-color: #00488e; }
.usecase .divide-layout__item:first-of-type .elem-paragraph p { color:#00488e; }
.usecase .divide-layout__item:nth-of-type(2) { background-color: #008fd3; }
.usecase .divide-layout__item:nth-of-type(2) .elem-paragraph p { color:#008fd3; }
.usecase .divide-layout__item:nth-of-type(3) { background-color: #112f4c; }
.usecase .divide-layout__item:nth-of-type(3) .elem-paragraph p { color:#112f4c; } */
.usecase .elem-heading-lv5 h5 { color: #000; }
.usecase .elem-pic-block__holder>div img { border-radius: 10px }

.salespkg-usecase-wp .backtotop-bt-wp { display: flex; align-items: center; max-width: 1160px; margin: 0 auto; justify-content: space-evenly; }
.salespkg-usecase-wp .backtotop-bt-wp .elem-btn--larger { width: calc(98% / 2); }
.salespkg-usecase-wp .backtotop-bt-wp .elem-btn__container { min-height: 100px; display: flex; align-items: center; justify-content: center; }
.salespkg-usecase-wp .backtotop-bt-wp .elem-btn--larger:nth-of-type(2) .icon-right-arrow { right: 2rem !important; top: 50% !important; rotate: none; left: initial; }
.salespkg-usecase-wp .backtotop-bt-wp .elem-btn--larger .elem-btn__holder { padding: 16px; }


.backtotop-bt-wp { padding: 0 16px; }
.backtotop-bt-wp .elem-btn__container {
    background-color: #fff !important;
    color: #000 !important;
    border: none !important;
    border-radius: 4rem;
    max-width: 32rem !important;
    padding: 0 48px !important;
    font-size: 1.25rem;
    text-align: center;
    border: 2px solid #000 !important;
    border-bottom: 6px solid #000 !important;
}
.backtotop-bt-wp .elem-btn--larger .icon-right-arrow { left: 2rem; rotate: 180deg; top: 34% !important; fill: #000 !important; }


/*---- お問い合わせ ----*/
.salespkg-contact-wp { background-color: #112f4c; padding: 48px 16px 80px; }
.salespkg-contact-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; text-align: center; }
.salespkg-contact-wp .elem-txt-list--column-4 { background-color: #112f4c; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item { display: block; width: calc( 92% / 3 ); border: none; border-radius: 3rem; margin: .5rem .5rem; font-size: 1.25rem; text-align: center; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__unordered { justify-content: center; max-width: 1160px; margin: 0 auto; }
.salespkg-contact-wp .elem-txt-list__unordered a { border: none; }
.salespkg-contact-wp .elem-txt-list__unordered a:hover { border: none; box-shadow: 5px 5px 10px rgba(0, 0, 0, .8); }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item div { position: relative; padding: 1rem; font-weight: bold; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item .icon-new-window { display: none; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item::before { border: none; }
.salespkg-contact-wp .elem-txt-list__item span { padding: 0 32px; }
/*お問い合わせボタン*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:first-of-type { color: #fff; background-color: #008fd3 !important; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:first-of-type div::before { content: url(/image.jsp?id=17391); position: absolute; top: 30%; left: 2rem; width: 30px; height:23px; }
/*試用版*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:nth-of-type(2) { background-color: #fffbe6 !important; color:#000; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:nth-of-type(2) div::before { content: url(/image.jsp?id=17392); position: absolute; top: 28%; left: 2rem; width: 30px; height:30px; }
/*資料DL*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:last-of-type { background-color: #aee6fd !important; color:#000; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:last-of-type div::before { content: url(/image.jsp?id=17393); position: absolute; top: 26%; left: 2rem; width: 30px; height:33px; }

/*---- お試し ----*/
.salespkg-trial-wp { background-color: #008fd3; padding: 48px 16px 80px; }
.salespkg-trial-wp .elem-pic-block.elem-pic-block--horizontal.elem-pic-block--img-right { width: 1160px; margin: 0 auto; }
.salespkg-trial-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.salespkg-trial-wp .elem-paragraph p { color: #fff; font-size: 1.125rem; }
.salespkg-trial-wp .elem-btn__container { background-color: #fff !important; color: #000 !important; border: none !important; border-radius: 4rem; max-width: 28rem !important; padding: 32px !important; font-size: 1.25rem; text-align: center; border: 2px solid #000 !important; border-bottom: 6px solid #000 !important; }
.salespkg-trial-wp .elem-btn .icon-new-window, .elem-btn .elem-btn__container:hover .icon-new-window { fill: #000; }


@media (min-width:769px){ .pc-none { display: none; } }/*min-width769*/
@media (max-width:768px){
    /*---defaultCSS_reset---*/
    .main-column>div { padding: 0; }
    .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-size: 2.35rem; line-height: 1.5; }
    .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-size: 2rem; line-height: 1.5; }
    .elem-paragraph p { font-size: 1.2rem; }

    .elem-heading-lv1 span.test { font-size: .92rem; padding: 2px; }
    .elem-heading-lv1__sub-container--upper p { font-size: 1rem; }
    
    /*---func---*/
    .salespkg-func-innerwp { padding: 0px 16px; }
    .page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item { width: calc(100% / 2); }
    .page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item:first-child>a { border-top: none; }
    .page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item>a { border-bottom: none; }
    .page-nav-wp .elem-txt-list--anchor-to-bottom .icon-right-arrow { top: initial !important; bottom: 0; }
    .page-nav-wp .elem-txt-list--horizontal .elem-txt-list__item a { font-size: 1rem; padding: 10px 6px 32px; }
    .page-nav-wp .elem-txt-list__unordered { box-shadow: 2px 2px 0; }

    .salespkg-func-wp .elem-heading-lv2__title-holder>h2>span { display: table; }
    .salespkg-func-wp h2 .test { display: table-cell; font-size: 1.3rem; margin-bottom: 10px; min-width: 56px; text-align: center; vertical-align: middle; }
    .salespkg-func-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-size: 2rem; }
    .salespkg-func-wp .backtotop-bt-wp a { max-width: 100% !important; }

    /*---usecase---*/
    .usecase-sec01-wp, .usecase-sec03-wp { padding: 32px 16px 48px; }
    .usecase-sec02-wp, .usecase-sec04-wp { padding: 32px 16px 48px; }
    .salespkg-usecase-wp .circle-list-wp.issue { padding-top: 0; }
    .salespkg-usecase-wp .circle-list-wp.issue li, .salespkg-usecase-wp .circle-list.solution li { display: block; margin-bottom: 16px; }
    .step-title { display: block; }
    .step-ico { height: auto; min-width: auto; line-height: 1.5; border-radius: 4px; padding: 4px 6px; }

    .usecase-sec02-wp { padding-top: 80px; }

    .usecase-sec03-innerwp { padding: 32px 16px; }
    .usecase-sec03-innerwp>div>div>div>div>div { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; }
    .usecase-sec03-innerwp .elem-pic-block__txt-container { margin: 0 auto 32px auto; }
    .usecase-sec03-innerwp .elem-btn .elem-btn__container { margin: 0 auto; padding: 1rem 2.2rem; }
    
    .casestudy-wp { padding: 16px; }
    .casestudy-wp .divide-layout__item:first-of-type img { max-width: 140px; height: auto; }
    .casestudy-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-size: 1.5rem; }
    .casestudy-wp .elem-txt-list--description { font-size: 1.2rem; }
    .casestudy-wp .elem-btn .elem-btn__container { max-width: 100%; font-size: 1.3rem; }

    .usecase .elem-heading-lv5 h5 { font-size: 1.5rem; }
    .usecase .divide-layout__item { padding: 16px; }

    .salespkg-usecase-wp .backtotop-bt-wp { display: block; }
    .salespkg-usecase-wp .backtotop-bt-wp .elem-btn--larger { width: 100%; margin: 0 0 16px; }
    .salespkg-usecase-wp .backtotop-bt-wp .elem-btn__container { min-height: 92px; max-width: 100% !important; }
    .salespkg-usecase-wp .backtotop-bt-wp .elem-btn__container { padding: 0 20px !important; }


    /*---- お問い合わせ ----*/
    .salespkg-contact-wp { padding: 32px 16px 48px; }
    .salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__unordered { max-width: 100%; }
    .salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item { width: 100%; margin: 0 0 16px !important; padding: 6px; font-size: 1.35rem; }
    .salespkg-contact-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-size: 2rem; }

}/*max-width768*/

@media (max-width:568px){
.sp-none { display: none; }
}