@import url(common.css);
.section01 {
  position: relative;
  width: 100%;
}
.section01 .section-top .main-bg {
  width: auto;
  height: 100vh;
}
.section01 .section-top .main-bg .main-bg-img {
  background: url("/assets/images/sec01_main.png") no-repeat center;
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.section01 .section-top .bg-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background: linear-gradient(180deg, white 0%, white 59px, rgba(255, 255, 255, 0) 100%);
}
.section01 .section-top .title-wrap {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 1s ease-out;
}
.section01 .section-top .title-wrap.show {
  opacity: 1;
  top: 20%;
}
.section01 .section-top .title-wrap .title-wrap-content {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.section01 .section-top .title-wrap .title-wrap-content .main-title {
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
  font-size: 66px;
  font-weight: 700;
  line-height: 1.4;
  color: rgb(0, 0, 0);
}
.section01 .section-top .title-wrap .title-wrap-content .button-wrap {
  display: flex;
}
.section01 .section-top .title-wrap .title-wrap-content .button-wrap .button {
  display: flex;
  margin-right: 4px;
  background-color: rgba(0, 12, 30, 0.8);
  color: rgb(255, 255, 255);
  font-size: 17px;
  padding: 11px 22px;
  border-radius: 10px;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s;
}
.section01 .section-top .title-wrap .title-wrap-content .button-wrap .button:hover {
  background: rgba(0, 12, 30, 0.6);
}
.section01 .section-top .title-wrap .title-wrap-content .button-wrap .button .icon {
  width: 24px;
  margin-right: 6px;
}
.section01 .section-top .title-wrap .title-wrap-content .button-wrap .button .icon img {
  width: 100%;
}
.section01 .section-bottom {
  padding: 200px 40px;
}
.section01 .section-bottom .bottom-text {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.6;
  color: #191f28;
  text-align: center;
  margin-bottom: 50px;
  white-space: pre-wrap;
}

.section02 {
  padding: 250px 0;
}
.section02 .content-wrapper {
  height: 1272px;
}
.section02 .content-wrapper .content {
  text-align: left;
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}
.section02 .content-wrapper .content.show {
  opacity: 1;
  transform: translate(0, 0px);
}
.section02 .content-wrapper .sec02-obj-1 {
  top: 0px;
  right: -104px;
}
.section02 .content-wrapper .sec02-obj-2 {
  bottom: 0;
  left: -104px;
}
.section02 .content-wrapper .sec02-info {
  position: absolute;
  right: 30px;
  bottom: 166px;
}

.section03 {
  padding: 250px 0;
}
.section03 .infobox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 150px;
}
.section03 .infobox .info-text {
  padding-left: 38px;
  width: 509px;
}
.section03 .infobox .info-img {
  width: 509px;
}

.section04 {
  padding: 250px 0;
}
.section04 .content {
  margin-bottom: 210px;
}
.section04 .highlight {
  font-size: 40px;
  opacity: 0;
  transition: all 2s;
  margin-bottom: 30px;
}
.section04 .highlight.show {
  opacity: 1;
}
.section04 .highlight .highlight-p {
  display: block;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.5;
  color: rgb(51, 61, 75);
}
.section04 .sec04-obj-1 {
  right: 0;
  bottom: -100px;
}

.section05 .content {
  margin-bottom: 80px;
}
.section05 .info-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s;
}
.section05 .info-box.show {
  opacity: 1;
  transform: translate(0, 0);
}
.section05 .img-box {
  width: 120px;
}
.section05 .img-box img {
  width: 100%;
}

