@charset "utf-8";

  section.content {
            margin-top: 6rem;
        }

        .event_category p {
            color: #000;
            line-height: 200%;
            margin-bottom: 1.5em;
            text-align: left;
            /* font-size: 14px; */
            font-size: 1.4rem;
            margin-top: 20px;
        }

        p.form {
            /*max-width: 800px;*/
            margin-right: auto;
            margin-left: auto;
        }

        #form {
            margin-bottom: 150px;
        }

        #form .contactform dl,
        #form .contactform dt,
        #form .contactform dd {
            box-sizing: border-box;
        }

        #form .contactform {
            /*width: 800px;*/
            margin: 30px auto;
            font-size: 1.4rem;
            border: 1px solid #182c55;
            line-height: 1.2;
        }

        #form .contactform dl {
            zoom: 1;
            padding: 0;
            border-bottom: 1px dotted #ccc;
            background: #182c55;
        }

        #form .contactform dl.none {
            border-bottom: none;
        }

        #form .contactform dl:before {
            display: block;
            height: 0;
            visibility: hidden;
            content: ".";
        }

        #form .contactform dl:after {
            display: block;
            height: 0;
            visibility: hidden;
            content: ".";
            clear: both;
        }

        #form .contactform dl dt {
            vertical-align: top;
            float: left;
            /*width: 180px;*/
            width: 24rem;
            font-weight: bold;
            font-size: 100%;
            color: #FFF;
            /*padding: 15px 10px 0 15px;*/
            padding: 2rem;
            line-height: 150%;
        }

        #form .contactform dl dt span {
            color: #FFF;
            font-size: 120%;
            padding: 0 0 0 5px;
        }

        #form .contactform dl dd {
            background: #FFF;
            /*width: 620px;*/
            width: calc(100% - 24rem);
            overflow: hidden;
            _display: inline-block;
            /*padding: 15px 15px;*/
            padding: 2rem;
            margin: 0;
            /*display: table-cell*/
            display: block;
            line-height: 1.3;
        }

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

            #form .contactform {
                width: 100%;
                margin: 15px 0;
            }

            #form .contactform dl dt {
                width: 100%;
                /*padding: 5px 0 5px 15px;*/
                padding: 10px 25px;
            }

            #form .contactform dl dd {
                width: calc(100% - 10px);
                margin: 0 auto;
                display: block
            }

            #form .contactform input[type="checkbox"] {
                word-wrap: break-word;
                word-break: break-all;

            }

        }

        #form .contactform dl dd table {
            width: 100%;
        }

        #form .contactform dl dd table td {
            margin: 0;
            padding: .5em 0;
            vertical-align: top;
        }

        #form .contactform dl dd table th {
            vertical-align: middle;
            text-align: left;
            padding: .5em 8px .5em 0;
            font-weight: bold;
            white-space: nowrap
        }

        #form .contactform dl dd table th span {
            color: #182c55;
            padding: 0 0 0 5px;
        }

        #form .contactform dl dd p {
            margin: 0;
        }

        #form .contactform dl dd p.mt10 {
            margin-top: 10px;
        }

        /*#form .contactform dl:nth-child(3) dd table tr td:first-child { padding-right:30px; }
#form .contactform dl:nth-child(4) dd table tr td:first-child { padding-right:30px; }*/
        #form .contactform dl:nth-child(3) dd table tr th label {
            margin: 0;
        }

        #form .contactform dl:nth-child(4) dd table tr th label {
            margin: 0;
        }

        #form .contactform dl:nth-child(3) dd table tr input[type="text"] {
            width: 85%;
        }

        #form .contactform dl:nth-child(4) dd table tr input[type="text"] {
            width: 85%;
        }

        #form .contactform input[type="text"] {
            width: 100%;
            font-weight: normal !important;
            background: #F1EEF0;
            border: 1px solid #CCC;
            /*padding: 5px 10px;*/
            padding: 1rem;
            margin: 5px 0;
            box-sizing: border-box;
            font-size: 1.4rem;
        }



        #form .contactform input[type="text"]:focus {
            outline: 2px solid #182c55;
        }



        #form .contactform textarea {
            background: #F1EEF0;
            border: 1px solid #CCC;
            /*padding: 5px 10px;*/
            padding: .75rem 1rem;
            margin: 0;
            width: calc(100% - 20px);
            /*height: 50px;*/
        }



        #form .contactform .contactTextField textarea {
            width: 100%;
            height: 200px;
            box-sizing: border-box;
        }

        #form .contactform select {
            margin: 0 0 5px 0;
        }

        #form .contactform label {
            /*margin: 0 5px 5px;*/
            margin: 0 1rem 1.5rem 0;
            display: inline-block;
            /*white-space: nowrap;*/
        }

        #form .contactform label input {
            margin: 0 5px 0;
        }

        #form .contactform .select-wrapper {
            margin: 0;
        }



        #form input[type="submit"] {
            cursor: pointer;
        }

        .event_category #form .select-wrapper {
            width: calc(100% - 2px);
            /*height: 35px;*/
            height: 4rem;
            margin: 0 10px 15px 0;
            background: #FFF;
            border: 1px solid #484848;
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .event_category .select-wrapper:after {
            position: absolute;
            display: block;
            content: '▼';
            /*width: 30px;
    height: 31px;*/
            width: 3.7rem;
            height: 3.7rem;
            border: 1px solid #FFF;
            top: 0px;
            right: 0px;
            margin-top: 0;
            /*line-height: 31px;*/
            line-height: 3.7rem;
            pointer-events: none;
            background: #D9D9D9;
            text-align: center;
            font-size: 12px;
        }

        .event_category #form .select-wrapper select {
            width: 100%;
            /*height: 35px;*/
            height: 4rem;
            /*font-size: 13px;*/
            font-size: 1.4rem;
            /*padding: 0 10px;*/
            padding: 1rem;
            position: relative;
            outline: none;
            cursor: pointer;
        }

        .event_category #form .select-wrapper.multiple select {
            height: 200px;
            box-sizing: border-box;
        }

        .event_category #form input[type="submit"] {
            /*margin: 20px auto;*/
            margin: 4rem auto 6rem;
            text-align: center;
            display: block;
            width: 40%;
            font-size: 1.8rem;
            line-height: 6rem;
            height: auto;
            font-family: "Zen Kaku Gothic New", sans-serif;
            font-weight: bold;
        }

        .event_category #form input[type="submit"]:hover {
            opacity: .5;
        }

        #form .contactform>table {
            margin-top: 4rem;
        }

        .event_category #form .g-recaptcha {
            margin: 20px auto 0;
            text-align: center;
            width: 300px;
        }

        @media screen and (max-width:850px) {
            .event_category #form .g-recaptcha {
                transform-origin: 0% 0%;
                transform: scale(0.9);

            }

            #form .contactform dl dd table td {
                padding: .5em 15px .5em 0;
            }

            #form .contactform dl:nth-child(5) table,
            #form .contactform dl:nth-child(5) tbody,
            #form .contactform dl:nth-child(5) table th,
            #form .contactform dl:nth-child(5) table td {
                display: block;
            }

            #form .contactform dl:nth-child(5) table th {
                padding: 0;
            }

            #form .contactform dl:nth-child(5) table td {
                margin-bottom: 25px;
                margin-top: -15px;
                padding-right: 0;
            }

            .event_category .select-wrapper:after {
                height: 3.6rem;
            }
        }

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

            .event_category #form input[type="submit"] {
                width: 90%;
                /*height: 40px;*/

            }
        }

        a[target="_blank"] {
            color: #182c55;
            text-decoration: none;
        }

        .event_category input[type="submit"]:disabled {
            background: #aaa !important;
        }

        .event_category input[type="submit"] {
            border-radius: 0;
            -webkit-box-sizing: content-box;
            -webkit-appearance: button;
            appearance: button;
            border: none;
            box-sizing: border-box;
            cursor: pointer;
            color: #FFF;
            width: 240px;
            height: 40px;
            font-size: 14px;
            background: #C91233;
        }