@charset"utf-8";

.inner{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
  }

  .form_title{
	  font-size:40px;
	  font-weight:bold;
	  line-height:56px;
  }
  
  .form_submit{
	  position:relative;
	  top:20px;
  }
	  
	  .form_label2{
		  font-size:36px;
		  font-family: "HiraginoSans-W8","Hiragino Sans","ヒラギノ角ゴシック";
		  font-weight: 100;
		  color:#E95400;
	  }
	  .hissu{
		  width:80px;
		  left:200px;
		  height:40px;
		  background-color:#f2c203;
		  font-size:23px;
		  color:white;
		  border-radius:5px;
	  }	
	  .nini{
		width:80px;
		left:200px;
		height:40px;
		font-size:23px;
		color:white;
		border-radius:5px;
	}
       
.input_downstyle{
          left:299px;
		  width:316px;
		  height:71px;
		  font-size:26px;
		  border: 1px solid;
		  border-color: #9d9d9d;
		  border-radius:10px;
		  padding: 0 0 0 5px;
		}

	  .ikigomimongon{		
			margin-bottom:25px;
	  }
	  .ikigomiform{
		  width:770px;
		  height:270px;
		  margin-bottom:30px;
		  border-radius:10px;
		  font-size:26px;
		  padding: 0 0 0 10px;
	  }



  .wrap_form{
		  position:relative;
		  
		  top:30px;
	      margin-right:0px;
	      margin-bottom:100px;
		  padding-top:0px;
		  background-color: #5caa46;
		  border-radius: 10px;;
	  }

         .form_area4{
	      padding-top: 15px;
		  overflow: hidden;
         }



	  .form_area{
		  position:relative;
		  width:866px;
		  margin: 0 auto;
		  padding-top:50px;
		  background-color: #efefef;
		  border-radius: 10px;;
	  }
	  .form_area2{
		position:relative;
		
		width:866px;
		margin: 0 auto;
		background-color: #efefef;
		border-radius: 10px;;

		margin-bottom:95px;
	}

	.form_area3{
	 position:relative;
		  width:866px;
		top:0px;
		  margin: 0 auto;
		margin-bottom:50px;
		  padding-top:0px;
		padding-bottom:50px;
		  background-color: #efefef;
		  border-radius: 10px;;
	}
  
	  .mailmozi{
		  font-feature-settings: "palt";
	  }
  
  ::placeholder {
	color: #b1b1b1;
  }
  
  input::-webkit-input-placeholder { padding-top: -2.2em; }

.blank3{
	height:2px;
}

input {
	text-indent: 15px;
  }


.mustbox {
	
  
	width:100px;
	height:50px;
	border-radius: 0px;
	background-color:#d70033;
	
	font-size:29px;
	text-align:center;
	color:white;
	font-family: Arial,Helvetica,"游ゴシック体","Yu Gothic",YuGothic,Meiryo,Osaka,"Hiragino Kaku Gothic Pro","MS PGothic",sans-serif;
 }
 




