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

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

　　入力画面
		
***************************************************************************************
=====================================================================================*/

.txt{
	margin-top: 20px;
	text-align: justify;
	font-weight: bold;
}


/* コードの編集 */
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #cccccc;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  padding: 0;
}

input[type=radio]:checked {
  border-color: #00bdc7;
}

input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #00bdc7;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

label {
  display: inline-flex;
  align-items: center;
}

input.w-100{
	border: none;
	padding:15px 20px;
	max-width: 600px;
	width: 100%;
}

input.w-50{
	border: none;
	padding:15px 20px;
	max-width: 300px;
	width: 100%;
}

input::placeholder{font-size: 16px; color: #aaaaaa;}

textarea{
	border: none;
	padding:15px 20px;
	width: 100%;
}
textarea::placeholder{font-size: 12px; color: #aaaaaa;}


.table_box span{font-size: 13px; color: #353535;}
.table_box .box{display: flex;}
.table_box .box input{margin-bottom: 10px;}
.table_box .box .left{width: 85px;}
.table_box .box .left p{margin-top: 10px;}
.table_box .box .right{width: calc(100% - 85px);}
.table_box .box .right span{margin-top: 10px; display: inline-block;}

#button_area{margin-top: 60px;}
.form_btn{
	width: 300px;
	line-height: 80px;
	background: #04b9f5;
	border: none;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
}


.error{
	color: #E81317;
	display: block;
}



@media screen and (max-width: 700px){
	.contents_box > p{text-align: justify;}
}



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

　　確認画面
		
***************************************************************************************
=====================================================================================*/
.confirm.table_box .box .left p{margin-top: 0;}
.form_btn.form_return{background: #b3b3b3;}


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

　　完了画面
		
***************************************************************************************
=====================================================================================*/
.thanks h3{font-size: 35px;}
.thanks p{font-size: 20px; margin-top: 40px;}