@charset "UTF-8";
@charset "UTF-8";

.about {
    position: relative;
    top: 150px;
    padding: 0 25px 100px;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;

}

.ab_ph  {
  width: 100%; 
  padding-bottom: 100px;
}

.ab_ph img {
  width: 100%; 
}

.ab_title {
    position: relative;
    font-size: 1.8rem;
    padding: 10px 0 15px;
}  

.ab_name {
    position: relative;
    font-size: 1.8rem;
    padding: 5px 0;
}  

.ab_job {
    position: relative;
    font-size: 1.4rem;
    padding: 5px 0;
} 

.ab_01 {
    position: relative;
    padding: 0 0 100px;
}

.ab_02 {
    position: relative;
    padding: 0 0 100px;
}

.about_txt {
    padding: 0 0 15px;
    letter-spacing: 0.1em;
}

.txt {
    font-size: 1.4rem;
    line-height: 2.5;
    text-align: justify;
}
.txt_en {
    font-size: 1.4rem;
    line-height: 2.5;
}
.txt_en_02 {
    font-size: 1.6rem;
    line-height: 2.3;
}


.pf_txt {
    font-size: 1.3rem;
    line-height: 2;
}


@media screen and (max-width: 1024px) {
    .about {
        position: relative;
        top: 60px;
        padding: 0 15px 100px;
        width: 100%;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .ab_ph  {
      width: 100%; 
      padding-bottom: 50px;
    }

    .ab_01 {
        position: relative;
        padding: 0 0 50px;
    }

    .ab_02 {
        position: relative;
        padding: 0 0 50px;
    }

    .about_title {
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        padding-bottom: 30px;
    }
    .txt {
        font-size: 1.2rem;
        letter-spacing: 0.1em;

    }
    .txt_en {
        font-size: 1.2rem;
        letter-spacing: 0.1em;
    }

}