@charset "utf-8";


.breadcrumb_list {
    display: none;
}

/* rad style */
.rad-color-blue {
    color: #3879FF;
}

.rad-bg-blue {
    color: #fff;
    background: #3879FF;
}

.rad-color-orange {
    color: #f39e00;
}

.rad-color-black {
    color: #000;
}

.rad-bg-orange {
    background: #F9B12B;
    color: #fff;
}

.rad-bg-gray-dark {
    background: #818181;
    color: #fff;
}

h3.rad-bg-box.rad-bg-orange {
    margin: 40px 0;
}

.rad-bg-orange-dark {
    background: #FBF9C9;
}

.rad-bg-white {
    background: #fff;
}

.rad-bg-gray {
    background: #F2F2F2;
}

.rad-bg-yellow {
    background: #FEFFEF;
}

.rad-image-center {
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
}

.rad-image-center img {
    width: 100%;
    height: auto;
}

.rad-content .rad-bg-box {
    padding: 10px 0;
}

.rad-bg-image-blue {
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/mv_bk.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rad-arrow-down-container {
    position: relative;
}

.rad-arrow-down {
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/arrow01.svg);
    z-index: 2;
    position: absolute;
    width: 56px;
    height: 106px;
    background-size: cover;
    left: 0;
    right: 0;
    bottom: -68px;
    margin: auto auto;
}

.rad-container {
    max-width: 1200px;
    margin: 0 auto;
}

.rad-content {
    padding: 60px 0;
}

.rad-card {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 28px;
}

.rad-card-content {
    margin: 0 0 28px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 294px;
    background-repeat: no-repeat;
    width: 279px;
    gap: 5px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0px 7px 6px rgb(106 106 106 / 20%);
    background-size: 240px;
    background-position: bottom 15px center;
}

.rad-content .rad-feature {
    padding: 1% 2% 5% 9%;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.rad-content .rad-feature h3 {
    text-align: left;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/check01.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 29px;
    background-size: 20px;
    background-position: left center;
    margin: 0 0 13px;
    margin-top: 35px;
    font-size: 27px;
}

.rad-content .rad-feature p {
    font-size: 18px;
    padding: 0 0 0 30px;
}

.rad-card-content h4 {
    font-size: 18px;
    display: block;
    padding: 37px 0 0 0;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
}

.rad-content h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px;
}

.rad-content h3 {
    text-align: center;
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 40px;
    font-weight: 600;
}

.rad-card-lg {
    display: flex;
    gap: 0 4%;
}

.rad-card-lg .rad-card-lg-content {
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/analytics_tex.png);
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 0 0 40px;
    height: 548px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-size: 88%;
    background-position: bottom 25px center;
    border-radius: 7px;
    box-shadow: 0px 7px 6px rgb(106 106 106 / 20%);
}

.rad-card-lg .rad-card-lg-title {
    display: flex;
    align-items: center;
    height: 135px;
    justify-content: center;
    flex-direction: column;
}

.rad-card-lg .rad-card-lg-content.rad-card-lg-content-large .rad-card-lg-title {
    height: 180px;
    display: flex;
    justify-content: flex-start;
    padding: 30px 0 0;
}

.rad-card-lg .rad-card-lg-content.rad-card-lg-content-large img {
    margin-bottom: 16px;
    width: 90%;
}

