* {
        box-sizing: border-box;
        
    }

    
    body {
        margin: 0;
    }


    #page1 {
        width: 80vw;
        margin: auto;
        min-width: 576px;
        max-height: 992px;
        display: flex;
        flex-direction: column;
        gap: 20px;  
        font-family: 'Noto Sans JP', sans-serif;

    }

    main>h2{
        text-align: left;
        
    }

    main>p{
        margin: 0px 0px 40px 0px;
    }

    header{
        display: flex;
        justify-content: space-between;
    }

    header>h3{
        margin: -5px -5px -5px -5px;
    }

    main {
        flex-grow: 1;
    }


    footer {
        text-align: center;
        padding: 10px;

    }
    


    .container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;    
        
    }
        

    .one{
        border: 3px;
        border-radius: 20px;
        padding: 15px;
        box-shadow: 0px 0px 20px rgb(102, 101, 101);
        background-image: linear-gradient(-110deg, #a32292, #2d1986);
        background-size: 100% 110px;
        background-repeat: no-repeat;
        width: calc( (100% - 3 * 10px) / 4 );
        
    }
    
    

    img{
         margin: 20px 50px 0px 60px;
         color: rgb(8, 8, 8);
         width: 120px;
         height: 120px;
         border: 6px solid rgb(252, 252, 252);
         border-radius:70px;
         box-shadow: 0px 0px 20px rgb(88, 87, 87);
         object-fit: cover;   
    }
    
    
    
    h1{
         margin: -3px 0px 0px 0px;
         text-align: center;
         font-size: 20px;
         font-weight: bold;
    }

    h2{
         text-align: center;
         margin: -5px 0px 10px 0px;
    }
    

    p{
         margin: -3px 0px 0px 0px;
         text-align: justify;
         font-size: 15px;  
         
    }
    

    button{
         color: rgb(232, 236, 231);
         border-radius:10px;
         background-color: #4bb342;
         padding: 6px 30px;
         border: 6px solid #4bb342;
         box-shadow: 0px 0px 10px rgb(73, 187, 79);
         text-align: center;
         font-size: 15px;
         font-weight: bold;
         margin: 0px 0px 0px 40px;
    }