.telework_lp :where(a,p,div,li,ul,h3,h2,h1){
    font-weight: 400;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.telework_lp{
    font-family: "Noto Sans JP", sans-serif;
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 8px;
    background-color: #578A7B;
    box-sizing: border-box;
}
.telework_lp section{
    background-color: #FFF4DE;
    box-sizing: border-box;
    margin: 24px 64px 64px;
    border-radius: 16px;

}
.telework_lp section:first-of-type{
    padding: 0;
    margin: 0;
    background-color: #578A7B;
    border-radius: 0;
}
.telework_lp section:first-of-type img{
    width: 100%;
    height: auto;
}

.telework_lp section > h2{
    padding: 6px 20px;
    width: 95%;
    text-align: center;
    border-radius: 16px;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 800;
    color: #132b51;
    background: #F9C663;
    transform: translate(0,-24px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.telework_lp section > h2::before,.telework_lp section > h2::after{
    content: '';
    height: 16px;
    aspect-ratio: 1;
    background-color: #578A7B;
    border-radius: 50px;
}
.telework_lp section ul{
    display: flex;
    flex-flow: row wrap;
    padding: 8px 120px 48px;
    gap: 48px;
    row-gap: 32px;
    border-radius: 0 0 10px 10px;
    margin: 0;
}

.telework_lp section li {
    width: calc((100%/3) - ((48px*2) / 3));
    border-radius: 12px;
    background-color: #fff;
    gap: 0;
    padding: 0;
    overflow: hidden;
    box-shadow: rgb(239 227 203 / 80%) 0px 5px 10px 2px;
}
.telework_lp section li a{
    display: flex;
    flex-flow: column;
    align-items: center;
    align-content: center;
    text-align: center;
    transition: .5s;
    padding: 16px;
}
.telework_lp section li h3{
    text-align: center;
    font-weight: 700;
    width: 100%;
    justify-content: center;
    color: #527F70;
    font-size: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 2px;
    border-bottom: 4px solid transparent;
    border-image-source: url("https://houjin.biccamera.com/images/topics/telework/img/telework_hd.png");
    border-image-slice: 0 0 100 0;
    border-image-repeat: stretch;
}

.telework_lp section li a div:has(img){
    flex-shrink: 0;
    width: 170px;
    padding: 4px;
}
.telework_lp section li a div:has(.tablet){    
    padding: 11px;
}
.telework_lp section li a div:has(.monitor){
    padding: 13px;
}
.telework_lp section li a div:has(.headset){    
    padding: 16px 21px 16px 11px;
}
.telework_lp section li a div:has(.mouse){    
    padding: 18px;
}
.telework_lp section li a div:has(.ssd){    
    padding: 16px;
}

.telework_lp section li a div:has(.hdd){    
    padding: 12px;
}
.telework_lp section li a div:has(.router){    
    padding: 10px;
}

.telework_lp section li a img{
    width: 100%;
    height: auto;
    transition: .3s;
    position: relative;
}
.telework_lp section li a:hover img{
    opacity: 1;
}
.telework_lp section li a {
    text-decoration: none;
}
.telework_lp section li p:last-of-type{
    width: 100%;
    justify-content: end;
    color: #888;
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
    display: flex;
    position: relative;
    align-items: baseline;
    gap: 2px;
    padding: 0;
}
.telework_lp section li p:last-of-type::after{
    content: "";
    display: inline-block;
    width: 12px;
    background-color: currentColor;
    background-position: center center;
    background-size: 100%;
    clip-path: polygon(40% 0, 90% 50%, 40% 100%, 30% 90%, 70% 50%, 30% 10%);
    transition: .3s;
    aspect-ratio: 1;
}
.telework_lp section li a:hover p:last-of-type{
    text-decoration: none;
    color: #132b51;
    transition: .3s;
}