#str-contents {
margin-top: 10px
}
@media screen and (max-width:750px) {
#str-contents {
margin-top: 0
}
}

/* .licenses-item
------------------------------------------------------------------*/
.licenses-item{
margin-top:22px;
}
.licenses-item p{
font-size:16px;
margin:16px 0;
}
.licenses-item p.copy{
margin-bottom:-4px;
}

@media screen and (max-width:750px) {
.licenses-item{
margin-top:0;
}
.licenses-item p{
font-size:12px;
}
}

/* .hdg-l2-licenses
------------------------------------------------------------------*/
.hdg-l2-licenses{
font-size:20px;
font-weight:bold;
margin:30px 0;
}

@media screen and (max-width:750px) {
.hdg-l2-licenses{
font-size:14px;
margin:16px 0;
padding-bottom:8px;
border-bottom:1px solid #ccc;
}
}

/* .licenses-list
------------------------------------------------------------------*/
.licenses-list{
font-size:14px;
}
.licenses-list li{
display:block;
width:100%;
border-bottom:1px solid #ddd;
word-break: break-all;
}
.licenses-list li a{
display:flex;
flex:1;
align-items:center;
min-height:40px;
box-sizing:border-box;
position:relative;
color: var(--cmn-font-color-base);
text-decoration:none;
padding:4px 20px 4px 0;
cursor:pointer;
}
.licenses-list li a::before {
content: '';
display: block;
width: 7px;
height: 12px;
overflow: hidden;
position: absolute;
bottom: 50%;
right: 8px;
transform: translate(50%, 50%) rotate(175deg);
margin-top:-6px;
background: url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
}

@media screen and (max-width:750px) {
.licenses-list{
padding:0 0 12px;
margin-top:0;
}
.licenses-list li a{
min-height:44px;
}
}

/* for SYS style
------------------------------------------------------------------*/
.hidden {
display: none;
}

.active {
display: block;
}