/* 基本タグのスタイル */
	html, body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		background-color: #7fccff;
	}
	
  h1, h2, h3, h4, h5 ,h6{
		font-weight: 200;
	}
	
  a{
		text-decoration: none;
  }
  
  p, li, a{
		font-size: 20px;
		font-family : inherit;
  }
  
  fieldset{
		margin: 0;
		padding: 0;
		border: none;
  }
  
  .container{
		width: 100%;
		max-width: 96%;
		margin: 0 auto;
		position: relative;
  }

  /* 入力ステップラベルのスタイル */
  
  .steps{
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		text-align: center;
  }
  
  .steps li{
		display: inline-block;
		margin: 20px;
		color: #ccc;
		padding-bottom: 5px;
  }
  
  .steps li.is-active{
		border-bottom: 1px solid #7fccff;
		color: #7fccff;
  }
  
.intro {
    	list-style-type: none;
		padding: 10px;
		background-color: #fff;
		text-align: left;
}
.intro h1 {
    width:80%;
    text-align: center;
    margin: 10px auto;
}
.intro p {
    width:80%;
    margin: 0 auto;
    line-height: 180%;
}
.cent {
    text-align: center;
}
.mt30 {
    margin-top: 30px;
}
.mb30 {
    margin-bottom: 30px;
}
.atention {
    color: red;
}
.small {
    font-size: 90%;
}
  /* フォーム項目のスタイル */
  
  /* 画面セクションのスタイル */
  .form-wrapper .section{
		padding: 0px 20px 30px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #fff;
		opacity: 0;
		-webkit-transform: scale(1, 0);
		-ms-transform: scale(1, 0);
		-o-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: top center;
		-moz-transform-origin: top center;
		-ms-transform-origin: top center;
		-o-transform-origin: top center;
		transform-origin: top center;
		-webkit-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		text-align: center;
		position: absolute;
		width: 100%;
		min-height: 300px;
  }
  .form-wrapper .section.is-active{
		opacity: 1;
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
  }
	
  /* フォーム項目ヘッダー欄のスタイル */
  .form-wrapper .section h3{
      padding: 10px 0px;
		margin-bottom: 30px;
      background-color: #7fccff;
	}

  /* フォーム項目全体欄のスタイル */
  .form-wrapper .form-items{
		padding-left: 5%;
		text-align: left;
	}

  /* フォーム項目のボタンのスタイル */
  .form-wrapper .button, .form-wrapper .submit, .form-wrapper .reset{
		background-color: #7fccff;
		display:block;
		padding: 8px 30px;
		margin: 30px auto;
		color: #fff;
		cursor: pointer;
		font-size: 20px !important;
		font-family : inherit;
		width: 60%;
  }
  .form-wrapper .submit, .form-wrapper .reset{
		border: none;
		outline: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	/* 入力・確認画面の項目欄単位のスタイル */
	.form-wrapper .item-line{
		display: block;
	}

	/* 入力・確認画面のラベル項目のスタイル */
	.form-wrapper label{
		display: block;
		padding: 2%;
		margin: 3%;
		background-color: #fff;
		border: none;
		width: 70%;
		outline: none;
		font-size: 20px !important;
		font-family : inherit;
		text-align: left;
		vertical-align: top;
	}

	/* 入力画面の入力項目のスタイル */
  .form-wrapper input[type="text"],
	.form-wrapper input[type="password"],
  .form-wrapper textarea{
		display: block;
		padding: 2%;
		margin: 3%;
		background-color: #f1f1f1;
		border: none;
		width: 70%;
		outline: none;
		font-size: 20px !important;
		font-family : inherit;
	}
	.form-wrapper input[type="checkbox"],
	.form-wrapper input[type="radio"]{
		display: inline;
		padding: 3%;
		margin: 3%;
		background-color: #b9b5b5;
		border: none;
		outline: none;
		font-size: 18px !important;
		font-family : inherit;
		position: relative;
		top: 15px;
		margin-bottom: 5%;
/*		border: 1px solid orange;*/
		outline: 0;
	}
	.form-wrapper input[type="checkbox"] + label,
	.form-wrapper input[type="radio"] + label{
		display: inline;
		padding: 2%;
		margin: 3%;
		background-color: #fff;
		border: none;
		outline: none;
		font-size: 18px !important;
		font-family : inherit;
		text-align: left;
		vertical-align: middle;
		position: relative;
		top: 15px;
		left: -50px;
		
	}
  .form-wrapper select{
		display: block;
		padding: 4%;
		margin: 5%;
		background-color: #f1f1f1;
		border: none;
		width: 70%;
		outline: none;
		font-size: 20px !important;
		height: 60px;
	}
	.form-wrapper input[type="file"]{
		display: block;
		padding: 2%;
		margin: 3%;
		background-color: #f1f1f1;
		border: none;
		width: 100%;
		outline: none;
		font-size: 20px !important;
	}
	.form-wrapper input[type="file"] + span{
		display: block;
		padding: 2%;
		margin: 3%;
		background-color: #fff;
		border: none;
		outline: none;
		font-size: 20px !important;
		font-family : inherit;
		text-align: left;
		vertical-align: middle;
	}
	.form-wrapper input:focus,
	.form-wrapper textarea:focus,
	.form-wrapper select:focus{
		outline: 1px solid orange;
	}

	/* 入力・確認画面の入力項目のスタイル */
  .form-wrapper .item{
		display: block;
		padding: 2%;
		margin: 3%;
		background-color: #fff;
		border: solid 1px #f1f1f1;
		width: 100%;
		outline: none;
		font-size: 20px !important;
		font-family : inherit;
	}
  .inputform .item{
		display: block;
		padding: 0;
		margin: 0;
		border: none;
	}

	/* 入力画面の必須項目のスタイル */
	.inputform label.required:after {
    content: " *";
	color: #f8292c;
    font-size: 200%;
  }
	.inputform label.plane:after {
    content: "  ";
		white-space: pre;
  }

	/* 入力画面のエラーメッセージ項目のスタイル */
	.inputform span.error{
		display: block;
		margin-top: -5px;
	}
	.inputform label.error{
		display: inline-block;
		padding: 0px 5px;
		margin: 0px 5px;
		color: #B42527;
		background-color: inherit;
		font-size: 18px !important;
		font-family : inherit;
		text-align: left;
		white-space: nowrap;
	}