@charset "utf-8";
/* CSS Document */

.top_img {
	background:url(../p5_contact/img/ss_con_top.jpg) center center;
	background-size:cover;
}


input, butt{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
  appearance: none;
}


/*========================*/

.form_box01 {
	width: calc(100vw - 20px);
	max-width:500px;
	margin:0 auto 20px;
}

.form_box01 th,.form_box01 td{
	display:block;
	width:100%;
}

.form_box01 th {
	padding:10px 10px 10px 15px;
	background:rgba(0,100,202,0.8);
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
}

.form_box01 td {
	padding:10px 10px 20px;
	background:#fff;
	border-right:1px solid #ccd;
	border-left:1px solid #ccd;
}

.form_box01 tr:last-child td {
	border-bottom:1px solid #ccd;
}

.example {
	display:block;
	padding:5px;
	margin-left:10px;
	color:#999;
}

.ef {
	display:block;
}

input[type="text"],input[type="tel"],input[type="email"],textarea,select{
	padding:10px;
	width:100%;
	border:1px solid #ccd;
	border-radius:3px;
	font-size:1.2em;
	box-shadow:1px 1px 2px rgba(0,10,80,0.3)inset;
	background:#fff;
	font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
	
	  -webkit-transition: all .3s;
  transition: all .3s liner;
}

textarea {
	height:150px;
}

input:focus,textarea:focus,select:focus{
	box-shadow:3px 4px 3px rgba(0,10,80,0.2)inset;
	border:solid rgba(0,100,202,0.5) 1px;
	background:rgba(150,200,255,0.2);
	outline: none;
}

input::placeholder {
  color: rgba(0,0,0,0.4);
}


/*==========radiobotan==========*/

input[type="radio"] {
  display: none;
}

.ef label{
	position: relative;
  display: inline-block;
  padding: 3px 3px 3px 20px;
}

.ef label::before,
.ef label::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
 	 -webkit-transition: all .2s;
  transition: all .2s;
}
.ef label::before {
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #f3f3f3;
  border: 1px solid #ccc;
}
.ef label:hover::before {
  background: #fff;
}
.ef label::after {
  opacity: 0;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background: #3995eb;
 	 -webkit-transform: scale(2);
  transform: scale(2);
}
.ef input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #3995eb;
}
.ef input[type="radio"]:checked + label::after {
  opacity: 1;
 	 -webkit-transform: scale(1);
  transform: scale(1);
}

/*==============btn==============*/


#btn01 {
	text-align:center;
	margin-bottom:80px;
}

#btn01 .btn {
	padding:10px 30px;
	font-size:1.2rem;
	color:#fff;
	background:rgba(0,100,202,0.8);
	border:solid rgba(0,100,202,0.2) 1px;
	border-radius:10px;
	
		  -webkit-transition: all .1s;
  transition: all .1s liner;
}

#btn01 .btn:focus{
	border:none;
	background:#fff;
	color:rgba(0,100,202,0.8);
	border:solid rgba(0,100,202,0.8) 1px;
}

#btn01 .btn:first-child {
	margin-right:20px;
}