.topLine::after {
  background-image: linear-gradient(rgba(255, 255, 255, 0) 300px, #D79040 1000px, #D79040 90%);
}

.topBk {
  background: radial-gradient(59.78% 100% at 0% 0%, #F5E3CF 0%, #FFF 100%);
}

.parrentWrap .stickyArea .listWrap .title {
  color: #D79040;
}
.parrentWrap .stickyArea .listWrap a {
  color: #B4A9A9;
}

@media screen and (max-width: 1300px) {
  #pageAttempt section .commonWidth {
    padding-left: 290px;
  }
}
@media screen and (max-width: 1000px) {
  #pageAttempt section .commonWidth {
    padding-left: 0px;
  }
}
.secTop {
  padding-bottom: 200px;
  padding-left: initial;
  position: relative;
}
.secTop .gridArea {
  display: grid;
  grid-template-columns: 440px 1fr;
  align-items: center;
}
.secTop .gridArea .catch {
  white-space: nowrap;
  position: relative;
}
.secTop .gridArea .catch span {
  font-weight: bold;
  color: #D79040;
}
.secTop .gridArea .tl28 + p {
  padding-top: 62px;
}
.secTop .gridArea .imgArea img {
  border-radius: 10px;
}

@media screen and (max-width: 1000px) {
  .secTop {
    width: 90%;
    margin: 0 auto;
  }
  .secTop .gridArea .catch {
    white-space: initial;
    z-index: 1;
  }
  .secTop .gridArea .imgArea {
    position: absolute;
    z-index: 0;
    width: 60%;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .secTop .gridArea {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 500px) {
  .secTop {
    padding-bottom: 150px;
  }
}
.secPassive {
  margin-top: -170px;
}
.secPassive .content .p42 {
  color: #D79040;
}
.secPassive .content .tlWrap {
  padding-top: 42px;
}
.secPassive .content .tlWrap .title {
  border-bottom: 2px solid #D79040;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 32px;
}
.secPassive .content .tlWrap .title + p {
  padding-bottom: 40px;
}
.secPassive .content .ano {
  padding: 16px 0 56px;
}
.secPassive .content .gridArea1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 32px;
       column-gap: 32px;
  padding-top: 40px;
  padding-bottom: 64px;
}
.secPassive .content .gridArea1 .area .p22b {
  padding-bottom: 20px;
}
.secPassive .content .gridArea1 .area .p22b span {
  color: #D79040;
  text-decoration: underline;
  text-underline-offset: 5px;
  font-weight: bold;
}
.secPassive .content .features .title {
  padding-bottom: 16px;
}
.secPassive .content .features .gridArea2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 18px;
       column-gap: 18px;
}
.secPassive .content .features .gridArea2 .area {
  text-align: center;
  padding: 20px 0 0;
  border-radius: 10px;
  border: 1px solid #4B423F;
}
.secPassive .content .features .gridArea2 .area .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.secPassive .content .features .gridArea2 .area .wrap p {
  color: #D79040;
}
.secPassive .content .features .gridArea2 .area .wrap .p32 {
  font-size: 32px;
  font-weight: 400;
}
.secPassive .content .features .gridArea2 .area .wrap + p {
  margin: 0 auto;
  width: 90%;
}
.secPassive .content .features .gridArea2 .area img {
  padding-top: 24px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1000px) {
  .secPassive {
    margin-top: -100px;
  }
  .secPassive .content .gridArea1 {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
@media screen and (max-width: 1000px) {
  .secPassive .content .features .gridArea2 {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.secContent {
  padding-top: 120px;
  transition: all 1s;
}
.secContent .numWrap {
  background: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 11px;
}
.secContent .numWrap .p17 {
  text-align: center;
  color: #D79040;
  padding: 8px;
}
.secContent h2 {
  margin-bottom: 32px;
  color: #4B423F;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 2px solid #D79040;
}
.secContent h3 {
  padding-bottom: 16px;
}
.secContent h3 + p {
  padding-bottom: 24px;
}
.secContent .wrap {
  border-radius: 10px;
  width: 100%;
}
.secContent .wrap + h3 {
  padding-top: 56px;
}

@media screen and (max-width: 767px) {
  .secContent {
    padding-top: 60px;
  }
}
.sec1.animationBk {
  background: #FBF4EC;
}

.sec1 h3 + p {
  padding-bottom: 56px;
}
.sec1 .wrap .gridArea {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 32px;
}
.sec1 .wrap .gridArea .detailArea .lineTl {
  color: #D79040;
}
.sec1 .wrap .gridArea .detailArea .lineTl::after {
  background: #D79040;
}
.sec1 .wrap .gridArea .detailArea ol {
  padding-left: 3.7em;
}
.sec1 .wrap .gridArea .detailArea ol li {
  list-style: decimal-leading-zero;
  color: #D79040;
}

@media screen and (max-width: 1200px) {
  .sec1 .wrap .gridArea {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1000px) {
  .sec1 .wrap .gridArea {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .sec1 .wrap .gridArea {
    grid-template-columns: 1fr;
  }
}
.sec2.animationBk {
  background: #F9EEE2;
}

.sec2 .wrap .gridArea {
  display: grid;
  grid-template-columns: 1fr 300px;
  align-items: center;
  gap: 32px;
  padding-bottom: 52px;
}
.sec2 .wrap .gridArea h3 {
  padding-top: 32px;
}
.sec2 .wrap .gridArea .dotList {
  padding-left: 0;
}
.sec2 .wrap .gridArea .dotList li:after {
  background-color: #D79040;
}
.sec2 .wrap .gridArea .ano {
  font-size: clamp(14px, 1.04vw, 18px);
  color: #4B423F;
}
.sec2 .imgGridArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 10px;
}
.sec2 .imgGridArea img {
  width: 100%;
  max-width: initial;
}
.sec2 .imgGridArea p {
  padding-top: 16px;
}

@media screen and (max-width: 1200px) {
  .sec2 .wrap .gridArea {
    grid-template-columns: 1fr;
  }
  .sec2 .wrap .gridArea .imgWrap {
    grid-area: 1/1;
  }
}
@media screen and (max-width: 1000px) {
  .sec2 .wrap .gridArea {
    grid-template-columns: 1fr 1fr;
  }
  .sec2 .wrap .gridArea .imgWrap {
    grid-area: initial;
  }
}
@media screen and (max-width: 767px) {
  .sec2 .wrap .gridArea {
    grid-template-columns: 1fr;
  }
  .sec2 .wrap .gridArea .imgWrap {
    grid-area: 1/1;
  }
  .sec2 .imgGridArea {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 40px;
  }
}
.sec3.animationBk {
  background: #F5E5E7;
}

.sec3 .wrap {
  background: #FAF2F3;
}
.sec3 .wrap .gridArea .girdAreaInner {
  padding: 40px 0;
  width: 95%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content 1fr;
  gap: 24px 38px;
  align-items: center;
}
.sec3 .wrap .gridArea .girdAreaInner .imgWrap ul {
  padding-left: 1em;
}
.sec3 .wrap .gridArea .girdAreaInner .imgWrap ul li {
  padding-left: 1em;
  position: relative;
}
.sec3 .wrap .gridArea .girdAreaInner .imgWrap ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0%;
  border-radius: 50%;
  height: 5px;
  width: 5px;
  background-color: #CD7E87;
}
.sec3 .wrap .gridArea .girdAreaInner .imgWrap:last-of-type {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .sec3 .wrap .gridArea {
    width: 90%;
    margin: 0 auto;
  }
  .sec3 .wrap .gridArea .girdAreaInner {
    grid-template-columns: 1fr;
    width: -moz-fit-content;
    width: fit-content;
  }
  .sec3 .wrap .gridArea .girdAreaInner .tl20b:last-of-type {
    grid-row: 3/4;
  }
}
.secExample.animationBk {
  background: #F7E9D9;
}

.secExample {
  transition: all 1s;
  padding: 120px 0;
}
.secExample h2 {
  padding-bottom: 32px;
}
.secExample h2 + p {
  color: #B4A9A9;
}
.secExample .gridArea {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 28px;
       column-gap: 28px;
}
.secExample .gridArea .content a img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 470px;
  border-radius: 8px;
}
.secExample .gridArea .content a .textWrap {
  padding-top: 16px;
}
.secExample .gridArea .content a .textWrap .tl_sub, .secExample .gridArea .content a .textWrap .sub, .secExample .gridArea .content a .textWrap span {
  font-weight: 400;
  font-size: clamp(13px, 0.87vw, 15px);
}
.secExample .gridArea .content a .textWrap .tl {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  padding: 4px 0 8px;
}
.secExample .gridArea .content a .textWrap .sub span {
  padding: 0 5px;
}
.secExample .gridArea .content a .textWrap .sub span:last-child {
  display: none;
}
.secExample .btnWrap {
  padding-top: 40px;
}
.secExample .btnWrap .btn a {
  padding: 11px 0;
  width: 300px;
}

@media screen and (max-width: 767px) {
  .secExample .gridArea {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}/*# sourceMappingURL=style.css.map */