/*----------------------------------

sec03

------------------------------------*/

#sec03 .wrap {
    width: 95%;
    max-width: 900px;
    padding: 20px 0;
    margin: 0 auto;
}

.remarks_form {
    width: 38%;
    float: left;
    text-align: left;
    margin: auto;
}

.remarks_form dl{
    margin-bottom: 30px;
    padding-bottom:15px;
    border-bottom:2px dotted #bbb;
}

.remarks_form dl dt{
    margin-bottom: 15px;
}


.remarks_form dl.regist_address dd{
    font-weight: bold;
}

.remarks_form dl dt::before{
    content: "";
    font-family: FontAwesome;
    padding-right: 11px;
}

.remarks_form dl.regist_address dt::before{
    content: "\f041";
}
.remarks_form dl.regist_other dt::before{
    content: "\f00a";
}


.remarks_form dl.regist_other dd{
    background-color: #FFF;
    padding: 15px 3%;
}

.remarks_form a.go_admin_users{
    background: #c2d968;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px 15px;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    border-radius: 3px;
}


/*.point_form p{
	font-size: 130%;
	margin: 10px auto 10px;
}
*/


/*.point-left h4:after{content:"様";font-size: 17px;padding-left: 5px;}*/


/*.point-left span{display: block;margin: 0 auto 15px;}*/

.point_form {
width: 58%;
margin: auto;
/*background: #c2d968;*/
padding: 10px 0 12px;
float: right;
/*border-radius: 55px;*/
border: solid 1px #606d73;
}

.point_form p {
margin: 5px auto 0;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
}
.point_form .point_title{

}
.point_form form dl {
padding: 1% 3%;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-align-items: stretch;
/* Safari */
align-items: stretch;
border-top: solid 1px #EEE;
/*background-color: #F1F8E2;*/
}

.point_form form dl dt {
width: 280px;
font-weight: bold;
padding: 10px 10px;
text-align: left;
border-top: none;
}

.point_form form dl dd {
    width: 100%;
    min-height: 30px;
    padding: 5px 20px;
    border-top: none;
}

.point_form .inputBox {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 10px;
    width: 100%;
}

.point_form .inputBox[disabled="disabled"]{
    background-color: #ccc;
}

input[type="submit"] {
    background: #2BA6E1;
    width: 40%;
padding: 5px 15px;
    margin: 15px auto 10px;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    border-radius: 3px;
    cursor: pointer;
}

.point-box .point-area {
    font-size: 2.8em;
    font-weight: bold;
}

.point-box .point-area:after {
    content: "P";
    margin-left: 10px;
    font-size: 70%;
}

@media screen and (max-width: 950px) {
	#sec01 .wrap {
    width: 90%;
	}
    .point_form,.remarks_form{
        float: none;
        width: 90%;
    }

    .remarks_form {
        margin:20px auto;
    }

    .point-area {
        font-family: こぶりなゴシック W6 JIS2004;
    }

    input[type="submit"] {
        display: table;
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {
    #sec01 h4 {
        margin: 0 auto;
        font-size: 115%;
    }

    .point-left {
        text-align: center;
        margin: auto;
    }
    .point-left span {
        margin: 1% auto 3%;
        font-size: 78%;
    }
    .point-box,
    .point-left {
        float: none;
        width: 95%;
    }
    .point-box {
        margin: 2% auto 5%;
    }
    .point-box p {
        line-height: 100%;
        margin: 2% auto;
    }
    .point-box .point-area {
        line-height: 120%;
    }
}