h2 {
    margin: 0;
}

p,h1,ul{
    margin: 0;
}

section{
    margin-bottom:5rem;
}


/* catch */
.catch{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding:5rem 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 p{
            padding-left: 0.5rem;
            margin:0.5rem 0 ;
        }
    



/* 信念セクション */

.belief{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding:5rem 0 ;
}
    .belief img {
        position: absolute;
        inset: 0;

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

        opacity: 0.5;
        z-index: 0;
    }

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

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

    }
        .belief div p{
            padding-left: 0.5rem;
            margin: 0.5rem 0;
            line-height: 2;
        }
        .belief div h3{
            text-align: right;
            margin: 0.5rem 0 0 0;
        }
    


        

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

        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;
        }
    

/* HPの意味 */
.hp-sec{
    margin: 1rem 0 0 0 ;
    display: flex;
    gap: 1rem;
    width: 100%;
}
@media (max-width: 600px) {
    .hp-sec{
        flex-wrap: wrap;
    }
}

    .h{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding:3rem 0 ;
    }
        .h img{
            position: absolute;
            inset: 0;

            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.3;
            z-index: 0;
        }
        .h div{
            position: relative;
            z-index: 1;

            padding: 1rem 1rem;
            color: rgb(255, 224, 242);
        }
            .h div p{
                padding-left: 0.5rem;
                margin: 0.5rem 0;
                line-height: 2;
            }



    .p{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding:3rem 0 ;
    }
        .p img{
            position: absolute;
            inset: 0;

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

            z-index: 0;
        }
        .p div{
            position: relative;
            z-index: 1;

            padding: 1rem 1rem;
            color: rgb(172, 187, 254);
        }
            .p div p{
                padding-left: 0.5rem;
                margin: 0.5rem 0;
                line-height: 2;
            }



/* 活動 */

.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 ;
} */