.rad-card-lg .rad-card-lg-title p {
    padding: 0 4% 5px;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.rad-card-lg-content .rad-card-lg-content-large {}

.rad-card-lg .rad-card-lg-content.rad-card-lg-content-large h4 {
    margin: 0 0 15px;
}

.rad-card-lg .rad-card-lg-content h4 {
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px;
}

.rad-card-lg .rad-card-lg-content h4.small {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin: 8px 0 0;
}

.rad-card-lg .rad-card-lg-content img {
    width: 94%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 54px;
}

.rad-card-lg .rad-card-lg-content ul {
    padding: 0 174px 0 77px;
}

.rad-card-lg .rad-card-lg-content li {
    margin: 0 0 10px;
    list-style: disc;
    font-size: 14px;
    line-height: 18px;
}

.rad-content h3.with-arrow {
    margin: 50px 0 10px;
}

.rad-bg-image-blue .rad-content h2 {
    text-align: center;
    font-size: 18px;
    margin: 0 0 25px;
    font-weight: 600;
}

.rad-bg-image-blue .rad-content h2:before {
    content: '＼';
}

.rad-bg-image-blue .rad-content h2:after {
    content: '／';
}

.rad-bg-image-blue .rad-content h3 {
    text-align: center;
    font-size: 30px;
    line-height: 43px;
    color: #fff;
    margin: 0 0 30px;
    font-weight: 600;
}

.rad-content h3 strong {
    font-size: 130%;
    background: linear-gradient(transparent 30%, #fafa58 30%);
}

.rad-contact-container {
    display: flex;
    justify-content: space-between;
    max-width: 654px;
    margin: 0 auto;
}

.rad-contact-button:hover {
    opacity: 0.9;
}

.rad-contact-button {
    display: block;
    text-align: center;
    font-size: 14px;
    width: 46%;
    padding: 22px 0;
    font-weight: 600;
    border-radius: 40px;
    background-repeat: no-repeat;
}

.rad-contact-mail:hover {
    color: #fff;
}

.rad-contact-mail {
    background-size: 22px;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/icon_contact.svg);
    background-position: center right 32%;
}

.rad-contact-download {
    background-size: 20px;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/icon_dl.svg);
    background-position: center right 10%;
    border: solid 2px #3879FF;
}

.rad-contact-mail:after {
    content: 'お問合せ';
}

.rad-contact-download:after {
    content: '資料のダウンロードはこちら';
}

@media screen and (max-width:1220px) {
    .rad-container {
        padding: 40px 20px;
    }
}

@media screen and (max-width:700px) {
    .rad-container {
        padding: 40px 20px;
    }

    .rad-contact-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px 0;
    }

    .rad-contact-button {
        width: 96%;
        padding: 17px 0;
    }

    .rad-contact-mail {
        background-position: center right 25px;
    }

    .rad-contact-download {
        background-position: center right 25px;
    }

}


#rad-main {
    display: block;
}

.rad-header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#rad-header-section {
    padding: 30px 0 50px;
    align-items: flex-start;
}

#rad-header {
    height: 600px;
}


#rad-header-left {
    width: 60%;
    display: flex;
    flex-direction: column;
}

#rad-header-left-top {
    margin: 10px 0 0;
    color: #fff;
    display: flex;
    flex-direction: column;
}

#rad-header-left-top h1 {
    text-align: left;
    font-size: 42px;
    white-space: nowrap;
    margin: 0px 0 5px;
    font-weight: 600;
}
#rad-header-left-top h1 img {
    max-width: 70%;
}

#rad-header-left-top h2 {
    font-weight: 600;
    font-size: 20px;
    background: #fff;
    display: flex;
    align-self: center;
    padding: 10px 30px;
}

#rad-header-left-top ul {
    padding: 0 0 0 27px;
    margin: 40px 0 30px;
}

#rad-header-left-top li {
    font-size: 18px;
    list-style: disc;
    margin: 0 0 12px;
}

#rad-header-left-bottom {}

#rad-header-right {
    width: 50%;
    height: 500px;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/mv_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

ul.rad-service-flow {
    display: flex;
    margin: 0 auto;
    padding: 0;
}

ul.rad-service-flow li {
    font-weight: 600;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/arrow-bg.svg);
    background-repeat: no-repeat;
    text-align: center;
    background-size: contain;
    width: 20%;
    height: 136px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 22px;
    line-height: 26px;
}

