:root {
    --blue: #009BC2;
    --blue2: #053662;
    --orange: #FF6600;
}

/* blockname */
.fv {
    background: url(../images/lp1/fv.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 58vw;
    position: relative;
}
.fv-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 0 0 25px;
    width: 50%;
}
.fv-text__top h1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.fv-text__top h1 p {
    background: #D9F7FF;
    border-radius: 10px;
    font-family: var(--ft-serif);
    font-size: 36px;
    font-weight: 700;
    padding: 10px 15px;
    width: 100%;
    max-width: max-content;
}
.fv-text__top h1 p span {
    font-family: var(--ft-serif);
    font-size: 48px;
    font-weight: 700;
}
.fv-text__top h1 p:nth-child(1) span {
    color: var(--orange);
}
.fv-text__top h1 p:nth-child(2) span {
    color: var(--blue);
}
.fv-txt {
    margin: 25px 0;
}
.fv-txt p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.fv-txt p::before {
    background: url(../images/lp1/dog-symbol.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 25.2px;
    margin-right: 10px;
    width: 24.3px;
}
.fv-txt p span {
    color: var(--blue);
    font-size: 36px;
    font-weight: 700;
}
.fv-text__bottom p {
    font-size: 24px;
    font-weight: 400;
}
.fv-cta {
    height: 100px;
    margin: 25px 0 0;
    width: 100%;
    max-width: 560px;
}
.fv-cta a {
    background: var(--orange);
    border-radius: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    height: 100%;
    position: relative;
    width: 100%;
}
.fv-cta a::after {
    background: url(../images/lp1/icon-arrow-r-w.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    width: 32px;
}
@media screen and (max-width: 1268px) {
    .fv-inner {
        justify-content: flex-start;
        width: 75%;
    }
    .fv-text__top h1 {
        gap: 12px;
    }
    .fv-text__top h1 p {
        font-size: 28px;
        padding: 8px 12px;
    }
    .fv-text__top h1 p span {
        font-size: 36px;
    }
    .fv-txt {
        margin: 20px 0;
    }
    .fv-txt p::before {
        background: url(../images/lp1/dog-symbol.svg) no-repeat;
        background-position: center;
        background-size: contain;
        content: "";
        display: block;
        height: 25.2px;
        margin-right: 10px;
        width: 24.3px;
    }
    .fv-txt p span {
        font-size: 28px;
    }
    .fv-text__bottom p {
        font-size: 20px;
    }
    .fv-cta {
        height: 90px;
        margin: 20px 0 0;
        max-width: 500px;
    }
    .fv-cta a {
        font-size: 26px;
    }
    .fv-cta a::after {
        height: 26px;
        right: 25px;
        width: 26px;
    }
}
@media screen and (max-width: 768px) {
    .fv {
        background-image: url(../images/lp1/fv-sp.jpg);
        margin: 0 0 20px;
        min-height: 145vw;
        padding-bottom: 356px;
        position: relative;
    }
    .fv-inner {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10vw 0 0 25px;
        width: 100%;
    }
    .fv-text__top h1 {
        gap: 12px;
    }
    .fv-text__top h1 p {
        font-size: 5vw;
        padding: 8px 12px;
    }
    .fv-text__top h1 p span {
        font-size: 6vw;
    }
    .fv-txt {
        margin: 20px 0;
    }
    .fv-txt p::before {
        height: 5vw;
        margin-right: 1vw;
        width: 5vw;
    }
    .fv-txt p span {
        font-size: 5vw;
    }
    .fv-text__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .fv-text__bottom p {
        font-size: 4vw;
        text-align: center;
    }
    .fv-cta {
        height: 20vw;
        margin: 20px auto 0;
        width: 100%;
        max-width: max-content;
    }
    .fv-cta a {
        font-size: 6vw;
        padding: 0 25px;
    }
    .fv-cta a::after {
        display: none;
    }
}

/* about */
.about {
    background: url(../images/lp1/about-bg.png) no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding: 100px 0 125px;
}
.about-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 800px;
}
.about-inner p {
    color: var(--blue2);
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}
.about-content {
    background: rgb(255 255 255 / 90%);
    border-radius: 20px;
    margin: 0 0 45px;
    padding: 45px 0;
}
.about-content h2 {
    color: #416788;
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 45px;
    text-align: center;
}
.about-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 auto;
    width: 100%;
    max-width: max-content;
}
.about-content ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.about-content ul li::before {
    background: url(../images/lp1/icon-check.svg) no-repeat;
    background-position: center;
    background-size: 17.15px;
    content: "";
    display: block;
    height: 20px;
    margin-right: 15px;
    width: 20px;
}
.about-content ul li p {
    color: var(--blue2);
    font-size: 20px;
    font-weight: 400;
}
.about-content ul li p span {
    color: var(--orange);
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .about {
        padding: 20vw 0 25vw;
    }
    .about-inner p {
        font-size: 5vw;
    }
    .about-content {
        margin: 0 0 6vw;
        padding: 6vw 2.5vw;
    }
    .about-content h2 {
        font-size: 7.5vw;
        margin: 0 0 6vw;
    }
    .about-content ul {
        gap: 1.5vw;
    }
    .about-content ul li {
        align-items: flex-start;
    }
    .about-content ul li::before {
        background-size: contain;
        height: 8vw;
        margin-right: 2vw;
        width: 3vw;
    }
    .about-content ul li p {
        font-size: 5.5vw;
        text-align: left;
        width: calc(100% - 5vw);
    }
}

