@charset "UTF-8";
@media only screen and (min-width : 768px ){
.support-cont {
text-align: center;
margin: 12rem auto 3rem auto;
}
.support-cont p{
text-align: center;
margin: 0rem auto 0rem auto;
}
.support-cont-inner{
text-align: center;
margin: 3rem auto 5rem auto;
font-weight: 600;
font-size: 2rem;

border:2px solid #ff6464;
padding: 0;
max-width: 860px;
line-height: 3rem;

}
.support-cont-inner  h4{
text-align: center;
margin: 3rem auto 3rem auto;
font-weight: 600;
font-size: 2rem;
color: #555;
padding: 0;
line-height: 3rem;
}
.support-cont-inner a{
text-align: center;
font-weight: 600;
font-size: 3.5rem;
color: #ff6464;
padding: 0;
line-height: 5rem;
}
.support-cont-inner img{
width: 50px	;
padding: 0rem 0 0rem 0;
margin: 0rem  0rem -0.7rem 0rem;
}

table {
margin: 0 auto;
}
/*相談-------------*/
.formTable-consultation {
max-width: 960px;
margin: 5rem auto 0rem auto;
}
.formTable-consultation th {
width: 25%;
font-weight: 400;
font-size: 90%;
background:#012249;
border: solid 1px #ccc;
color: #fff;
padding: 1rem;
}
.formTable-consultation td {
font-size: 90%;
border: solid 1px #ccc;
padding: 1rem;
margin: 1rem auto auto auto;
text-align: left;
}

/*予約-------------*/
.formTable-support {
max-width: 960px;
margin: 0rem auto 0rem auto;
}
.formTable-support th {
width: 25%;
font-weight: 400;
font-size: 90%;
background:#012249;
border: solid 1px #ccc;
color: #fff;
padding: 1rem;
}
.formTable-support td {
font-size: 90%;
border: solid 1px #ccc;
padding: 1rem;
margin: 1rem auto auto auto;
text-align: left;
}

textarea {
width: 95%;
height: 3rem;
border: solid 1px #ccc;
background-color: #fff;

}
#formbtn{
width: 100%;
text-align: center;
margin: 3rem auto 0em auto;
}

#formbtn input#search_submit {
border-radius: 6px;
margin: 0rem 2rem 2rem 0rem;
background-color: #00A387;
color: #fefef6;
font-weight: 600;
}
#formbtn input#search_reset {
border-radius: 6px;
margin: 0rem 0rem 0rem 2rem;
background-color: #4678B3;
color: #fefef6;
font-weight: 600;
}



/*thanks------------------------*/
.thanks{
text-align: center;
margin: 3rem auto 5rem auto;
font-weight: 600;
font-size: 2rem;
padding: 0;
max-width: 860px;
line-height: 3rem;

}
.thanks p{
text-align: center;
margin: 3rem auto 3rem auto;
color: #333;
padding: 0;
font-size: 1.5rem;
line-height: 2rem;
}

.thanks  h4{
text-align: center;
margin: 3rem auto 3rem auto;
font-weight: 600;
font-size: 2rem;
color: #555;
padding: 0;
line-height: 3rem;
}
.thanks a{
text-align: center;
font-weight: 600;
font-size: 3.5rem;
color: #ff6464;
padding: 0;
line-height: 5rem;
}
.thanks img{
width: 50px	;
padding: 0rem 0 0rem 0;
margin: 0rem  0rem -0.7rem 0rem;
}
}

/*---SP------------------------------------------------------------------*/

@media only screen and (max-width : 767px ){
.contents-std{
width: 96%;
}

.support-cont {
width:94%;
text-align: center;
margin: 10rem auto 3rem auto;
}
.support-cont p{
text-align: left;
margin: 0rem auto 0rem auto;
}
.support-cont li{
text-align: left;
margin: 0rem auto 0rem auto;
}
.support-cont-inner{
text-align: center;
margin: 3rem auto 10rem auto;
font-weight: 600;
font-size: 2rem;

border:2px solid #ff6464;
padding: 0;
max-width: 96%;
line-height: 3rem;

}
.support-cont-inner  h4{
text-align: center;
margin: 3rem auto 3rem auto;
font-weight: 600;
font-size: 1.6rem;
color: #555;
padding: 0 2rem;;
line-height: 3rem;
}
.support-cont-inner a{
text-align: center;
font-weight: 600;
font-size: 3rem;
color: #ff6464;
padding: 0;
line-height: 5rem;
}
.support-cont-inner img{
width: 50px	;
padding: 0rem 0 0rem 0;
margin: 0rem  0rem -0.7rem 0rem;
}

form {
max-width:100%;
text-align: center;
margin: 8rem auto 5rem auto;
}
p {
text-align: left;
margin: 0 auto 3rem auto;
}
table {
width: 100%;
margin: 0 auto;
border: none;
}

.last td:last-child {
width: 94%;
}
.formTable-support {
width: 100%;
margin: -5rem auto 0rem auto;
}

.formTable-support td {
text-align: left;
margin: 0rem auto 0rem auto;
border: none;
display: block;
width: 90%;
color: #555
}
.formTable-support tr{
text-align: center;
margin: 0rem auto 0rem auto;
border: none;
display: block;
width: 98%;
font-size: 1.6rem;
color: #fefef6
}

.formTable-support th {
text-align: center;
margin: 0rem auto 0rem auto;
border: none;
display: block;
width: 98%;
background:#012249;
font-size: 1.6rem;
color: #fefef6
}
input{
width: 98%;
border: 1px solid #525;
	}

textarea {
width: 100%;
height: 5rem;
border: 1px solid #ccc;
background-color: #fff;
}

#formbtn{
width: 90%;
text-align: center;
margin: 3rem auto 3rem auto;
}

#formbtn input#search_submit {
border-radius: 6px;
margin: 0rem 2rem 2rem 1rem;
background-color: #B6DBFF;
  }
#formbtn input#search_reset {
border-radius: 6px;
margin: 0rem 0rem 2rem 0rem;
  }


.thanks h3{
text-align: center;
margin: 5rem 0rem 3rem 0rem ;
line-height: 1.2;
}
.thanks p{
text-align: left;
text-align: justify;
margin: -10rem 0rem 44rem 0rem ;
}


}