.information{
    width: 100%;
    margin-top: 50px;
}

.information h1{
    font-size: 35px;
    color: #3D3731;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.information h3{
    font-size: 10px;
    color: #3D3731;
    padding-top: 10px;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.information p{
    font-size: 8px;
    color: #3D3731;
    padding-top: 10px;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.main_image{
    text-align: center;
}

.main_image img{
    width: 960px;
    margin: 50px auto;
    object-fit: cover;
}

/*選択アイコン*/
.information_category{
    padding-top: 40px;
    padding-bottom: 80px;
    margin: 50px;
    height: auto;
}
.information_category_container_1, .information_category_container_2{
    margin: 0 auto;
    width: 960px;
    display: flex;
}
.information_category_container_2{
    margin-top: 48px;
}
.information_category_container_1 a, .information_category_container_2 a{
    text-decoration: none;
}

.information_1, .information_2, .information_3, .information_4, .information_5, .information_6, .information_7, .information_8{
    width: 204px; 
    height: 204px; 
    background-color: #FFFFFF; 
    text-align: center; 
    padding: 30px;
    border-radius: 20px;
    border: 3px solid #28AAE2; /* 線の太さ 線の種類 線の色 */
    float: left;
}

.information_1, .information_2, .information_3, .information_5, .information_6, .information_7{
    margin-right: 48px;
}

.information_1 h4, .information_2 h4, .information_3 h4, .information_4 h4, .information_6 h4, .information_8 h4{
    margin-top: 20px;
    font-size: 20px;
    color: #3D3731;
}

.information_5 h4, .information_7 h4{
    margin-top: 20px;
    font-size: 18px;
    color: #3D3731;
}

@media (width < 1440px){
    .information h1{
        width: 90%;
        margin: 0 auto;
    }
    .information h3{
        width: 90%;
        margin: 0 auto;
    }
}

/*アイコンを2列に可変*/
@media (width <= 1150px){
    .information_category_container_1, .information_category_container_2{
        display: block;
        width: 456px;
        height: 456px;
    }
    .information_2{
        margin-right: 0px;
    }
    .information_3{
        margin-top: 48px;
        margin-right: 48px;
    }
    .information_4{
        margin-top: 48px;
        margin-right: 0px;
        float: left;
    }
    .information_6{
        margin-right: 0px;
    }
    .information_7{
        margin-top: 48px;
    }
    .information_8{
        margin-top: 48px;
        margin-right: 0px;
    }
}

@media(width <= 960px){
    /* .main_image img{
        width: 90%;
        margin: 50px auto 0px auto;
        object-fit: cover;
    } */
    .main_image img{
        /* width: 90%; */
        width: 70%;
        margin: 50px auto 30px auto;
        object-fit: cover;
    }
}

/*アイコンを1列に可変*/
@media (width <= 543px){
    .information_category_container_1, .information_category_container_2{
        display: block;
        width: 180px;
        height: 864px;
    }
    .information_1, .information_2, .information_3, .information_4, 
    .information_5, .information_6, .information_7, .information_8{
        width: 180px;
        height: 180px;
        margin-top: 48px;
        margin-right: 0px;
    }
    .information_5 h4, .information_7 h4{
        font-size: 15px;
    }
}

@media (width <= 425px){  
    /* .information{
        height: 230px;
        margin-top: 10px;
    } */

    .information h1{
        font-size: 20px;
        width: 90%;
        margin: 0 auto;
    }

    .information h3{
        font-size: 8px;
        width: 90%;
        margin: 0 auto;
    }

    .main_image img{
        /* padding: 30px 20px; */
        width: 334px;
        margin: 20px auto 0px auto;
    }

    .information_category {
        padding-top: 0px;
        padding-bottom: 80px;
        margin-top: 0px;
        height: auto;
    }
}

@media(width <= 320px){
    .main_image img{
        width: 279px;
        padding: 0px;
        margin: 20px auto 0px auto;
    }
}

@media(width <= 300px){
    .main_image img{
        width: 259px;
        padding: 0px;
        margin: 20px auto 0px auto;
    }
}