@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700,400");
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
  background: url(../img/bg-main.png);
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}

:root {
    --x-3-4w-abq: rgba(255, 255, 255, 1);
    --x-1: rgba(233, 85, 19, 1);
    --b07g-bv: rgba(26, 50, 97, 1);
    --x-2: rgba(242, 150, 0, 1);
    --j-fpohi: rgba(50, 50, 50, 1);
    --typography-8: rgba(77, 77, 77, 1);
  }
  .p-slick-list{
    width: 100%;
    position: absolute;
    top: 958px;
    display: flex;
    justify-content:flex-end;
  }
  .p-slick-main {
    width: 700px;
    height: 360px;
    /* overflow-x: scroll; */
  }
  .p-card{
    width: 100%;
    max-width: 512px;
    height: 360px;
    border-radius: 16px;
    overflow: hidden;
  }
  .p-slick-main .p-slick_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 32px;
  }

.frame {
    display: flex;
    flex-direction: column;
    width: 1440px;
    /* width: 100%; */
    align-items: flex-start;
    position: relative;
    background-color: rgba(240, 240, 240, 0.5);
    overflow: hidden;
  }
  @media screen and (min-width:1440px){
    .frame{
      width: 100%;
      margin: 0 auto;
    }
  }
  .frame .header {
    padding: 0px 80px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    z-index: 14;
    background-color: transparent;
  }
  
  .frame .group {
    position: absolute;
    width: 641px;
    height: 90px;
    top: 0;
    left: 80px;
  }
  
  .frame .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .logo-mitsukaru {
    position: relative;
    width: 173px;
    height: 58px;
  }
  
  .frame .div {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .image {
    position: relative;
    align-self: stretch;
    width: 307.54px;
    object-fit: cover;
  }
  
  .frame .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 40px 16px 24px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 50px;
    background: linear-gradient(
      0deg,
      rgba(28, 69, 149, 1) 0%,
      rgba(28, 69, 149, 1) 100%
    );
  }
  
  .frame .text-wrapper {
    margin-top: -1.00px;
    letter-spacing: 0.64px;
    line-height: 20px;
    white-space: nowrap;
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
  }
  
  .frame .arrow-up-arrow-up {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 18px;
    left: 132px;
  }
  
  .frame .wireframe {
    height: 601px;
    z-index: 13;
    position: relative;
    align-self: stretch;
    width: 1440px;
    margin: 0 auto;
  }
  
  .frame .overlap-group {
    position: relative;
    /* width: 2100px; */
    height: 1639px;
    top: -911px;
    /* left: -73px; */
  }
  
  .frame .rectangle {
    position: absolute;
    width: 1200px;
    height: 1200px;
    top: 220px;
    left: 681px;
    background-color: var(--x-1);
    border-radius: 40px;
    transform: rotate(-30deg);
    opacity: 0.2;
  }
  
  .frame .vector {
    position: absolute;
    width: 1px;
    height: 601px;
    top: 911px;
    left: 1432px;
  }
  
  .frame .img {
    position: absolute;
    width: 1px;
    height: 601px;
    top: 911px;
    left: 152px;
  }
  
  .frame .vector-2 {
    position: absolute;
    width: 1px;
    height: 601px;
    top: 911px;
    left: 792px;
  }
  
  .frame .vector-3 {
    position: absolute;
    width: 1618px;
    height: 833px;
    top: 591px;
    left: 0;
  }
  .frame .div-2::-webkit-scrollbar {
    width: 0;
    display: none;
  }
  
  .frame .image-2 {
    position: relative;
    width: 480px;
    height: 360px;
  }
  
  .frame .image-3 {
    position: relative;
    width: 480px;
    height: 360px;
    object-fit: cover;
  }

  
  .frame .image-4 {
    position: absolute;
    width: 480px;
    height: 360px;
    top: 0;
    left: 0;
  }
  
  .frame .h1 {
    position: absolute;
    top: 986px;
    left: 78px;
    font-weight: 400;
    color: transparent;
    font-size: 64px;
    line-height: 80px;
    font-family: "Noto Sans JP", Helvetica;
    letter-spacing: 0;
  }
  
  .frame .span {
    font-weight: 700;
    color: #1a3261;
    line-height: 0.1px;
    margin-right: -12px;
    margin-left: -6px;
  }
  .frame .span.c-space{
    margin-left: -12px;
  }
  .frame .text-wrapper-2 {
    font-weight: 700;
    color: #1a3261;
    font-size: 48px;
    line-height: 0.1px;
    margin-right: -6px;
    margin-left: 6px;
  }
  .frame .text-wrapper-3 {
    font-weight: 700;
    color: #1a3261;
    font-size: 56px;
    line-height: 0.1px;
  }
  
  .frame .text-wrapper-4 {
    font-weight: 700;
    color: #1a3261;
    font-size: 56px;
    line-height: 72.8px;
    
  }
  
  .frame .text-wrapper-5 {
    position: absolute;
    top: 1170px;
    left: 78px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
  
  .frame .button {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 27px 80px;
    position: absolute;
    top: 1295px;
    left: 78px;
    border-radius: 162px;
    box-shadow: 0px 6px 0px #0a7d99;
    background: linear-gradient(
        0deg,
        rgba(28, 69, 149, 1) 0%,
        rgba(28, 69, 149, 1) 100%
      ),
      linear-gradient(
        90deg,
        rgba(65, 189, 242, 1) 0%,
        rgba(112, 206, 205, 1) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(230, 230, 230, 1) 100%
      ), linear-gradient(0deg, rgba(255, 166, 83, 1) 0%, rgba(228, 95, 0, 1) 100%),
      linear-gradient(0deg, rgba(255, 235, 83, 1) 0%, rgba(228, 200, 0, 1) 100%);
  }
  
  .frame .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.64px;
    line-height: 20px;
    white-space: nowrap;
  }
  
  .frame .arrow-up-arrow-up-2 {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 25px;
    left: 322px;
  }
  
  .frame .overlap-wrapper {
    height: 424px;
    z-index: 10;
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .overlap {
    position: relative;
    width: 1440px;
    height: 654px;
    margin: 0 auto;
  }
  
  .frame .group-wrapper {
    width: 1280px;
    height: 424px;
    position: absolute;
    top: 0;
    left: 80px;
  }
  
  .frame .group-2 {
    position: absolute;
    width: 1281px;
    height: 424px;
    top: 0;
    left: 0;
  }
  
  .frame .text-wrapper-7 {
    margin: 125px auto 0;
    /* position: absolute;
    top: 125px;
    left: 342px; */
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 36px;
  }
  
  .frame .div-3 {
    margin: 30px auto 0;
    /* position: absolute;
    top: 226px;
    left: 447px; */
    color: transparent;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-8 {
    color: #333333;
  }
  
  .frame .text-wrapper-9 {
    color: #e95513;
  }
  
  .frame .rectangle-2 {
    position: absolute;
    width: 800px;
    height: 800px;
    top: -40px;
    left: -601px;
  }
 
  .frame .rectangle-3 {
    position: absolute;
    width: 266px;
    height: 310px;
    top: 344px;
    /* left: 1174px; */
    right: 0;
  }
  @media screen and (min-width:1640px){
    .frame .rectangle-3 {
      right: -300px;
    }
  }
  .frame .wireframe-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 64px 0px 24px;
    flex: 0 0 auto;
    z-index: 9;
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .group-3 {
    width: 1281px;
    height: 645px;
    position: absolute;
    top: 0;
    left: 80px;
  }
  
  .frame .div-4 {
    display: flex;
    flex-direction: column;
    width: 1200px;
    align-items: center;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-10 {
    align-self: stretch;
    margin-top: -1.00px;
    font-size: 32px;
    text-align: center;
    line-height: 51.2px;
    position: relative;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    letter-spacing: 0;
  }
  
  .frame .div-5 {
    display: flex;
    max-width: 1040px;
    align-items: flex-start;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-6 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
    padding: 48px 0px 0px;
    position: relative;
    flex: 0 0 auto;
    z-index: 1;
  }
  
  .frame .div-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    padding: 16px 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
  }
  
  .frame .text-wrapper-11 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 32px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-12 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .frame .div-8 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
    padding: 16px 24px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
  }
  
  .frame .text-wrapper-13 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .frame .img-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 0px 0px 32px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    margin-left: -72px;
    z-index: 0;
  }
  
  .frame .image-5 {
    position: relative;
    flex: 1;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    object-fit: cover;
  }
  
  .frame .overlap-group-wrapper {
    position: relative;
    width: 64px;
    height: 70px;
  }
  
  .frame .overlap-group-2 {
    position: relative;
    width: 53px;
    height: 59px;
    top: 10px;
    left: 5px;
  }
  
  .frame .polygon {
    position: absolute;
    width: 53px;
    height: 35px;
    top: 24px;
    left: 0;
  }
  
  .frame .polygon-2 {
    position: absolute;
    width: 46px;
    height: 31px;
    top: 0;
    left: 3px;
  }
  
  .frame .rectangle-4 {
    position: absolute;
    width: 267px;
    height: 310px;
    top: -80px;
    left: 1173px;
  }
  
  .frame .wireframe-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    padding: 72px 0px 80px;
    flex: 0 0 auto;
    z-index: 8;
    background: rgba(255, 114, 36, 0.1);
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .group-4 {
    height: 614px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .div-9 {
    display: flex;
    flex-direction: column;
    width: 480px;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-14 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #09194b;
    font-size: 48px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
  }
  
  .frame .text-wrapper-15 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #09194b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .div-10 {
    display: flex;
    max-width: 1040px;
    align-items: center;
    gap: 32px;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-wrapper {
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .overlap-2 {
    position: relative;
    width: 416px;
    height: 277px;
    top: 19px;
    left: 16px;
  }
  
  .frame .overlap-3 {
    position: absolute;
    width: 399px;
    height: 277px;
    top: 0;
    left: 17px;
  }
  
  .frame .overlap-group-3 {
    position: absolute;
    width: 325px;
    height: 197px;
    top: 0;
    left: 74px;
  }
  
  .frame .frame-wrapper {
    position: absolute;
    width: 62px;
    height: 110px;
    top: 30px;
    left: 0;
    transform: rotate(180deg);
  }
  
  .frame .div-11 {
    display: inline-flex;
    align-items: center;
    position: relative;
  }
  
  .frame .vector-4 {
    position: relative;
    align-self: stretch;
    width: 28px;
    transform: rotate(-180deg);
  }
  
  .frame .frame-wrapper-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 0px;
    position: relative;
    flex: 0 0 auto;
    margin-left: -2px;
    transform: rotate(180deg);
  }
  
  .frame .div-wrapper-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 8px 12px 12px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--x-1);
    border-radius: 4px 0px 0px 4px;
  }
  
  .frame .text-wrapper-16 {
    margin-top: -2.00px;
    letter-spacing: 0;
    line-height: 17.6px;
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
  }
  
  .frame .group-5 {
    position: absolute;
    width: 50px;
    height: 92px;
    top: 39px;
    left: 163px;
    transform: rotate(180deg);
  }
  
  .frame .vector-5 {
    position: relative;
    align-self: stretch;
    width: 24px;
    transform: rotate(-180deg);
  }
  
  .frame .div-wrapper-3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 4px 12px 8px;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--x-2);
    border-radius: 4px 0px 0px 4px;
  }
  
  .frame .div-12 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 0;
    left: 199px;
  }
  
  .frame .div-13 {
    position: relative;
    width: 72px;
    height: 72px;
    background-color: #fffaf8;
    border-radius: 1243.44px;
    overflow: hidden;
  }
  
  .frame .image-6 {
    position: absolute;
    width: 72px;
    height: 72px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .div-14 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 16.8px;
  }
  
  .frame .text-wrapper-17 {
    color: #1a3261;
  }
  
  .frame .text-wrapper-18 {
    color: #1a3261;
    font-size: 16px;
    line-height: 19.2px;
  }
  
  .frame .logo-mitsukaru-2 {
    position: absolute;
    width: 108px;
    height: 124px;
    top: 43px;
    left: 58px;
  }
  
  .frame .overlap-4 {
    position: absolute;
    width: 382px;
    height: 110px;
    top: 167px;
    left: 0;
  }
  
  .frame .div-wrapper-4 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    position: absolute;
    top: 52px;
    left: 0;
    background-color: #eef9fb;
    border-radius: 8px;
  }
  
  .frame .text-wrapper-19 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #222222;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .frame .polygon-3 {
    position: absolute;
    width: 23px;
    height: 53px;
    top: 0;
    left: 180px;
  }
  
  .frame .div-15 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 39px;
    left: 0;
  }
  
  .frame .div-16 {
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fffaf8;
    border-radius: 638.49px;
    overflow: hidden;
  }
  
  .frame .image-7 {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .div-17 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: 19.2px;
  }
  
  .frame .text-wrapper-20 {
    color: #1a3261;
    font-size: 14px;
    line-height: 16.8px;
  }
  
  .frame .div-18 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-19 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 48px;
  }
  
  .frame .text-wrapper-21 {
    font-weight: 700;
    color: #09194b;
    line-height: 62.4px;
  }
  
  .frame .text-wrapper-22 {
    font-weight: 700;
    color: #09194b;
    font-size: 32px;
    line-height: 41.6px;
  }
  
  .frame .flexcontainer {
    width: 511px;
    height: 172px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .text {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
  }
  .frame .p-text{
    line-height: 20px;
  }
  .frame .text-wrapper-23 {
    font-weight: 500;
    color: #09194b;
    line-height: 0.1px;
  }
  
  .frame .text-wrapper-24 {
    font-weight: 700;
    color: #ff5500;
    line-height: 25.6px;
  }
  
  .frame .rectangle-5 {
    position: absolute;
    width: 380px;
    height: 509px;
    top: 413px;
    left: 1261px;
  }
  @media screen and (min-width:1440px){
    .frame .rectangle-5 {
      
      left: 1761px;
    }
  }
  .frame .rectangle-6 {
    position: absolute;
    width: 191px;
    height: 221px;
    top: -64px;
    left: -29px;
  }
  
  .frame .wireframe-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 128px 120px;
    flex: 0 0 auto;
    z-index: 7;
    background: rgba(255, 114, 36, 0.1);
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .group-6 {
    height: 770px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .text-wrapper-25 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #09194b;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: 51.2px;
    white-space: nowrap;
  }
  
  .frame .div-20 {
    display: flex;
    max-width: 1224px;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .background-shadow {
    display: flex;
    flex-direction: column;
    max-width: 544px;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    border-radius: 12px;
  }
  
  .frame .div-21 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-22 {
    display: flex;
    flex-direction: column;
    height: 173px;
    align-items: center;
    gap: 4px;
    padding: 32px 0px 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
      ),
      linear-gradient(
        270deg,
        rgba(231, 69, 12, 0.2) 0%,
        rgba(255, 113, 51, 0.2) 100%
      );
  }
  
  .frame .text-wrapper-26 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-weight: 700;
    color: rgba(9, 25, 75, 1);
    font-size: 18px;
    text-align: center;
    line-height: 27px;
    white-space: nowrap;
    font-family: "Noto Sans JP", Helvetica;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-27 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ff5500;
    font-size: 34px;
    text-align: center;
    letter-spacing: 0;
    line-height: 51px;
    white-space: nowrap;
  }
  
  .frame .image-8 {
    position: relative;
    width: 181px;
    height: 146px;
    margin-top: -48px;
  }
  
  .frame .flexcontainer-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .flexcontainer-2 {
    height: 164px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .span-wrapper {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #09194b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .text-wrapper-28 {
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #09194b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .background-shadow-2 {
    display: flex;
    flex-direction: column;
    max-width: 544px;
    align-items: center;
    gap: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    align-self: stretch;
    border-radius: 12px;
  }
  
  .frame .div-23 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 32px 0px 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8px;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
      ),
      linear-gradient(
        270deg,
        rgba(231, 69, 12, 0.2) 0%,
        rgba(255, 113, 51, 0.2) 100%
      );
  }
  
  .frame .text-wrapper-29 {
    position: relative;
    width: fit-content;
    font-weight: 700;
    color: #ff5500;
    font-size: 36px;
    text-align: center;
    line-height: 54px;
    white-space: nowrap;
    font-family: "Noto Sans JP", Helvetica;
    letter-spacing: 0;
  }
  
  .frame .image-9 {
    position: relative;
    width: 173px;
    height: 146px;
    margin-top: -48px;
  }
  
  .frame .div-24 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 32px 0px 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8px;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 100%
      ),
      linear-gradient(
        270deg,
        rgba(231, 69, 12, 0.2) 0%,
        rgba(255, 113, 51, 0.2) 100%
      );
  }
  
  .frame .image-10 {
    position: relative;
    width: 164px;
    height: 140px;
    margin-top: -48px;
  }
  
  .frame .flexcontainer-3 {
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .overlap-wrapper-2 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 260px;
    z-index: 6;
    background-color: #d1f8ff;
    overflow: hidden;
  }
  
  .frame .overlap-5 {
    position: relative;
    width: 1440px;
    height: 936px;
    top: -209px;
    margin: 0 auto;
  }
  
  .frame .rectangle-7 {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 93px;
    left: -100px;
  }
  
  .frame .rectangle-8 {
    position: absolute;
    width: 800px;
    height: 800px;
    top: 150px;
    right: -170px;
    
  }
  @media screen and (min-width:1440px){
    .frame .rectangle-8 {
      right: -170px;
    }
  }
  .frame .div-25 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 257px;
    left: 486px;
  }
  
  .frame .text-wrapper-30 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #1c4595;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.56px;
    line-height: 25.2px;
  }
  
  .frame .heading {
    display: flex;
    width: 468px;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-31 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #1c4595;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0.56px;
    line-height: 46px;
    white-space: nowrap;
  }
  
  .frame .vector-6 {
    position: absolute;
    width: 1818px;
    height: 936px;
    top: 0;
    left: 93px;
  }
  
  .frame .div-26 {
    display: flex;
    max-width: 1024px;
    width: 1024px;
    align-items: center;
    justify-content: center;
    gap: 40px;
    position: absolute;
    top: 347px;
    left: 208px;
  }
  
  .frame .picture {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 16px 32px;
    position: relative;
    flex: 0 0 auto;
    background-color: #e8e8e899;
    border-radius: 8px;
    overflow: hidden;
    background-blend-mode: screen;
  }
  
  .frame .group-7 {
    position: relative;
    width: 377px;
    height: 54.94px;
    margin-right: -6.00px;
  }
  
  .frame .overlap-6 {
    position: absolute;
    width: 308px;
    height: 14px;
    top: 0;
    left: 63px;
  }
  .p-text-text{
    position: absolute;
    width: 270px;
    height: auto;
    top: 22px;
    left: 63px;
  }
  .frame .text-wrapper-32 {
    position: absolute;
    width: 191px;
    height: 14px;
    top: 0;
    left: 0;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--x-1);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.72px;
    line-height: 14px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-33 {
    position: absolute;
    width: 120px;
    height: 14px;
    top: 0;
    left: 188px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: var(--x-1);
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.72px;
    line-height: 14px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-34 {
    position: absolute;
    width: 265px;
    height: 40px;
    top: 14px;
    left: 63px;
    font-family: "DIN-Black", Helvetica;
    font-weight: 900;
    color: var(--x-1);
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.72px;
    line-height: 40px;
    white-space: nowrap;
  }
  
  .frame .group-8 {
    position: absolute;
    width: 52px;
    height: 54px;
    top: 1px;
    left: 0;
  }
  
  .frame .overlap-group-4 {
    position: relative;
    height: 54px;
  }
  
  .frame .mask-group {
    position: absolute;
    width: 49px;
    height: 49px;
    top: 5px;
    left: 0;
  }
  
  .frame .image-11 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .p-text-w{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
  }
  .frame .button-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 27px 80px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
    border-radius: 162px;
    box-shadow: inset 0px -8px 0px #00000040;
    background: linear-gradient(
        0deg,
        rgba(28, 69, 149, 1) 0%,
        rgba(28, 69, 149, 1) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(230, 230, 230, 1) 100%
      ), linear-gradient(0deg, rgba(255, 166, 83, 1) 0%, rgba(228, 95, 0, 1) 100%),
      linear-gradient(0deg, rgba(255, 235, 83, 1) 0%, rgba(228, 200, 0, 1) 100%);
  }
  
  .frame .image-12 {
    position: relative;
    width: 274.72px;
    height: 18.94px;
  }
  
  .frame .wireframe-5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 128px;
    flex: 0 0 auto;
    z-index: 5;
    /* background:rgba(255, 114, 36, 0.1); */
    position: relative;
    align-self: stretch;
    width: 100%;
    overflow: hidden;
  }
  
  .frame .group-9 {
    height: 963px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .rectangle-9 {
    position: absolute;
    width: 1500px;
    height: 1500px;
    top: 586px;
    left: -500px;
  }
  
  .frame .div-27 {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-35 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-36 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-28 {
    display: flex;
    max-width: 1224px;
    align-items: center;
    gap: 32px;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-29 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 0px 0px 16px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .div-30 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 0px 56px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #fee9de;
    border-radius: 8px 8px 0px 0px;
  }
  
  .frame .text-wrapper-37 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 24px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-31 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-38 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-39 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .image-13 {
    position: relative;
    width: 200px;
    height: 180px;
    margin-top: -56px;
  }
  
  .frame .div-32 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-33 {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .img-2 {
    position: relative;
    width: 24px;
    height: 24px;
  }
  
  .frame .text-wrapper-40 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-41 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .frame .div-34 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .button-3 {
    position: relative;
    flex: 0 0 auto;
    width: 430px;
    height: 70px;
    
  }
  
  .frame .div-35 {
    display: flex;
    min-width: 480px;
    max-width: 1040px;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-36 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 32px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #ffffff;
    border-left-width: 3px;
    border-left-style: solid;
    border-color: #e95513;
  }
  
  .frame .text-wrapper-42 {
    position: relative;
    width: fit-content;
    margin-top: -3.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #e9450b;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-37 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-wrapper-5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 12px;
    position: relative;
    flex: 0 0 auto;
    background-color: #efefef99;
    border-radius: 2px;
  }
  
  .frame .text-wrapper-43 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: var(--j-fpohi);
    font-size: 16px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-wrapper-6 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 0px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 2px;
  }
  
  .frame .text-wrapper-44 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #4d4d4d;
    font-size: 14px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-38 {
    display: flex;
    flex-direction: column;
    width: 320px;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 32px;
    position: relative;
    align-self: stretch;
    background-color: #ffffff;
    border-left-width: 3px;
    border-left-style: solid;
    border-color: #e95513;
  }
  
  .frame .frame-wrapper-3 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
    margin-right: -2.00px;
  }
  
  .frame .div-39 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-40 {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-41 {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-45 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--j-fpohi);
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-46 {
    position: relative;
    width: fit-content;
    color: var(--j-fpohi);
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    letter-spacing: 0;
  }
  
  .frame .wireframe-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 0px;
    flex: 0 0 auto;
    z-index: 2;
    background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 100%
    );
    position: relative;
    align-self: stretch;
    width: 100%;
    overflow: hidden;
  }
  
  .frame .group-10 {
    height: 818px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .img-3 {
    position: relative;
    max-width: 960px;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -23.00px;
  }
  
  .frame .rectangle-10 {
    position: absolute;
    width: 500px;
    height: 500px;
    top: -200px;
    left: 1180px;
  }
  @media screen and (min-width:1440px){
    .frame .rectangle-10 {
      left: 1780px;
    }
  }
  .frame .rectangle-11 {
    position: absolute;
    width: 180px;
    height: 222px;
    top: 514px;
    left: -80px;
  }
  
  .frame .rectangle-12 {
    position: absolute;
    width: 500px;
    height: 724px;
    top: -100px;
    left: 1254px;
  }
  @media screen and (min-width:1440px){
    .frame .rectangle-12 {
      left: 1754px;
    }
  } 
  .frame .rectangle-13 {
    position: absolute;
    position: absolute;
    width: 500px;
    height: 315px;

    bottom: -120px;
    left: -180px;
  }
  
  .frame .overlap-wrapper-3 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 260px;
    z-index: 1;
    background-color: #d1f8ff;
    overflow: hidden;
  }
  
  .frame .wireframe-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    padding: 80px 156px;
    flex: 0 0 auto;
    z-index: 0;
    overflow: hidden;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 20%
      ),
      linear-gradient(
        96deg,
        rgba(238, 248, 255, 1) 0%,
        rgba(216, 254, 255, 1) 100%
      );
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .group-11 {
    height: 1882px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .vector-7 {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .frame .vector-8 {
    position: absolute;
    width: 1804px;
    height: 1060px;
    top: 864px;
    left: -153px;
  }
  
  .frame .text-wrapper-47 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--typography-8);
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-42 {
    display: flex;
    flex-direction: column;
    width: 1128px;
    align-items: flex-start;
    gap: 40px;
    padding: 56px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffffb2;
    border-radius: 16px;
    border: 2px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 32px #00000026;
    backdrop-filter: blur(2px) brightness(100%);
    -webkit-backdrop-filter: blur(2px) brightness(100%);
  }
  
  .frame .div-43 {
    display: flex;
    align-items: center;
    gap: 29px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-48 {
    position: relative;
    flex: 1;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
  }
  
  .frame .div-44 {
    display: flex;
    align-items: center;
    padding: 0px 40px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-45 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
    padding: 12px 16px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    border-radius: 8px;
  }
  
  .frame .div-46 {
    display: inline-flex;
    height: 80px;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    position: relative;
    background-color: #ff7133;
    border-radius: 8px;
  }
  
  .frame .text-wrapper-49 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .frame .div-47 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .group-12 {
    position: relative;
    width: 120px;
    height: 120px;
    margin-top: -7.00px;
  }
  
  .frame .overlap-group-5 {
    position: relative;
    height: 120px;
  }
  
  .frame .rectangle-14 {
    position: absolute;
    width: 98px;
    height: 98px;
    top: 22px;
    left: 11px;
    background-color: #ffd9cd;
    border-radius: 999px;
    transform: rotate(180deg);
  }
  
  .frame .img-4 {
    position: absolute;
    width: 120px;
    height: 120px;
    top: -3px;
    left: 0px;
    object-fit: contain;
  }
  
  .frame .img-5 {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
  }
  
  .frame .div-48 {
    display: flex;
    flex-direction: column;
    width: 320px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 0px;
    position: relative;
    flex: 0 0 auto;
    margin-top: -24px;
    background-color: #ff7133;
    border-radius: 4px;
  }
  
  .frame .text-wrapper-50 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-49 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-51 {
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-52 {
    font-size: 20px;
  }
  
  .frame .img-6 {
    position: relative;
    width: 64px;
    height: 64px;
    margin-left: -24px;
  }
  
  .frame .div-50 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 16px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    margin-left: -24px;
    border-radius: 8px;
  }
  
  .frame .div-51 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    border: 2px solid;
    border-color: #e95513;
  }
  
  .frame .div-52 {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-53 {
    width: fit-content;
    font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    position: relative;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    letter-spacing: 0;
  }
  
  .frame .div-53 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .group-13 {
    position: relative;
    width: 120px;
    height: 120px;
  }
  
  .frame .rectangle-15 {
    position: absolute;
    width: 98px;
    height: 98px;
    top: 22px;
    left: 11px;
    background-color: #ede8e2;
    border-radius: 999px;
    transform: rotate(180deg);
  }
  
  .frame .div-54 {
    display: flex;
    flex-direction: column;
    width: 320px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 0px;
    position: relative;
    flex: 0 0 auto;
    margin-top: -24px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 2px solid;
    border-color: #e95513;
  }
  
  .frame .text-wrapper-54 {
    position: relative;
    width: fit-content;
    margin-top: -2.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #4e4b4b;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .element {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #4e4b4b;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-55 {
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #4e4b4b;
    font-size: 16px;
    letter-spacing: 0;
  }
  
  .frame .div-55 {
    display: flex;
    flex-direction: column;
    width: 1016px;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-56 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-56 {
    display: flex;
    flex-direction: column;
    width: 1016px;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-57 {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 0px 40px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: -12px;
  }
  
  .frame .div-58 {
    display: flex;
    flex-direction: column;
    width: 441px;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
  }
  
  .frame .div-59 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 0px 16px 0px 0px;
    position: relative;
    flex: 1;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .frame-wrapper-4 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
  }
  
  .frame .div-60 {
    background-color: #ff7e01;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-57 {
    position: relative;
    width: fit-content;
    font-family: "DIN-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-58 {
    position: relative;
    align-self: stretch;
    font-family: "DIN-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 48px;
    text-align: center;
    letter-spacing: 0;
    line-height: 48px;
  }
  
  .frame .div-61 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0px;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-59 {
    position: relative;
    width: 184px;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-62 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-60 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .frame .text-wrapper-61 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .frame .img-7 {
    position: relative;
    width: fit-content;
    height: 32px;
    flex: 0 0 auto;
    margin-bottom: -2.00px;
  }
  
  .frame .div-63 {
    display: flex;
    flex-direction: column;
    width: 503px;
    align-items: flex-start;
    position: relative;
  }
  
  .frame .div-64 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 0px 16px 0px 0px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .div-65 {
    background-color: #ff6701;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-66 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-62 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-67 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-63 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-64 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--b07g-bv);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .frame .vector-9 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 29.46px;
    margin-left: -2.00px;
    margin-right: -2.00px;
  }
  .c-indent{
    text-indent: -1em;
    padding-left: 1em;
    display: inline-block;
  }
  .p-wrapper{

  }
  .frame .div-68 {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    padding: 0px 0px 0px 64px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-top: -12px;
  }
  
  .frame .div-69 {
    display: flex;
    flex-direction: column;
    width: 429px;
    align-items: flex-start;
    position: relative;
  }
  
  .frame .img-8 {
    width: fit-content;
    height: 32px;
    display: block;
    margin: 0 auto;
    flex: 0 0 auto;
    /* margin-top: -2.00px; */
    position: relative;
    align-self: stretch;
  }
  
  .frame .frame-wrapper-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .frame-wrapper-6 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    align-self: stretch;
    flex: 0 0 auto;
  }
  
  .frame .div-70 {
    background-color: #ff7201;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-65 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .frame .div-71 {
    display: flex;
    flex-direction: column;
    width: 491px;
    align-items: flex-start;
    position: relative;
  }
  
  .frame .div-72 {
    background-color: #ff5a01;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-66 {
    position: relative;
    width: fit-content;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .frame .div-73 {
    display: flex;
    flex-direction: column;
    width: 1128px;
    align-items: center;
    gap: 20px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-74 {
    display: flex;
    align-items: center;
    gap: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .div-75 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 20px;
    position: relative;
    flex: 1;
    flex-grow: 1;
    background-color: #ffffff99;
    border-radius: 8px;
    border: 2px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 32px #00000026;
  }
  
  .frame .div-wrapper-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-67 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #333333;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 30px;
  }
  
  .frame .div-76 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 4px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .frame-wrapper-7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-radius: 4px;
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 0.7) 0%,
        rgba(255, 255, 255, 0.7) 100%
      ),
      linear-gradient(
        0deg,
        rgba(255, 236, 227, 1) 0%,
        rgba(255, 236, 227, 1) 100%
      );
  }
  
  .frame .div-77 {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .vector-10 {
    position: relative;
    width: 61.5px;
    height: 49.5px;
    margin-left: -0.75px;
  }
  
  .frame .div-78 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .text-wrapper-68 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--typography-8);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-79 {
    align-items: flex-start;
    display: flex;
    gap: 4px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-69 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: var(--typography-8);
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .frame .img-9 {
    position: relative;
    width: 16px;
    height: 16px;
  }
  
  .frame .frame-wrapper-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 4px;
    border: 2px solid;
    border-color: #ff7133;
  }
  
  .frame .div-80 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .img-10 {
    position: relative;
    width: 60px;
    height: 65.45px;
  }
  
  .frame .text-wrapper-70 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ff7133;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .div-81 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .group-14 {
    position: relative;
    width: 36.57px;
    height: 40px;
  }
  
  .frame .overlap-group-6 {
    position: relative;
    width: 30px;
    height: 33px;
    top: 6px;
    left: 3px;
  }
  
  .frame .polygon-4 {
    position: absolute;
    width: 30px;
    height: 20px;
    top: 13px;
    left: 0;
  }
  
  .frame .polygon-5 {
    position: absolute;
    width: 26px;
    height: 17px;
    top: 0;
    left: 2px;
  }
  
  .frame .div-82 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-71 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-72 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ff7133;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .div-83 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 20px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
    background-color: #ffffff99;
    border-radius: 8px;
    border: 2px solid;
    border-color: #ffffff;
    box-shadow: 4px 4px 32px #00000026;
  }
  
  .frame .text-wrapper-73 {
    position: relative;
    width: 500px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-74 {
    position: relative;
    width: 500px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #ff7133;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .overlap-wrapper-4 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 260px;
    z-index: -1;
    background-color: #d1f8ff;
    overflow: hidden;
  }
  
  .frame .section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 80px 12px;
    position: relative;
    align-self: stretch;
    width: 1440px;
    margin: 0 auto;
    flex: 0 0 auto;
    /* z-index: -2; */
    background-color: #ffffff33;
    /* overflow: hidden; */
  }
  
  .frame .group-15 {
    height: 923px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .rectangle-16 {
    position: absolute;
    width: 1000px;
    height: 900px;
    top: 23px;
    right: -360px;
  }
  
  .frame .rectangle-17 {
    position: absolute;
    width: 1360px;
    height: 1040px;
    top: -206px;
    /* left: 1048px; */
    right: -840px;
  }
  @media screen and (min-width:1440px){
    .frame .rectangle-16 {
      right: -500px;
    }
  }
  .frame .ordered-list {
    display: flex;
    flex-direction: column;
    max-width: 1120px;
    align-items: flex-start;
    gap: 32px;
    position: relative;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .item {
    display: flex;
    width: 650px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .img-11 {
    position: relative;
    width: 30px;
    height: 30px;
  }
  
  .frame .descriptions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
  }
  
  .frame .term {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #e9450b;
    font-size: 20px;
    letter-spacing: 0.56px;
    line-height: 30px;
    white-space: nowrap;
  }
  
  .frame .div-84 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #4e4b4b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .text-wrapper-75 {
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #4e4b4b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .text-wrapper-76 {
    font-size: 14px;
  }
  
  .frame .details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-77 {
    position: relative;
    align-self: stretch;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #4e4b4b;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
  }
  
  .frame .flow-bg-png {
    position: absolute;
    width: 414px;
    height: 270px;
    top: 186px;
    left: 866px;
    background-color: #e7e7e7;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .image-14 {
    position: absolute;
    width: 414px;
    height: 270px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .flow-bg-png-2 {
    position: absolute;
    width: 434px;
    height: 295px;
    top: 496px;
    left: 954px;
    background-color: #e7e7e7;
    border-radius: 8px;
    overflow: hidden;
  }
  
  .frame .image-15 {
    position: absolute;
    width: 434px;
    height: 295px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .frame .wireframe-8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 80px 164px;
    flex: 0 0 auto;
    /* z-index: -3; */
    position: relative;
    align-self: stretch;
    width: 100%;
  }
  
  .frame .div-85 {
    display: flex;
    width: 1024px;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .frame .div-86 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .frame .div-87 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 32px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 13px;
    box-shadow: 0px 2px 12px #00000033;
  }
  
  .frame .div-88 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .text-wrapper-78 {
    position: relative;
    flex: 1;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #f26c00;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
  }
  
  .frame .flexcontainer-wrapper-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .flexcontainer-4 {
    height: 472px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .text-2 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
  }
  
  .frame .text-wrapper-79 {
    font-weight: 500;
    line-height: 27.2px;
  }
  
  .frame .text-wrapper-80 {
    font-weight: 700;
    line-height: 27.2px;
  }
  
  .frame .flexcontainer-wrapper-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }
  
  .frame .flexcontainer-5 {
    height: 116px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .text-3 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27.2px;
  }
  
  .frame .text-wrapper-81 {
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 500;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27.2px;
  }
  
  .frame .div-89 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    align-self: stretch;
    flex-grow: 1;
  }
  
  .frame .flexcontainer-6 {
    height: 348px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .text-4 {
    position: relative;
    align-self: stretch;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27.2px;
  }
  
  .frame .text-wrapper-82 {
    font-weight: 700;
  }
  
  .frame .text-wrapper-83 {
    font-weight: 500;
  }
  
  .frame .div-90 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding: 32px;
    position: relative;
    flex: 1;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    background-color: #ffffff;
    border-radius: 13px;
    box-shadow: 0px 2px 12px #00000033;
  }
  
  .frame .flexcontainer-7 {
    height: 205px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .frame .group-16 {
    height: 1104px;
    position: absolute;
    width: 1281px;
    top: 0;
    left: 80px;
  }
  
  .frame .overlap-wrapper-5 {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 188px;
    /* z-index: -4; */
    overflow: hidden;
  }
  
  .frame .rectangle-18 {
    position: absolute;
    width: 1440px;
    height: 260px;
    top: 209px;
    left: 0;
    background-color: #d1f8ff;
  }
  
  .frame .rectangle-19 {
    position: absolute;
    width: 800px;
    height: 800px;
    top: 150px;
    right: -170px;
  }
  
  .frame .div-wrapper-8 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 257px;
    left: 212px;
  }
  
  .frame .text-wrapper-84 {
    position: relative;
    width: fit-content;
    margin-top: -1.00px;
    font-family: "Noto Sans JP", Helvetica;
    font-weight: 700;
    color: #1c4595;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0.56px;
    line-height: 46px;
  }
  
  .p-header
 , .p-iphone-mini
 , .p-wireframe
 , .p-overlap-wrapper
 , .p-wireframe-2
 , .p-wireframe-3
 , .p-wireframe-4
 , .p-wireframe-5
 , .p-wireframe-6
 , .p-wireframe-7
 , .p-overlap-wrapper-5
 , .p-section
 , .p-overlap-wrapper-2
 {
    display: none!important;
  }