.section06 {
  padding: 250px 0;
}
.section06 .content-wrapper {
  height: 1500px;
}
.section06 .sec06-obj-1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section06 p {
  position: absolute;
}
.section06 .sec06-info-1 {
  transform: translate(828px, 261px);
}
.section06 .sec06-info-2 {
  transform: translate(90px, 441px);
}
.section06 .sec06-info-3 {
  text-align: center;
  bottom: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.section07 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section07 .center-image {
  width: 100%;
  height: 800px;
  object-fit: cover;
  z-index: 1;
}
.section07 .center-text {
  font-size: 80px;
  color: #ffffff;
  position: absolute;
  z-index: 5;
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section07 .mask-box {
  position: absolute;
  width: 30%;
  height: 100%;
  background: #fff;
  z-index: 2;
  top: 0;
}
.section07 .mask-box.left-box {
  left: 0;
}
.section07 .mask-box.right-box {
  right: 0;
}

.section08 {
  padding: 250px 0;
}
.section08 .grey01 {
  color: #b0b8c1;
}
.section08 span {
  display: block;
}
.section08 .content-title-60 {
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 140px;
}
.section08 .sec08-duty .content-title {
  margin-bottom: 25px;
}
.section08 .sec08-duty .info {
  margin-bottom: 210px;
}
.section08 .sec08-duty .sec08-duty-1 {
  display: flex;
  margin-bottom: 60px;
}
.section08 .sec08-duty .sec08-duty-1 .object-img {
  max-width: 740px;
  width: 100%;
  margin: 0 auto;
}
.section08 .sec08-insurance {
  margin-bottom: 220px;
}
.section08 .sec08-insurance .insurance-content-wrap {
  display: flex;
}
.section08 .sec08-insurance .insurance-content-wrap .sec08-insurance-1 {
  flex: 2;
  margin-right: 40px;
  margin-bottom: 40px;
}
.section08 .sec08-insurance .insurance-content-wrap .sec08-insurance-2 {
  margin-top: 122px;
  flex: 1;
}
.section08 .sec08-insurance .insurance-content-wrap .sec08-insurance-2 .object-img {
  margin-bottom: 35px;
}
.section08 .sec08-manage .sec08-manage-1 {
  margin-bottom: 50px;
}
.section08 .sec08-manage .sec08-manage-textwrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.section09 {
  padding: 250px 0;
}
.section09 .content-wrapper {
  height: 1272px;
  position: relative;
}
.section09 .content-wrapper .info {
  position: absolute;
}
.section09 .content-wrapper .content {
  text-align: left;
}
.section09 .content-wrapper .sec09-obj-1 {
  top: 0px;
  right: -104px;
}
.section09 .content-wrapper .sec09-obj-2 {
  bottom: 0;
  left: -104px;
}
.section09 .content-wrapper .sec09-info-1 {
  position: absolute;
  left: 0;
  top: 270px;
}
.section09 .content-wrapper .sec09-info-2 {
  position: absolute;
  right: 0px;
  bottom: 166px;
}

.section10 {
  padding: 100px 0 250px 0;
  background-color: #000000;
}
.section10 .content {
  margin-bottom: 200px;
  text-align: center;
}
.section10 .content .device-img {
  width: 100%;
}
.section10 .content .content-title {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 21px;
}
.section10 .content .info {
  font-size: 30px;
  color: #b0b8c1;
}
.section10 .info-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s;
}
.section10 .info-box.show {
  opacity: 1;
  transform: translate(0, 0);
}
.section10 .info-box .info-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section10 .info-box .infobox-h3 {
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}
.section10 .info-box .infobox-p {
  max-width: 300px;
  margin-bottom: 38px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  color: #b0b8c1;
}
.section10 .info-box .button {
  align-self: flex-start;
  display: inline-block;
  width: auto;
  padding: 11px 16px;
  background: #3182f6;
  color: #fff;
  transition: all 0.4s;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
}
.section10 .info-box .button:hover {
  background: #2d5eb9;
}

.section11 {
  padding: 33px 0px;
  background: #f5f6f8;
}
.section11 .p-container {
  max-width: 800px;
}
.section11 .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section11 .content .text-wrap .sec10-h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: #333d4b;
  margin-bottom: 16px;
}
.section11 .content .text-wrap .sec10-p {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(0, 19, 43, 0.58);
}
.section11 .content .text-wrap .button {
  display: inline-block;
  color: #1b64da;
  background: #e8f3ff;
  padding: 11px 16px;
  transition: all 0.4s;
  border-radius: 10px;
  text-decoration: none;
}
.section11 .content .text-wrap .button:hover {
  background: #d0e7fd;
}
.section11 .content .sec10-icon {
  width: 240px;
}

