/* parts */
/* _mixin */
/* media query */
/* layout */
/* padding, margin */
/* headline */
/* color */
/* flex */
/* font */
@font-face {
  font-family: "Zen Kaku";
  font-style: normal;
  font-weight: 900;
  src: url("../font/ZenKakuGothicAntique-Black_sbuset.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku";
  font-style: normal;
  font-weight: 700;
  src: url("../font/ZenKakuGothicAntique-Bold_subset.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku";
  font-style: normal;
  font-weight: 500;
  src: url("../font/ZenKakuGothicAntique-Medium_subset.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku";
  font-style: normal;
  font-weight: 400;
  src: url("../font/ZenKakuGothicAntique-Regular_subset.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Zen Kaku";
  font-style: normal;
  font-weight: 300;
  src: url("../font/ZenKakuGothicAntique-Light_subset.woff2") format("woff2");
  font-display: swap;
}
/* other */
body {
  background-image: url(../img/contents/about/bg_about.png);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100% auto;
}
body::before, body::after {
  display: block;
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
body::after {
  width: 25vw;
  height: 25vw;
  top: -5vw;
  right: -25vw;
  background-image: url(../img/contents/about/bg_about_parts01.png);
  pointer-events: none;
  animation: bg01 15s infinite ease;
}
body::before {
  width: 30vw;
  height: 30vw;
  top: 200vh;
  left: 15vw;
  background-image: url(../img/contents/about/bg_about_parts02.png);
  animation: bg02 35s infinite ease;
}

#wrapper {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#wrapper::before, #wrapper::after {
  display: block;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
#wrapper::after {
  width: 25vw;
  height: 25vw;
  top: 95vh;
  right: -5vw;
  background-image: url(../img/contents/about/bg_about_parts01.png);
  pointer-events: none;
  animation: bg03 40s infinite ease;
}
#wrapper::before {
  width: 30vw;
  height: 30vw;
  bottom: 30vw;
  left: -5vw;
  background-image: url(../img/contents/about/bg_about_parts02.png);
  animation: bg04 35s infinite ease;
}

@keyframes bg01 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  25% {
    oacity: 1;
  }
  30% {
    transform: scale(1.3);
  }
  45% {
    opacity: 0.5;
  }
  55% {
    transform: translateX(-10vw) translateY(-10vw) scale(0.8);
    opacity: 0.8;
  }
  80% {
    opacity: 0.4;
  }
  95% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes bg02 {
  0% {
    opacity: 0;
  }
  15% {
    oacity: 1;
  }
  28% {
    transform: scale(1.5);
  }
  45% {
    opacity: 0.5;
  }
  60% {
    transform: translateX(-30vw) translateY(-10vw) scale(0.8);
    opacity: 0.8;
  }
  80% {
    opacity: 0.4;
  }
  95% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes bg03 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  30% {
    oacity: 1;
  }
  50% {
    transform: translateX(-60vw) translateY(-30vh) scale(1.4);
  }
  60% {
    opacity: 0.5;
  }
  70% {
    transform: translateX(-10vw) translateY(-10vw) scale(1.1);
    opacity: 0.3;
  }
  80% {
    opacity: 0.4;
  }
  95% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes bg04 {
  0% {
    opacity: 0;
  }
  5% {
    oacity: 1;
  }
  20% {
    transform: translateX(-5vw) translateY(-20vh) scale(1.5);
  }
  45% {
    opacity: 0.5;
  }
  70% {
    transform: translateX(30vw) translateY(-10vw) scale(0.8);
    opacity: 0.8;
  }
  80% {
    opacity: 0.4;
  }
  95% {
    opacity: 0;
    transform: scale(1);
  }
}
header#headline .txt-area h1 img {
  opacity: 0.6;
}
header#headline .txt-area dl {
  text-align: center;
  width: 40%;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
}
header#headline .txt-area dl dt {
  margin-top: 1em;
  order: 1;
}
header#headline .txt-area dl dt img {
  height: 5em;
}
header#headline .txt-area dl dd {
  font-family: "Zen Kaku", "Hiragino Gothic";
  font-style: normal;
  font-weight: 900;
  color: #59CCC1;
  order: 0;
}
header#headline .txt-area dl dd p {
  color: #59CCC1;
}
header#headline .img-area {
  width: 100%;
  padding-right: 5%;
  padding-left: 5%;
}
@media screen and (min-width: 1651px) and (max-width: 1960px) {
  header#headline .img-area {
    padding-right: 8.85%;
    padding-left: 8.85%;
  }
}
@media screen and (min-width: 1960px) {
  header#headline .img-area {
    width: 100%;
    padding-right: calc(170px + 50% - 960px);
    padding-left: calc(170px + 50% - 960px);
  }
}
header#headline .img-area {
  margin-top: 8em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: center;
  gap: 3em;
}
header#headline .img-area picture {
  width: 15.2%;
  height: 10em;
}
header#headline .img-area picture img {
  border-radius: 15px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header#headline .img-area picture:nth-of-type(1) {
  transform: rotate(-3deg);
}
header#headline .img-area picture:nth-of-type(2) {
  transform: rotate(2.5deg);
}
header#headline .img-area picture:nth-of-type(3) {
  transform: rotate(-2.5deg);
}
header#headline .img-area picture:nth-of-type(4) {
  transform: rotate(3deg);
}
header#headline .img-area picture:nth-of-type(5) {
  transform: rotate(-3deg);
}
header#headline .img-area picture:nth-of-type(6) {
  transform: rotate(2.5deg);
}

