@charset "shift_jis";
/* CSS Document */



.top {
    height: 30px;
    background-image: none;
    border-bottom: none;
}
/*------------   ------------*/
input{
	font-size:1.6rem;
}

#m-form {
	font-size: 1.6rem;
	color: #FFF;
	line-height: 1.6rem;
	width: 90%;
    margin: 3% auto;
}
#submit {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
    border-radius: 5px;
}
#submit .on{
    background: #f00;
    color: #fff;
    padding: 5px 0;
}
#submit .off{
    background: #efefef;
    color: #222;
    padding: 5px 0;
}

.red {
	color: #F00;
}

/*--------    -------*/
table {
    border-spacing: 0px!important;
}

.form01 {
    width: 100%;
    margin: 5rem auto;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.form01 th,.form01 td{
    width: 50%;
    padding: 3% 1%;
    text-align: center;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/*--------    -------*/
.form02,.form03,.form04 {
    width: 100%;
    margin: 2rem auto;
    border: 1px solid #fff;
}
.form02 th,.form03 th,.form04 th{
    width: 100%;
    padding: 2%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #fff;
    background-color: #fc04b3;
}
.form02 td{
    padding: 2%;
    float: left;
}
/*--------    -------*/

.form03 td{
    padding: 2%;
    float: left;
}
.form03 .bottom{
    background-color: #343434;
}

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

.form04 td{
    width: calc( 100% / 3 );
    padding: 3% 2%;
    float: left;
    line-height: 1.5;
}


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

.preview {
    padding: 3%;
}
.preview th{
    padding: 3%;
    text-align: left;
}
.preview .submit{
    padding: 3%;
}


input[type="text"],
textarea {
  width: 100%;
    font-size: 1.6rem;
}

/*-------------------------------750----------------------*/
@media screen and (max-width: 750px) {

#left {
    display: none;
}	
#m-form {
	width: 100%;
}

.form04_1 td {
    width: 100%;
    text-align: center;
    padding: 2%;
}    
    
    
/*----  750 end ----*/
}