@charset "UTF-8";

/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){
    
    .contact-form .middleTit{
        display: none;
    }

div.wpcf7 {
    text-align: center;
}
div.wpcf7 input, div.wpcf7 textarea {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    margin-top: 5px;
    border-radius: 0;
    margin-bottom: 20px;
    height:25px;
    font-size: 14px;
}
div.wpcf7 textarea {
    height:300px;
    border:1px solid #000000;
}

div.wpcf7 input[type="radio"] {
/*    -webkit-appearance: none;
    border: 1px solid #aaaaaa;
    height: 13px;*/
    border-radius: 30px;
}
/*
div.wpcf7 input[type=radio]:checked + span::after {
    content: "";
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}
div.wpcf7 input[type=radio]:checked + span::after {
    width: 7px;
    height: 7px;
    margin-top: -12.4px;
    margin-left: 18px;
    background: #666666;
    border-radius: 8px;
}
*/
.radiobuttons {
    text-align: left;
    width:100%;
    margin: 0 auto 30px;
    color:#757575 !important;
}
.radiobuttons span.contact_type{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-top: 9px;
}
.radiobuttons span.thelabel {
    width:35%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
.radiobuttons span.thelabel {
    width:30%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
}
.radiobuttons span.thelabel2 {
    width:100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    color: #868686;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.radiobuttons span.thelabel3 {
    width:100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    color: #868686;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.contact_info {
    text-align: center;
    margin: 0 20px 30px 20px;
    font-size: 11px;
}
.contact_info p {
    font-size: 13px;
    line-height: 2;
}

.okhawa-form {
    margin: 0 20px;
}

div.wpcf7 .radiobuttons input[type="radio"] {
    width: 13px;
    display: inline-block;
    margin: 0 15px;
}
span.wpcf7-list-item {
    width: 100%;
    display: inline-block;
    height: 25px;
}
span.wpcf7-list-item label span{
    font-size: 14px;
}
span.wpcf7-not-valid-tip{
    display: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.specialcontactpage {
    line-height:1.3 !important;
    text-align: center;
}
.specialcontactpage .title-bar-on-left.s_serif{
    margin: 0 auto;
    font-size: 20px;
}
.specialcontactpage .s_serif{
    font-size: 14px;
    margin: 10px auto 0;
    line-height: 1.5;
}
.specialcontactpage.forParticipate .dic{
    border:none !important;
}
.forParticipate .dic::after{
    border-right: none;
}

.contact_buttons ul {
    width: 100%;
    text-align: center;
}
.contact_buttons ul li {
    display: inline-block;
    width: 49%;
}

.specialcontactpage .linkArrow, .okhawa-form .linkArrow {
    display: inline-block;
    height: 65px;
    width: 192px;
    text-align: left;
    background: url(../img/okawa_arrow_bl.png) no-repeat;
    border-bottom: none;
    color: black;
    background-size: 75px;
    background-position: right;
    cursor: pointer;
    cursor: hand;
}
.specialcontactpage .linkArrow a, .okhawa-form .linkArrow input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}

.okhawa-form .linkArrow a{ display: block}

.specialcontactpage .linkArrowLeft, .okhawa-form .linkArrowLeft {
    display: inline-block;
    height: 65px;
    width: 120px;
    text-align: right;
    background: url(../img/okawa_arrow_bl_left.png) no-repeat;
    border-bottom: none;
    color: black;
    background-size: 48px;
    background-position: left;
    cursor: pointer;
    cursor: hand;
}

.specialcontactpage .linkArrowLeft a, .okhawa-form .linkArrowLeft input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}
.okhawa-form .linkArrowLeft a{ display: block}

.specialcontactpage .linkArrowRight, .okhawa-form .linkArrowRight {
    display: inline-block;
    height: 65px;
    width: 120px;
    text-align: left;
    background: url(../img/okawa_arrow_bl.png) no-repeat;
    border-bottom: none;
    color: black;
    background-size: 48px;
    background-position: right;
    cursor: pointer;
    cursor: hand;
}

.specialcontactpage .linkArrowRight a, .okhawa-form .linkArrowRight input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}
.okhawa-form .linkArrowRight a{ display: block}

.specialcontactpage .linkArrowCenter, .okhawa-form .linkArrowCenter {
    display: inline-block;
    height: 65px;
    width: 75px;
    text-align: left;
    background: url(../img/okawa_arrow_bl.png) no-repeat;
    border-bottom: none;
    color: black;
    background-size: 75px;
    background-position: right;
    cursor: pointer;
    cursor: hand;
}

.specialcontactpage .linkArrowCenter a, .okhawa-form .linkArrowCenter input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
}
.okhawa-form .linkArrowCenter a{ display: block}

.contact_warning p {
    font-size: 10pt;
    line-height: 1.8;
}

.contactThanksLinkArrow {
    display: inline-block;
    margin-top: 150px;
    height: 21.5px;
    width: 226px;
    text-align: left;
    background: url(../img/okawa_arrow_bl.png) no-repeat;
    border-bottom: none;
    color: black;
    background-size: 75px;
    background-position: right;
    cursor: pointer;
    cursor: hand;
}

.contactThanksLinkArrow a {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.wpcf7-form div.wpcf7-validation-errors {
    display: inline-block;
    border: 2px solid #ff0000;
    color: #ff0000;
    padding: 14px;
    margin: 0;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
    display: none !important;
    border: none;
    color: #000000;
    padding: 14px;
    margin: 0;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7-validation-errors, .screen-reader-response ul {
    display: none;
}

.screen-reader-response {
    color: #FF0000;
}

.forParticipate .dic>.contactMenuLeft {
    width: 100%;
    line-height: 2;
    border-bottom: solid 1px;
    border-bottom-style: dotted;
    margin-bottom: 38px;
    padding-bottom: 6px;
}

.forParticipate .dic>.contactMenuRight {
    width: 100%;
    line-height: 2;
}
}