html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ベース：日本語テキスト */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

a {
    text-decoration: none;
}

.header {
    padding: 0px 20px 0px 20px;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    position: relative;
    max-width: 100%;
}

.header__header-logo {
    flex-shrink: 0;
    width: 208.53px;
    height: 37.48px;
    position: relative;
    overflow: visible;
}

.header__header-cta {
    background: var(--cta,
            linear-gradient(90deg,
                rgba(34, 120, 251, 1) 54.807692766189575%,
                rgba(89, 201, 197, 1) 100%));
    border-radius: 50px;
    padding: 11px 43px 11px 43px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 120px;
    height: 35px;
    position: relative;
}

.header__div {
    color: #ffffff;
    text-align: left;
    font-family: "NotoSansCjkJp-Bold", sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}

.fv-visual,
.fv-visual * {
    box-sizing: border-box;
}

.fv-visual {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 60px auto 120px;
}

.fv-visual__fv-copy {
    display: flex;
    flex-direction: column;
    gap: 19px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 494px;
    position: relative;
}

.fv-visual__fv-text-1 {
    flex-shrink: 0;
    width: 494px;
    height: 54px;
    position: static;
}

.fv-visual__div {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansCjkJp-Black", sans-serif;
    font-size: 30px;
    line-height: 24.43px;
    font-weight: 900;
    position: absolute;
    left: 165px;
    top: 15px;
}

.fv-visual__fv-area {
    width: 157px;
    height: 54px;
    position: static;
}

.fv-visual__frame-3 {
    background: linear-gradient(94.86deg,
            rgba(234, 152, 218, 1) 0%,
            rgba(91, 108, 249, 1) 100%);
    padding: 8px 6px 8px 6px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 33px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.fv-visual__div2 {
    color: #ffffff;
    text-align: center;
    font-family: "NotoSansCjkJp-Black", sans-serif;
    font-size: 16px;
    line-height: 14.9px;
    font-weight: 900;
    position: relative;
}

.fv-visual__frame-2 {
    background: linear-gradient(96.93deg,
            rgba(255, 202, 166, 1) 0%,
            rgba(248, 101, 148, 1) 100%);
    padding: 8px 11px 8px 11px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 33px;
    position: absolute;
    left: 80px;
    top: 21px;
}

.fv-visual__div3 {
    color: #ffffff;
    text-align: center;
    font-family: "NotoSansCjkJp-Black", sans-serif;
    font-size: 18px;
    line-height: 14.9px;
    font-weight: 900;
    position: relative;
}

.fv-visual__frame-4 {
    background: #ffae4b;
    border-radius: 9.93px;
    padding: 1px 3px 1px 3px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 19.86px;
    height: 19.86px;
    position: absolute;
    left: 68.55px;
    top: 20.5px;
}

.fv-visual__div4 {
    color: #ffffff;
    text-align: left;
    font-family: "Din2014-Bold", sans-serif;
    font-size: 12.585052490234375px;
    font-weight: 700;
    position: relative;
}

.fv-visual__fv-text-2 {
    flex-shrink: 0;
    width: 494px;
    height: 73px;
    position: static;
}

.fv-visual__frame-5 {
    background: #0b9fdc;
    padding: 24px 18px 24px 18px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 494px;
    height: 73px;
    position: absolute;
    left: 0px;
    top: 73px;
}

.fv-visual__div5 {
    color: #ffffff;
    text-align: left;
    font-family: "NotoSansCjkJp-Black", sans-serif;
    font-size: 45px;
    line-height: 24.43px;
    font-weight: 900;
    position: relative;
}

.fv-visual__div6 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansCjkJp-Bold", sans-serif;
    font-size: 16.420976638793945px;
    font-weight: 700;
    position: relative;
    width: 409px;
}

.fv-visual__fv-cta {
    flex-shrink: 0;
    width: 416px;
    height: 60px;
    position: static;
}

