@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
#topics_article {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight:normal;
    font-style: normal;
}
#topics_article .fv250802 {
    position: relative;
}
#topics_article .fv250802 .object {
    position: absolute;
    /*display: none;*/
}
#topics_article .fv250802 .object01 {
    width: 70% !important;
    left: 15%;
    top: 13%;
}
#topics_article .fv250802 .object02 {
    width: 76% !important;
    left: 12%;
    top: 23%;
}
#topics_article .fv250802 .object03 {
    width: 82% !important;
    left: 9%;
    top: 35%;
    display: none;
}
#topics_article .fv250802 .object04 {
    width: 36% !important;
    right: 6%;
    bottom: 30%;
    display: none;
}
#topics_article .fv250802 .object05 {
    width: 41% !important;
    left: 0;
    bottom: 8%;
}
#topics_article .fv250802 .object06 {
    display: block;
    width: 30% !important;
    right: 1%;
    bottom: 0%;
    /*opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;*/
}
#topics_article .fv250802 .object06.active {
  opacity: 1;
  transform: translateX(0);
}
#topics_article .sec01 {
    position: relative;
}
#topics_article .sec01 .characters {
    position: absolute;
    will-change: transform;
}
#topics_article .sec01 .characters01 {
    width: 17% !important;
    left: 8%;
    top: 54%;
}
#topics_article .sec01 .characters02 {
    width: 19% !important;
    right: 53%;
    bottom: 36%;
}
#topics_article .sec01 .characters03 {
    width: 20% !important;
    right: 31%;
    bottom: 37%;
}
#topics_article .sec01 .characters04 {
    width: 18% !important;
    right: 11%;
    bottom: 13%;
}
#topics_article .sec03,
#topics_article .sec04 {
    position: relative;
}
#topics_article .sec03 .txt,
#topics_article .sec04 .txt {
    position: absolute;
}
#topics_article .sec03 .txt01 {
    width: 80% !important;
    top: 43%;
    left: 10%;
    /*opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;*/
    display: none;
}
#topics_article .sec03 .txt02 {
    width: 80% !important;
    top: 70%;
    left: 10%;
    /*opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;*/
    display: none;
}
#topics_article .sec04 .txt03 {
    width: 84% !important;
    top: 34%;
    left: 8%;
    /*opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-in-out;*/
    display: none;
}
#topics_article .sec03 .txt01.acvtive,
#topics_article .sec03 .txt02.acvtive,
#topics_article .sec04 .txt03.acvtive {
    opacity: 1;
    transform: translateX(0);
}
#topics_article .sec06 .bubble {
    display: block;
    width: 80% !important;
    margin: 0 auto 20px auto;
}
#topics_article .sec06 .btn {
    display: block;
    width: 90%;
    margin: 0 auto;
}
#topics_article .sec06 .btn:hover {
    opacity: 0.7;
}
#topics_article .sec06 .btn img {
    transition: transform 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
    #contents #topics_article {
        width: 750px;
    }
}