@charset "UTF-8";

@media screen and (max-width: 1024px) {
    /*******************************
    #flow
    *******************************/
    #flow .visit li {
        width: 430px;
    }
    #flow .visit li dl dd .btnArea {
        width: 400px;
    }
    #flow .flowDetail ul li .btnLink a::after {
        right: 20px;
    }

}

@media screen and (max-width: 599px) {
    /*******************************
    #flow
    *******************************/
    #flow .visit {
        margin: 0 auto 24px auto;
    }
    #flow .visit li dl dt {
        font-size: 93.3%;
        padding: 13px 0;
    }
    #flow .visit li dl dd {
        padding: 8px 0 7px 0;
    }
    #flow .visit li dl dd p {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #flow .visit li dl dd .btnArea {
        width: 94.1%;
        padding: 0 0 0 5.4%;
        height: 40px;
        line-height: 40px;
    }
    #flow .visit li dl dd .btnArea a {
        font-size: 93.3%;
    }
    #flow .visit li dl dd .btnArea a::after {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        right: 3.1%;
    }
    #flow .flowDetail ul li .abArea {
        width: 18%;
    }
    #flow .flowDetail ul li .btnLink a {
        font-size: 86.6%;
        width: 54.3%;
        height: 30px;
        line-height: 30px;
    }
    #flow .flowDetail ul li .btnLink a::after {
        width: 6px;
        height: 10px;
        right: 4.7%;
        margin-top: -5px;
    }



    /*******************************
    #document
    *******************************/
    #document .type01,
    #document .type03 {
        display: block;
    }
    #document .type01 dt,
    #document .type03 dt {
        width: 100%;
    }
    #document .type01 dt .title,
    #document .type02 dt .title,
    #document .type03 dt .title {
        font-size: 100%;
    }
    #document .type01 dd {
        display: flex;
        justify-content: space-between;
    }
    #document .type01 dd img {
        width: 47.1%;
    }
    #document .type01 dd img:first-child {
        margin-right: 0;
    }

    #document .type02 dt .title {
        display: flex;
        letter-spacing: 0;
    }
    #document .type02 ul {
        padding-left: 0;
    }
    #document .type02 ul li {
        text-indent: 0;
        padding-left: 0;
        font-size: 66.6%;
    }
    #document .type02 .imgArea {
        padding-left: 0;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
    }
    #document .type02 .imgArea img {
        width: 47.1%;
    }
    #document .type02 .imgArea img:first-child {
        margin-right: 0;
    }

    #document .type03 dt .small {
        font-size: 66.6%;
        margin-top: 5px;
        margin-left: 2.6em;
    }
    #document .type03 dd {
        width: 100%;
        letter-spacing: 0;
    }
    #document .type03 dd .box {
        margin-bottom: 25px;
    }
    #document .type03 dd .box .title {
        font-size: 86.6%;
        padding: 6px;
        margin-bottom: 14px;
    }
    #document .type03 dd ul {
        font-size: 80%;
        padding-left: 0;
    }
    #document .type03 dd ul li {
        margin-bottom: 5px;
    }
    #document .type03 dd ul li span {
        font-size: 65%;
        vertical-align: text-top;
    }
    #document .type03 dd p {
        padding-left: 0;
        font-size: 66.6%;
    }
    #document .type03 .margin01 {
        margin-top: 15px;
    }
    #document .type03 .notes {
        margin-top: 25px;
    }
    #document .type03 .notes li {
        text-indent: 0;
        padding-left: 0;
        margin-bottom: 0;
    }
    #document .type03 .box02 .title {
        font-size: 86.6%;
        padding: 6px;
        margin-bottom: 14px;
    }
}