.fv-visual__rectangle-3 {
    background: var(--cta,
            linear-gradient(90deg,
                rgba(34, 120, 251, 1) 54.807692766189575%,
                rgba(89, 201, 197, 1) 100%));
    border-radius: 50px;
    width: 416px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;


}

.fv-visual__div7 {
    color: #ffffff;
    text-align: left;
    font-family: "NotoSansCjkJp-Bold", sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 139px;
    top: 273px;
}

.fv-visual__vector-11 {
    width: 26px;
    height: 6px;
    position: absolute;
    left: 403.5px;
    top: 283px;
    overflow: visible;
}

.fv-visual__fv-img {
    flex-shrink: 0;
    width: 586px;
    height: 383px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 586/383;
}

.slant-bg {
    width: 100%;
    margin: 0;
    padding: 150px 0;
    position: relative;
    top: 0;
}

.slant-bg p {
    width: 65%;
    margin: 0 auto;
}

.slant-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #E2F6F7;
    transform: skewY(-4deg);
    z-index: -1;
}


.welcome-main,
.welcome-main * {
    box-sizing: border-box;
}

.welcome-main {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: transparent;
    border-width: 5px;
    padding: 70px;
    display: flex;
    flex-direction: row;
    gap: 54px;
    align-items: center;
    justify-content: center;
    height: 438px;
    position: relative;
}

.welcome-main__welcom-image {
    flex-shrink: 0;
    width: 424.16px;
    height: 274.52px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 424.16/274.52;
}

.welcome-main__welcom-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 460.12px;
    position: relative;
}

.welcome-main__welcome {
    color: #2ca7a1;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.welcome-main__div {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 22px;
    font-weight: 900;
    position: relative;
    align-self: stretch;
}

.welcome-main__div2 {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    align-self: stretch;
}

.wrapper {
    width: 1080px;
    margin: auto;
    margin: 0 auto;
    padding: 0 20px;
}

.temp,
.temp * {
    box-sizing: border-box;
}

.temp {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin: 100px 0;
}

.temp__template {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.temp__logo {
    flex-shrink: 0;
    width: 51px;
    height: 47.78px;
    position: relative;
    overflow: visible;
}

.temp__div {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 32px;
    font-weight: 900;
    position: relative;
}

.temp__wordpress {
    color: #3a3a3a;
    text-align: center;
    font-family: "NotoSansJp-Regular", sans-serif;
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}


.appeal,
.appeal * {
    box-sizing: border-box;
}

.appeal {
    display: flex;
    flex-direction: column;
    gap: 158px;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    margin: auto;
}

.appeal__function {
    align-self: stretch;
    flex-shrink: 0;
    height: 491px;
    position: relative;
}

.appeal__dot-bg {
    height: auto;
    position: absolute;
    left: 13px;
    top: 173px;
    overflow: visible;
    width: 520px;
}

.appeal__dot-bg2 {
    height: auto;
    position: absolute;
    left: 569px;
    top: 173px;
    overflow: visible;
    width: 520px;
}

.appeal__dot-bg3 {
    height: auto;
    position: absolute;
    left: 13px;
    top: 362px;
    overflow: visible;
    width: 520px;
}

.appeal__dot-bg4 {
    height: auto;
    position: absolute;
    left: 569px;
    top: 362px;
    overflow: visible;
    width: 520px;
}

.appeal__group-55 {
    position: absolute;
    inset: 0;
}

.appeal__frame-58 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1079px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.appeal__frame-57 {
    display: flex;
    flex-direction: row;
    gap: 38px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.appeal__logo {
    flex-shrink: 0;
    width: 63px;
    height: 59.03px;
    position: relative;
    overflow: visible;
}

.appeal__div {
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 30px;
    font-weight: 900;
    position: relative;
}

.div-span {
    color: #299490;
}

.div-span2 {
    color: #3a3a3a;
}

.appeal__line-6 {
    margin-top: -1px;
    border-style: solid;
    border-color: #299490;
    border-width: 1px 0 0 0;
    flex-shrink: 0;
    width: 638px;
    height: 0px;
    position: relative;
}

.appeal__frame-59 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1080px;
    position: absolute;
    left: -1px;
    top: 139px;
}

.appeal__frame-19 {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #299490;
    border-width: 4px;
    padding: 38px 33px 38px 33px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 525px;
    height: 148px;
    position: relative;
}

.appeal__div2 {
    color: #1c7874;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 18px;
    font-weight: 900;
    position: relative;
    width: 184px;
}

.appeal__div3 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 256px;
}

