@charset "utf-8";

.f00_main{
    justify-items: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.f00_main img{
    width: 90vw;
    margin-top: 1vw;
    margin-bottom: 2vw;
    border-radius: 1.5vw;
    box-shadow: 0 0 1vw rgba(0,0,0,.8);
}
.co-logo > div > p:nth-of-type(1),
.co-logo > div > p:nth-of-type(2){
    display: none;
}
.co-logo > div > p:nth-of-type(3){
    margin: 0;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    text-shadow:
        #fff .2vw .2vw 0,
        #fff -.2vw .2vw 0,
        #fff .2vw -.2vw 0,
        #fff -.2vw -.2vw 0,
        #fff .2vw 0 0,
        #fff -.2vw 0 0,
        #fff 0 .2vw 0,
        #fff 0 -.2vw 0,
        0 0 1vw rgba(255,255,255,1);
}
.co-logo{
    width: 95vw;
    margin: 0 auto 2vw;
    padding: 2vw 0;
    border-radius: 2vw;
}
.co-backlog{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items: baseline;
}
.co-backlog img{
    width: 20vw;
    margin: 0 auto 0;
    transition: .3s;
}
.active img{
    width: 24vw;
    margin: 0 auto;
    border: solid .6vw rgba(255,0,0,1);
    border-radius: 1vw;
    padding: .2vw;
    transition: .3s;
}
/*------------
各中隊ロゴ
---------------*/
.hsco-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo07.png);
}
.hsco-page-bg .co-logo{
    border: solid .8vw rgba(190,150,0,.8);
    background-color: rgba(255,240,220,.8);
}
.co1-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo01.png);
}
.co1-page-bg .co-logo{
    border: solid .8vw rgba(10,100,10,.8);
    background-color: rgba(210,255,230,.8);
}
.co2-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo02.png);
}
.co2-page-bg .co-logo{
    border: solid .8vw rgba(200,200,10,.8);
    background-color: rgba(255,255,180,.8);
}
.co3-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo03.png);
}
.co3-page-bg .co-logo{
    border: solid .8vw rgba(10,100,200,.8);
    background-color: rgba(190,255,250,.8);
}
.co4-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo04.png);
}
.co4-page-bg .co-logo{
    border: solid .8vw rgba(200,10,10,.8);
    background-color: rgba(255,190,190,.8);
}
.co5-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo05.png);
}
.co5-page-bg .co-logo{
    border: solid .8vw rgba(200,10,200,.8);
    background-color: rgba(255,220,250,.8);
}
.hmco-page-bg{
    background-image: url(../../02_int/img/02_02_img/logo06.png);
}
.hmco-page-bg .co-logo{
    border: solid .8vw rgba(250,10,10,.8);
    background-color: rgba(255,200,200,.8);
}
.gsvc-page-bg .co-logo{
    border: solid .8vw rgba(220,180,100,.8);
    background-color: rgba(255,230,200,.8);
}