/* sign */
.sign {
    padding: 45px 0 100px;
}
.sign-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
}
.sign-head {
    margin: 0 0 75px;
    text-align: center;
}
.sign-head h2 {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
}
.sign-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}
.sign-card:nth-child(2) {
    margin-top: 35px;
}
.sing-card__image {
    line-height: 0;
}
.sign-card__text {
    margin: 15px 0 0;
}
.sign-card__text p {
    font-size: 20px;
    font-weight: 400;
}
.sign-card__text p span {
    color: var(--blue2);
    font-size: 24px;
    font-weight: 400;
}
@media screen and (max-width: 968px) {
    .sign-cards {
        gap: 25px;
    }
    .sign-card:nth-child(2) {
        margin-top: 25px;
    }
}
@media screen and (max-width: 768px) {
    .sign {
        padding: 10vw 0 20vw;
    }
    .sign-head {
        margin: 0 0 10vw;
    }
    .sign-head h2 {
        font-size: 8vw;
    }
    .sign-cards {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .sign-card:nth-child(2) {
        margin-top: 0px;
    }
    .sign-card__text {
        margin: 10px 0 0;
    }
    .sign-card__text p {
        font-size: 5vw;
        text-align: center;
    }
    .sign-card__text p span {
        font-size: 6vw;
    }
}

/* case */
.case {
    background: #E0F4FF;
    margin: 200px 0;
    position: relative;
}
.case::before,
.case::after {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 200px;
    position: absolute;
    left: 0;
    width: 100%;
}
.case::before {
    background-image: url(../images/lp1/wave-top.png);
    background-position: center top;
    top: -200px;
}
.case::after {
    background-image: url(../images/lp1/wave-bottom.png);
    background-position: center bottom;
    bottom: -200px;
}
.case-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 860px;
}
.case-head {
    margin: 0 0 65px;
    text-align: center;
}
.case-head h2 {
    color: var(--blue);
    font-size: 28px;
    font-weight: 400;
    line-height: 2em;
}
.case-head h2 span {
    background: linear-gradient(transparent 75%, #FFD3B6 75%);
    color: var(--orange);
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
}
.case-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 35px;
}
.case-item__image {
    line-height: 0;
}
.case-item__text {
    margin: 20px 0 0;
}
.case-item__text p {
    font-size: 16px;
    font-weight: 400;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .case {
        margin: 109px 0;
    }
    .case::before,
    .case::after {
        height: 109px;
    }
    .case::before {
        background-image: url(../images/lp1/wave-top-sp.png);
        background-position: center top;
        top: -109px;
    }
    .case::after {
        background-image: url(../images/lp1/wave-top-sp.png);
        bottom: -109px;
        transform: scaleX(-1) scaleY(-1);
        background-position: center top;
    }
    .case-head {
        margin: 0 0 8vw;
    }
    .case-head h2 {
        font-size: 6vw;
    }
    .case-head h2 span {
        font-size: 7vw;
    }
    .case-items {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 0 auto;
        width: 80%;
    }
    .case-item {
        margin: 0 auto;
    }
    .case-item__image {
        margin: 0 auto;
        max-width: 100px;
    }
    .case-item__text {
        margin: 15px 0 0;
    }
    .case-item__text p {
        font-size: 3.5vw;
        text-align: center;
    }
}

