section {
 position: relative;
 width: 100%;

 --main_brs: 60px;
 padding-inline: 3%;
}
@media screen and (max-width: 1024px) {
 section {
  padding-inline: 5%;
 }
}
@media screen and (max-width: 600px) {
 section {
  --main_brs: 30px;
 }
}
section p.main_txt {
 line-height: 1.6666666667;
 font-size: 18px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section p.main_txt {
  font-size: 16px;
 }
}
section p.main_txt span {
 color: var(--c_rd);
}
section p.main_txt +p.main_txt {
 margin-top: 1em;
}
section h2 {
 line-height: 1.25;
 color: var(--c_rd);
 font-weight: bold;
 font-size: 36px;
 text-align: center;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section h2 {
  font-size: 26px;
 }
}
section h3.line {
 display: flex;
 position: relative;
 line-height: 1.6666666667;
 flex-direction: column;
 color: var(--c_gy);
 font-weight: bold;
 font-size: 30px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section h3.line {
  font-size: 20px;
 }
}
section h3.line:has(span):after {
 bottom: -25px;
}
@media screen and (max-width: 1024px) {
 section h3.line:has(span):after {
  bottom: -15px;
 }
}
section h3.line span {
 font-size: 0.6em;
}
section h3.line.tac {
 text-align: center;
}
section h3.line.tac:after {
 left: 50%;
 translate: -50% 0;
}
section h3.line:after {
 content: "";
 display: block;
 position: absolute;
 bottom: -35px;
 left: 0;
 width: 60px;
 height: 4px;
 background: var(--c_rd);
}
@media screen and (max-width: 1024px) {
 section h3.line:after {
  bottom: -20px;
 }
}
section.lead_area {
 margin-bottom: 220px;
}
@media screen and (max-width: 1024px) {
 section.lead_area {
  margin-bottom: 60px;
 }
}
section.lead_area >.inner {
 width: 100%;
 max-width: 1050px;
 margin: 0 auto;
}
section.lead_area >.inner h2 {
 margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner h2 {
  margin-bottom: 35px;
 }
}
section.lead_area >.inner .lead_col2 {
 display: flex;
 width: 100%;
 justify-content: space-between;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .lead_col2 {
  flex-direction: column;
  gap: 20px;
 }
}
section.lead_area >.inner .lead_col2 .txt_wrap {
 width: 46%;
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .lead_col2 .txt_wrap {
  width: 100%;
 }
}
section.lead_area >.inner .lead_col2 .txt_wrap h3.line {
 margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner .lead_col2 .txt_wrap h3.line {
  margin-bottom: 50px;
 }
}
section.lead_area >.inner .lead_col2 .img {
 width: 48%;
}
@media screen and (min-width: 600px) {
 section.lead_area >.inner .lead_col2 .img {
  order: -1;
 }
}
@media screen and (max-width: 600px) {
 section.lead_area >.inner .lead_col2 .img {
  width: 100%;
 }
}
section.lead_area >.inner .lead_col2 .img img {
 border-radius: 20px;
}
section.data_area {
 background: #feebd6;

 padding-block: 120px 200px;
}
@media screen and (max-width: 1024px) {
 section.data_area {
  padding-block: 60px 100px;
 }
}
section.data_area >.inner {
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
section.data_area >.inner h2 {
 margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
 section.data_area >.inner h2 {
  margin-bottom: 25px;
 }
}
section.data_area >.inner h3.line {
 margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
 section.data_area >.inner h3.line {
  margin-bottom: 50px;
 }
}
section.data_area >.inner .data_box {
 display: grid;
 gap: 40px;
}
@media screen and (max-width: 1024px) {
 section.data_area >.inner .data_box {
  gap: 20px;
 }
}
section.data_area >.inner .data_box:not(:last-child) {
 margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
 section.data_area >.inner .data_box:not(:last-child) {
  margin-bottom: 50px;
 }
}
@media screen and (min-width: 600px) {
 section.data_area >.inner .data_box.company,section.data_area >.inner .data_box.work {
  grid-template-columns: repeat(2, 1fr);
 }
 section.data_area >.inner .data_box.employee {
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
 }
 section.data_area >.inner .data_box.employee li:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/3;
 }
 section.data_area >.inner .data_box.employee li:nth-child(2) {
  grid-column: 2/2;
  grid-row: 1/2;
 }
 section.data_area >.inner .data_box.employee li:nth-child(3) {
  grid-column: 1/2;
  grid-row: 3/4;
 }
 section.data_area >.inner .data_box.employee li:nth-child(4) {
  grid-column: 2/3;
  grid-row: 2/4;
 }
 section.data_area >.inner .data_box.employee li:nth-child(5) {
  grid-column: 1/2;
  grid-row: 4/6;
 }
 section.data_area >.inner .data_box.employee li:nth-child(6) {
  grid-column: 2/3;
  grid-row: 4/5;
 }
 section.data_area >.inner .data_box.employee li:nth-child(7) {
  grid-column: 2/3;
  grid-row: 5/6;
 }
}
@media screen and (min-width: 600px) {
 section.data_area >.inner .data_box li.w100 {
  grid-column: span 2;
 }
}
section.data_area >.inner .data_box li img {
 width: 100%;
}
/*# sourceMappingURL=layout.css.map */