.appeal__frame-20 {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #299490;
    border-width: 4px;
    padding: 38px 33px 38px 33px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 525px;
    height: 148px;
    position: relative;
}

.appeal__frame-60 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1080px;
    position: absolute;
    left: -1px;
    top: 328px;
}

.appeal__frame-21 {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #299490;
    border-width: 4px;
    padding: 38px 33px 38px 33px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 525px;
    height: 148px;
    position: relative;
}

.appeal__pc-google {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 256px;
}

.appeal__frame-22 {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #299490;
    border-width: 4px;
    padding: 38px 33px 38px 33px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 525px;
    height: 148px;
    position: relative;
}

.appeal__word-press {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 256px;
}

.appeal__reccomend {
    flex-shrink: 0;
    width: 1080px;
    height: 680px;
    position: static;
}

.appeal__div4 {
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: calc(50% - 188px);
    top: 649px;
}

.div-4-span {
    color: #3a3a3a;
}

.div-4-span2 {
    color: #299490;
}

.appeal__reccomend-box {
    display: flex;
    flex-direction: row;
    gap: 31px;
    align-items: flex-start;
    justify-content: center;
    width: 1080px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 760px;
}

.appeal__reccomend-card {
    background: #ffffff;
    border-radius: 30px;
    padding: 32px 17px 32px 17px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 340px;
    position: relative;
}

.appeal__group-49 {
    flex-shrink: 0;
    width: 175.06px;
    height: 203px;
    position: static;
}

.appeal___2-4-x {
    width: 175.06px;
    height: 203px;
    position: absolute;
    left: 82.47px;
    top: 32px;
    object-fit: cover;
    aspect-ratio: 175.06/203;
}

.appeal__group-57 {
    flex-shrink: 0;
    width: 208px;
    height: 46px;
    position: static;
}

.appeal__div5 {
    color: #000000;
    text-align: center;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: 66px;
    top: 263px;
}

.appeal___1-24 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 270px;
}

.appeal__reccomend-card2 {
    background: #ffffff;
    border-radius: 30px;
    padding: 36px 28px 36px 28px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 340px;
    position: relative;
}

.appeal__group-47 {
    flex-shrink: 0;
    width: 219px;
    height: 198.77px;
    position: static;
}

.appeal___1-4-x-1 {
    width: 219px;
    height: 198.77px;
    position: absolute;
    left: 60.5px;
    top: 36px;
    object-fit: cover;
    aspect-ratio: 219/198.77;
}

.appeal__group-56 {
    flex-shrink: 0;
    width: 147px;
    height: 46px;
    position: static;
}

.appeal__div6 {
    color: #000000;
    text-align: center;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: 96.5px;
    top: 264.77px;
}

.appeal__pc {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 270px;
}

.appeal__reccomend-card3 {
    background: #ffffff;
    border-radius: 30px;
    padding: 37px 33px 37px 33px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 340px;
    position: relative;
}

.appeal__group-48 {
    flex-shrink: 0;
    width: 204.33px;
    height: 197px;
    position: static;
}

.appeal___3-4-x-1 {
    width: 204.33px;
    height: 197px;
    position: absolute;
    left: 67.84px;
    top: 37px;
    object-fit: cover;
    aspect-ratio: 204.33/197;
}

