@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

body,
button,
input,
textarea,
select,
a,H1,H2,H3,H4,ol,li,ul,span,p,div{
    font-family: "DotGothic16", sans-serif !important;
}
#footer{
 background: #000 !important;
 color:#FFF;
}
#copyright{
 color:#FFF;
}

/* パソコン 開始 *****************************************************/
@media (min-width: 960px){
.sp-box{
 display: none;
}

.prof-box{
 display: inline-block;
 width:210px;
 padding:5px;
}
.tprof-img{
 vertical-align: middle;
 text-align:center;
 margin:0 auto;
}
.tprof-img img{
 width:200px;
 height:200px;
}
.prof-name{
 font-size:16px;
 font-weight: bold;
 text-align:center;
}
.prof-text{
 text-align:left;
 margin-top: 40px;
 margin-bottom: 40px;
}

.top-logp-img{
 text-align:center;
 margin:0 auto;
 background: #000;
 padding:70px 50px;
}

.top-logp-img img{
 width:950px;
}

/* OTA PR RED 飛行アニメーション */
#ota-pr-red-fly {
    position: fixed;
    top: 65%;
    left: 0;
    width: 320px;
    z-index: 99999;

    /* 最初は画面左外 */
    transform: translateX(-120%);
    pointer-events: none;

    /* 0.5秒後に飛行開始 */
    animation: otaFlyAcross 3.5s linear 0.5s forwards;
}

#ota-pr-red-fly img {
    display: block;
    width: 100%;
    height: auto;
}

/* 左 → 右へ飛ぶ */
@keyframes otaFlyAcross {

    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(calc(100vw + 120%));
    }
}

}

/* スマホ 開始 *****************************************************/
@media screen and (max-width: 959px){
.pc-box{
 display: none;
}
.prof-box{
 display: inline-block;
 width:180px;
 padding:5px;
}
.tprof-img{
 vertical-align: middle;
 text-align:center;
 margin:0 auto;
}
.tprof-img img{
 width:170px;
 height:170px;
}
.prof-name{
 font-size:16px;
 font-weight: bold;
 text-align:center;
}
.prof-text{
 text-align:left;
 margin-top: 40px;
 margin-bottom: 40px;
}
.top-logp-img{
 text-align:center;
 margin:0 auto;
 background: #000;
 padding:0px 0px;
}

.top-logp-img img{
 width:100%;
}

/* OTA PR RED 飛行アニメーション */
#ota-pr-red-fly {
    position: fixed;
    top: 15%;
    left: 0;
    width: 320px;
    z-index: 99999;

    /* 最初は画面左外 */
    transform: translateX(-120%);
    pointer-events: none;

    /* 0.5秒後に飛行開始 */
    animation: otaFlyAcross 3.5s linear 0.5s forwards;
}

#ota-pr-red-fly img {
    display: block;
    width: 100%;
    height: auto;
}

/* 左 → 右へ飛ぶ */
@keyframes otaFlyAcross {

    0% {
        transform: translateX(-120%);
    }

    100% {
        transform: translateX(calc(100vw + 120%));
    }
}

    #ota-pr-red-fly {
        width: 200px;
        top: 60%;
    }

}