/*
========================================

    contact.css

========================================
*/

ul.menuRegion > li h2{
    font-size: 14px;
    }
.btn_ec a {
        text-decoration: none;
        color: #1a2e56;
    }

.contact{}
.contact .pages p{margin-bottom:20px!important;}
.contact .pages p span {width:100%; display:block;}
input[type="text"],
input[type="email"],
select,
textarea{
    width: 100%!important;
    border:1px solid #ccc;
	}
input[type="radio"]{
    display: inline-block;
    }
input[type="button"].btn-info{
    display: none;
    }

span.wpcf7-list-item-label{
    display: inline!important;
    }
.contact .pages section p:nth-child(1){
	margin-bottom:40px;
	}
.contact .pages section p:last-child{
	text-align: center;
	}
input[type="submit"]{
    border:1px solid #ccc;
    width:100px;
    height:30px;
    border-radius:15px;
    display:inline-block;
    background:white;
	}

div.wrap-page{
    letter-spacing: normal;
    }

div.wrap-form .title-pp{
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        }
    div.wrap-form .tex-pp{
        border:1px solid #eee;
        padding: 20px;
        height: 150px;
        overflow: scroll;
        margin-bottom:40px;
        }
    div.wrap-form .tex-pp h3{
        font-size: 14px;
        }
    
    div.wrap-form .col-form-label{
        text-align: left;
        }
    div.wrap-form input.btn-primary{
        background: #1a2e56;
        }

div.wrap-form{
            /*border-bottom: 1px solid #6d727b;*/
            max-width: 1024px;
            margin: 0 auto 30px auto;
            text-align: center;
            display: block!important;
            }
        div.wrap-form p.confirm{
            font-size: 16px;
            border-bottom: 1px solid #ccc;
            margin-bottom: 40px;
            padding-bottom: 40px;
            }


div.wrap-form div{
    text-align: left!important;
    overflow-wrap: break-word;
    }

div.wrap-form .badge-danger{
    color: #dc3545;
    background: none;
    margin-left: 1px;
    display: inline-block;
    font-size: 14px;
    }
div.wrap-form .wrap_thanks{
    min-height: 30vh;
    }

div.wrap-form .title-pp{
                text-align: left;
                font-size: 16px;
                font-weight: bold;
                }
            div.wrap-form .tex-pp{
                border:1px solid #eee;
                padding: 20px;
                height: 150px;
                overflow: scroll;
                margin-bottom:40px;
                }
            div.wrap-form .tex-pp h3{
                font-size: 14px;
                }
            
            div.wrap-form .col-form-label{
                text-align: left;
                color: #aaa;
                }

            div.wrap-form input.btn-primary,
            div.wrap-form input.btn-secondary{
                background: #1a2e56;
                line-height: 1.5;
                border-radius: 0.25rem;
                /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
                display: inline-block;
                font-weight: 400;
                text-align: center;
                vertical-align: middle;
                margin: 0 auto 10px auto;
                width: 200px;
                height: auto;
                }
            div.wrap-form input.btn-secondary{
                color: #1a2e56!important;
                background: #fff!important;
                }

            div.wrap-form .ttl_form{
                display: block;
                margin-bottom: 10px;
                }

input[type=checkbox], input[type=radio] {
                    box-sizing: border-box;
                    padding: 0;
                    display: inline-block;
                    margin-right: 5px;
                }
input[type=checkbox]{
                  margin-left: -20px;
                  }
 .wrap_agree{
                  padding-left: 30px;
                  max-width: calc(100% - 25px);
                  }


/* 送信ボタン */
                .submit-btn {
                  /* buttonタグのリセットCSS */
                  background-color: transparent;
                  border: none;
                  cursor: pointer;
                  outline: none;
                  appearance: none;
                
                  color: #fff;
                  padding: 8px 24px;
                  background-color: #3abec1;
                  cursor: pointer; /* ポインターカーソルを表示 */
                }
                
                .submit-btn[disabled] {
                  background-color: #ccc;
                  cursor: not-allowed; /* クリック不可のカーソルを表示 */
                }


@media (max-width: 900px) {
    .contact .pages p {
        width:80%; margin:0 auto;
        }
    .form-group.row{
        display: block;
        margin-left:auto;
        margin-right:auto;
        text-align: left;
        }
    .form-group.row > div{
        margin-left: 10px;
        margin-right: 10px;
        }
}