@charset "UTF-8";

/* 背景を純粋な #daebb4 にするための上書き */
.body-bg span {
    /* 黒い半透明レイヤーを削除 */
    background: transparent !important;
}
.body-bg span::before {
    /* background-image: url(../img/img_bg.jpg); */
    background: #daebb4 !important;
    opacity: 1 !important;
}
.body-bg span::after {
    /* ノイズを非表示にして純粋な色を表示 */
    opacity: 0 !important;
}
.body-bg.bg-2 span::before {
    left: auto;
    right: 0;
}
section .sub-ttl.bg-ttl.bg-ttl-1::before {
    background-image: url(../img/img_service_1.jpg);
    opacity: 1;
}
section .sub-ttl.bg-ttl.bg-ttl-2::before {
    background-image: url(../img/img_service_2.jpg);
    opacity: 1;
}

.banner-btn a .img{
    background: var(--base-color);
}
.banner-btn a .img img{
    object-fit: contain;
    opacity: 0.6;
}

/* -- link-btn
-------------------------------------------------------------------------------- */
.link-btn a,
.link-btn > span,
.link-btn input {
    background: var(--main-color);
}

/* -- section
-------------------------------------------------------------------------------- */
section::before{
    background: #c4e1b9;
}

section .main-ttl::before {
    border-top: solid 0.5rem var(--sub-color);
}

section .step li{
    border: solid 1px var(--sub-color);
}
section .step li:not(.flex){
    color: var(--sub-color);
}
section .step li.flex > span.step-num{
    background: var(--sub-color);
}

/* -- footer
-------------------------------------------------------------------------------- */
footer .notice {
    background: #c4e1b9;
}