@charset "UTF-8";

.page_flow_btn.ver2 {
    display: none;
}
.knowhow_wrap {
    margin-bottom: 86px;
}
.knowhow_wrap:last-child {
    margin-bottom: 0;
}
.toc_wrap {
    background: #fafafa;
    border: 1px solid #f3f3f3;
    padding: 30px 30px 30px 33px;
    margin: 29px 0 60px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.toc_ttl {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 20px;
}
.toc_wrap li {
    font-size: 14px;
    list-style: "-";
    list-style-position: inside;
    padding-bottom: 20px;
    line-height: 1;
}
.lowdtl_txt {
    display: block;
    font-size: 16px;
    line-height: 1.75;
}
.toc_wrap li:last-child {
    padding-bottom: 0;
}
.toc_wrap li a {
    padding-left: 4px;
    font-weight: 500;
}
.lowdtl_img.is-ver2 img {
    max-width: 300px;
}
.link_supply {
    margin: 34px 0 28px 0;
    font-size: 14px;
    line-height: 2.1428;
}
.link_supply ul li a {
    color: #2389a3;
    font-weight: 500;
}
.link_supply ul li {
    position: relative;
    padding-left: 15px;
}
.link_supply ul li::before {
    content: "";
    position: absolute;
    background: url(../img/arw.png)no-repeat 0 0 / 100% auto;
    width: 9px;
    height: 14px;
    background-size: cover;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: 9;
}
.lowdtl_box {
    margin-bottom: 70px;
}
.lowdtl_items {
    position: relative;
}
.lowdtl_items .lowdtl_img {
    float: right;
    padding-left: 33px;
}
.category .page_lowdtl_ttl {
    position: relative;
    padding-left: 4.5em;
}
.category .page_lowdtl_ttl span {
    position: absolute;
    left: 0;
}
.lowdtl_items.is-ver2 {
    overflow: hidden;
    clear: both;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
}
.lowdtl_items.is-ver2 .alignright {
    float: right;
}
.lowdtl_items.is-ver2 img {
    margin: 0 0 20px 20px;
    clear: both;
}
.lowdtl_items.is-ver2 img.alignright {
    margin-right: 0;
}
.lowdtl_items.is-ver2 a {
    color: #2389a3;
}
@media (min-width: 896px) {
    .page_flow_wrap {
        margin-top: -100px;
    }
    .page_flow_btn.ver1,
    .page_flow_btn.ver1 a,
    .page_flow_btn.ver1 img {
        border-radius: 20px 0 0 20px;
    }
    .page_main.is-lower {
        margin-top: 32px;
    }
    .toc_wrap li a:hover {
        text-underline-offset: 1ex;
        color: #2389a3;
    }
    .link_supply ul li a:hover {
        text-underline-offset: 1ex;
    }
    .lowdtl_items.is-ver2 a:hover {
        text-decoration: underline;
    }
}
@media screen and (max-width: 896px) {
    .page_flow_btn.ver1 {
        width: 100%;
    }
    .category .page_lowdtl_ttl {
        line-height: 1.4;
        padding-bottom: 15px;
    }
    .toc_wrap {
        display: block;
    }
    .page_lower_ttl span {
        font-size: 20px;
        padding-left: 30px;
    }
    .page_lower_ttl.is-toilet span::before {
        background: url(/cmn/img/icn_toilet.png) no-repeat 0 0 / 100% auto;
        width: 20px;
        height:25px;
        left: 3px;
        top: -2px;
    }
    .page_lower_ttl.is-foods span::before {
        background: url(/cmn/img/icn_knowhow02.png) no-repeat 0 0 / 100% auto;
        width: 28px;
        height: 28px;
        left: -2px;
        top: -8px;
    }
    .page_lower_ttl.is-walk span::before {
        background: url(/cmn/img/icn_knowhow03.png) no-repeat 0 0 / 100% auto;
        width: 28px;
        height: 28px;
        left: -2px;
        top: -4px;
    }
    .page_lower_ttl.is-decubitus span::before {
        background: url(/cmn/img/icn_knowhow04.png) no-repeat 0 0 / 100% auto;
        width: 30px;
        height: 30px;
        left: -1px;
        top: -5px;
    }
    .page_lower_ttl.is-barrierfree span::before {
        background: url(/cmn/img/icn_knowhow05.png) no-repeat 0 0 / 100% auto;
        width: 30px;
        height: 30px;
        left: -5px;
        top: -5px;
    }
    .page_lower_ttl.is-dementia span::before {
        background: url(/cmn/img/icn_knowhow06.png) no-repeat 0 0 / 100% auto;
        width: 30px;
        height: 30px;
        left: -4px;
        top: -6px;
    }
    .page_lower_ttl.is-barking span::before {
        background: url(/cmn/img/icn_knowhow07.png) no-repeat 0 0 / 100% auto;
        width: 30px;
        height: 30px;
        left: -2px;
        top: -6px;
    }
    .page_lower_ttl.is-mouthcare span::before {
        background: url(/cmn/img/icn_knowhow08.png) no-repeat 0 0 / 100% auto;
        width: 30px;
        height: 30px;
        left: -3px;
        top: -5px;
    }
    .page_lower_ttl.is-grooming span::before {
        background: url(/cmn/img/icn_knowhow09.png) no-repeat 0 0 / 100% auto;
        width: 28px;
        height: 28px;
        left: -2px;
        top: -5px;
    }
    .page_lower_ttl.ver3 {
        margin-bottom: 20px;
    }
    .toc_wrap {
        padding: 20px 15px;
    }
    .toc_ttl {
        padding-bottom: 10px;
    }
    .toc_txt {
        margin-bottom: 20px;
    }
    .lowdtl_img img {
        width: 100%;
        height: auto;
    }
    .lowdtl_img.is-ver2 {
        text-align: center;
    }
    .lowdtl_items .lowdtl_img {
        float: none;
        padding-left: 0;
        margin-bottom: 20px;
    }
    .lowdtl_items .lowdtl_img.ver2 {
        padding-left: 20px;
        float: right;
        margin-bottom: 0;
    }
    .link_supply {
        margin: 10px 0;
    }
    .lowdtl_box {
        margin-bottom: 40px;
    }
    .knowhow_wrap {
        margin-bottom: 50px;
    }
    .knowhow_wrap:last-child {
        margin-bottom: 50px;
    }
    .lowdtl_ttl {
        margin-bottom: 20px;
    }
    .lowdtl_txt {
       font-size: 16px;
        line-height: 1.75;
    }
    .lowdtl_items.is-ver2 {
        font-size: 16px;
        line-height: 1.75;
    }
    .lowdtl_items.is-ver2 .alignright {
        float: none;
    }
    .lowdtl_items.is-ver2 img.alignright {
        display: block;
        margin: 20px auto;
    }
}