/* point */
.point {
    padding: 85px 0;
}
.point-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
}
.point-head {
    margin: 0 0 75px;
    text-align: center;
}
.point-head h2 {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
}
.point-items {
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.point-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.point-item:nth-child(even) {
    flex-direction: row-reverse;
}
.point-item__text {
    width: calc(100% - 475px);
}
.point-item__image {
    width: 400px;
}
.point-item__text h3 {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 28px;
    font-weight: 400;
    margin: 0 0 20px;
}
.point-txt {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.point-txt div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.point-txt div::before {
    content: "・";
}
.point-txt p {
    font-size: 16px;
    font-weight: 400;
}
.point-txt p span {
    color: var(--blue);
    font-weight: 700;
}

.point-text {
    margin: 85px 0 0;
    text-align: center;
}
.point-text p {
    color: var(--orange);
    font-size: 25px;
    font-weight: 400;
}
.point-cta {
    height: 107px;
    margin: 25px auto 0;
    width: 100%;
    max-width: 560px;
}
.point-cta a {
    background: var(--orange);
    border-radius: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    height: 100%;
    position: relative;
    width: 100%;
}
.point-cta a::after {
    background: url(../images/lp1/icon-arrow-r-w.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 32px;
    margin: auto;
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    width: 32px;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .point {
        padding: 23vw 0;
    }
    .point-head {
        margin: 0 0 20vw;
    }
    .point-head h2 {
        font-size: 8vw;
    }
    .point-items {
        gap: 0;
    }
    .point-item__text {
        width: 100%;
    }
    .point-item__image {
        margin: 5vw;
        width: 100%;
    }
    .point-item__text h3 {
        font-size: 6vw;
        margin: 0 0 3vw;
    }
    .point-txt p {
        font-size: 4vw;
    }
    .point-txt p span {
        color: var(--blue);
        font-weight: 700;
    }

    .point-text {
        margin: 5vw 0 0;
    }
    .point-text p {
        font-size: 4vw;
    }
    .point-cta {
        height: 20vw;
        margin: 20px auto 0;
        width: 100%;
        max-width: max-content;
    }
    .point-cta a {
        font-size: 6vw;
        padding: 0 25px;
    }
    .point-cta a::after {
        display: none;
    }
}

/* blockname */
.faq-head,
.voice-head,
.flow-head,
.price-head {
    margin: 0 0 75px;
    text-align: center;
}
.faq-head h2,
.voice-head h2,
.flow-head h2,
.price-head h2 {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .faq-head,
    .voice-head,
    .flow-head,
    .price-head {
        margin: 0 0 20vw;
    }
    .faq-head h2,
    .voice-head h2,
    .flow-head h2,
    .price-head h2 {
        font-size: 8vw;
    }
}

/* voice */
.voice {
    padding: 85px 0;
}
.voice-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1000px;
}
.voice-head {
    margin: 0 0 45px;
}
.voice-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}
.voice-item {
    position: relative;
}
.voice-item::before {
    background: #fff;
    border: 3px solid #E0F4FF;
    border-radius: 10px;
    content: "";
    display: block;
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
}
.voice-item:nth-child(2) {
    margin: 25px 0 0;
}
.voice-item:nth-child(3) {
    margin: 50px 0 0;
}
.voice-item__image,
.voice-item__text {
    position: relative;
}
.voice-item__image {
    line-height: 0;
    position: relative;
}
.voice-item__image::before {
    background: #E0F4FF;
    border-radius: 10px 10px 0 0;
    content: "";
    display: block;
    height: calc(100% - 30px);
    position: absolute;
    left: 3px;
    top: 30px;
    width: 100%;
}
.voice-item__image img {
    position: relative;
}
.voice-item__text {
    margin: 20px 0 0;
    padding: 0 10px 25px;
}
.voice-item__ttl {
    color: var(--blue);
    font-size: 20px;
    font-weight: 700;
}
.voice-item__name {
    font-size: 20px;
    font-weight: 400;
    margin: 8px 0;
}
.voice-item__txt {
    font-size: 16px;
    font-weight: 400;
}
.voice-text {
    margin: 65px 0 0;
    text-align: center;
}
.voice-text p {
    font-size: 20px;
    font-weight: 400;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .voice {
        padding: 20vw 0;
    }
    .voice-head {
        margin: 0 0 2vw;
    }
    .voice-items {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .voice-item::before {
        background: #fff;
        border: 3px solid #E0F4FF;
        border-radius: 10px;
        content: "";
        display: block;
        height: calc(100% - 30px);
        position: absolute;
        left: 0;
        top: 30px;
        width: 100%;
    }
    .voice-item:nth-child(2) {
        margin: 25px 0 0;
    }
    .voice-item:nth-child(3) {
        margin: 50px 0 0;
    }
    .voice-item__image,
    .voice-item__text {
        position: relative;
    }
    .voice-item__image {
        line-height: 0;
        position: relative;
        text-align: center;
    }
    .voice-item__text {
        margin: 4vw 0 0;
        padding: 0 2vw 4vw;
    }
    .voice-item__ttl {
        font-size: 4.5vw;
    }
    .voice-item__name {
        font-size: 4.5vw;
        margin: 1vw 0;
    }
    .voice-item__txt {
        font-size: 4vw;
    }
    .voice-text {
        margin: 8vw 0 0;
        text-align: left;
    }
    .voice-text p {
        font-size: 4vw;
    }
}

/* archivement */
.archivement img {
    width: 100%;
    max-width: none;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* flow */
.flow {
    padding: 85px 0;
}
.flow-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
}
.flow-head {
    margin: 0 0 35px;
}
.flow-fukidashi {
    margin: 0 0 20px;
    text-align: center;
}
.flow-fukidashi p {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 28px;
    font-weight: 400;
}
.flow img {
    width: 100%;
    max-width: none;
}
.flow-text {
    margin: 65px 0 0;
    text-align: center;
}
.flow-text p {
    font-size: 20px;
    font-weight: 400;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .flow {
        padding: 20vw 0;
    }
    .flow-head {
        margin: 0 0 10vw;
    }
    .flow-fukidashi {
        margin: 0 0 5.5vw;
    }
    .flow-fukidashi p {
        font-size: 6vw;
    }
    .flow-text {
        margin: 10vw 0 0;
    }
    .flow-text p {
        font-size: 4.5vw;
    }
}

/* price */
.price {
    background: #E0F4FF;
    padding: 85px 0;
}
.price-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 800px;
}
.price-head {
    margin: 0 0 35px;
}
.price-head p {
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0 0;
}
.price-contnet {
    background: #fff;
    border-radius: 50px;
    width: 100%;
}
.price-contnet dl {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}
.price-contnet dl dt {
    color: var(--blue2);
    font-size: 28px;
    font-weight: 700;
    margin-right: 35px;
}
.price-contnet dl dd p {
    color: var(--blue2);
    font-size: 40px;
    font-weight: 700;
}
.price-contnet dl dd p .yen {
    color: var(--blue2);
    font-size: 28px;
    font-weight: 700;
}
.price-contnet dl dd p .txt {
    color: var(--blue2);
    font-size: 20px;
    font-weight: 700;
}
.price-text {
    margin: 45px 0 0;
    text-align: center;
}
.price-text p {
    font-size: 16px;
    font-weight: 400;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .price {
        padding: 20vw 0;
    }
    .price-head {
        margin: 0 0 15px;
    }
    .price-head p {
        font-size: 4vw;
        margin: 15px 0 0;
    }
    .price-contnet {
        background: #fff;
        border-radius: 50px;
        width: 100%;
    }
    .price-contnet dl {
        flex-direction: column;
        height: auto;
        padding: 15px 0;
    }
    .price-contnet dl dt {
        font-size: 6vw;
        margin-right: 0;
    }
    .price-contnet dl dd {
        text-align: center;
    }
    .price-contnet dl dd p {
        font-size: 10vw;
    }
    .price-contnet dl dd p .yen {
        font-size: 5vw;
    }
    .price-contnet dl dd p .txt {
        display: block;
        font-size: 4vw;
    }
    .price-text {
        margin: 10vw 0 0;
    }
    .price-text p {
        font-size: 3.5vw;
    }
}

/* cta */
.cta {
    background: url(../images/lp1/cta.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 85px 0;
}
.cta-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1100px;
}
.cta-card {
    background: #fff;
    border-radius: 10px;
    padding: 65px 0 120px;
    text-align: center;
}
.cta-card h2 {
    color: var(--blue);
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 10px;
}
.cta-card p {
    color: var(--blue);
    font-size: 20px;
    font-weight: 400;
}
.cta-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
    margin: -75px auto 0;
}
.cta-btn {
    height: 116px;
    width: 100%;
    max-width: 400px;
}
.cta-btn a {
    background: var(--orange);
    border-radius: 20px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    height: 100%;
    width: 100%;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .cta {
        padding: 20vw 0 15vw;
    }
    .cta-card {
        padding: 12vw 0 22vw;
    }
    .cta-card h2 {
        font-size: 6vw;
        margin: 0 0 3vw;
    }
    .cta-card p {
        font-size: 4vw;
    }
    .cta-btns {
        gap: 15px;
        margin: -16vw auto 0;
        width: 90%;
    }
    .cta-btn {
        height: 26vw;
    }
    .cta-btn a {
        font-size: 5vw;
    }
}

