@charset "utf-8";
/***************************
common
***************************/

.spOnly {
    display: none;
}

.pcOnly {
    display: block;
}

.formBox ul li {
    list-style: none;
}

.formBox ul li:first-child {
    margin-bottom: 20px;
}

.formBox ul li p {
    font-weight: bold;
}

.formBox .cmt span {
    color: #eb1212;
}

.formBox .fin {
    text-align: center;
}

.formBox a {
    text-decoration: underline;
}

.formBox a:hover {
    text-decoration: none;
}
/*********************
フォーム共通
******************/

.formBox input[type=email],
.formBox input[type=number],
.formBox input[type=tel],
.formBox input[type=text],
.formBox input[type=date],
.formBox select {
    display: inline-block;
    border: 1px solid #b4b4b4;
    height: 60px;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    padding: .5em .6em;
    background: #fff;
    /*font-family:"nitalago-ruika", sans-serif;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: bold;
}

.formBox input[type=file] {
    width: 90%
}

.formBox input[type=email]:focus,
.formBox input[type=number]:focus,
.formBox input[type=password]:focus,
.formBox input[type=tel]:focus,
.formBox input[type=text]:focus,
.formBox input[type=date]:focus,
.formBox select:focus {
    background: #e8f5fc!important;
    border: 2px solid #006
}
/*****************************
フォーム
*****************************/

.formBox {
    width: 100%;
    margin: 0 auto
}

.formBox table {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid #ccc
}

.formBox table tr {
    border-bottom: 1px solid #ccc
}

.formBox table tr:last-child {
    border-bottom: none
}

.formBox table td,
.formBox table th {
    border-spacing: 12px 2px;
    vertical-align: middle;
    font-size: 16px;
    padding: 20px;
    text-align: left;
}

.formBox table th {
    width: 35%;
    font-weight: 700;
}

.formBox table td {
    width: 65%;
}

.formBox textarea {
    width: 95%;
    height: 120px;
    padding: .5em .6em;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #b4b4b4;
    line-height: 1.4
}

.formBox input[type=email],
.formBox input[type=number],
.formBox input[type=password],
.formBox input[type=tel],
.formBox input[type=text],
.formBox input[type=date],
.formBox select {
    display: inline-block;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    background: #fff;
    height: 60px;
    width: 100%
}

.formBox input[type=checkbox],
.formBox input[type=radio] {
    width: 18px;
    height: 18px;
    margin: 10px 5px;
    vertical-align: middle
}

.w50 {
    width: 50%!important
}

.formBox table tr th.must,
.formBox table tr th.option {
    position: relative
}

.formBox table tr th.must::before,
.formBox table tr th.option::before {
    font-weight: 400;
    position: absolute;
    left: 1.5%;
    top: 50%;
    margin-top: -10px;
    font-size: 14px
}

.formBox table tr th.must::before {
    content: "※";
    color: #eb1212;
}

.formBox table tr th.option::before {
    content: "";
    color: #aaa
}

.formBox .note {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.2
}

.formBox .fintxt {
    margin: 50px 0
}

.btn_bottom {
    width: 100%;
    padding: 40px 0 0
}

.btn_bottom ul,
.formBox .fintxt {
    text-align: center
}

.btn_bottom ul li {
    margin: 0 5px;
    display: inline-block
}

.btn_bottom input[type=submit],
.btn_bottom input[type=button],
a.btn {
    background: #00aeeb;
    border: 1px solid #00aeeb;
    padding: 0 10px 0 0
}

.btn_bottom input[type=submit]:hover,
.btn_bottom input[type=button]:hover,
a.btn:hover {
    background: #52c8f1;
    border: 1px solid #52c8f1
}

.btn_bottom input[type=submit].disable,
.btn_bottom input[type=button].disable {
    background-color: #aaa;
    border: 1px solid #aaa;
    cursor: default
}

.btn_bottom input[type=submit],
.btn_bottom input[type=button],
a.btn {
    width: 360px;
    height: 70px;
    margin: 10px auto;
    border-radius: 5px;
    text-align: center;
    line-height: 70px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    font-size: 24px;
    color: #fff
}

.notcheck {
    background: #ffefef
}