/*────────────────────────────────────────────────────
    目的
────────────────────────────────────────────────────*/

/* アニメーション文字のカギカッコ */
.kokowanko-LostdogsSearchService_purpose {
    .kokowanko-LostdogsSearchService_kagikakko {
    	padding: 0px;
    	position: relative;
    }
    .kokowanko-LostdogsSearchService_kagikakko::before,
    .kokowanko-LostdogsSearchService_kagikakko::after {
    	content: '';
    	width: 35px;
    	height: 87px;
    	position: absolute;
    }
    .kokowanko-LostdogsSearchService_kagikakko::before {
    	border-left: solid 11px #f4f1ed;
    	border-top: solid 11px #f4f1ed;
    	top: 0;
    	left: -45px;
        @media (max-width: 480px) { left: -13px;}
    }
    .kokowanko-LostdogsSearchService_kagikakko::after {
    	border-right: solid 11px #f4f1ed;
    	border-bottom: solid 11px #f4f1ed;
    	bottom: 0;
    	right: -45px;
        @media (max-width: 480px) { right: -10px;}
    }
}


/* 目的として強調したい文字 (アニメーションヘッドラインウィジェット) */
.kokowanko-LostdogsSearchService_purpose {
    .elementor-headline-dynamic-wrapper {
        .elementor-headline-dynamic-text {
            font-size: 1.2em;
            @media (max-width: 480px) { font-size: 1em;}
        }
        svg {
            top: 32%;
        }
    }
}


/*────────────────────────────────────────────────────
    特徴
────────────────────────────────────────────────────*/

/* 吹き出し */
.kokowanko-LostdogsSearchService_fukidashi-square {
    position: relative;
    display: inline-block;
    margin-bottom: 5.6455px;
    padding: 10px;
    background-color: #758a96;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
}

.kokowanko-LostdogsSearchService_fukidashi-square::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -4px;
    @media (max-width: 480px) { right: -4.5px;}
    border-style: solid;
    border-width: 5.6px 0 0 11.8px;
    border-color: #758a96 transparent transparent;
    translate: calc(-50% + 1.3px) 100%;
}



/*────────────────────────────────────────────────────
    使い方
────────────────────────────────────────────────────*/

.kokowanko-LostdogsSearchService_HowToUse-separation-line {
    background-image: repeating-linear-gradient(180deg, #c8c9ca, #c8c9ca 2.3px, transparent 2.3px, transparent 9.3px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 1.6px 100%;
    @media (max-width: 480px) {
        background-image: repeating-linear-gradient(90deg, #c8c9ca, #c8c9ca 2.3px, transparent 2.3px, transparent 9.3px);
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: 100% 1.6px;
    }
}



/*────────────────────────────────────────────────────
    よくある質問
────────────────────────────────────────────────────*/

.kokowanko-LostdogsSearchService_faq {
    .ekit-accordion-title {
        padding-left: 1.5em;
        text-indent: -1.5em;
    }
    .ekit-accordion--content {
        p:first-child {
            padding-left: 1.5em;
            text-indent: -1.5em;
        }
        p:nth-child(n+2) {
            padding-left: 1.5em;
        }
    }
}