/* faq */
.faq {
    background: #E0F4FF;
    padding: 85px 0;
}
.faq-inner {
    margin: 0 auto;
    width: 92%;
    max-width: 1000px;
}
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.faq-list__item {
    background: #fff;
    width: 100%;
}
.faq-list__item dt p,
.faq-list__item dd p {
    font-size: 20px;
    font-weight: 400;
    margin: 0 auto;
    width: 85%;
}
.faq-list__item dt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 80px;
    position: relative;
    width: 100%;
}
.faq-list__item dt::after {
    background: url(../images/lp1/icon-arrow-d-b.svg) no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 6.88px;
    margin: auto;
    position: absolute;
    right: 7.5%;
    top: 0;
    bottom: 0;
    width: 12.73px;
}
.faq-list__item.open dt::after {
    transform: rotate(180deg);
}
.faq-list__item dd {
    display: none;
    padding: 0 0 25px;
}
.faq-text {
    margin: 75px 0 0;
    text-align: center;
}
.faq-text p {
    background: linear-gradient(transparent 75%, #FFD3B6 75%);
    display: inline-block;
    font-family: var(--ft-serif);
    font-size: 32px;
    font-weight: 700;
}
.faq-text p span {
    font-family: var(--ft-serif);
    font-size: 20px;
    font-weight: 700;
}
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {
    .faq {
        padding: 20vw 0;
    }
    .faq-list__item dt p,
    .faq-list__item dd p {
        font-size: 4vw;
        width: 95%;
    }
    .faq-list__item dt {
        height: auto;
        padding: 20px 20px 20px 0;
    }
    .faq-list__item dt::after {
        right: 15px;
    }
    .faq-list__item dd {
        padding: 0 0 20px;
    }
    .faq-text {
        margin: 10vw 0 0;
    }
    .faq-text p {
        display: inline;
        font-size: 6vw;
    }
    .faq-text p span {
        font-size: 4vw;
    }
}

/* comment */
.comment {
    margin: 0 auto;
    position: relative;
    right: -5vw;
    top: 100px;
    width: 928px;
}
.comment img {
    width: 100%;
    max-width: none;
}
@media screen and (min-width: 1520px) {
    .comment {
        top: 120px;
    }
}
@media screen and (min-width: 1820px) {
    .comment {
        top: 140px;
    }
}
@media screen and (max-width: 968px) {
    .comment {
        width: 740px;
    }
}
@media screen and (max-width: 768px) {
    .comment {
        top: 14vw;
        width: 100%;
    }
}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}

/* blockname */
@media screen and (max-width: 968px) {}
@media screen and (max-width: 768px) {}