@charset "UTF-8";

/******************************
common
******************************/

/******************************
pagesec-about
******************************/
.pagesec-about .inner1::before{
  content: "";
  aspect-ratio: 364/367;
  background: url(../../images/common/ob_bubble4.svg) no-repeat center / contain;
  position: absolute;
  right: -21rem;
  bottom: -7rem;
  width: 30%;
}
.pagesec-about .ttl{
  margin-bottom: 2rem;
}
.pagesec-about .ttl span{
  color: #674E3C;
  font-size: 4rem;
}
.pagesec-about .ttl span:last-of-type{
  padding-left: 18%;
}
.pagesec-about .ftxtbox{
  width: 65%;
}
.pagesec-about .fimgbox{
  width: 30%;
}
.pagesec-about .ftxtbox p{
  font-size: 1.8rem;
}
.pagesec-about .fimgbox img{
  border-radius: 15px;
  box-shadow: 3px 3px 16px rgba(89 , 71, 48, .2);
  object-fit: cover;
  height: 100%;
  width: auto;
}
.pagesec-about .name{
  font-size: 1.7rem;
  margin-top: 1rem;
  text-align: right;
}

/* 拡大 */
.fontsizebig .pagesec-about .ttl span{
  font-size: 4.2rem;
}
.fontsizebig .pagesec-about .ftxtbox p{
  font-size: 2rem;
}
.fontsizebig .pagesec-about .name{
  font-size: 1.9rem;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
  .pagesec-about .fimgbox img{
    object-position: 65%;
  }
}
@media only screen and (max-width: 820px) {
  .fontsizebig .pagesec-about .ttl span{
    font-size: 3.2rem;
  }
  .fontsizebig .pagesec-about .ftxtbox p{
    font-size: 1.8rem;
  }
  .fontsizebig .pagesec-about .name{
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .fontsizebig .pagesec-about .ttl span{
    font-size: 2.4rem;
  }
  .fontsizebig .pagesec-about .ftxtbox p{
    font-size: 1.7rem;
  }
  .fontsizebig .pagesec-about .name{
    font-size: 1.6rem;
  }
}

/* 通常 */
@media only screen and (max-width: 1180px) {
  .pagesec-about .inner1::before{
    right: -10rem;
    bottom: -7rem;
    width: 40%;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec-about .ttl span {
    font-size: 3rem;
  }
  .pagesec-about .ftxtbox p{
    font-size: 1.6rem;
  }
  .fontsizebig .pagesec-about .name{
    font-size: 1.5rem;
  }
  .pagesec-about .fimgbox img{
    height: 70%;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-about .inner1::before {
    bottom: -5rem;
    width: 75%;
  }
  .pagesec-about .ttl{
    display: block;
  }
  .pagesec-about .ttl span {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .pagesec-about .ttl span:last-of-type{
    padding-left: 0;
  }
  .pagesec-about .ftxtbox{
    margin-bottom: 2rem;
    width: 100%;
  }
  .pagesec-about .fimgbox{
    margin-left: auto;
    width: 90%;
  }
  .pagesec-about .fimgbox img{
    height: auto;
    width: 100%;
  }
}

/******************************
pagesec-greeting
******************************/
.pagesec-greeting .txtbox p{
  font-size: 1.8rem;
}
.pagesec-greeting .name{
  margin-top: 1rem;
  text-align: right;
}
.pagesec-greeting .name p:first-of-type{
  font-size: 1.7rem;
}
.pagesec-greeting .name p:last-of-type{
  font-size: 2rem;
}

/* 拡大 */
.fontsizebig .pagesec-greeting .txtbox p{
  font-size: 2rem;
}
.fontsizebig .pagesec-greeting .name p:first-of-type{
  font-size: 1.9rem;
}
.fontsizebig .pagesec-greeting .name p:last-of-type{
  font-size: 2.2rem;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .fontsizebig .pagesec-greeting .txtbox p{
    font-size: 1.7rem;
  }
  .fontsizebig .pagesec-greeting .name p:first-of-type{
    font-size: 1.6rem;
  }
  .fontsizebig .pagesec-greeting .name p:last-of-type{
    font-size: 1.9rem;
  }
}

/* 通常 */
@media only screen and (max-width: 1350px) {
  .pagesec-greeting .greeting{
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-greeting .greeting{
    padding-right: 0;
  }
  .pagesec-greeting .txtbox p{
    font-size: 1.6rem;
  }
  .pagesec-greeting .name p:first-of-type{
    font-size: 1.5rem;
  }
  .pagesec-greeting .name p:last-of-type{
    font-size: 1.8rem;
  }
}

/******************************
pagesec-summary
******************************/
.pagesec-summary .whitebox{
  background: #fff;
  border-radius: 20px;
  box-shadow: 3px 3px 16px rgba(89, 71, 48, .2);
  margin-top: 4rem;
  padding: 6rem 10rem;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
  .pagesec-summary .whitebox{
    padding: 4rem 5rem;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-summary .whitebox{
    border-radius: 6px;
    padding: 3rem 1.5rem;
  }
}