@media screen and (max-width:1200px) {
    .rad-card-lg .rad-card-lg-content.rad-card-lg-content-large h4 {
        margin: 0 0 15px;
        font-size: 17px;
    }

    .rad-card-lg .rad-card-lg-title p {
        font-size: 13px;
        margin: 0 0 5px;
    }

    .rad-card-lg .rad-card-lg-content.rad-card-lg-content-large .rad-card-lg-title {
        padding: 20px 0 0;
        height: 153px;
    }

    .rad-card-lg .rad-card-lg-content.rad-card-lg-content-large img {
        margin-bottom: 5px;
    }

    .rad-card-lg .rad-card-lg-content li {
        margin: 0 0 10px;
        font-size: 12px;
    }

    .rad-card-lg .rad-card-lg-title {
        height: 124px;
        padding: 20px 0 0;
    }

    ul.rad-service-flow {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 0 50px;
    }

    ul.rad-service-flow li {
        background-image: url(//www.keywalker.co.jp/images/data-analysis/img/arrow-bg-sp.svg);
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        font-size: 22px;
        line-height: 26px;
        background-position: top center;
        height: 140px;
        margin-bottom: -48px;
        padding: 30px 0 0;
    }

    ul.rad-service-flow li:nth-child(1) {
        z-index: 5;
        padding: 0 0 0;
    }

    ul.rad-service-flow li:nth-child(2) {
        z-index: 4;
    }

    ul.rad-service-flow li:nth-child(3) {
        z-index: 3;
    }

    ul.rad-service-flow li:nth-child(4) {
        z-index: 2;
    }

    ul.rad-service-flow li:nth-child(5) {
        z-index: 1;
    }
}


@media screen and (max-width:1220px) {
    #rad-header {
        height: initial;
    }

    #rad-header-left-top {
        margin: 30px 0 0;
    }

    #rad-header-left-top h1 {
        text-align: center;
        font-size: 21px;
        white-space: initial;
        margin: 0 0 20px;
        font-weight: 700;
        padding: 15px 0;
    }

    #rad-header-right {
        background-position: center center;
        background-size: contain;
        width: 100%;
        height: 300px;
        margin: 30px 0 0;
    }

    #rad-header-section.rad-container {
        padding: 0px 20px 20px;
        flex-direction: column;
    }

    #rad-header-left-top h2 {
        font-size: 11px;
        background: #fff;
        display: flex;
        align-self: center;
        padding: 10px;
        margin: 0 0 15px;
    }

    #rad-header-left-top ul {
        padding: 0 0 0 25px;
        width: fit-content;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #rad-header-left-top li {
        font-size: 12px;
        list-style: disc;
        margin: 0 0 10px;
    }

    #rad-header-left-top li br {
        display: none;
    }

    #rad-header-left {
        width: 100%;
    }

}

.rad-usecase {
    display: flex;
    gap: 30px;
    align-content: stretch;
    align-items: stretch;
    margin: 0 0 60px;
}

.rad-use-wraper {
    border-radius: 15px;
    box-shadow: 0px 7px 6px rgb(106 106 106 / 20%);
}


.rad-use-left {
    flex-grow: 1;
    flex-basis: 33%;
    display: flex;
    flex-direction: column;
    align-content: stretch;
}

.rad-use-wraper.rad-use-left .rad-use-container {
    height: 100%;
}

.rad-use-right {
    flex-grow: 2;
    flex-basis: 67%;
}


h4.rad-use-title {
    font-size: 25px;
    text-align: center;
    border-radius: 15px 15px 0 0;
    padding: 30px 0;
    font-weight: 600;
}