#page-navi ul li:nth-of-type(1) a::after {
  background-image: url(../img/common/headline_about_aur_pink.svg);
}
#page-navi ul li:nth-of-type(2) a::after {
  background-image: url(../img/common/headline_services_pink.svg);
}
#page-navi ul li:nth-of-type(3) a::after {
  background-image: url(../img/common/headline_about_unit_pink.svg);
}
#page-navi ul li:nth-of-type(4)::before {
  background-position: top 0.75em left 0 !important;
}
#page-navi ul li:nth-of-type(4)::after {
  background-position: top 0.78em left 0 !important;
}
#page-navi ul li:nth-of-type(4) a {
  padding: 0.5em 0 0.3em 1.5em;
}
#page-navi ul li:nth-of-type(4) a img {
  height: 1.4em;
}
#page-navi ul li:nth-of-type(4) a::after {
  background-image: url(../img/common/headline_support_pink.svg);
  background-size: auto calc(100% - 0.9em) !important;
  background-position: right 0 top 0.65em;
}
#page-navi ul li:nth-of-type(5)::before {
  background-position: top 0.75em left 0 !important;
}
#page-navi ul li:nth-of-type(5)::after {
  background-position: top 0.78em left 0 !important;
}
#page-navi ul li:nth-of-type(5) a {
  padding: 0.5em 0 0.2em 1.5em;
}
#page-navi ul li:nth-of-type(5) a img {
  height: 1.5em;
}
#page-navi ul li:nth-of-type(5) a::after {
  background-image: url(../img/common/headline_entry_pink.svg);
  background-size: auto calc(100% - 0.7em) !important;
  background-position: right 0 top 0.5em;
}

.contents-section h2 img {
  height: 4.25em;
  opacity: 0.6;
}

