@charset "UTF-8";

/* こんな「お悩み」「ご不安」はありませんか？(2026/02/02) */
#battery01 + .composite_box01 .wrapper_item {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 50px 20px;
    overflow: visible;
    width: 80%;
    margin-left: auto;
}
#battery01 + .composite_box01 .wrapper_item:before {
    content: '';
    position: absolute;
    left: -20%;
    display: block;
    width: 15%;
    height: 100%;
    background-image: url(/common/upload_data/werkxiacom/image/20260202131703.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#battery01 + .composite_box01 .wrapper_item .inner_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 20px) / 2);
    margin: 0 !important;
    border-radius: 20px;
}
#battery01 + .composite_box01 .wrapper_item .inner_item .inner_item_txt {
    margin-top: 0;
    padding: 20px 0;
}
#battery01 + .composite_box01 .wrapper_item .inner_item .heading.block_header_4 .h {
    margin-bottom: 0;
    color: var(--i_btn_txt_color);
}
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(1),
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(4),
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(1)::before,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(1)::after,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(4)::before,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(4)::after {
    background: #32a694;
}
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2),
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(3),
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2)::before,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2)::after,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(3)::before,
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(3)::after {
    background: var(--i_main_color);
}
#battery01 + .composite_box01 .wrapper_item .inner_item:before,
#battery01 + .composite_box01 .wrapper_item .inner_item:after {
    position: absolute;
    border-radius: 50%;
    content: "";
}
#battery01 + .composite_box01 .wrapper_item .inner_item:before {
    bottom: -10px;
    left: 40px;
    height: 20px;
    width: 20px;
}
#battery01 + .composite_box01 .wrapper_item .inner_item:after {
    bottom: -20px;
    left: 55px;
    height: 10px;
    width: 10px;
}
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(even)::before {
    bottom: -10px;
    left: initial;
    right: 40px;
    height: 20px;
    width: 20px;
}
#battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(even)::after {
    bottom: -20px;
    left: initial;
    right: 55px;
    height: 10px;
    width: 10px;
}
@media only screen and (max-width: 768px) {
    #battery01 + .composite_box01 .wrapper_item {
        width: 100%;
    }
    #battery01 + .composite_box01 .wrapper_item:before {
        position: relative;
        left: initial;
        width: 60%;
        height: 200px;
    }
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n+1),
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n+1)::before,
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n+1)::after{
        background: #32a694;
    }
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n),
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n)::before,
  #battery01 + .composite_box01 .wrapper_item .inner_item:nth-of-type(2n)::after{
        background: var(--i_main_color);
    }
}