@charset "UTF-8";

body {
    background-color: #fff;
    font-size: 0;
}

img {
    width: 100%;
    height: auto;
}

.marbo {
    margin-bottom: 50px;
}

.marto {
    margin-top: 50px;
}


.sp {
    display: none;
}

.stop {
    display: none !important;
}

.kari {
    max-width: 700px;
    text-align: center;
    margin-bottom: 100px;
    display: inline-block;
}


@media screen and (max-width:650px) {
    .sp {
        display: inherit !important;
    }

    .pc {
        display: none !important;
    }

    .kari {
        padding: 0 10px;
    }

    .ctasub {
        box-sizing: border-box;
        padding: 0 10px;
    }



}

/*----------------------grobal*/
.content {
    position: relative;
    width: 100%;
    text-align: center;
}

.view {
    text-align: center;
}


.cta {
    display: block;
    max-width: 700px;
    margin: 0 auto;
}


.ctasub {
    display: inline-block;
    max-width: 700px;
}

.telbtn {
    width: 53%;
    display: block;
    margin: 20px auto 30px;
    max-width: 350px;
}

.third {
    max-width: 850px;
}

.fmtt {
    max-width: 700px;
}


footer {
    background-color: #46578e;
    text-align: center;
    box-sizing: border-box;
    padding-top: 20px;
    line-height: 30px;
}

footer a {
    font-size: 15px;
    margin: 0 20px;
    color: #fff;
    display: inline-block;
}

footer a:hover {
    color: #ffdacd;
}


footer small {
    font-size: 10px;
    color: #fff;
}




/*formCSS*/

#formWrap {
    width: 100%;
    color: #000;
    line-height: 120%;
    font-size: 90%;
    text-align: center;
}

.forminner {
    display: inline-block;
    width: 80%;
    background-color: #fff;
    padding-bottom: 100px;
}


#formWrap h3 {
    line-height: 36px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

#formWrap p {
    color: #4d4d4d;
    font-size: 20px;
    text-align: center;
    line-height: 80px;
}

table.formTable {
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 5px;
}

table tr {
    font-size: 15px;
    text-align: left;
}

table tr th span {
    color: #ff7a7a;
}

table tr th {
    line-height: 25px;
    text-align: center;
    background-color: #efefef;
    width: 200px;
    font-weight: lighter;
    vertical-align: middle;
}

table tr:nth-child(odd) th {
    background-color: #fafafa;
}


table tr td {
    vertical-align: middle;
    margin-left: 10px;
}

input[type='text'].ontext {
    width: 100px !important;
}



#formWrap .submit {
    margin-top: 20px;
}

.kakunintxt {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center;
}

input[type='text'],
textarea {
    background-color: #ddd;
    border: none;
    text-align: left;
    width: 380px;
    padding: 8px 38px 8px 8px;
}

.select select {
    padding: 8px 38px 8px 8px;
    color: #333;
    background-color: #ccc;
}


table.formTable td {
    display: inline-block;
}

.kojinjohobox {
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
}

.kojinjohobox h3 {
    line-height: 25px;
    text-align: center;
    background-color: #efefef;
    font-weight: lighter !important;
    color: #000 !important;
    font-size: 16px !important;
}

.kojinjohobox h3 span {
    color: #ff7a7a;
}


.kojinjoho {
    height: 200px;
    overflow: scroll;
    line-height: 25px !important;
    font-size: 16px !important;
    text-align: left !important;
}

.kojincheck {
    display: inline-block;
    width: 100%;
    font-size: 16px !important;
    text-align: left !important;
    max-width: 600px !important;
    line-height: 40px !important;
}

.thxmail {
    margin-top: 100px;
    font-size: 15px;
}

.thxmail .thxbacktop {
    display: inline-block;
    color: #fff;
    background-color: #3d8aed;
    padding: 10px 20px;
    font-size: 20px;
}

input[type='submit'],
input[type='button'] {
    border-radius: none;
    background-color: #3d8aed;
    color: #fff;
    font-size: 20px;
    width: 25%;
    text-align: center;
    padding: 10px 0;
    border: none;
    box-shadow: 0 2px 4px 0px #444;
}



@media screen and (max-width:650px) {
    .select select {
        min-width: 100%;
    }

    .selectcheck {
        display: inline-block;
        min-width: 100px;
        text-align: left;
    }

    table tr td {
        line-height: 20px;
        text-align: center;
    }

    table tr th {
        width: 100%;
    }


}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:650px) {
    #formWrap {
        width: 95%;
        margin: 0 auto;
    }

    #formWrap h3 {
        font-size: 19px;
    }

    table.formTable th,
    table.formTable td {
        display: block;
        width: auto;
        text-align: left;
    }

    table.formTable th {
        margin-top: 20px;
        border-bottom: 0;
        text-align: left;
        padding-left: 10px;
    }

    input[type="text"],
    textarea {
        width: 80%;
        padding: 5px;
        font-size: 110%;
        display: block;
        margin: 0 auto;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        display: block;
        width: 80%;
        height: 60px;
        margin: 20px auto;
    }
}




.wobble {
    -webkit-animation: swing 2s linear infinite;
    animation: swing 2s linear infinite;
}



/*globalsettings*/


/*送信確認メッセージ*/

.kakuninbodyback {
    background-color: #c4e7ff;
}

.kakuninbody {
    text-align: center;
    margin: 0 auto;
    background-color: #fff;
    max-width: 800px;
}

.kakunintit {
    background-color: #181183;
    color: #fff;
    margin: 0 auto 10px;
    line-height: 60px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.kakunintable {
    margin: 0 auto;
}

.kakunintable tbody tr th {
    background-color: #c6e5fa;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}

.kakunintable tbody tr td {
    line-height: 20px;
}

.kanryo {
    line-height: 20px;
    margin-bottom: 20px;
}


.lh36 {
    line-height: 36px;
}