@charset "UTF-8";
.main .section .catch::before, .main .section p::before, .main .section .note::before, .main .section .catch::after, .main .section p::after, .main .section .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section .catch::before, .main .section p::before, .main .section .note::before {
  margin-bottom: calc((1em - 1lh) / 2);
}
.main .section .catch::after, .main .section p::after, .main .section .note::after {
  margin-top: calc((1em - 1lh) / 2);
}

.gHeader {
  height: auto;
}

.main article {
  background: url(../../assets/imgs/bg.png) 50% 3rem/16rem auto no-repeat;
}
@media screen and (max-width: 640px) {
  .main article {
    background-image: url(../../assets/imgs/bg_sp.png);
    background-position: 50% 1.8rem;
    background-size: 100% auto;
  }
}
.main .pageTitle {
  background-image: url(../imgs/bg-ttl@2x.jpg);
}
.main .pageTitle .ttl {
  width: 4.18rem;
}
@media screen and (max-width: 640px) {
  .main .pageTitle .ttl {
    width: 3.82rem;
  }
}
.main .catch {
  padding: 0.5rem 0 0;
}
.main .catch .image {
  width: 5.06rem;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .main .catch .image {
    width: 5.29rem;
  }
  .main .catch .image img {
    width: 100%;
  }
}
.main .section {
  margin: 0.5rem 0 0;
  padding: 0.5rem 0;
  background-size: calc(50% + 4rem) 100%;
  background-repeat: no-repeat;
  transition: background-position 0.8s;
}
@media screen and (max-width: 640px) {
  .main .section {
    background-size: calc(50% + 2.2rem) 100%;
  }
}
.main .section .ttl {
  padding: 1rem 0 0;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 640px) {
  .main .section .ttl {
    padding: 0;
    font-size: 0.44rem;
  }
}
.main .section .ttl img {
  display: block;
  margin: 0 0 0.2rem;
}
@media screen and (max-width: 640px) {
  .main .section .ttl img {
    margin: 0 0 0.28rem;
  }
}
.main .section .catch {
  width: auto;
  padding: 0;
  font-size: 0.24rem;
  line-height: 1.4166666667;
}
@media screen and (max-width: 640px) {
  .main .section .catch {
    font-size: 0.36rem;
    line-height: 1.2777777778;
  }
}
.main .section .catch .small {
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.14rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 640px) {
  .main .section .catch .small {
    font-size: 0.26rem;
    line-height: 1.3846153846;
  }
}
.main .section p {
  padding: 0.15rem 0 0;
  font-size: 0.16rem;
  line-height: 1.625;
}
@media screen and (max-width: 640px) {
  .main .section p {
    padding: 0.3rem 0 0;
    font-size: 0.28rem;
    line-height: 1.3571428571;
  }
}
.main .section .note {
  padding: 0.15rem 0 0;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
  font-size: 0.1rem;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  .main .section .note {
    padding: 0.2rem 0 0;
    font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
    font-size: 0.2rem;
    line-height: 1.3;
  }
}
.main .section sup {
  font-size: 0.5em;
}
.main .section.smart {
  background-image: linear-gradient(rgba(104, 128, 152, 0.7), rgba(104, 128, 152, 0.7));
}
.main .section.smart--01, .main .section.smart--03 {
  background-position: calc(-50vw - 4rem) 0;
}
@media screen and (max-width: 640px) {
  .main .section.smart--01, .main .section.smart--03 {
    background-position: calc(-50vw - 2.2rem) 0;
  }
}
.main .section.smart--01.scrollIn, .main .section.smart--03.scrollIn {
  background-position: 0 0;
}
.main .section.smart--01 .wrap, .main .section.smart--03 .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 6rem;
  gap: 0.2rem 0;
}
@media screen and (max-width: 640px) {
  .main .section.smart--01 .wrap, .main .section.smart--03 .wrap {
    display: block;
  }
}
.main .section.smart--01 .ttl, .main .section.smart--03 .ttl {
  grid-row: 1/2;
  grid-column: 1/2;
}
.main .section.smart--01 .image, .main .section.smart--03 .image {
  grid-row: 1/2;
  grid-column: 2/3;
}
@media screen and (max-width: 640px) {
  .main .section.smart--01 .image, .main .section.smart--03 .image {
    margin: 0.4rem 0 0;
  }
}
.main .section.smart--01 .text, .main .section.smart--03 .text {
  grid-row: 2/3;
  grid-column: 1/3;
}
@media screen and (max-width: 640px) {
  .main .section.smart--01 .text, .main .section.smart--03 .text {
    margin: 0.3rem 0 0;
  }
}
.main .section.smart--01 .ttl img {
  width: 1.92rem;
}
@media screen and (max-width: 640px) {
  .main .section.smart--01 .ttl img {
    width: 2.49rem;
  }
}
.main .section.smart--02 {
  background-position: calc(100vw + 4rem) 0;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 {
    background-position: calc(100vw + 2.2rem) 0;
  }
}
.main .section.smart--02.scrollIn {
  background-position: 100% 0;
}
.main .section.smart--02 .block {
  display: grid;
  gap: 0 0.4rem;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block {
    display: block;
  }
}
.main .section.smart--02 .block--01 {
  grid-template-columns: 6rem 1fr;
  grid-template-rows: auto;
}
.main .section.smart--02 .block--01 .ttl {
  grid-row: 1/2;
  grid-column: 2/3;
}
.main .section.smart--02 .block--01 .ttl img {
  width: 2.18rem;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block--01 .ttl img {
    width: 2.83rem;
  }
}
.main .section.smart--02 .block--01 .image {
  grid-row: 1/2;
  grid-column: 1/2;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block--01 .image {
    margin: 0.4rem 0 0;
  }
}
.main .section.smart--02 .block--02 {
  grid-template-columns: 1fr 4.8rem;
  grid-template-rows: 1fr auto;
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block--02 {
    margin: 0.3rem 0 0;
  }
}
.main .section.smart--02 .block--02 .text {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: flex-end;
}
.main .section.smart--02 .block--02 .image {
  grid-row: 1/3;
  grid-column: 2/3;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block--02 .image {
    margin: 0.3rem 0 0;
  }
  .main .section.smart--02 .block--02 .image img {
    width: 100%;
  }
}
.main .section.smart--02 .block--02 .note {
  grid-row: 2/3;
  grid-column: 1/2;
  align-self: flex-end;
  padding-bottom: 0.88rem;
}
@media screen and (max-width: 640px) {
  .main .section.smart--02 .block--02 .note {
    padding-bottom: 0;
  }
}
.main .section.smart--03 .ttl img {
  width: 2.16rem;
}
@media screen and (max-width: 640px) {
  .main .section.smart--03 .ttl img {
    width: 2.8rem;
  }
}
.main .section.resilience {
  background-image: linear-gradient(rgba(77, 108, 47, 0.7), rgba(77, 108, 47, 0.7));
}
.main .section.resilience--01, .main .section.resilience--03 {
  background-position: calc(100vw + 4rem) 0;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--01, .main .section.resilience--03 {
    background-position: calc(100vw + 2.2rem) 0;
  }
}
.main .section.resilience--01.scrollIn, .main .section.resilience--03.scrollIn {
  background-position: 100% 0;
}
.main .section.resilience--01 .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 6rem 1fr;
  gap: 0.2rem 0.4rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--01 .wrap {
    display: block;
  }
}
.main .section.resilience--01 .ttl {
  grid-row: 1/2;
  grid-column: 2/3;
}
.main .section.resilience--01 .ttl img {
  width: 2.62rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--01 .ttl img {
    width: 3.4rem;
  }
}
.main .section.resilience--01 .image {
  grid-row: 1/2;
  grid-column: 1/2;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--01 .image {
    margin: 0.4rem 0 0;
  }
}
.main .section.resilience--01 .text {
  grid-row: 2/3;
  grid-column: 1/3;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--01 .text {
    margin: 0.3rem 0 0;
  }
}
.main .section.resilience--02, .main .section.resilience--04 {
  background-position: calc(-50vw - 4rem) 0;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02, .main .section.resilience--04 {
    background-position: calc(-50vw - 2.2rem) 0;
  }
}
.main .section.resilience--02.scrollIn, .main .section.resilience--04.scrollIn {
  background-position: 0 0;
}
.main .section.resilience--02 .block {
  display: grid;
  gap: 0 0.4rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block {
    display: block;
  }
}
.main .section.resilience--02 .block--01 {
  grid-template-columns: 1fr 6rem;
  grid-template-rows: auto;
}
.main .section.resilience--02 .block--01 .ttl {
  grid-row: 1/2;
  grid-column: 1/2;
}
.main .section.resilience--02 .block--01 .ttl img {
  width: 2.88rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block--01 .ttl img {
    width: 3.74rem;
  }
}
.main .section.resilience--02 .block--01 .image {
  grid-row: 1/2;
  grid-column: 2/3;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block--01 .image {
    margin: 0.4rem 0 0;
  }
}
.main .section.resilience--02 .block--02 {
  grid-template-columns: 4.8rem 1fr;
  grid-template-rows: 1fr auto;
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block--02 {
    margin: 0.3rem 0 0;
  }
}
.main .section.resilience--02 .block--02 .text {
  grid-row: 1/2;
  grid-column: 2/3;
  align-self: flex-end;
}
.main .section.resilience--02 .block--02 .image {
  grid-row: 1/3;
  grid-column: 1/2;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block--02 .image {
    margin: 0.3rem 0 0;
  }
  .main .section.resilience--02 .block--02 .image img {
    width: 100%;
  }
}
.main .section.resilience--02 .block--02 .note {
  grid-row: 2/3;
  grid-column: 2/3;
  align-self: flex-end;
  padding-bottom: 0.48rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--02 .block--02 .note {
    padding-bottom: 0;
  }
}
.main .section.resilience--03 .wrap {
  display: grid;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 6rem 1fr;
  gap: 0.2rem 0.4rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--03 .wrap {
    display: block;
  }
}
.main .section.resilience--03 .ttl {
  grid-row: 1/2;
  grid-column: 2/3;
}
.main .section.resilience--03 .ttl img {
  width: 2.86rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--03 .ttl img {
    width: 3.71rem;
  }
}
.main .section.resilience--03 .image {
  grid-column: 1/2;
}
.main .section.resilience--03 .image--01 {
  grid-row: 1/2;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--03 .image--01 {
    margin: 0.4rem 0 0;
  }
}
.main .section.resilience--03 .image--02 {
  grid-row: 3/4;
  padding: 0.4rem 0 0;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--03 .image--02 {
    margin: 0.5rem 0 0;
    padding: 0;
  }
}
.main .section.resilience--03 .text {
  grid-column: 1/3;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--03 .text {
    margin: 0.3rem 0 0;
  }
}
.main .section.resilience--03 .text--01 {
  grid-row: 2/3;
}
.main .section.resilience--03 .text--02 {
  grid-row: 4/5;
}
.main .section.resilience--04 .wrap {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 6rem;
  gap: 0.2rem 0.4rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--04 .wrap {
    display: block;
  }
}
.main .section.resilience--04 .ttl {
  grid-row: 1/2;
  grid-column: 1/2;
}
.main .section.resilience--04 .ttl img {
  width: 2.95rem;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--04 .ttl img {
    width: 3.84rem;
  }
}
.main .section.resilience--04 .image {
  grid-row: 1/2;
  grid-column: 2/3;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--04 .image {
    margin: 0.4rem 0 0;
  }
}
.main .section.resilience--04 .text {
  grid-row: 2/3;
  grid-column: 1/3;
}
@media screen and (max-width: 640px) {
  .main .section.resilience--04 .text {
    margin: 0.3rem 0 0;
  }
}
/*# sourceMappingURL=unique.css.map */