@media screen and (min-width: 641px){

	.v2{
		position:absolute;top:55px;left:565px;
	}

	.validation{
		color:red;
		margin-left:-470px;
	}

	.form_label
	{
		font-size:24px;
		color:black;
		left:100px;
		margin-right:0px;
		width:183px;
		text-align: left;
		z-index:20;
	}

	.inner3
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.inner3s
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.inner4
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}


	.outer
	{
		position: relative;
		width: 100%;
		height:55px;
		margin-bottom:50px;
	}

	.outer4
	{
		position: relative;
		width: 100%;
		height:55px;
		margin-bottom:0px;
	}
	
		.outer6
	{
		position: relative;
		width: 100%;
		height:55px;
		margin-bottom:20px;
	}

	.outer2
	{
		position: relative;
		width: 100%;
		height:55px;
		margin-bottom:80px;
	}

	.hissu
	{
		background-color:#f19149;
		width:80px;
		height: 33px;
		position: relative;
		top:12px;
		left:12px;
		font-size:18px;
		border-radius: 5px;
	}

	.nini{
		background: #2a2a2a;
		width:80px;
		height: 33px;
		position: relative;
		top:12px;
		left:12px;
		font-size:18px;
		border-radius: 0px;
	}

	.write_area_how_to_buy{
		background: linear-gradient(135deg, #239756, #17666f);
		width:527.59px;
		height:132px;
		color: white;
		border-radius: 10px;
		left:299px;
	}

	.form_label_center{
		font-size:16.28px;
		color:black;
		left:98px;
		margin-right:0px;
		width:153px;
		text-align: center;
		z-index:20;
	}

	.checkboxarea{
		left:299px;
		width:550px;
		text-align: left;
	}

	.checkboxareaposition{
		left:299px;
		width:550px;
		text-align: left;
	}

	.checkboxarea label{
		margin-right:37px;
	}

	.blank1{
		height:65px;
	}

	.blank2{
		height:25px;
	}

	.input_text_style{
		left:299px;
		width:516px;
		height:71px;
		font-size:26px;
		border: 1px solid;
		border-color: #9d9d9d;
		border-radius:10px;
		padding: 0 0 0 5px;
	}

	.input_text_style2{
		left:299px;
		width:302.56px;
		height:71px;
		font-size:26px;
		border: 1px solid;
		border-color: #9d9d9d;
		border-radius:10px;
		padding: 0 0 0 0px;
	}

	.checkboxlabel{
		font-size: 21px;
	}

	.riyoukiyaku{
		float:left;
		font-size:21px;
	}

	.btn_box2 {
		position: relative;
		top:0px;
		margin-bottom:80px;
		display: inline-block;
		width: 651px;
		height: 107px;
	
		transition: .2s;
		z-index:20;
	
	}
  
	.checkboxstyle{
		width:17px;
		height:17px;
	}

	.outer5
	{
		position: relative;
		width: 100%;
		height:105px;
	}
	.btn_box {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		padding-bottom: 30px;
	}
	

	.v4{
		position: absolute;
		top:-35px!important;
	}
}




	@media screen and (max-width: 640px) {

		
			.inner {
				position: relative; /* 絶対位置指定を解除 */
				top: 0; /* topの値をリセット */
				transform: none; /* transformを無効化 */
				-webkit-transform: none; /* WebKitブラウザ用のtransformを無効化 */
			}
		
		.form_area {
			width: 90%;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 30px;
			background-color: #efefef;
			border-radius: 10px;
		}

		.form_area2{
			width: 90%;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 40px;
			background-color: #efefef;
			border-radius: 10px;
			margin-bottom: 30px;
			margin-top: 10px;
		}

		.form_area3 {
			width: 90%;
			margin: 0 auto;
			padding-top: 30px;
			padding-bottom: 50px;
			background-color: #efefef;
			border-radius: 10px;
			margin-bottom: 30px;
			margin-top: 20px;
		}
	
		.input_text_style, .input_text_style2 {
			width: 90%;
			height: 50px;
			font-size: 16px;
			border: 1px solid #9d9d9d;
			border-radius: 10px;
			padding: 0 10px;
		}
	

		.label-container {
			display: flex;
			align-items: center; 
			flex-wrap: wrap;
			gap: 30px;
			padding-bottom: 10px;
		}

		.form_label {
			font-size: 16px;
			color: black;
			margin-right: 10px;
			width: auto;
			text-align: left;
		}
	
		.hissu, .nini {
			width: 60px;
			height: 30px;
			font-size: 16px;
			background-color: #f19149;
			color: white;
			border-radius: 5px;
			position: relative;
			top: 3px;
			left: 20px;
		}
	

		.outer4
	{
		position: relative;
		width: 80%;
		height:55px;
		margin-bottom:30px;
	}

	.outer
	{
		position: relative;
		width: 100%;
		height:55px;
		margin-bottom:50px;
	}

		.btn_box {
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			padding-bottom: 20px;
		}

		.btn_box input[type="image"] {
			width: 100%;
    	height: 100%;
			vertical-align: bottom;
		}
	
		.checkboxlabel {
			font-size: 16px;
		}
	
		.riyoukiyaku {
			font-size: 16px;
		}
	
		.checkboxstyle {
			width: 25px;
			height: 25px;
		}
		.inner3s {
			text-align: left;
			padding-left:10px;
		}
	}