@charset "UTF-8";

input[type=submit]:focus {
    outline: 0
}

body[data-device="isPC"] main {
    width: 100%;
    min-width: 1025px
}

body[data-device="isTB"] main {
    width: 100%;
    min-width: 601px
}

body[data-device="isSP"] main {
    width: 100%
}

body[data-device="isPC"] .lower_contents_box {
    margin:0 auto
}

body[data-device="isTB"] .lower_contents_box {
    width: 87.9%;
    margin:0 auto
}

body[data-device="isSP"] .lower_contents_box {
    width: 87.9%;
    margin:0 auto
}

/*
@media only screen and (max-width:768px) {
    .lower_contents_box {
        width: 100%
    }
}
*/

#kenpon_form {
    font-size: 1rem
}

#kenpon_form .txt1 {
    margin: 0 0 20px 0
}
/*
.btn_back a {
    border: 1px solid;
    border-radius: 40px;
    font-size: 1rem;
    font-weight: bold;
}
*/
.form input[type=submit] {
    -webkit-appearance: none;
    border-radius: 0
}

@media only screen and (min-width:768px) {
    #kenpon_form h2 {
        margin: 0 0 30px 0
    }
}

@media only screen and (max-width:768px) {
    #kenpon_form {
        font-size: 4.26vw
    }

    #kenpon_form .txt1 {
        margin: 5.333vw auto;
        width: 94%
    }
}

@media only screen and (device-height:568px) {
    #kenpon_form {
        font-size: 5vw
    }
}

.form {
    padding: 10px 30px 100px;
    margin-bottom: 50px;
    background-color: #eaf3f7
}

.form .center {
    text-align: center
}

.form .red {
    color: red
}

.form .rem12 {
    font-size: 1.2rem
}

.form form>div:not(.privacy_box) {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 1px solid #ccc
}

.form form>div:not(.privacy_box)>p {
    box-sizing: border-box
}

.form form>div:not(.privacy_box)>p:first-child {
    width: 28%;
    float: left;
    margin: 5px 0 0 0;
    padding: 20px 0 20px 15px;
    box-sizing: border-box
}

.form form>div:not(.privacy_box) .small {
    font-size: 0.75rem;
    margin-left: .5em
}

.form form>div:not(.privacy_box)>div {
    width: 72%;
    float: left;
    padding: 20px 0 20px 0
}

.form .err {
    display: block;
    color: red;
    font-size: 1.4rem
}

.form .require {
    background-color: #dc0011;
    color: #fff;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 1.75em;
    padding: 0 5px;
    position: relative;
    top: -2px;
    margin: 0 0 0 .5em
}

.form input[type=text] {
    font-size: 1rem;
    width: 85%;
    display: inline-block;
    border: 1px solid #dcdddd;
    line-height: 2em;
    height: 2em
}

.form input,
.form textarea {
    font-size: 1rem;
    color: #333;
    border: solid 1px #999;
    padding-left: 5px;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Verdana, "メイリオ", "游ゴシック", "Yu Gothic", Meiryo, sans-serif;
}

@media only screen and (max-width:768px) {
    .form {
        padding: 0 0 3em 0;
        margin-bottom: 2em
    }

    .form .require {
        line-height: 1.5em
    }

    .android .form .require {
        padding-top: 1px
    }

    .form form>div:not(.privacy_box) {
        width: 94%;
        margin: auto;
        padding: 2.66vw 0
    }

    .form form>div:not(.privacy_box)>p:first-child {
        float: none;
        width: 100%;
        padding: 1.333vw 0 1.333vw 0
    }

    .form form>div:not(.privacy_box)>div {
        width: 100%;
        padding: 2.66vw 0;
        float: none
    }

    .form input[type=text] {
        width: 88%
    }

    .form input[type=text][name=copies],
    .form input[type=text][name=department],
    .form input[type=text][name=lecture],
    .form input[type=text][name=school],
    .form input[type=text][name=title] {
        width: 100%
    }

    .form input[name=email] {
        width: 68%
    }

    .form textarea {
        font-size: 4.26vw;
        height: 8em
    }

    .form-page a span {
        display: block
    }
/*
    input[type=submit] {
        -webkit-appearance: none;
        border-radius: 0
    }
*/
    .form form>div:not(.privacy_box) .small {
        font-size: 3.2vw
    }
}

@media only screen and (device-height:568px) {
    .form input[type=text] {
        width: 85%;
        height: 2em
    }

    .form textarea {
        font-size: 5vw
    }
}

.form input[type=radio] {
    margin-left: 1.25em;
    margin-right: .5em
}

.form input.short {
    width: 20%
}

.form .address_content p {
    margin: 0 0 15px 0
}

.address_btn {
    margin-bottom: 3px
}

