@charset "UTF-8";
/******************************
  pagesec-greeting
******************************/
.pagesec-greeting .ttlbox{
  text-align: center;
  line-height: .8;
}
.pagesec-greeting .ttl1{
  margin-bottom: 6rem;
}
.pagesec-greeting .ftxtbox{
  width: 58%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pagesec-greeting .fimgbox{
  width: 40%;
  }
@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) {
  .pagesec-greeting .ftxtbox,
  .pagesec-greeting .fimgbox{
    width: 100%;
  }
  .pagesec-greeting .fimgbox{
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 767px) {
}

/******************************
  pagesec-company
******************************/
.pagesec-company .ttlbox{
  text-align: center;
  line-height: .8;
}
.pagesec-company .ttl1{
  margin-bottom: 6rem;
}
.pagesec-company .fd{
  flex-direction: column;
}
.pagesec-company .tbl{
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
}
.pagesec-company .tblbox{
  border-bottom: solid 1px #000;
}
.pagesec-company .tblttl{
  width: 200px;
}
.pagesec-company .tbltxt{
  width: calc(100% - 200px);
}
.pagesec-company .tblttl,
.pagesec-company .tbltxt{
  padding: 1rem 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) {
  .pagesec-company .tblbox{
    width: 100%;
  }
  .pagesec-company .tblttl{
    width: 100%;
  }
  .pagesec-company .tbltxt{
    width: 100%;
  }
  .pagesec-company .tbl{
    width: 100%;
  }
}