@charset "utf-8";
/*
Theme Name: con-dx Child
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.0.0
*/

/*------------------------
2022/6～ assiette
------------------------*/

/* topAbout */
.topAbout.wp-container-4 { gap: 4em;}
.topAbout .wp-block-column { margin: 0 auto; max-width: 510px;}

/* topSolutionList */
.topSolutionList .vk_post { margin-bottom: 50px;}
.topSolutionList .vk_post_imgOuter {margin: 0 0 4em;width: 85%;background-size: 100%;transition: linear .2s;}
.topSolutionList .vk_post_imgOuter:hover { background-size: 105%;}
.topSolutionList .vk_post_body.card-body {
    position: absolute;
    padding: 1rem;
    width: 75%;
    height: auto;
    right: 0;
    bottom: 0;
    background: rgba(0, 62, 140, 0.85);
    z-index: 100;
    transition: linear .2s;
}
.topSolutionList .vk_post .vk_post_title a {color: #FFF;font-size: 17px;text-shadow: 0 0 5px #003e8c;}
.topSolutionList .vk_post .vk_post_title a:hover { text-decoration: underline;}
.topSolutionList .vk_post .vk_post_excerpt {margin: 0.8rem 0;color: #FFF;font-size: 14px; text-shadow: 0 0 5px #003e8c;opacity: 1;}
.topSolutionList .vk_post .vk_post_btnOuter { position: static;}
.topSolutionList .vk_post .vk_post_btn { color: #000; background: #FFF; border-color: #000;}
.topSolutionList .vk_post .vk_post_imgOuter:hover ~ .vk_post_body.card-body .vk_post_btn,
.topSolutionList .vk_post .vk_post_body.card-body .vk_post_btn:hover { color: #0068eb; border-color: #FFF; box-shadow: 0 0 10px #FFF}

.topSolutionList .vk_post:nth-child(3) .vk_post_imgOuter,
.topSolutionList .vk_post:nth-child(4) .vk_post_imgOuter { margin-left: 15%;}
.topSolutionList .vk_post:nth-child(3) .vk_post_body.card-body,
.topSolutionList .vk_post:nth-child(4) .vk_post_body.card-body { right: auto; left: 0;}

/* topSuggest */
.topSuggest .wp-block-image img { width: 120px; height: auto;}
.topSuggest .wp-block-cover,
.topSuggest .wp-block-cover-image { padding: 2rem 1rem; min-height: 0;}

/* topReasonList */
.topReasonList .wp-block-column { position: relative;}
.topReasonList .wp-block-column:before,
.topReasonList .wp-block-column:after {content: "1";position: absolute;top: -8rem;left: -10%;width: 120%;color: #FFF;font-size: 20em;font-weight: bold;line-height: 1;text-align: left;z-index: -1;}
.topReasonList .wp-block-column:after {color: transparent;-webkit-text-stroke: 3px rgb(0 62 140 / 15%);text-stroke: 3px #FFF;transform: translate(-0.8rem, -0.8rem);}
.topReasonList .wp-block-column:nth-child(2):before,
.topReasonList .wp-block-column:nth-child(2):after{content: "2";top: auto;bottom: -4rem;text-align: center;}
.topReasonList .wp-block-column:nth-child(3):before,
.topReasonList .wp-block-column:nth-child(3):after {content: "3";text-align: right;}
.topReasonList h3.is-style-vk-heading-plain { margin: 0;}
.topReasonList .wp-block-column h4.is-style-vk-heading-plain .lowLine { line-height: 2.8em;}
.topReasonList p { margin: 0;}

@media (max-width:991px){

.topSolutionList .vk_post_imgOuter { margin: 0;}
.topSolutionList .vk_post_body.card-body { position: relative; right: -15%; margin: -3rem 0 0; width: 85%;}

.topReasonList h4.is-style-vk-heading-plain { font-size: 17px !important;}
}
@media (max-width:781px){

.topReasonList .wp-block-column:before,
.topReasonList .wp-block-column:after {top: -4rem !important; bottom: auto !important; font-size: 18em; text-align: left;}
.topReasonList h4.is-style-vk-heading-plain { font-size: 20px !important; }
.topReasonList .wp-block-column h4.is-style-vk-heading-plain .lowLine { line-height: 1.4em;}

}

/* client */
.global-nav-list>li>ul.sub-menu {background: #003e8c;}
.global-nav-list>li.menu-item-has-children::after {border-bottom-color: #003e8c;}

ul.is-style-vk-arrow-mark li::before,
ol.is-style-vk-arrow-mark li::before { color: #003e8c;}

.clientTopTitle {
    padding: 50px 20px 50px 150px;
    font-size: 27px;
    background: url(https://con-dx.kke.co.jp/wp-content/uploads/2022/08/fukidashi-solution2.png) 24px center no-repeat;
    background-size: 100px auto;
    border: 5px solid #a1cbff;
    border-radius: 15px;
}

.withIcon {
    padding-left: 60px;
    background: url("https://con-dx.kke.co.jp/wp-content/uploads/2022/08/icon-worry.png") 18px center no-repeat, linear-gradient(180deg, #eff7ff 30%, #FFF 100%) top left no-repeat;
    background-size: auto 32px, 100% 60%;
    border: 2px solid #003e8c;
}
.withIcon:before,
.withIcon:after {content: "";position: absolute;bottom: -12px;left: 10px;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 12px solid #003e8c;}
.withIcon:after { bottom: -9px; border-top-color: #FFF;}

.triangleTitle {
    position: relative;
    margin: 0 0 2rem;
    padding: 90px 0;
    color: #003e8c;
    background-image: url("https://con-dx.kke.co.jp/wp-content/uploads/2022/08/icon-solution2.png"),
        linear-gradient(180deg, #eff7ff 30%, #c7e0ff 100%);
    background-position: center 20px, top left;
    background-repeat: no-repeat;
    background-size: auto 60px, 100%;
    overflow: hidden;
    }
.triangleTitle:before,
.triangleTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-top: 90px solid transparent;
    border-right: min(50vw, 555px) solid #fff;}
.triangleTitle:after { left: auto; right: 50%;border-left: min(50vw, 555px) solid #fff; border-right: none;}

.LinkListBloks .wp-block-column { padding: 30px 30px 10px; background: #eff7ff;}

.worryFukidashi { position: relative; padding-left: 120px}
.worryFukidashi strong {
    display: block;
    position: absolute;
    top: -30px;
    left: 10px;
    padding: 59px 25px 14px;
    color: #003e8c;
    font-size: 16px;
    background: url("https://con-dx.kke.co.jp/wp-content/uploads/2022/08/icon-worry.png") center 20px no-repeat,
        url("https://con-dx.kke.co.jp/wp-content/uploads/2022/08/fukidashi-left2.png") center no-repeat;
    background-size: 30px auto, contain;
}
.solutionFukidashi { position: relative; margin-left: -10px; padding-left: 60px;}
.solutionFukidashi:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    background: url("https://con-dx.kke.co.jp/wp-content/uploads/2022/08/fukidashi-solution2.png") center no-repeat;
    background-size: contain;
    transform: translateY(-50%);
}

@media (max-width: 781px) {

.clientTopTitle {
    padding: 80px 20px 20px;
    font-size: 20px;
    background-position: center 10px;
    background-size: 60px auto;
}

.worryFukidashi { padding-left: 65px;}
.worryFukidashi strong {
    top: 50%;
    left: -10px;
    margin: -34px 0 0;
    padding: 35px 15px 7px;
    font-size: 12px;
    background-position: center 11px, center;
    background-size: 20px auto, contain;
}
}

/* inCover */
.inCover .vk_post.media { background: #FFF; padding: 20px; margin: 15px;}
.inCover .vk_post-btn-display.media .vk_post_body { padding-bottom: 35px;}
.inCover .vk_post .media-img { background-size: 100%;transition: linear .2s;}
.inCover .vk_post .media-img:hover { background-size: 110%;}
.inCover .vk_post .vk_post_title.media-title a:hover {text-decoration: underline;}
.inCover .vk_post .vk_post_excerpt { color: #333;}
.inCover .vk_post_taxonomy_title_inner { color: #333;}
.inCover .vk_post_taxonomy_terms a { color: #333;}
.inCover .vk_post .vk_post_btn {}

/* footBanner */
.footBanner { margin-bottom: -4rem;}
.footBanner h2,
.footBanner li { text-shadow: 0 0 5px #09264a;}
.footBanner .wp-block-columns { margin: 0; align-items: center !important;}

.veu_adminEdit { position: relative; margin: 1rem 0 -4rem; z-index: 10;}

@media (min-width: 768px) {

.footBanner { margin-bottom: -4.5rem;}
}

@media (max-width: 781px) {

.footBanner .wp-block-image .alignright { float: none; margin: 0 auto; max-width: 75vw;}
.footBanner .wp-block-columns { justify-content: center;}
.footBanner .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: auto !important; flex-grow: 0;}
}

@media (min-width: 992px) {

.footBanner { margin-bottom: -4rem;}
}