.section_box {
  max-width: 1520px;
  width: calc(100% - 140px);
  margin: 0 auto;
  padding: 172px 0 0;
  position: relative; }
  .section_box:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    max-width: 100%;
    height: 146px;
    left: 0;
    top: 0; }
  .section_box h3 {
    font: 3.2rem/1em "Noto Sans", sans-serif;
    font-weight: 500;
    margin: 0 0 40px; }

@media (max-width: 1024px) {
  .section_box {
    padding: 155px 0 0;
    position: relative;
    width: calc(100% - 80px); }
    .section_box:before {
      height: 128px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .section_box {
    padding: 110px 0 0;
    position: relative;
    width: calc(100% - 60px); }
    .section_box:before {
      height: 80px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .section_box {
    padding: 65px 0 0;
    position: relative;
    width: calc(100% - 40px); }
    .section_box:before {
      height: 50px; }
    .section_box h3 {
      font: 2rem/1em "Noto Sans", sans-serif;
      font-weight: 500;
      margin: 0 0 25px; } }
/*max-width:480px*/
/*********************/
.section_dat {
  max-width: 1100px;
  width: calc(100% - 250px);
  margin: 0 0 0 auto; }
  .section_dat dl {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
  .section_dat dt {
    font: 1.8rem/2em "Noto Sans", sans-serif;
    font-weight: 500;
    padding: 50px 0;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
  .section_dat dd {
    font: 1.8rem/2em "Noto Sans", sans-serif;
    font-weight: 400;
    width: calc(100% - 260px);
    padding: 50px 0;
    border-bottom: 1px solid #D9D9D9; }
  .section_dat li {
    padding: 0 0 0 2.0rem;
    position: relative; }
    .section_dat li:before {
      position: absolute;
      content: "";
      display: block;
      background-color: #006934;
      width: 13px;
      height: 13px;
      border-radius: 50%;
      left: 0;
      top: 12px; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .section_dat {
    max-width: 1100px;
    width: 100%;
    margin: 0 0 0 auto; }
    .section_dat dl {
      width: 100%; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .section_dat dl {
    width: 100%;
    display: block; } }
/*max-width:768px*/
/*max-width:480px*/
/*********************/
.company_content {
  padding: 0 0 150px; }

.company_box:before {
  background: url("../images/company/profile.svg") center left no-repeat;
  background-size: contain;
  aspect-ratio: 720/146; }
.company_box h3 {
  color: #006934; }

.company_dat dt {
  color: #006934;
  width: 260px;
  border-bottom: 1px solid #D9D9D9; }
.company_dat dd {
  width: calc(100% - 260px); }
.company_dat li {
  padding: 0 0 0 2.0rem;
  position: relative; }
  .company_dat li:before {
    position: absolute;
    content: "";
    display: block;
    background-color: #006934;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: 0;
    top: 12px; }

@media (max-width: 1024px) {
  .company_dat {
    max-width: 1100px;
    width: 100%;
    margin: 0 0 0 auto; }
    .company_dat dl {
      width: 100%; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .company_dat dl {
    width: 100%;
    display: block; }
  .company_dat dt {
    border-bottom: none;
    width: 100%;
    padding: 30px 0 0 0; }
  .company_dat dd {
    padding: 0 0 30px;
    width: 100%;
    border-bottom: 1px solid #006934; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .company_content {
    padding: 0 0 100px; }

  .company_dat li:before {
    top: 10px; }
  .company_dat dd {
    font: 1.6rem/2em "Noto Sans", sans-serif;
    font-weight: 400; } }
/*max-width:480px*/
/*********************/
.history_content {
  background-color: #006934;
  padding: 140px 0 260px; }

.history_box:before {
  background: url("../images/company/history.svg") center left no-repeat;
  background-size: contain;
  aspect-ratio: 799/146; }
.history_box h3 {
  color: #fff; }

.history_dat dt {
  font: 2.2rem/2em "Noto Sans", sans-serif;
  font-weight: 500;
  color: #fff;
  width: 340px;
  padding: 50px 25px 50px 0;
  border-bottom: 1px solid #FDFF00; }
  .history_dat dt span {
    display: block;
    width: 130px;
    margin: 0 auto;
    text-align: right; }
.history_dat dd {
  width: calc(100% - 340px);
  padding: 50px 0 50px 50px;
  color: #fff; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .history_dat dt {
    color: #fff;
    width: 260px;
    padding: 50px 0 50px 25px; }
    .history_dat dt span {
      margin: 0; }
  .history_dat dd {
    width: calc(100% - 260px);
    padding: 50px 0 50px 50px;
    color: #fff; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .history_dat dl {
    padding: 30px 0 0; }
  .history_dat dt {
    color: #fff;
    width: 100%;
    padding: 0 0 15px;
    border-bottom: none; }
    .history_dat dt span {
      margin: 0;
      padding: 0 10px 10px 0;
      text-align: left;
      display: block;
      width: fit-content;
      border-bottom: 1px solid #FDFF00; }
  .history_dat dd {
    width: 100%;
    padding: 0 0 45px;
    border-bottom: none; }
    .history_dat dd:last-of-type {
      padding: 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .history_content {
    background-color: #006934;
    padding: 100px 0 100px; }

  .history_dat dl {
    padding: 30px 0 0; }
  .history_dat dt {
    font: 2rem/2em "Noto Sans", sans-serif;
    font-weight: 500;
    padding: 0 0 15px;
    border-bottom: none; }
    .history_dat dt span {
      margin: 0;
      padding: 0 10px 8px 0; }
  .history_dat dd {
    font: 1.6rem/1.8em "Noto Sans", sans-serif;
    font-weight: 400; } }
/*max-width:480px*/
/*********************/
.access_content {
  padding: 180px 0 0; }
  .access_content p {
    text-align: center;
    font: 1.8rem/1em "Noto Sans", sans-serif;
    font-weight: 400; }

.access_box:before {
  background: url("../images/company/access.svg") center left no-repeat;
  background-size: contain;
  aspect-ratio: 754/146; }
.access_box h3 {
  color: #006934; }

.map {
  aspect-ratio: 1920/980;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto 20px; }
  .map iframe {
    width: 100%;
    height: 100%; }

@media (min-width: 1920px) {
  .map {
    max-width: 1920px; } }
/*max-width:1280px*/
@media (max-width: 768px) {
  .map {
    aspect-ratio: 768/600; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .access_content {
    padding: 100px 0 0; }
    .access_content p {
      font: 1.6rem/1em "Noto Sans", sans-serif;
      font-weight: 400; } }
/*max-width:480px*/