.form select[name=place_pref] {
    font-size: 1rem;
    height: 2em
}

.place_zip1formError {
    z-index: 9
}

.place_zip2formError {
    z-index: 8
}

.place_prefformError {
    z-index: 7
}

.form input.s_date_c {
    visibility: hidden;
    position: absolute;
    width: 17em
}

.form input.s_date_y {
    width: 4.5em;
    margin: 0 5px 0 0
}

.form input.s_date_d,
.form input.s_date_m {
    width: 2.5em;
    margin: 0 5px
}

.st_date_yformError {
    z-index: 10
}

.st_date_mformError {
    z-index: 9
}

.st_date_dformError {
    z-index: 8
}

.form form>div:not(.privacy_box)>p.tel {
    padding-top: 3px
}

.form form>div:not(.privacy_box)>p.tel>span.small {
    margin-left: 0
}

.tel_1formError {
    z-index: 10
}

.tel_2formError {
    z-index: 9
}

.tel_3formError {
    z-index: 8
}

.form .ques {
    width: 100%;
    border: 1px solid #dcdddd;
    resize: vertical
}

.form .ttl2 {
    margin: 20px 0
}

.privacy {
    width: 85%;
    height: 15em;
    display: block;
    color: #444;
    font-size: .8em;
    background: #fff;
    margin: 30px auto;
    padding: 6px;
    overflow: scroll !important;
    border: 2px solid #e6e6e2;
    padding: 10px !important
}

.form .btn_area {
    text-align: center;
    margin: 40px 0 0 0
}

.form .btn_area input,
.form .btn_area span {
    display: inline-block;
    width: 220px;
    height: 31px;
    box-sizing: border-box;
    background-color: #8e8e8e;
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 2px 0 4px;
    color: #fff;
    cursor: pointer
}

.form .btn_area input[type=submit] {
    font-size: 1rem;
    background: 0 0;
    background-color: #dc0011;
    border: none
}

.form .btn_area input[name=to_input] {
    font-size: 1rem;
    background: 0 0;
    background-color: #8e8e8e;
    border: none
}

.form.confirm form>div>p:first-child {
    padding: 16px 0 20px 15px
}

.form .btn_area .to_confirm.error {
    background-color: #d4979b;
    cursor: default
}

.completeText {
    text-align: center;
    padding-top: 100px
}

@media only screen and (max-width:768px) {
    .form input[type=radio] {
        margin-left: 1px;
        margin-right: 0
    }

    .android .form input[type=radio] {
        vertical-align: -.15em
    }

    .form input[type=radio].ml_0 {
        margin-left: 1px !important
    }

    .position_box label {
        display: inline-block;
        width: 7em;
        margin-bottom: .5em
    }

    .form .address_content p {
        margin: 0 0 2.66vw 0
    }

    .address_btn {
        width: 27vw;
        margin-bottom: .533vw;
        vertical-align: middle
    }

    .form select[name=place_pref] {
        font-size: 4.26vw
    }

    .form .ttl2 {
        margin: 5.33vw 0
    }

    .privacy_box {
        width: 94%;
        margin: auto
    }

    .privacy {
        width: 100%;
        height: 10em;
        margin: 3% auto;
        display: block;
        padding: .6rem;
        overflow: scroll !important;
        border: 2px solid #e6e6e2;
        padding: 1rem !important;
        font-size: 4.26vw
    }

    .form .btn_area {
        width: 94%;
        margin: 10.667vw auto 0 auto
    }

    .form .btn_area input,
    .form .btn_area span {
        width: 48%;
        height: auto;
        font-size: 4.26vw
    }

    .form.confirm form>div>p:first-child {
        padding: 1.333vw 0 0 0
    }

    .form .btn_area input[name=to_input],
    .form .btn_area input[type=submit] {
        font-size: 4.26vw
    }

    .completeText {
        text-align: center;
        padding-top: 3em
    }
}

@media only screen and (device-height:568px) {
    .form input.short {
        width: 18%
    }

    .form input[name=email] {
        width: 72%
    }

    .position_box label {
        width: 6.1em;
        font-size: 4.8vw
    }
}

.icon_cal {
    margin-top: -3px;
    vertical-align: middle !important;
    cursor: pointer
}

.pika-title {
    background-color: #1886c4
}

.has-event .pika-button,
.is-selected .pika-button {
    color: #1886c4;
    background: #eaf3f7;
    border: 1px solid #1886c4
}

@media only screen and (max-width:768px) {
    .icon_cal {
        width: 6.4vw;
        margin-top: -1.5vw;
        margin-left: -1.5vw
    }
}

@media only screen and (device-height:568px) {
    .icon_cal {
        width: 6vw;
        margin-top: -1.5vw;
        margin-left: -3vw
    }
}