.rad-use-content {
    padding: 30px 0 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rad-use-text {
    display: flex;
    justify-content: center;
    padding: 15px 0 0;
}

.rad-use-arrow {
    height: 80px;
    margin: 15px 0 0;
}

.rad-use-content p {
    font-size: 16px;
    margin: 0 0 5px;
    text-align: center;
    font-weight: 600;
}

.rad-use-image {
    justify-content: center;
    display: flex;
    margin: 5px 0 0;
}

.rad-use-image img {
    max-height: 110px;
    width: auto;
}

.rad-use-image.rad-use-image-lg img {
    max-height: initial;
    width: 100%;
    max-width: 500px;
}

.rad-use-right-left {}


.rad-use-right-right {}

.rad-use-content-right {
    display: flex;
    justify-content: center;
}

.rad-use-footer {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
    text-align: center;
}

.rad-use-footer>div {
    border-radius: 22px;
    min-height: 100px;
    display: flex;
    align-items: center;
}

.rad-use-footer p {
    font-size: 20px;
    padding: 20px;
    font-weight: 600;
}

.rad-use-footer .rad-bg-gray p {
    color: #767474;
}

img.rad-use-arrow.rad-use-arrow-sm {
    height: 50px;
    margin: 5px 0 0;
}

.rad-use-content-right .rad-use-content {
    padding-left: 30px;
    padding-right: 15px;
    display: flex;
}


.rad-use-left .rad-use-content {
    height: 100%;
    justify-content: space-between;
}

.rad-use-description {
    display: flex;
    align-items: stretch;
    align-content: stretch;
}

.rad-use-desc-text {
    flex-grow: 2;
    flex-basis: 60%;
}

.rad-use-image-desc {
    flex-grow: 1;
    flex-basis: 40%;
    background-image: url(//www.keywalker.co.jp/images/data-analysis/img/usecase_point01.png);
    background-repeat: no-repeat;
    height: initial;
    width: 300px;
    background-size: contain;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px 0 79px;
    font-size: 14px;
    font-weight: 400;
}

.rad-use-image-desc strong {
    font-size: 15px;
    font-weight: 700;
}

.rad-use-image-desc.rad-use-image-desc-none {
    background-image: none;
}

.rad-image-content {
    max-width: 400px;
    margin: 0 0 30px;
}

@media screen and (max-width:1200px) {
    .rad-use-footer {
        display: block;
        margin: 20px 0;
    }

    .rad-use-text {
        padding: 15px 10px 0;
    }

    .rad-use-footer>div {
        min-height: initial;
        display: block;
        width: 94%;
        margin: 0 auto;
    }

    img.rad-image-content {
        max-height: 200px;
        width: auto;
    }

    .rad-image-content {
        max-width: 400px;
    }

    .rad-content h3 {
        font-size: 14px;
        line-height: 19px;
        margin: 0px 0 15px;
        font-weight: 600;
    }

    .rad-card-content h4 {
        font-size: 15px;
        padding: 20px 0 0 0;
        line-height: 20px;
    }

    .rad-card-content {
        height: 261px;
    }

    .rad-arrow-down {
        width: 37px;
        height: 70px;
        bottom: -33px;
    }

    .rad-content h3.with-arrow {
        margin: 5px 0 10px;
    }

    .rad-bg-image-blue .rad-content h2 {
        font-size: 10px;
        margin: 0 0 14px;
        white-space: nowrap;
    }

    .rad-bg-image-blue .rad-content h3 {
        font-size: 17px;
        line-height: 24px;
        margin: 0 0 13px;
    }

    .rad-content h2 {
        font-size: 19px;
        margin: 0 0 12px;
    }

    .rad-content .rad-feature h3 {
        padding: 0 0 0 20px;
        margin: 0 0 2px;
        margin-top: 35px;
        font-size: 14px;
    }

    .rad-content .rad-feature p {
        font-size: 11px;
        padding: 0 0 0 32px;
    }

    .rad-content .rad-feature {
        padding: 1px 5% 30px;
        margin-bottom: 14px;
    }

    .rad-content .rad-feature h3 {
        background-size: 13px;
    }

    .rad-content h2 {
        font-size: 16px;
    }

    .rad-card-lg {
        gap: 0;
        flex-direction: column;
    }

    .rad-card-lg .rad-card-lg-content h4 {
        font-size: 14px;
        line-height: 21px;
        padding: 0 15px;
    }

    .rad-card-lg .rad-card-lg-content h4 br {
        display: none;
    }

    .rad-card-lg .rad-card-lg-content h4.small {
        font-size: 13px;
        line-height: 21px;
        font-weight: 400;
    }

    .rad-card-lg .rad-card-lg-content img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin-bottom: 0;
        max-width: 400px;
    }

    .rad-card-lg-content {
        position: relative;
    }

    .rad-card-lg .rad-card-lg-content ul {
        padding: 0 20px 10px 30px;
        display: block;
        left: 0;
        right: 0;
        margin: auto;
        width: 340px;
        /*white-space: nowrap;*/
    }

    .rad-card-lg .rad-card-lg-content {
        margin: 0 0 20px;
        height: 400px;
        font-size: 11px;
        background-image: none;
    }

    .rad-usecase {
        gap: 20px;
        margin: 0 0 30px;
        flex-direction: column;
    }

    h4.rad-use-title {
        font-size: 17px;
        padding: 12px 0;
    }

    .rad-use-content {
        padding: 10px 0 15px;
    }

    .rad-use-content p br {
        display: none;
    }

    .rad-use-content p {
        font-size: 13px;
        margin: 0;
    }

    .rad-use-image-desc {
        display: none;
    }

    .rad-use-arrow {
        height: 43px;
    }

    h3.rad-bg-box.rad-bg-orange {
        margin: 15px 0;
    }
}