main {
 margin-bottom: 200px;
}
@media screen and (max-width: 1024px) {
 main {
  margin-bottom: 100px;
 }
}

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: 2.1875;
 font-size: 16px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section p.main_txt {
  font-size: 14px;
 }
}
section p.main_txt.wt {
 color: #ffffff;
}
section p.main_txt +.main_txt {
 margin-top: 1em;
}
section p.main_txt span {
 color: var(--c_rd);
}
section.lead_area {
 margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
 section.lead_area {
  overflow: hidden;
  margin-bottom: 60px;
 }
}
section.lead_area .lead_img {
 position: absolute;
 top: 0;
 right: 0;
 width: calc(50vw - 50px);
 max-height: 500px;
 overflow: hidden;
 border-radius: var(--main_brs) 0 0 var(--main_brs);
}
@media screen and (max-width: 1024px) {
 section.lead_area .lead_img {
  position: relative;
  width: 95vw;
 }
}
section.lead_area .lead_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
section.lead_area >.inner {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
}
section.lead_area >.inner .lead_txt {
 width: 50%;
 padding-top: 40px;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner .lead_txt {
  width: 100%;
  padding-top: 20px;
 }
}
section.lead_area >.inner .lead_txt h2 {
 line-height: 1.875;
 margin-bottom: 30px;
 color: var(--c_gy);
 font-weight: bold;
 font-size: 24px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section.lead_area >.inner .lead_txt h2 {
  margin-bottom: 15px;
  font-size: 20px;
 }
}
section.anc_area {
 background: #fcf3cd;

 padding-block: 200px 100px;
}
@media screen and (max-width: 1024px) {
 section.anc_area {
  padding-block: 100px 50px;
 }
}
section.anc_area >.inner {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
}
section.anc_area >.inner ul {
 display: grid;
 position: relative;
 grid-template-columns: repeat(3, 1fr);
 gap: 30px;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul {
  grid-template-columns: 1fr;
  gap: 120px;
 }
}
@media screen and (max-width: 600px) {
 section.anc_area >.inner ul {
  gap: 102px;
 }
}
section.anc_area >.inner ul:after {
 content: "";
 display: block;
 position: absolute;
 top: -40px;
 left: 50%;
 width: 67%;
 height: 4px;
 background: var(--c_rd);
 translate: -50% 0;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul:after {
  display: none;
  top: 50%;
  left: 4px;
  width: 3px;
  height: 67%;
  translate: 0% -50%;
 }
}
section.anc_area >.inner ul li {
 display: flex;
 position: relative;
 z-index: 2;
 flex-direction: column;
 padding: 75px 10% 50px;
 border: 3px solid var(--c_rd);
 border-radius: 20px;
 background: #ffffff;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li {
  padding: 40px 5% 30px;
 }
}
section.anc_area >.inner ul li .ttl {
 display: flex;
 position: absolute;
 top: 0.5px;
 left: 50%;
 width: 200px;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 translate: -50% -60%;

 aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li .ttl {
  width: 150px;
 }
}
@media screen and (max-width: 600px) {
 section.anc_area >.inner ul li .ttl {
  width: 120px;
 }
}
section.anc_area >.inner ul li .ttl span {
 margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li .ttl span img {
  width: 50px;
 }
}
@media screen and (max-width: 600px) {
 section.anc_area >.inner ul li .ttl span img {
  width: 30px;
 }
}
section.anc_area >.inner ul li .ttl h2 {
 line-height: 1;
 color: var(--c_rd);
 font-weight: bold;
 font-size: 36px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li .ttl h2 {
  font-size: 24px;
 }
}
@media screen and (max-width: 600px) {
 section.anc_area >.inner ul li .ttl h2 {
  font-size: 20px;
 }
}
section.anc_area >.inner ul li .ttl:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 width: 100%;
 height: 100%;
 clip-path: polygon(0 0, 100% 0, 100% 60%, 0 60%);
 border: 3px solid var(--c_rd);
 border-radius: 100px;
 background: #ffffff;
}
section.anc_area >.inner ul li .tmb {
 margin-bottom: 20px;
}
section.anc_area >.inner ul li .tmb img {
 border-radius: 20px;
}
section.anc_area >.inner ul li h3 {
 display: flex;
 line-height: 1.6666666667;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 margin-bottom: 20px;
 font-size: 18px;
 text-align: center;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li h3 {
  font-size: 16px;
 }
}
section.anc_area >.inner ul li h3 span {
 line-height: 1.25;
 color: var(--c_rd);
 font-weight: bold;
 font-size: 28px;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li h3 span {
  font-size: 24px;
 }
}
section.anc_area >.inner ul li p.main_txt {
 margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
 section.anc_area >.inner ul li p.main_txt {
  margin-bottom: 20px;
 }
}
section.anc_area >.inner ul li .wt_btn {
 width: 260px;
 height: 60px;
 margin: auto auto 0;
}
section.anc_block {
 padding-block: 120px;
}
@media screen and (max-width: 1024px) {
 section.anc_block {
  padding-block: 60px;
 }
}
section.anc_block.processing_area {
 background: #feebd6;
}
section.anc_block.processing_area .block:has(.img) .txt_wrap {
 background: #feebd6 !important;
}
section.anc_block >.inner {
 width: 100%;
 max-width: 1000px;
 margin: 0 auto;
}
section.anc_block >.inner h2 {
 line-height: 1.3235294118;
 margin-bottom: 60px;
 color: var(--c_rd);
 font-weight: bold;
 font-size: 34px;
 text-align: center;
 letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
 section.anc_block >.inner h2 {
  margin-bottom: 30px;
  font-size: 26px;
 }
}
/*# sourceMappingURL=layout.css.map */