/* triple-list */

.triple-list .rotbutton {
    display: inline-block;
    margin-top: 3.786rem;
}

.npibox {
    background: #f3f3f3;
    padding: 40px;
    width: 100%;
    text-align: left;
    margin: 2rem 0;
    position: relative;
}

.npiarrow {
    content: "";
    width: 3rem;
    height: 3rem;
    background: #f3f3f3;
    position: absolute;
    margin-top: 1rem;
    transform: translate(-50%, 50%) rotate(-45deg);
    bottom: 0;
    left: 50%;
}

.npibox .icon {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-right: 5%;
    text-align: right;
}

.npibox .icon img {
    display: inline-block;
    margin: 0.5rem;
}

.npibox .text {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}

.npibox .text ul li,
.squarelist li {
    list-style: none;
}

.squarelist li {
    text-indent: -9px;
    position: relative;
}

.squarelist li>*:not(ul) {
    display: initial;
}

.squarelist li>h2 {
    position: relative;
    top: 3px;
}

.npibox .text ul li::before,
.squarelist li:before {
    content: "■";
    color: #DE2922;
    left: -9px;
    top: -2px;
    position: relative;
}

.npibox .text ul li::before {
    margin-left: -3em;
}

.triple-list span.fontsize2, .triple-list .text span.fontsize3{
  font-family: "sansationbold";
}