#simulator {
    width: 92%;
    margin: 0px auto 30px;
    padding-top:80px;
}

.simulator-inner {
    padding-top:20px;
}

.simulator-intro .simulator-image {
    width: 100%;
}

.simulator-intro .simulator-desc {
    width: 100%;
}

.simulator-intro .simulator-desc h2 {
        font-size: 32px;
    width: 100%;
}

.simulator-section .simulator-input-area {
    width: 100%;
}

.simulator-section .simulator-output-area {
    width: 100%;
}

.simulator-section .simulator-arrow,
.simulator-section .simulator-arrow2 {
    padding-top:10px;
    padding-bottom:10px;
    width: 80px;
        margin: 0 auto;
    display: block;
    padding-left:0px;
}

.simulator-section .simulator-arrow .triangle, 
.simulator-section .simulator-arrow2 .triangle {
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    border-top: 40px solid #6aa7cd;
    border-bottom:0px;
}

table {
    width: 100%;
    table-layout: fixed;
}

table tr th,
table tr:nth-last-child(1) th {
    width: 100%;
    display: block;
    padding:0px;
}

table tr td,
table tr:nth-last-child(1) td {
    padding: 0% 0%;
    width: 100%;
    display: block;
    text-align: center;
}

input[type="range"] {
        width: 98%;
        margin: 10px auto;
}

.display {
    padding:10px;
}

.simulator-inner .simulator-header ul {
    text-align:center;
}

.simulator-inner .simulator-header ul li {
    width:40%;
}

.replacement p.ttl,
.replacement p.ttl2,
.replacement p.ttl3 {
    width:98%;
    margin:0 auto;
    font-size: 5.5vw;
}

.replacement .info {
    width:98%;
    margin:1% auto;
}

.tooltip-002 > span {
    display: block;
    left: 0%;
}