@charset "UTF-8";

@media screen and (max-width: 1024px) {
    #contents {
        width: 93.3%;
    }
    #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) {

    #ticketBox .otLinkBtn a {
        width: 100%;
    }
    #linkArea .btnArea a p {
        width: auto;
    }



    #contents {
        width: 86.7%;
    }


    /*******************************
    #topicBox
    *******************************/
    #topicBox {
        margin-bottom: 35px;
    }
    #topicBox h2 {
        font-size: 120%;
        margin-bottom: 20px;
    }
    #topicBox h2 span {
        border-left: 3px solid #beaf73;
    }






    /*******************************
    .accWrap 共通
    *******************************/
    .accWrap {
        margin-bottom: 20px;
    }
    .accWrap h2 {
        font-size: 120%;
        padding-bottom: 10px;
    }
    .accWrap h2 span {
        border-left: 3px solid #beaf73;
    }

    .mod_panel .panelTitle a:after {
        width: 15px;
        height: 15px;
    }
    .mod_panel .panelTitle a.open:after {
        width: 15px;
        height: 15px;
    }
    .mod_panel_inner {
        padding: 20px 0;
    }
    .mod_panel_inner_btn p.closebtn {
        font-size: 80%;
    }

    /*******************************
    #timeBox
    *******************************/
    #timeBox .table {
        margin-bottom: 20px;
    }
    #timeBox .table dt {
        font-size: 86.6%;
        margin-bottom: 7px;
    }
    #timeBox .table dd table {
        font-size: 80%;
    }
    #timeBox .table dd table th {
        width: 110px;
        padding: 3px 0 3px 10px;
    }
    #timeBox .table dd table td {
        padding: 3px 0 3px 15px;
    }
    #timeBox .note {
        display: block;
        font-size: 80%;
    }

    /*******************************
    #libraryBox
    *******************************/
    #libraryBox .table {
        margin-bottom: 20px;
    }
    #libraryBox .table dt {
        font-size: 86.6%;
        margin-bottom: 7px;
    }
    #libraryBox .table dd table {
        font-size: 80%;
    }
    #libraryBox .table dd table th {
        width: 88px;
        padding: 3px 0 3px 10px;
    }
    #libraryBox .table dd table td {
        padding: 3px 0 3px 15px;
    }
    #libraryBox .note {
        display: block;
        font-size: 80%;
    }
    #libraryBox .pdfLink {
        display: block;
        margin-top: 25px;
    }
    #libraryBox .pdfLink li {
        margin: 0;
    }
    #libraryBox .pdfLink li:first-child {
        margin-bottom: 20px;
    }
    #libraryBox .pdfLink li a {
        font-size: 80%;
        padding-left: 30px;
    }
    #libraryBox .pdfLink li a::before {
        width: 22px;
        height: 27px;
        margin-top: -13px;
    }
    #libraryBox .otLinkBtn {
        margin-top: 20px;
    }
    #libraryBox .otLinkBtn a {
        width: 69.2%;
        height: 40px;
        line-height: 40px;
        font-size: 86.6%;
        -webkit-box-shadow: 2px 2px 0 #000000;
        box-shadow: 2px 2px 0 #000000;
    }

    /*******************************
    #certificateBox
    *******************************/
    #certificateBox .txt {
        font-size: 80%;
    }
    #certificateBox ul {
        padding-left: 1em;
    }
    #certificateBox ul li {
        font-size: 80%;
    }
    #certificateBox .table {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #certificateBox .table dt {
        font-size: 80%;
        margin-bottom: 5px;
    }
    #certificateBox .table dd table {
        font-size: 80%;
    }
    #certificateBox .table dd table th {
        width: 155px;
        padding: 3px 0 3px 10px;
    }
    #certificateBox .table dd table td {
        padding: 3px 0 3px 15px;
    }

    /*******************************
    #healthBox
    *******************************/
    #healthBox p {
        font-size: 80%;
    }
    #healthBox p:first-child {
        margin-bottom: 0;
    }


    /*******************************
    #employmentBox
    *******************************/
    #employmentBox .table {
        margin-bottom: 12px;
    }
    /*#employmentBox .table dt {
        font-size: 80%;
        margin-bottom: 5px;
    }*/
    #employmentBox .table table {
        font-size: 80%;
    }
    #employmentBox .table table th {
        width: 88px;
        padding: 3px 0 3px 10px;
    }
    #employmentBox .table table td {
        padding: 3px 0 3px 15px;
    }
    #employmentBox .txt {
        font-size: 80%;
    }


    /*******************************
    #volunteerBox
    *******************************/
    #volunteerBox p {
        font-size: 80%;
    }
    #volunteerBox dl {
        margin-top: 20px;
    }
    #volunteerBox dl dt {
        font-size: 86.6%;
        margin-bottom: 0;
    }
    #volunteerBox dl dd {
        font-size: 80%;
    }
    #volunteerBox ul li {
        text-indent: -3.5em;
        padding-left: 3.5em;
    }

    /*******************************
    #circleBox
    *******************************/
    #circleBox dl dt {
        font-size: 86.6%;
        margin-bottom: 0;
    }
    #circleBox dl dd {
        font-size: 80%;
    }


    /*******************************
    #ticketBox
    *******************************/
    #ticketBox .boxWrap {
        display: block;
    }
    #ticketBox dl:first-child {
        margin-bottom: 20px;
    }
    #ticketBox dl dt {
        font-size: 86.6%;
        margin-bottom: 0;
    }
    #ticketBox dl dd {
        font-size: 80%;
    }
    #ticketBox .txt {
        font-size: 80%;
        text-align: center;
    }
    #ticketBox .otLinkBtn {
        margin-top: 10px;
    }
    #ticketBox .otLinkBtn a {
        height: 40px;
        width: 69.2%;
        line-height: 40px;
        -webkit-box-shadow: 2px 2px 0 #000000;
        box-shadow: 2px 2px 0 #000000;
        font-size: 86.6%;
        margin: 0 auto;
    }





    /*******************************
    linkArea
    *******************************/
    #linkArea {
        display: block;
        margin: 0 auto;
        padding-top: 30px;
    }
    #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;
    }






}