.appeal__group-58 {
    flex-shrink: 0;
    width: 176px;
    height: 46px;
    position: static;
}

.appeal__div7 {
    color: #000000;
    text-align: center;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: 82px;
    top: 264px;
}

.appeal__word-press2 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 270px;
}

.flow,
.flow * {
    box-sizing: border-box;
}

.flow {
    position: relative;
    margin: 100px auto;
}

.flow__vector {
    width: 714px;
    height: 129px;
    position: absolute;
    left: 381px;
    top: 20px;
    overflow: visible;
}

.flow__vector2 {
    width: 714px;
    height: 129px;
    position: absolute;
    left: 381px;
    top: 196px;
    overflow: visible;
}

.flow__vector3 {
    width: 714px;
    height: 129px;
    position: absolute;
    left: 381px;
    top: 372px;
    overflow: visible;
}

.flow__vector4 {
    width: 714px;
    height: 129px;
    position: absolute;
    left: 381px;
    top: 548px;
    overflow: visible;
}

.flow__frame-61 {
    display: flex;
    flex-direction: row;
    gap: 72px;
    align-items: flex-start;
    justify-content: flex-start;
    left: 0px;
    top: 0px;
}

.flow__flow-title {
    display: flex;
    flex-direction: column;
    gap: 21px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 273px;
    position: relative;
}

.flow__flow2 {
    color: #2ca7a1;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.flow__div {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 35px;
    font-weight: 900;
    position: relative;
    align-self: stretch;
}

.flow__div2 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Regular", sans-serif;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.flow__flow-box {
    display: flex;
    flex-direction: column;
    gap: 47px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 715px;
    position: relative;
}

.flow__flow-card {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: #299490;
    border-width: 4px;
    padding: 38px 33px 38px 33px;
    display: flex;
    flex-direction: row;
    gap: 37px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    height: 129px;
    position: relative;
}

.flow__frame {
    flex-shrink: 0;
    width: 34.67px;
    height: 34.67px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}

.flow__div3 {
    color: #1c7874;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 18px;
    font-weight: 900;
    position: relative;
    width: 184px;
}

.flow__div4 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    width: 338px;
}

.flow__frame2 {
    flex-shrink: 0;
    width: 34.67px;
    height: 34.67px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}

.flow__frame3 {
    flex-shrink: 0;
    width: 34.67px;
    height: 34.67px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}

.flow___1-4 {
    color: #1c7874;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 18px;
    font-weight: 900;
    position: relative;
    width: 184px;
}

.flow__frame4 {
    flex-shrink: 0;
    width: 34.67px;
    height: 34.67px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}

.price,
.price * {
    box-sizing: border-box;
}

