@charset "UTF-8";

@media screen and (max-width: 1024px) {
    .contents {
        width: 93.3%;
    }

    #leadBox {
        width: 100%;
    }
    #leadBox .txtBox {
        width: 60%;
    }
    #leadBox .imgBox {
        width: 40%;
    }
    #leadBox .txtBox dl dt {
        font-size: 191.5%;
    }
    #leadBox .txtBox dl dd {
        font-size: 107%;
    }

    #voice .boxWrap .title {
        font-size: 132.5%;
    }
    #voice .boxWrap ul li {
        font-size: 91.5%;
    }
    #voice .boxWrap .flBox .imgBox {
        width: 36%;
        margin-right: 20px;
    }

    #linkBox .inner {
        width: 93.3%;
    }
    #linkBox .inner ul li {
        width: 32%;
    }
    #linkBox .inner ul li a {
        font-size: 111.5%;
    }

    #linkArea {
        width: 100%;
    }
    #linkArea .btnArea .txt {
        font-size: 110.5%;
    }
    #linkArea .btnArea {
        width: 470px;
    }
    #linkArea .btnArea a {
        font-size: 185.5%;
    }
    #linkArea .btnArea a p {
        width: 460px;
    }






}

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

    .contents {
        width: 100%;
        padding: 9vw 0 0 0;
    }

    /*******************************
    #leadBox
    *******************************/
    #leadBox {
        display: block;
        margin: 0 auto 35px auto;
        width: 86.7%;
    }
    #leadBox .txtBox {
        width: 100%;
    }
    #leadBox .txtBox dl dt {
        font-size: 113.3%;
        margin-bottom: 20px;
    }
    #leadBox .txtBox dl dd {
        font-size: 80%;
    }
    #leadBox .imgBox {
        width: 100%;
    }
    #leadBox .imgBox p {
        font-size: 93.3%;
        text-align: left;
    }
    #leadBox .imgBox img {
        width: 69.2%;
    }



    /*******************************
    #voice
    *******************************/
    #voice {
        padding: 40px 0;
        margin-bottom: 25px;
    }
    #voice .boxWrap {
        width: 93.3%;
        box-sizing: border-box;
        margin: 0 auto 60px auto;
        padding: 60px 25px 25px 30px;
    }
    #voice .boxWrap:last-of-type {
        margin-bottom: 0;
    }
    #voice h2 {
        padding: 0;
        font-size: 106.6%;
        margin-bottom: 60px;
    }
    #voice h2::before {
        width: 81.6%;
    }
    #voice h2 span {
        padding: 0 10px;
    }
    #voice .boxWrap .tag {
        width: 80px;
        height: 80px;
        font-size: 86.6%;
    }
    #voice .boxWrap .title {
        font-size: 93.3%;
    }
    #voice .boxWrap ul {
        justify-content: space-between;
        margin-bottom: 20px;
    }
    #voice .boxWrap ul li {
        font-size: 93.3%;
        width: 27%;
        height: 30px;
        line-height: 30px;
        margin-right: 0;
    }
    #voice .boxWrap ul li::after {
        width: 15px;
        height: 12px;
        margin-top: -4px;
        right: -27%;
    }
    #voice .boxWrap ul.two01 li {
        width: 45%;
    }
    #voice .boxWrap ul.two01 li::after {
        right: -16%;
    }
    #voice .boxWrap .name {
        font-size: 86.6%;
        margin-bottom: 20px;
    }
    #voice .boxWrap .flBox {
        display: block;
    }
    #voice .boxWrap .flBox .imgBox {
        width: 46.2%;
        margin-right: 0;
        margin: 0 auto;
    }
    #voice .boxWrap .flBox .txtBox {
        width: 100%;
        margin-top: 20px;
    }
    #voice .boxWrap .flBox .txtBox p {
        font-size: 80%;
    }


    /*******************************
    #linkBox
    *******************************/
    #linkBox {
        padding: 37px 0 33px 0;
    }
    #linkBox .inner {
        width: 86.7%;
    }
    #linkBox .inner ul {
        display: block;
    }
    #linkBox .inner ul li {
        width: 100%;
        margin-bottom: 15px;
    }
    #linkBox .inner ul li:last-child {
        margin-bottom: 0;
    }
    #linkBox .inner ul li a {
        font-size: 93.3%;
        height: 50px;
        line-height: 50px;
        -webkit-box-shadow: 2px 2px 0 #00336a;
        box-shadow: 2px 2px 0 #00336a;
    }





    /*******************************
    linkArea
    *******************************/
    #linkArea {
        display: block;
        margin: 0 auto;
        padding-top: 0;
        width: 86.7%;
        padding-bottom: 9vw;
    }
    #linkArea .btnArea {
        width: 100%;
    }
    #linkArea .btnArea:first-child {
        margin-bottom: 30px;
    }
    #linkArea .btnArea .txt {
        font-size: 80%;
        margin-bottom: 5px;
    }
    #linkArea .btnArea a {
        font-size: 126.6%;
        height: 60px;
        line-height: 50px;
        -webkit-box-shadow: 2px 2px 0 #7e7e86;
        box-shadow: 2px 2px 0 #7e7e86;
    }
    #linkArea .btnArea a p {
        width: 96.9%;
        height: 50px;
    }
    #linkArea .btnArea a::after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        right: 10px;
    }



    .mod_panel_inner_btn p.closebtn a {
        font-size: 80%;
    }


}