.elementor-13665 .elementor-element.elementor-element-336a1e20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13665 .elementor-element.elementor-element-377f719b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13665 .elementor-element.elementor-element-22cf3a95.elementor-element{--align-self:flex-start;}.elementor-13665 .elementor-element.elementor-element-10259ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13665 .elementor-element.elementor-element-e2c2524{text-align:center;}.elementor-13665 .elementor-element.elementor-element-e2c2524 .elementor-heading-title{font-size:1.8em;}.elementor-13665 .elementor-element.elementor-element-32fe3ce{text-align:center;}.elementor-13665 .elementor-element.elementor-element-d962709{--spacer-size:100px;}:root{--page-title-display:none;}/* Start custom CSS *//* 吹き出し */
.topic_box {
    background: #F0F0F2;
    border-radius: 1.5em;
    z-index: 1;
    padding: 30px 40px;
    box-shadow: 5px 5px 10px #1D595366;
}
.topic_box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -4em;
    margin-top: -1em;
    width: 0;
    height: 0;
    border: 2em solid transparent;
    border-right: 2.5em solid #F0F0F2;
}
.topic_text {
    display: flex;
    align-items: center;
    z-index: 1;
    gap: 10px;
}
.topic_text h3 {
    font-size: 1.6em;
    color: #1D5953; 
}
.topic_text::before {
    content: "";
    height: 3px;
    width: 1em;
    margin-top: 5px;
    background-color: #1D5953;
}
/*上向き吹き出し（スマホ版）*/
@media screen and (max-width: 767px) {
    .topic_box::after {
        left: 40%;
        top: -35px;
        border-bottom: 3em solid #F0F0F2;
        border-right: 3em solid transparent;
        border-left: 3em solid transparent;
    }
}

/* 従来の誘導方式と何が違う？ */
.point01 {
    background-image: linear-gradient(to right, #2A7A8C 60%, #6EA870 80%);
    background-repeat: no-repeat;
    background-size: 100% 5%;
    background-position: bottom;
    display: inline;
}
.point01 h3 {
    font-size: 1.8em;
    padding-bottom: 10px;
    background-image: linear-gradient(to right,#2A7A8C, #2A7A8C, #6EA870, #6EA870, #6EA870);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00000000;
}
.point02 {
    font-weight: 600;
}
@media screen and (max-width:1024px) {
    .point01 h3 {
        font-size: 1.5em;
    }
}

/* 比較表 */
.specification01 {
    gap: 0px;
    padding: 10px 0px;
    margin-right: -1px;
}
.specification001, .specification002, .specification003 {
    border: 1px solid #A0A0A2;
    margin-bottom: -1px;
    height: 60px;
    justify-content: center;
}
.specification001 {
    background: #c6dbe2;
    color: #2A7A8C;
    font-size: 1.3em;
    font-weight: 600;
}
.specification02 {
    gap: 0px;
    padding: 10px 0px;
    margin-right: -1px;
}
.specification002 {
    background: #2A7A8C;
    color: #fff;
    font-size: 1.3em;
    font-weight: 600;
}
.specification003 {
    background: #fff;
    color: #1e293b;
    font-size: 1.5em;
    font-weight: 300;
    text-shadow:
     1px  0px 0px #1e293b, 
     -1px 0px 0px #1e293b, 
     0px  1px 0px #1e293b, 
     0px -1px 0px #1e293b;
}
.dou {
    color: #c50412;
    background: #fcebec;
    text-shadow:
     1px  0px 0px #c50412, 
     -1px 0px 0px #c50412, 
     0px  1px 0px #c50412, 
     0px -1px 0px #c50412;
}
@media screen and (max-width:1024px) {
    .specification001 {
        font-size: 1.2em;
    }
    .specification002 {
        font-size: 1.2em;
    }
}
@media screen and (max-width:767px) {
    .specification001 {
        font-size: 1em;
    }
    .specification002 {
        font-size: 0.9em;
    }
    .specification003 {
        font-size: 1.1em;
    }
}

/* 導入事例 ホバー時画像拡大 */
.case_image {
    overflow: hidden;
}
.case_image img {
    transition: all 0.3s;
}
.case_image:hover img{
    transform: scale(1.1);
}
.case_image:has(+ .case_text:hover) img{
    overflow: hidden;
    transform: scale(1.1);
}/* End custom CSS */