@charset "utf-8";
/*==========================
common
==========================*/
:root {
    --primary-b: #573525;
    --primary-back01: #F7F6F4;
    --primary-back02: #FFFFFF;
    --primary-cream:#F0EDE9;
}




.pagemain{
  background: url(../image/about_main0119.png);
}

.aboutarea{
    display: flex;
    padding: 80px 9.7% 160px;
    flex-direction: column;
    gap: 60px;
}

.areahub{
    max-width: 1160px;
    margin: 0,auto;
  }

.abouttitle{
    color: var(--Back-TXT, rgba(87, 53, 37, 0.30));
    font-family: "Zen Old Mincho";
    font-size: 9.6rem;
    justify-content: flex-start;
    text-align: left;
  }

.aboutunit{
display: flex;
justify-content: center;
align-items: center;
}

.abouttxt {
color: var(--TXT, #573525);
font-family: "Zen Old Mincho";
font-size: 2.0rem;
margin-right: 50px;
margin-top: 60px;
}

.aboutprof{
width: 240px;
height: auto;
box-shadow: 20px 20px 4px 0px rgba(87, 53, 37, 0.20);
}


@media screen and (max-width:768px) {
  .spbr{
    display: block;
}

.aboutarea{
    padding: 80px 9.7%;
}

.abouttitle{
    font-size: 4.8rem;
    text-align: center;
  }

  .aboutunit{
    display: flex;
    flex-direction: column-reverse ;
    justify-content: center;
    align-items: center;
    }

 .abouttxt {
        font-size: 1.6rem;
  }

  .aboutprof{
    width: 180px;
    height: auto;
    box-shadow: 10px 10px 4px 0px rgba(87, 53, 37, 0.20);
    margin-top: 47px;
}
}