.about-aur-area {
  text-align: left;
  width: 100%;
  padding-right: 11%;
  padding-left: 11%;
}
@media screen and (min-width: 1960px) {
  .about-aur-area {
    padding-right: calc(50% - 740px);
    padding-left: calc(50% - 740px);
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .about-aur-area {
    padding-right: 5%;
    padding-left: 5%;
  }
}
.about-aur-area {
  margin-top: 5em;
}
.about-aur-area h2 {
  text-align: left;
}
.about-aur-area .txt-area {
  width: 100%;
  padding-right: 6.3%;
  padding-left: 6.3%;
  margin-top: 5em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
}
.about-aur-area .txt-area .summary {
  width: 50%;
}
.about-aur-area .txt-area .summary p strong {
  font-size: 1.6em;
  font-weight: normal;
}
.about-aur-area .txt-area .summary p + p {
  margin-top: 3em;
  line-height: 3;
}
.about-aur-area .txt-area .table-area {
  width: 42.5%;
  padding-top: 5em;
}
.about-aur-area .txt-area .table-area table.base-table {
  width: 100%;
}

.service-area {
  width: 100%;
  padding-right: 11%;
  padding-left: 16%;
}
@media screen and (min-width: 1960px) {
  .service-area {
    padding-right: calc(50% - 740px);
    padding-left: calc(50% - 650px);
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .service-area {
    padding-right: 5%;
    padding-left: 5%;
  }
}
.service-area {
  margin-top: 10em;
}
.service-area ul {
  margin-top: 7em;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service-area ul li + li {
  margin-top: 2.5em;
}
.service-area ul li img {
  height: 3em;
}
.service-area ul li:nth-of-type(1) {
  margin-right: 30%;
}
.service-area ul li:nth-of-type(2) {
  margin-left: auto;
}
.service-area ul li:nth-of-type(3) {
  margin-right: auto;
  margin-left: 15%;
}
.service-area ul li:nth-of-type(4) {
  margin-left: 40%;
}
.service-area ul li:nth-of-type(5) {
  margin-left: 66%;
}
.service-area ul li dl {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-direction: column;
}
.service-area ul li dl dt {
  font-weight: normal;
  line-height: 2;
  order: 1;
}
.service-area ul li dl dd {
  order: 0;
}

.unit-area {
  width: 100%;
  padding-right: 11%;
  padding-left: 16%;
}
@media screen and (min-width: 1960px) {
  .unit-area {
    padding-right: calc(50% - 740px);
    padding-left: calc(50% - 650px);
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .unit-area {
    padding-right: 5%;
    padding-left: 5%;
  }
}
.unit-area {
  margin-top: 10em;
}
.unit-area .unit-area-inner {
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  justify-content: space-between;
}
.unit-area .unit-area-inner .txt-area {
  text-align: left;
}
.unit-area .unit-area-inner .txt-area p {
  margin-top: 5em;
}
.unit-area .unit-area-inner .txt-area p.detail-link {
  margin-top: 3em;
}
.unit-area .unit-area-inner ul.unit-ul {
  width: 65%;
}
.unit-area .unit-area-inner ul.unit-ul li {
  height: 12em;
  padding: 0.5em;
  margin-bottom: 0.25em;
}
.unit-area .unit-area-inner ul.unit-ul li dl {
  padding: 1.5em 0.75em;
}
.unit-area .unit-area-inner ul.unit-ul li dl dd {
  padding: 1em 0;
}
.unit-area .unit-area-inner ul.unit-ul li dl dd p {
  font-size: 0.9em;
}

.support-area {
  color: #fff;
  width: 100%;
  padding-right: 16%;
  padding-left: 16%;
}
@media screen and (min-width: 1960px) {
  .support-area {
    padding-right: calc(50% - 650px);
    padding-left: calc(50% - 650px);
  }
}
.support-area {
  padding-top: 10em;
  padding-bottom: 10em;
  margin-top: 10em;
  position: relative;
  background-image: url(../img/contents/about/bg_support.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.support-area::before {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.4);
  content: "";
}
.support-area h2, .support-area p {
  position: relative;
  z-index: 10;
}
.support-area p {
  color: #fff;
  margin-top: 3em;
}
.support-area p strong {
  font-size: 1.4em;
}
.support-area p + p {
  font-size: 0.95em;
  letter-spacing: 0;
  margin-top: 2em;
}

@media screen and (min-width: 768px) and (max-width: 950px) {
  header#headline .txt-area {
    justify-content: space-between;
    position: relative;
  }
  header#headline .txt-area h1 {
    width: 100%;
  }
  header#headline .txt-area dl {
    width: 30%;
    position: absolute;
    right: 0;
    bottom: -5em;
  }
  .about-aur-area .txt-area {
    padding-right: 0;
    padding-left: 0;
  }
  .unit-area .unit-area-inner ul.unit-ul {
    width: 65%;
  }
  .unit-area .unit-area-inner ul.unit-ul li a dl {
    padding: 1em 0.5em;
  }
}
@media screen and (max-width: 767px) {
  header#headline .txt-area {
    flex-direction: column;
  }
  header#headline .txt-area dl {
    width: 50%;
    margin: 2em 0 0 auto;
  }
  header#headline .txt-area dl dt {
    width: 100%;
  }
  header#headline .txt-area dl dd {
    text-align: left;
  }
  header#headline .img-area {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    flex-wrap: wrap;
  }
  header#headline .img-area picture {
    width: 33%;
  }
  .about-aur-area {
    padding-right: 5%;
    padding-left: 5%;
  }
  .about-aur-area .txt-area {
    flex-direction: column;
  }
  .about-aur-area .txt-area .summary,
  .about-aur-area .txt-area .table-area {
    width: 100%;
  }
  .about-aur-area .txt-area .table-area table.base-table th {
    min-width: 6em;
  }
  .unit-area {
    padding-right: 5%;
    padding-left: 5%;
  }
  .unit-area .unit-area-inner {
    flex-direction: column;
  }
  .unit-area .unit-area-inner .txt-area {
    width: 100%;
  }
  .unit-area .unit-area-inner .txt-area p {
    text-align: center;
  }
  .unit-area .unit-area-inner ul.unit-ul {
    width: 100%;
    margin-top: 4em;
  }
  .unit-area .unit-area-inner ul.unit-ul li {
    width: 48%;
  }
  .unit-area .unit-area-inner ul.unit-ul li a dl {
    padding: 1em 0;
  }
}/*# sourceMappingURL=about.css.map */