@charset "UTF-8";

@media screen and (max-width: 1024px) {
    /*******************************
    #mainTitle
    *******************************/
    #mainTitleLow p {
        margin-left: 50px;
        margin-bottom: 0;
    }
    /*******************************
    #flow
    *******************************/
    #flow .flowDetail ul li .step ul li {
        width: 150px;
        font-size: 95.5%;
        margin-right: 33px;
    }
    #flow .flowDetail ul li .step ul li::after {
        right: -28px;
    }
    /*******************************
    #recommendation
    *******************************/
    #recommendation .leadTxt {
        width: 100%;
    }
    #recommendation dl {
        width: 100%;
    }
    #recommendation dl dd dl dt {
        font-size: 110%;
    }
    #recommendation dl dd {
        font-size: 110%;
    }



}

@media screen and (max-width: 599px) {

    #contents {
        width: 95%;
    }

    .boxWrap .leadTxt {
        width: 100%;
    }

    .boxWrap h3 {
        font-size: 110%;
    }

    .boxWrap h4 {
        font-size: 90%;
    }

    .boxWrap ul li.read {
        font-size: 80%;
    }

    .boxWrap .detail .table dl:last-child {
        align-items: flex-start;
    }

    .boxWrap .detail .table dl dd .LinkBox .btnWrap {
        height: 41px;
    }

    .boxWrap .detail .table dl dd .LinkBox .btnWrap div {
        height: 35px;
    }

    .boxWrap .detail .table dl dd .LinkBox .btnWrap.btn01::after {
        width: 20px;
        height: 20px;
        margin-top: -11px;
    }

    .boxWrap .detail .option .over .support dd strong {
        font-size: 120%;
    }

    /*******************************
    #day
    *******************************/
    #day {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #day h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #day .scroll {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #day table {
        width: 810px;
    }
    #day table th {
        font-size: 80%;
    }
    #day table td {
        font-size: 80%;
    }
    #day table tr:first-child th:nth-child(2) {
        height: 27px;
    }
    #day table tr:nth-child(2) th {
        height: 27px;
    }
    #day table tr:nth-child(n+3) th:first-child {
        height: 40px;
    }

        /*******************************
    #stop
    *******************************/
    #stop {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #stop h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }

        /*******************************
    #other
    *******************************/
    #other {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #other h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }

    #other dt {
        font-size: 93.3%;
        margin-bottom: 10px;
    }
    
    #other dd {
        font-size: 80%;
    }

    #other table {
        width: 530px;
        font-size: 80%;
    }

    #other table th,
    #other table td {
        padding: 8px 0;
    }

    #other .caution {
        font-size: 14px;
    }

    /*******************************
    #requirements
    *******************************/
    #requirements h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #requirements .boxWrap .leadTxt {
        font-size: 80%;
    }
    #requirements a {
        font-size: 80%;
    }
}