@charset "UTF-8";
/* イメージ画像 */
.main-img { background: url("../images/about_img.webp") no-repeat top center;}

@media screen and (max-width:1199px){
    .main-img { 
        background: url("../images/about_img.webp") no-repeat top left -400px;
        background-size: auto 100%;}
}

@media screen and (max-width:899px){
    .main-img { 
        background: url("../images/about_img.webp") no-repeat top left -300px;
        background-size: auto 100%;}
}

@media screen and (max-width:699px){
    .main-img { 
        background: url("../images/about_img.webp") no-repeat top left -250px;
        background-size: auto 100%;}
}

@media screen and (max-width:499px){
    .main-img { 
        background: url("../images/about_img.webp") no-repeat top left -300px;
        background-size: auto 100%;}
}

@media screen and (max-width:399px){
    .main-img { 
        background: url("../images/about_img.webp") no-repeat top left -270px;
        background-size: auto 100%;}
}

/**============================================================================================**/
#about .flex { 
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    
    margin: 40px 0 0;}
    
#about .flex p { box-sizing: border-box; width: 33.33%; padding: 15px 15px 0 0;}
#about .flex p:first-child { width: auto; padding: 0;}

@media screen and (max-width:699px) and (min-width:500px){
    #about .flex p { width: 50%; padding: 10px 5px 0 0;}
    #about .flex p:last-child { padding-left: 5px;}
}

@media screen and (max-width:499px){
    #about .flex p { width: auto; padding: 10px 0 0;}
}



/* LastUp2025.07.04_kimata */