@charset "utf-8";
:root{
    --light-green-text:#6FB92C;
    --cicle-yellow:#F7B500;
    --back-grey:#F2F4F1;
}
#simulation__area{
    width: 100%;
    height: auto;
}
    .simulation__inner{
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding-top: 90px;
        padding-bottom: 110px;
        max-width: 1100px;
    }
        
            
            .simulation__image{
                width: 100%;
                height: auto;
                padding-top: 31px;
                padding-bottom: 47px;
            }
                .simulation__image img{
                    width: 100%;
                    height: auto;
                }
            .simulation__text{
                font-size: 16px;
                color: var(--color-black-text);
                letter-spacing: 0.05em;
                line-height: 2.25em;
            }
        .time__area__inner{
            /* width: 100%; */
        }
            .time__title{
                font-size: 24px;
            }
            .view__more__contents.simulation__more{
                margin: 74.3px auto 100px auto;
            }
            .view__more__contents.simulation__more{
                width: 50%;
            }

/* SP ================================================== */
@media all and (max-width:768px){
    .simulation__inner{
        width: 87%;
        padding-top: 20px;
        padding-bottom: 50px;
    }
        .top__title{
            font-size: 23px;
        }
            .simulation__text{
                font-size: 14px;
            }
        .time__area__inner{
            width: 87%;
        }
            .time__title__text{
                font-size: 18px;
            }
            .time__detail{
                width: 50%;
                font-size: 12px;
            }
            .time__detail:first-of-type{
                display: none;
            }
                .time__detail__point__text{
                    font-size: 12px;
                }
                .view__more__contents.simulation__more{
                    width: 100%;
                    padding-top: 2px;
                    margin: 30px auto 35px auto;
                }
                    .view__more__contents.simulation__more .view_more_text{
                        font-size: 13px;
                        line-height: 1;
                        font-family: 'Sawarabi Mincho', serif;
                    }
    .header__text__area{
        width: 60%;
    }
}