h2 {
    margin: 0;
}

p,h1,ul{
    margin: 0;
}

section{
    margin-bottom:5rem;
}


/* catch */
.catch{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding:6rem 0 ;
}
    .catch img {
        position: absolute;
        inset: 0;
        opacity: 0.5;

        width: 100%;
        height: 100%;
        object-fit: cover;

        z-index: 0;
    }

    .catch div{
        position: relative;
        z-index: 1;

        padding: 1rem 1rem;
        

        

    }
        .catch div p{
            padding-left: 0.5rem;
        }
    


/* myinfo */
.myinfo{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding:1rem 0 ;
}
    .myinfo img {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;
        object-fit: cover;

        opacity: 0.5;
        z-index: 0;
    }

    .myinfo div{
        position: relative;
        z-index: 1;

        padding: 1rem 1rem;
        /* color: rgb(84, 232, 255); */
        

    }
        .myinfo div h3{
            padding-left: 0.5rem;
            margin:0.5rem 0 ;
            
        }
        .myinfo div h4{
            padding-left: 0.5rem;
            margin:0.5rem 0 ;
            
        }
        .myinfo div p{
            padding-left: 0.5rem;
            margin:0.5rem 0 ;
        }
            .myinfo div p a{
                display: block;
                text-align: center;
                width: 100px;
                margin-left: auto;
                color:white;
                padding: 0.5rem 2rem;
                background-color: rgb(94, 94, 94);
                text-decoration: none;
            }

    




        

/* HP SECTION */
.home-hp-sec{
    position: relative;
    overflow: hidden;
    width: 100%;
}
    .home-hp-sec img {
        position: absolute;
        inset: 0;
        opacity: 0.5;

        width: 100%;
        height: 100%;
        object-fit: cover;

        z-index: 0;
    }

    .home-hp-sec div{
        position: relative;
        z-index: 1;

        padding: 1rem 1rem;
        color: rgb(255, 255, 255);
        

    }
        .home-hp-sec div p{
            padding-left: 0.5rem;
            margin:0.5rem 0 ;
        }
            .home-hp-sec div p a{
                display: block;
                text-align: center;
                width: 100px;
                margin-left: auto;
                color:white;
                padding: 0.5rem 2rem;
                background-color: rgb(94, 94, 94);
                text-decoration: none;
            }
    


/* 活動 */

.active{
    position: relative;
    overflow: hidden;
    width: 100%;
}
    .active img {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;
        object-fit: cover;

        z-index: 0;
    }

    .active div{
        position: relative;
        z-index: 1;

        padding: 1rem 1rem;
        color: rgb(119, 248, 255);
        

    }
        .active div p{
            padding-left: 0.5rem;
            margin: 0.5rem 0;
        }



/* 連絡 */

.contact{
    position: relative;
    overflow: hidden;
    width: 100%;
}
    .contact img {
        position: absolute;
        inset: 0;

        width: 100%;
        height: 100%;
        object-fit: cover;

        z-index: 0;
    }

    .contact div{
        position: relative;
        z-index: 1;

        padding: 1rem 1rem;
        color: rgb(255, 255, 255);
        

    }
        .contact div p{
            padding-left: 0.5rem;
            margin: 0.5rem 0;
        }
        .contact div a{
            color: inherit;
            text-decoration: none;
        }
    
/* 
.hp h2{
    padding:2rem 0rem 0rem 0rem ;
}

.hp p{
    padding:0rem 0rem 2rem 0rem ;
    margin-bottom: 0;
    border-bottom:1px white solid ;
} */