@charset "UTF-8";

@media screen and (max-width: 1024px) {
    /*******************************
    boxWrap
    *******************************/
    .boxWrap .detail .table dl dd, .boxWrap .detail .option .single dd {
        width: 660px;
    }
    /*******************************
    #document
    *******************************/
    #document .inner {
        width: 100%;
    }
    #document table {
        font-size: 110%;
    }
    /*******************************
    #other
    *******************************/
    #other dl {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    ruby[data-ruby]::before {
        font-size:10px
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        transform:scale(0.5);
        bottom: 90%;
    }
    /*******************************
    linkWrap
    *******************************/
    .boxWrap .detail .table dl dd {
        width: 65.7%;
    }
    .boxWrap .detail .table dl:first-child {
        display: block;
    }
    .boxWrap .detail .table dl:first-child dd {
        width: 100%;
        margin-top: 10px;
    }
    .boxWrap .detail .option .over .support dd p {
        font-size: 100%;
    }
    .boxWrap .detail .table .irBox dd ol li ul li {
        text-indent: -1.5em;
        padding-left: 1.5em;
    }

    /*******************************
    #flow
    *******************************/
    #flow .flowDetail {
        width: 100%;
    }
    #flow .flowDetail ul li ol {
        font-size: 80%;
        padding-left: 0px;
    }
    #flow .flowDetail ul li ol li {
        text-indent: -1.0em;
        padding-left: 1.0em;
    }
    #flow .flowDetail ul li:nth-child(7) p {
        text-align: left;
    }
    /*******************************
    #document
    *******************************/
    #document .inner {
        width: 100%;
    }
    #document ul {
        margin-top: 10px;
        font-size: 73.3%;
    }
    #document ul li {
        text-indent: -2.7em;
        padding-left: 2.7em;
        margin-bottom: 10px;
    }
    #document .scroll {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #document table {
        width: 530px;
        font-size: 80%;
    }
    #document table tr:first-child th:nth-child(1) {
        width: 20px;
    }
    #document table tr:first-child th:nth-child(2) {
        width: 210px;
    }
    #document table tr:first-child th:nth-child(3) {
        width: 300px;
    }

    #document table tr th, #document table tr td {
        padding: 12px 0;
    }
    #document table tr td {
        padding-left: 8px;
    }
    /*******************************
    #other
    *******************************/
    #other {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #other h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #other dl {
        width: 92.9%;
        margin: 0 auto 20px auto;
    }
    #other dl dt {
        font-size: 93.3%;
        margin-bottom: 10px;
    }
    #other dl dd {
        font-size: 80%;
    }
    /*******************************
    #requirement
    *******************************/
    #requirement {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #requirement h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #requirement div {
        width: 100%;
    }
    #requirement p {
        font-size: 80%;
    }

    /*******************************
    #intercontact
    *******************************/
    #intercontact {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #intercontact h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #intercontact dl dt {
        font-size: 93.3%;
    }
    #intercontact dl dd {
        font-size: 113.3%;
    }
    #intercontact .map {
        display: block;
        text-align: center;
    }
    #intercontact .map img {
        width: 92.9%;
    }
    #intercontact .map img:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }
}