.p-footer {
  padding: 50px 0 100px;
}
.p-footer .item {
  padding-right: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.p-footer .large {
  width: 300px;
}
.p-footer .p-footer-inner {
  max-width: 1064px;
  margin: auto;
  padding: 0 67px;
  box-sizing: border-box;
}
.p-footer .p-footer-inner .p-footer__site-group-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-bottom: 50px;
}
.p-footer .p-footer-inner .p-footer__site-group-list .p-footer__site-group {
  padding-right: 20px;
  margin: 0;
  color: #6b7684;
  list-style: none;
  font-size: 15px;
  line-height: 30px;
  box-sizing: border-box;
}
.p-footer .p-footer-inner .p-footer__site-group-list .p-footer__site-group .p-footer__site-group-title {
  padding-bottom: 5px;
  color: #333d4b;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}
.p-footer .p-footer-inner .p-footer__site-group-list .p-footer__site-group .p-footer__site-group-item a {
  display: block;
  text-decoration: none;
  color: #6b7684;
  line-height: 30px;
}
.p-footer .p-footer-inner .p-footer__site-group-list .p-footer__site-group .p-footer__site-group-item a:hover {
  color: #2d5eb9;
  text-decoration: underline;
}
.p-footer .p-footer-inner .p-footer__address {
  color: #8b95a1;
  font-size: 13px;
  font-style: normal;
  line-height: 20px;
}
.p-footer .p-footer-inner .p-footer__address .p-footer__address__company-name {
  display: block;
  padding-bottom: 16px;
  color: #333d4b;
  font-size: 15px;
}
.p-footer .p-footer-inner .p-footer__address a {
  color: inherit;
}
.p-footer .p-footer-inner .p-footer__term-wrapper {
  display: inline-grid;
  grid-template-columns: repeat(4, auto);
  grid-column-gap: 34px;
  -moz-column-gap: 34px;
  column-gap: 34px;
  grid-row-gap: 4px;
  row-gap: 4px;
  margin: 0;
  padding: 24px 0 30px;
  list-style: none;
}
.p-footer .p-footer-inner .p-footer__term-wrapper a {
  color: #6b7684;
  font-size: 13px;
  line-height: 18px;
  text-decoration: none;
}
.p-footer .p-footer-inner .p-footer__term-wrapper a strong {
  font-weight: 500;
  color: #333d4b;
  font-style: normal;
}
.p-footer .p-footer-inner .p-footer__term-wrapper a strong:hover {
  color: #1b64da;
}
.p-footer .p-footer-inner .p-footer__term-wrapper a:hover {
  color: #1b64da;
  text-decoration: underline;
}
.p-footer .p-footer-inner .p-footer__social-list {
  display: flex;
  padding: 0;
  list-style: none;
}
.p-footer .p-footer-inner .p-footer__social-list .p-footer__social-list-item {
  margin-right: 8px;
  opacity: 0.7;
  transition: all 0.2s;
}
.p-footer .p-footer-inner .p-footer__social-list .p-footer__social-list-item:hover {
  opacity: 1;
}
.p-footer .p-footer-inner .p-footer__social-list .p-footer__social-list-item:last-child {
  margin-right: 0;
}
.p-footer .footer {
  background-color: #f8f8f8;
  padding: 40px 20px;
  font-size: 13px;
  color: #555;
}
.p-footer .footer__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.p-footer .footer__company {
  line-height: 1.8;
  margin-bottom: 24px;
}
.p-footer .footer__company strong {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
.p-footer .footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 24px;
  padding: 0;
  list-style: none;
}
.p-footer .footer__links li {
  min-width: 200px;
  line-height: 1.6;
}
.p-footer .footer__links li a {
  color: #555;
  text-decoration: none;
}
.p-footer .footer__links li a:hover {
  text-decoration: underline;
}
.p-footer .footer__sns {
  display: flex;
  gap: 12px;
}
.p-footer .footer__sns a {
  display: inline-block;
}
.p-footer .footer__sns a img {
  width: 24px;
  height: 24px;
  display: block;
}

@media (max-width: 1200px) {
  .section01 .section-top .title-wrap .title-wrap-content .main-title {
    font-size: 50px;
  }
}
@media (max-width: 600px) {
  .section01 .section-top .title-wrap .title-wrap-content .main-title {
    font-size: 33px;
  }
  .section01 .section-top .title-wrap .title-wrap-content .button-wrap .button {
    width: 140px;
    justify-content: center;
    font-size: 17px;
    padding: 10px 12px;
  }
  .section01 .section-bottom .bottom-text {
    font-size: 22px;
    white-space: normal;
  }
  .section01 .section-bottom .bottom-text span {
    display: block;
  }
  .section02 .content-wrapper .sec02-obj-1 {
    top: -40px;
    right: -310px;
  }
  .section02 .content-wrapper .sec02-obj-2 {
    top: -40px;
    left: -128px;
  }
  .section02 .content-wrapper .sec02-info {
    left: 0px;
    bottom: 440px;
  }
  .section03 .infobox .info-img {
    width: 400px;
  }
  .section03 .infobox {
    flex-direction: column;
    align-items: flex-start;
  }
  .section04 .sec04-obj-1 {
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .section04 .highlight {
    margin-top: 600px;
  }
  .section04 .highlight .highlight-p {
    font-size: 28px;
  }
  .section05 .info-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .section05 .img-box {
    width: 80px;
  }
  .section06 p {
    position: static;
  }
  .section06 .sec06-obj-1 {
    top: 34%;
  }
  .section06 .sec06-info-1 {
    transform: translate(0, 0);
  }
  .section06 .sec06-info-1 br {
    display: none;
  }
  .section06 .sec06-info-2 {
    transform: translate(0, 0);
  }
  .section06 .sec06-info-2 br {
    display: none;
  }
  .section06 .sec06-info-3 {
    transform: translate(0, 622px);
    text-align: center;
    font-size: 20px;
    color: #4e5968;
  }
  .section03 .infobox {
    margin-bottom: 80px;
  }
  .section07 .center-text {
    font-size: 30px;
  }
  .section08 .content-title-60 {
    font-size: 36px;
    margin-bottom: 60px;
  }
  .sec08-insurance-2 {
    display: none;
  }
  .section08 .sec08-insurance {
    margin-bottom: 80px;
  }
  .section08 .sec08-manage .sec08-manage-textwrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .section09 {
    height: 1239px;
  }
  .section09 .content-wrapper .sec09-obj-1 {
    left: 50%;
    top: 105%;
    transform: translate(-50%, -50%);
    display: none;
  }
  .section09 .content-wrapper .sec09-obj-2 {
    left: 50%;
    top: 37%;
    transform: translate(-50%, -50%);
  }
  .section09 .content-wrapper .sec09-info-1 {
    position: static;
    text-align: center;
  }
  .section09 .content-wrapper .sec09-info-1 br {
    display: none;
  }
  .section09 .content-wrapper .sec09-info-2 {
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .section09 .content-wrapper .sec09-info-2 br {
    display: none;
  }
  .section10 .content .content-title {
    font-size: 36px;
  }
  .section10 .content .info {
    font-size: 18px;
    text-align: center;
  }
  .section10 .info-box {
    grid-template-columns: repeat(1, 1fr);
  }
  .section11 .content .sec10-icon {
    display: none;
  }
  .p-footer .p-footer-inner {
    padding: 0 40px;
  }
  .p-footer .p-footer-inner .p-footer__site-group-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .p-footer .p-footer-inner .p-footer__term-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}/*# sourceMappingURL=style.css.map */