@charset "utf-8";
.bg-welfare {
    height: 28.8rem;
    padding-top: 1.1rem;
    background: url("/images/lifesupport/welfare/bg-cloud-pc.png") center -.1854rem no-repeat, url("/images/lifesupport/welfare/bg-road-pc.png") center bottom no-repeat, linear-gradient(to bottom,  #a1d9f7 0%,#f9f8f3 100%);
}
.innerBox {
    position: relative;
}
h2.h2-welfare {
    width: 11.42rem;
    height: 1.73rem;
    margin-bottom: .44rem;
    background: url("/images/lifesupport/welfare/ttl-pc.png") 0 0 no-repeat;
    text-indent: -9999px;
}
h2.h2-welfare + p {
    font-size: 1.75em;
    line-height: 1.357em;
    text-align: center;
}
.leftside section,
.rightside section {
    margin: 0 !important;
    position: absolute;
}
.leftside section {
    padding-right: .45rem;
}
.rightside section {
    padding-left: .45rem;
}
.leftside section div,
.rightside section div {
    width: 100%;
    height: 100%;
    padding: .34rem 0 0;
}
.rightside section div {
    padding-bottom: .34rem;
}
.leftside section h3,
.rightside section h3 {
    margin: 0 0 .16rem !important;
    line-height: 1em !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
    text-align: center !important;
}
.leftside section h3 {
    color: #82af33;
}
.rightside section h3 {
    color: #e07f92;
}
.leftside section li,
.rightside section li {
    padding-left: .235rem;
    font-size: 1.1875em;
    line-height: 1.684em;
}
.leftside section li::before,
.rightside section li::before {
    content: '●';
    width: .235rem;
    margin-left: -.235rem;
    color: #ffe100;
    display: inline-block;
}
.leftside section.l01 {
    width: 4.54rem;
    height: 3.62rem;
    background: url("/images/lifesupport/welfare/bubble-l01.png") 0 0 no-repeat;
    left: 1.37rem;
    top: 3.63rem;
}
.leftside section.l01 div {
    padding-bottom: 2rem;
    background: url("/images/lifesupport/welfare/img-l01.png") center bottom .32rem no-repeat;
}
.leftside section.l01 div ul {
    padding: 0 .6rem;
}
.leftside section.l02 {
    width: 4.54rem;
    height: 3.82rem;
    background: url("/images/lifesupport/welfare/bubble-l02.png") 0 0 no-repeat;
    left: 0;
    top: 8.22rem;
}
.leftside section.l02 div {
    padding-bottom: 2.14rem;
    background: url("/images/lifesupport/welfare/img-l02.png") center bottom .22rem no-repeat;
}
.leftside section.l02 div ul {
    padding: 0 .78rem;
    margin-top: -.1rem;
}
.leftside section.l03 {
    width: 4.24rem;
    height: 3.6rem;
    background: url("/images/lifesupport/welfare/bubble-l03.png") 0 0 no-repeat;
    left: 0;
    top: 13.02rem;
}
.leftside section.l03 div {
    padding-bottom: 1.71rem;
    background: url("/images/lifesupport/welfare/img-l03.png") center bottom .32rem no-repeat;
}
.leftside section.l03 div ul {
    padding: 0 0 0 .18rem;
}
.leftside section.l04 {
    width: 4.54rem;
    height: 4.02rem;
    background: url("/images/lifesupport/welfare/bubble-l04.png") 0 0 no-repeat;
    left: 0;
    top: 17.5rem;
}
.leftside section.l04 div {
    padding-bottom: .76rem;
    background: url("/images/lifesupport/welfare/img-l04.png") center bottom .32rem no-repeat;
}
.leftside section.l04 div ul {
    padding: 0 0 0 .425rem;
}
.leftside section.l05 {
    width: 4.54rem;
    height: 3.82rem;
    background: url("/images/lifesupport/welfare/bubble-l05.png") 0 0 no-repeat;
    left: .1rem;
    top: 22.3rem;
}
.leftside section.l05 div {
    padding-bottom: .85rem;
    background: url("/images/lifesupport/welfare/img-l05.png") center bottom .32rem no-repeat;
}
.leftside section.l05 div ul {
    padding: 0 .34rem;
}
.rightside section.r01 {
    width: 5.82rem;
    height: 3.36rem;
    background: url("/images/lifesupport/welfare/bubble-r01.png") 0 0 no-repeat;
    right: 0;
    top: 4.93rem;
}
.rightside section.r01 div {
    background: url("/images/lifesupport/welfare/img-r01.png") right .14rem bottom .32rem no-repeat;
}
.rightside section.r01 div ul {
    padding-left: .39rem;
}
.rightside section.r02 {
    width: 4.9rem;
    height: 2.31rem;
    background: url("/images/lifesupport/welfare/bubble-r02.png") 0 0 no-repeat;
    right: 1.67rem;
    top: 8.74rem;
}
.rightside section.r02 div {
    background: url("/images/lifesupport/welfare/img-r02.png") right .14rem center no-repeat;
}
.rightside section.r02 div ul {
    padding-left: .36rem;
}
.rightside section.r03 {
    width: 5.27rem;
    height: 2.96rem;
    background: url("/images/lifesupport/welfare/bubble-r03.png") 0 0 no-repeat;
    right: 1.82rem;
    top: 11.48rem;
}
.rightside section.r03 div {
    background: url("/images/lifesupport/welfare/img-r03.png") right .14rem top .45rem no-repeat;
}
.rightside section.r03 div ul {
    padding-left: .35rem;
}
.rightside section.r04 {
    width: 5.51rem;
    height: 2.95rem;
    background: url("/images/lifesupport/welfare/bubble-r04.png") 0 0 no-repeat;
    right: 1.17rem;
    top: 14.92rem;
}
.rightside section.r04 div {
    background: url("/images/lifesupport/welfare/img-r04.png") right .14rem bottom .55rem no-repeat;
}
.rightside section.r04 div ul {
    padding-left: .45rem;
}
.rightside section.r05 {
    width: 5.66rem;
    height: 2.38rem;
    background: url("/images/lifesupport/welfare/bubble-r05.png") 0 0 no-repeat;
    right: .24rem;
    top: 18.36rem;
}
.rightside section.r05 div {
    background: url("/images/lifesupport/welfare/img-r05.png") right .2rem top .34rem no-repeat;
}
.rightside section.r05 div ul {
    padding-left: .39rem;
}
.rightside section.r06 {
    width: 5.91rem;
    height: 2.41rem;
    background: url("/images/lifesupport/welfare/bubble-r06.png") 0 0 no-repeat;
    right: .04rem;
    top: 21.49rem;
}
.rightside section.r06 div {
    background: url("/images/lifesupport/welfare/img-r06.png") right .06rem bottom .51rem no-repeat;
}
.rightside section.r06 div ul {
    padding-left: .28rem;
}
.rightside section.r07 {
    width: 5.87rem;
    height: 2.4rem;
    background: url("/images/lifesupport/welfare/bubble-r07.png") 0 0 no-repeat;
    right: 0;
    top: 24.53rem;
}
.rightside section.r07 div {
    background: url("/images/lifesupport/welfare/img-r07.png") right .12rem bottom .38rem no-repeat;
}
.rightside section.r07 div ul {
    padding-left: .36rem;
}
.welfare-org::after {
    content: '';
    widows: 100%;
    height: .8rem;
    background: #cbe1a2;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.8rem;
}
.welfare-org .innerBox {
    padding-bottom: 1.3rem;
    background: url("/images/lifesupport/welfare/bg-bottom.png") center bottom no-repeat;
}
.welfare-org dt {
    width: 9.86rem;
    height: .72rem;
    margin: .36rem auto .66rem;
    background: #82af33;
    font-size: 2.25em;
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: .72rem;
    display: block;
}
.welfare-org dd ul {
    display: flex;
    flex-wrap: wrap;
}
.welfare-org dd ul li {
    width: calc(100% / 3);
    padding-left: .34rem;
    margin-bottom: .18rem;
    font-size: 1.625em;
}
.welfare-org dd ul li::before {
    content: '●';
    width: .34rem;
    margin-left: -.34rem;
    color: #f9be00;
    display: inline-block;
}

@media screen and (max-width:768px) { /* スマホの場合 */
    .bg-welfare {
        height: auto;
        padding-top: .25rem;
        background: url("/images/lifesupport/welfare/bg-cloud-sp.png") -.66rem -.44rem no-repeat, url("/images/lifesupport/welfare/bg-road-sp.png") center bottom no-repeat, linear-gradient(to bottom,  #a1d9f7 0%,#f9f8f3 100%);
        background-size: auto auto, auto 90%, 100% 100%;
    }
    .welfare-org .innerBox {
        padding-bottom: .6rem;
        background-size: auto .45rem;;
    }
    h2.h2-welfare {
        width: 100%;
        height: 1.35rem;
        margin-bottom: .2rem;
        background: url("/images/lifesupport/welfare/ttl-sp.png") center 0 no-repeat;
    }
    h2.h2-welfare + p {
        font-size: inherit;
        line-height: 1.625em;
        text-align: left;
    }
    .leftside section,
    .rightside section {
        width: 100% !important;
        padding: 0;
        margin: .2rem 0 !important;
        position: relative;
    }
    .leftside section[class^='l'],
    .rightside section[class^='r'] {
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: .2rem;
        top: inherit;
        left: inherit;
        right: inherit;
    }
    .leftside section[class^='l'] div,
    .rightside section[class^='r'] div {
        padding: .3rem .2rem 0;
        background-position: center bottom .28rem;
    }
    .leftside section li,
    .rightside section li {
        padding-left: .2rem;
        font-size: 1em;
        line-height: 1.625em;
    }
    .leftside section li::before,
    .rightside section li::before {
        width: .2rem;
        margin-left: -.2rem;
    }
    .leftside section.l01 div {
        padding-bottom: calc(1.94rem + .28rem);
    }
    .leftside section.l02 div {
        padding-bottom: calc(2.08rem + .28rem);
    }
    .leftside section.l03 div {
        padding-bottom: calc(1.65rem + .28rem);
    }
    .leftside section.l04 div {
        padding-bottom: calc(1.7rem + .28rem);
    }
    .leftside section.l05 div {
        padding-bottom: calc(1.79rem + .28rem);
    }
    .rightside section.r01 div {
        padding-bottom: calc(1.37rem + .28rem);
    }
    .rightside section.r02 div {
        padding-bottom: calc(1.39rem + .28rem);
    }
    .rightside section.r03 div {
        padding-bottom: calc(1.54rem + .28rem);
    }
    .rightside section.r04 div {
        padding-bottom: calc(1.53rem + .28rem);
    }
    .rightside section.r05 div {
        padding-bottom: calc(.9rem + .28rem);
    }
    .rightside section.r06 div {
        padding-bottom: calc(1.51rem + .28rem);
    }
    .rightside section.r07 div {
        padding-bottom: calc(1.32rem + .28rem);
    }
    .leftside section h3,
    .rightside section h3 {
        font-size: 1.5em !important;
        color: #82af33;
    }
    .leftside section[class^='l'] div ul,
    .rightside section[class^='r'] div ul {
        padding: 0;
    }
    .welfare-org dt {
        width: 100vw;
        height: auto;
        padding: .5em 0;
        margin: 0 -.16rem .2rem;
        font-size: 1.25em;
        line-height: 1em;
    }
    .welfare-org dd ul li {
        width: 100%;
        padding-left: .22rem;
        margin-bottom: .1rem;
        font-size: 1.125em;
    }
    .welfare-org dd ul li::before {
        width: .22rem;
        margin-left: -.22rem;
    }
}