@import "body.css";

.s-simple-guide {
    height: fit-content;
    min-height: calc(100vmin / 750 * 300);
    border-radius: calc(100vmin / 750 * 20);
    background-color: white;
    width: calc(100vmin / 750 * 650);
}

.s-simple-guide .s-simple-close {
    width: calc(100vmin / 750 * 50);
    height: calc(100vmin / 750 * 50);
    position: absolute;
    top: calc(100vmin / 750 * 20);
    right: calc(100vmin / 750 * 20);
    padding: calc(100vmin / 750 * 10);
    box-sizing: border-box;
}

.s-simple-guide #s-simple-title {
    height: calc(100vmin / 750 * 100);
    width: 100%;
    text-align: center;
    line-height: calc(100vmin / 750 * 120);
    font-size: calc(100vmin / 750 * 32);
    color: #333;
    font-weight: 500;
}

.s-simple-guide .s-simple-img {
    width: 70%;
    margin: 0 auto calc(100vmin / 750 * 30) auto;
    display: block;
    border-radius: calc(100vmin / 750 * 4);
}

.s-simple-guide #s-simple-hint {
    height: fit-content;
    width: 80%;
    text-align: center;
    line-height: calc(100vmin / 750 * 50);
    font-size: calc(100vmin / 750 * 32);
    color: #464646;
    font-weight: 400;
    margin: 0 auto;
}

.s-simple-guide .s-simple-reply-btn {
    height: calc(100vmin / 750 * 80);
    width: 60%;
    text-align: center;
    line-height: calc(100vmin / 750 * 80);
    font-size: calc(100vmin / 750 * 32);
    font-weight: 400;
    background-color: #ff76ad;
    color: #fff;
    margin: calc(100vmin / 750 * 30) auto;
    border-radius: calc(100vmin / 750 * 40);
}

.s-simple-guide  .s-simple-btn-group {
    display: flex;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    margin-top: calc(100vmin / 750 * 30);
}

.s-simple-btn-group .s-simple-guide-btn {
    height: calc(100vmin / 750 * 120);
    width: 50%;
    text-align: center;
    line-height: calc(100vmin / 750 * 120);
    font-size: calc(100vmin / 750 * 36);
    color: #aaa;
    font-weight: 400;
}