@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) {

    #contents {
        width: 86.7%;
    }
    .mod_panel_inner_btn p.closebtn a {
        font-size: 80%;
    }
    /*******************************
    #leadTxt
    *******************************/
    #leadTxt {
        margin-bottom: 35px;
    }
    #leadTxt p {
        font-size: 80%;
    }


    /*******************************
    .accWrap 共通
    *******************************/
    .accWrap {
        margin-bottom: 20px;
    }
    .accWrap h2 {
        font-size: 120%;
    }
    .accWrap h2 span {
        border-left: 3px solid #beaf73;
        padding-left: 10px;
    }
    .mod_panel .panelTitle a:after {
        width: 15px;
        height: 15px;
        right: 0;
    }
    .mod_panel .panelTitle a.open:after {
        width: 15px;
        height: 15px;
        right: 0;
    }
    .mod_panel_inner {
        padding: 20px 0;
    }
    .accWrap .normalTxt {
        font-size: 80%;
        margin-bottom: 24px;
    }

    /*******************************
    #certificateBox01
    *******************************/
    #certificateBox01 .boxWrap h3 {
        font-size: 86.6%;
        padding: 8px 10px;
        margin-bottom: 20px;
    }
    #certificateBox01 .boxWrap .inner {
        width: 100%;
    }
    #certificateBox01 .boxWrap .bTxt {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #certificateBox01 .boxWrap .list {
        margin-bottom: 25px;
    }
    #certificateBox01 .boxWrap .list li {
        font-size: 80%;
    }
    #certificateBox01 .secWrap {
        padding: 10px 13px 20px 13px;
        margin-bottom: 25px;
    }
    #certificateBox01 .secWrap .title {
        font-size: 86.6%;
        margin-bottom: 15px;
    }
    #certificateBox01 .secWrap .pdfBox {
        padding: 15px 0;
        font-size: 80%;
        display: block;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    #certificateBox01 .secWrap .pdfBox p {
        display: flex;
        justify-content: center;
    }
    #certificateBox01 .secWrap .pdfBox a {
        padding-left: 30px;
        font-size: 100%;
    }
    #certificateBox01 .secWrap .pdfBox a::before {
        width: 22px;
        height: 26px;
        margin-top: -13px;
    }
    #certificateBox01 .sec01 .capTxt {
        font-size: 80%;
    }
    #certificateBox01 .sec01 ul {
        padding-left: 1.0em;
    }
    #certificateBox01 .sec01 ul li {
        font-size: 80%;
    }

    #certificateBox01 .sec02 p {
        font-size: 80%;
    }
    #certificateBox01 .sec03 .leadTxt {
        font-size: 80%;
    }

    #certificateBox01 .tableWrap {
        width: 100%;
    }
    #certificateBox01 .tableWrap table {
        margin: 6px 0 7px 0;
    }
    #certificateBox01 .tableWrap table tr th {
        font-size: 80%;
        width: 15%;
    }
    #certificateBox01 .sec03 table tr:first-child td:last-child span {
        font-size: 73.3%;
    }
    #certificateBox01 .tableWrap table tr td {
        font-size: 80%;
        line-height: 1.3;
    }
    #certificateBox01 .sec03 table tr:first-child td:nth-child(2) {
        width: 16.7%;
    }
    #certificateBox01 .sec03 table tr:first-child td:nth-child(3),
    #certificateBox01 .sec03 table tr:first-child td:nth-child(4) {
        width: 15%;
    }
    #certificateBox01 .sec03 table tr:first-child td:last-child {
        width: 38.3%;
    }
    #certificateBox01 .tableWrap p {
        font-size: 80%;
    }

    #certificateBox01 .secWrap .leadTxt {
        font-size: 80%;
    }
    #certificateBox01 .sec04 .tableWrap:first-of-type {
        margin-bottom: 13px;
    }
    #certificateBox01 .sec04 .tableWrap table tr th {
        width: 35%;
    }
    #certificateBox01 .sec04 .tableWrap table tr td {
        width: 32.5%;
    }

    #certificateBox01 .sec04 .infoWrap {
        margin-top: 20px;
    }
    #certificateBox01 .sec04 .infoWrap table tr th {
        display: block;
        font-size: 80%;
        width: 20%;
        padding: 6px 0;
    }
    #certificateBox01 .sec04 .infoWrap .fw01 {
        display: block;
        padding-left: 0;
        font-size: 80%;
        padding-top: 10px;
    }
    #certificateBox01 .sec04 .infoWrap table tr:last-child td {
        font-size: 80%;
        padding-top: 10px;
        text-indent: -1em;
        padding-left: 1em;
    }

    #certificateBox01 .sec05 ul li {
        font-size: 80%;
    }

    /*******************************
    #certificateBox02
    *******************************/
    #certificateBox02 .boxWrap h3 {
        font-size: 86.6%;
        padding: 8px 10px;
        margin-bottom: 20px;
    }
    #certificateBox02 .boxWrap .bTxt {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #certificateBox02 .boxWrap .list {
        margin-bottom: 20px;
    }
    #certificateBox02 .boxWrap .list li {
        font-size: 80%;
    }
    #certificateBox02 .secWrap {
        padding: 10px 13px 20px 13px;
        margin-bottom: 25px;
    }
    #certificateBox02 .secWrap .title {
        font-size: 86.6%;
        margin-bottom: 15px;
    }
    #certificateBox02 .secWrap .pdfBox {
        padding: 15px 0;
        font-size: 80%;
        display: block;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    #certificateBox02 .secWrap .pdfBox p {
        display: flex;
        justify-content: center;
    }
    #certificateBox02 .secWrap .pdfBox a {
        padding-left: 30px;
        font-size: 100%;
    }
    #certificateBox02 .secWrap .pdfBox a::before {
        width: 22px;
        height: 26px;
        margin-top: -13px;
    }
    #certificateBox02 .sec01 .capTxt {
        font-size: 80%;
    }
    #certificateBox02 .sec01 ul {
        padding-left: 1.0em;
    }
    #certificateBox02 .sec01 ul li {
        font-size: 80%;
    }
    #certificateBox02 .sec02 p {
        font-size: 80%;
    }
    #certificateBox02 .tableWrap {
        width: 100%;
    }
    #certificateBox02 .tableWrap table {
        margin: 6px 0 0 0;
    }
    #certificateBox02 .tableWrap table tr th {
        width: 21.7%;
        font-size: 80%;
    }
    #certificateBox02 .tableWrap table tr td {
        width: 26.2%;
        font-size: 80%;
    }
    #certificateBox02 .sec03 .title {
        text-indent: -1.5em;
        padding-left: 1.5em;
    }
    #certificateBox02 .sec03 p {
        font-size: 80%;
    }
    #certificateBox02 .sec03 p:last-of-type {
        font-size: 73.3%;
    }
    #certificateBox02 .sec03 .infoWrap {
        margin-top: 20px;
    }
    #certificateBox02 .sec03 .infoWrap table {
        width: 100%;
    }
    #certificateBox02 .sec03 .infoWrap table tr th {
        display: block;
        font-size: 80%;
        width: 20%;
        padding: 6px 0;
    }
    #certificateBox02 .sec03 .infoWrap .fw01 {
        display: block;
        padding-left: 0;
        font-size: 80%;
        padding-top: 10px;
    }


    /*******************************
    #reunionBox
    *******************************/
    #reunionBox .boxWrap h3 {
        font-size: 86.6%;
        padding: 8px 10px;
        margin-bottom: 15px;
    }
    #reunionBox .boxWrap {
        margin-bottom: 30px;
    }
    #reunionBox .boxWrap .bTxt {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #reunionBox .tableWrap p {
        font-size: 80%;
        margin-bottom: 10px;
    }
    #reunionBox .tableWrap table tr th {
        font-size: 80%;
        width: 23.3%;
        padding: 5px 0;
    }
    #reunionBox .tableWrap table tr td {
        font-size: 80%;
        padding: 5px 0 5px 10px;
    }
    #reunionBox .infoWrap {
        margin-top: 15px;
    }
    #reunionBox .infoWrap table {
        width: 100%;
    }
    #reunionBox .infoWrap table tr th {
        width: 26%;
        font-size: 80%;
        height: auto;
    }
    #reunionBox .infoWrap table tr td {
        font-size: 80%;
        padding-left: 10px;
    }

    #reunionBox .party {
        margin-top: 23px;
    }
    #reunionBox .party .title {
        font-size: 86.6%;
        margin-bottom: 8px;
    }
    #reunionBox .party .past {
        display: block;
    }
    #reunionBox .party .past .abTxt {
        width: 92.3%;
        margin: 0 auto;
        top: auto;
        right: 0;
        left: 0;
        padding: 0;
        text-align: left;
        bottom: 27px;
    }
    #reunionBox .party .past .abTxt p {
        font-size: 80%;
        padding: 8px 12px;
    }
    #reunionBox .party .past .txtBox {
        margin-top: 100px;
        text-align: right;
        font-size: 86.6%;
    }
    #reunionBox .party .past .abTxt::before {
        bottom: auto;
        top: -16px;
        border-width: 16px 0px 0px 12px;
        left: 79px;
    }
    #reunionBox .party .past .abTxt::after {
        bottom: auto;
        top: -14px;
        border-width: 14px 0px 0px 10px;
        left: 80px;
    }
    #reunionBox.accWrap .box02 .normalTxt {
        margin-bottom: 18px;
    }
    #reunionBox .boxWrap.box02 .flBox {
        display: block;
    }
    #reunionBox .box02 .infoWrap {
        width: 100%;
    }
    #reunionBox .box02 .pdfBox {
        margin-top: 32px;
        font-size: 80%;
        text-align: center;
    }
    #reunionBox .pdfBox a {
        padding-left: 30px;
        font-size: 100%;
    }
    #reunionBox .pdfBox a::before {
        width: 22px;
        height: 26px;
        margin-top: -13px;
    }
    #reunionBox .boxWrap.box02 .flBox .pdfBox a {
        font-size: 80%;
    }
    #reunionBox.accWrap .box04 .normalTxt {
        margin-bottom: 30px;
    }
    #reunionBox .box04 .linkBox {
        text-align: center;
    }
    #reunionBox .box04 .linkBox a {
        width: 69.2%;
        padding: 10px 0;
        font-size: 86.6%;
    }




    /*******************************
    #ambassadorBox
    *******************************/
    #ambassadorBox .normalTxt {
        margin-bottom: 30px;
    }
    #ambassadorBox .pdfBox {
        font-size: 80%;
    }
    #ambassadorBox .pdfBox a {
        padding-left: 30px;
        font-size: 100%;
    }
    #ambassadorBox .pdfBox a::before {
        width: 22px;
        height: 26px;
        margin-top: -13px;
    }


    /*******************************
    #changeBox
    *******************************/
    #changeBox .normalTxt {
        margin-bottom: 10px;
    }
    #changeBox .infoWrap {
        margin-top: 0;
    }
    #changeBox .infoWrap table {
        width: 100%;
    }
    #changeBox .infoWrap table tr th {
        display: block;
        font-size: 80%;
        width: 20%;
        padding: 6px 0;
        height: auto;
    }
    #changeBox .infoWrap table tr .fw01 {
        display: block;
        padding-left: 0;
        font-size: 80%;
        padding-top: 5px;
    }









    /*******************************
    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;
    }






}