.price {
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.price__price-title {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: auto;
    position: relative;
    margin-bottom: 50px;
}

.price__price2 {
    color: #2ca7a1;
    text-align: center;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.price__div {
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 32px;
    font-weight: 900;
    position: relative;
    align-self: stretch;
}

.div-span {
    color: #299490;
}

.div-span2 {
    color: #3a3a3a;
}

.price__frame-19 {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.price__frame-14 {
    background: #ffffff;
    border-radius: 30px;
    padding: 59px 0px 59px 0px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 438px;
    height: 449px;
    position: relative;
}

.price__div2 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 24px;
    font-weight: 900;
    position: relative;
}

.price___79-800 {
    background: var(--grad2,
            linear-gradient(106.77deg,
                rgba(26, 183, 177, 1) 6.25%,
                rgba(28, 120, 116, 1) 99.5192289352417%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    position: relative;
    width: 388px;
    height: 108px;
}

._79-800-span {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 59.50004577636719px;
    font-weight: 700;
}

._79-800-span2 {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 70px;
    font-weight: 700;
}

._79-800-span3 {
    font-family: "Din2014-Bold", sans-serif;
    font-size: 34.54999923706055px;
    font-weight: 700;
}

.price___1 {
    color: #3a3a3a;
    text-align: left;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 346px;
}

.price__wordpress {
    color: #a8a8a8;
    text-align: left;
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.price__frame-15 {
    background: #ffffff;
    border-radius: 30px;
    padding: 59px 0px 59px 0px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 438px;
    height: 449px;
    position: relative;
}

.price__ask {
    background: var(--grad2,
            linear-gradient(106.77deg,
                rgba(26, 183, 177, 1) 6.25%,
                rgba(28, 120, 116, 1) 99.5192289352417%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 76.31819152832031px;
    font-weight: 800;
    position: relative;
    width: 346px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price__div3 {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 346px;
}

.price__div4 {
    color: #a8a8a8;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 12px;
    font-weight: 500;
    position: relative;
}

.price__div5 {
    background: var(--grad2,
            linear-gradient(106.77deg,
                rgba(26, 183, 177, 1) 6.25%,
                rgba(28, 120, 116, 1) 99.5192289352417%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 66px;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.price__frame-20 {
    background: #ffffff;
    border-radius: 25px;
    padding: 35px 64px 35px 40px;
    display: flex;
    flex-direction: row;
    gap: 25px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 900px;
    height: auto;
    position: relative;
}

.price___5-500 {
    color: #299490;
    text-align: center;
    position: relative;
    width: 219px;
}

._5-500-span {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 41.000003814697266px;
    font-weight: 700;
}

._5-500-span2 {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 50px;
    font-weight: 700;
}

._5-500-span3 {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-size: 28.306848526000977px;
    font-weight: 700;
}

.price__word-press {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    width: 420px;
}


.faq,
.faq * {
    box-sizing: border-box;
}

.faq {
    display: flex;
    flex-direction: column;
    gap: 29px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin: 170px auto;
}

.faq__faq-title {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 192px;
    position: relative;
}

.faq__faq2 {
    color: #2ca7a1;
    text-align: center;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.faq__div {
    color: var(--black, #323232);
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 32px;
    font-weight: 900;
    position: relative;
    align-self: stretch;
}

.faq__faq-card {
    background: #e2f6f7;
    border-radius: 20px;
    padding: 29px 47px 29px 47px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.faq__frame-29 {
    display: flex;
    flex-direction: row;
    gap: 23px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 803px;
    position: relative;
}

.faq__group-59 {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    position: static;
}

.faq__frame-28 {
    background: #2ca7a1;
    border-radius: 22px;
    padding: 7px 14px 7px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.faq__q {
    color: #ffffff;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
}

.faq__div2 {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 725px;
}

.faq__frame-30 {
    display: flex;
    flex-direction: row;
    gap: 23px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 803px;
    position: relative;
}

.faq__group-60 {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    position: static;
}

.faq__frame-27 {
    background: #ffffff;
    border-radius: 22px;
    padding: 7px 14px 7px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 7px;
}

.faq__a {
    color: #2ca7a1;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
}

.faq___5-500-word-press {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 725px;
}

.faq__frame-272 {
    background: #ffffff;
    border-radius: 22px;
    padding: 7px 14px 7px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 21.5px;
}

.faq__sns {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 725px;
}

.faq__frame-273 {
    background: #ffffff;
    border-radius: 22px;
    padding: 7px 14px 7px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 36px;
}

.faq__word-press-1 {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 725px;
}

.faq__word-press {
    color: #3a3a3a;
    text-align: left;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 725px;
}

.about,
.about * {
    box-sizing: border-box;
}

.about {
    background: #ffffff;
    border-radius: 20px;
    border-style: solid;
    border-color: transparent;
    border-width: 5px;
    padding: 70px;
    display: flex;
    flex-direction: row;
    gap: 70px;
    align-items: center;
    justify-content: center;
    height: 560px;
    position: relative;
}

.about___1-4-x-2 {
    flex-shrink: 0;
    width: 376px;
    height: 255px;
    position: relative;
    object-fit: cover;
    aspect-ratio: 376/255;
}

.about__frame-54 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    width: 531.61px;
    position: relative;
}

.about__about2 {
    color: #2ca7a1;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 27.72857093811035px;
    line-height: 33.51px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: relative;
    align-self: stretch;
}

.about__div {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 29.420000076293945px;
    font-weight: 900;
    position: relative;
    align-self: stretch;
}

.about___10-300-web-web-web {
    color: #3a3a3a;
    text-align: left;
    font-family: "NotoSansJp-Regular", sans-serif;
    font-size: 16px;
    line-height: 33.51px;
    font-weight: 400;
    position: relative;
    align-self: stretch;
    height: 347px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


.contact,
.contact * {
    box-sizing: border-box;
}

.contact {
    background: #f7f5e2;
    padding: 95px 220px 95px 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 562px;
    position: relative;
}

.contact__contact-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 29px 47px 29px 47px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 900px;
    height: 369px;
    position: relative;
}

.contact__group-61 {
    flex-shrink: 0;
    width: 448px;
    height: 89px;
    position: static;
}

.contact__contact2 {
    color: #2ca7a1;
    text-align: left;
    font-family: "Din2014-ExtraBold", sans-serif;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.2em;
    font-weight: 800;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 51px;
}

.contact__div {
    text-align: center;
    font-family: "NotoSansJp-Black", sans-serif;
    font-size: 32px;
    font-weight: 900;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 94px;
    width: 100%;
}

.div-span {
    color: #299490;
}

.div-span2 {
    color: #3a3a3a;
}

.contact__div2 {
    color: #3a3a3a;
    text-align: center;
    font-family: var(--p-font-family, "NotoSansJp-Regular", sans-serif);
    font-size: var(--p-font-size, 16px);
    line-height: var(--p-line-height, 29px);
    font-weight: var(--p-font-weight, 400);
    position: relative;
    width: 509px;
}

.contact__group-62 {
    flex-shrink: 0;
    width: 416px;
    height: 60px;
    position: static;
}

.contact__rectangle-3 {
    background: var(--cta,
            linear-gradient(90deg,
                rgba(34, 120, 251, 1) 54.807692766189575%,
                rgba(89, 201, 197, 1) 100%));
    border-radius: 50px;
    width: 416px;
    height: 60px;
    position: absolute;
    left: 242px;
    top: 258px;
}

.contact__div3 {
    color: #ffffff;
    text-align: left;
    font-family: "NotoSansCjkJp-Bold", sans-serif;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: 342px;
    top: 275px;
}

.contact__vector-11 {
    width: 26px;
    height: 6px;
    position: absolute;
    left: 606.5px;
    top: 285px;
    overflow: visible;
}

.footer,
.footer * {
    box-sizing: border-box;
}

.footer {
    background: #299490;
    padding: 67px 130px 67px 130px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    height: 428px;
    position: relative;
}

.footer__header-logo {
    flex-shrink: 0;
    width: 212px;
    height: 37.48px;
    position: static;
}

.footer__group-33 {
    width: 157px;
    height: 34px;
    position: static;
}

.footer__soboku {
    color: #ffffff;
    text-align: left;
    font-family: "Termina-Regular", sans-serif;
    font-size: 28.053245544433594px;
    font-weight: 400;
    position: absolute;
    left: 185px;
    top: 69px;
}

.footer__logo {
    width: auto;
    height: 37.48px;
    position: absolute;
    left: 130px;
    top: 67px;
    overflow: visible;
}

.footer___949-6103-43-16-908-e-main-a-shimoda-so-bo-ku-net-web-https-so-bo-ku-net {
    color: #ffffff;
    text-align: left;
    font-family: "NotoSansJp-Regular", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    position: relative;
}

.faq.wrapper+.slant-bg {
    margin-bottom: -60px;
}