@import url(common/layout_en.css);

.box.bg {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.box.bg dt {
    color: #fff;
    font-size: 1.8rem;
}
.box.bg  dl > dd > dl > dt {
    padding: 0 0 0 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #50ebf5;
    background: none;
    text-indent: -1rem; 
}
.box.bg  dl > dd > dl > dt.even {
    color: #ff917d;
}
.box.bg  dl > dd > dl > dt:before {
    margin-right: 0.4rem;
    content: "●";
    display: inline-block;
}
.box.bg  dl > dd > dl > dd {
    padding: 0;
}
.box.bg .chara {
    text-align: center;
}
.box.bg .chara li {
    width: 30%;
    margin-right: 2%;
    display: inline-block;
}
.box.bg .chara li:last-child {
    margin-right: 0;
}
.box.bg > dl > dd > p {
    text-align: center;
}
.image,
.box.bg > dl > dd > p > img {
    max-width: 440px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.video {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.video video {
    width: 100%;
    height: auto;
}