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

body{background: rgba(255,255,255,1.00);
	overflow-y: scroll;}

.form_page_title{width: 100%;
	font-family: "UD Shin Go Medium";
	font-size: max(2.2vw,36px);
	line-height: 180%;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(77,77,77,1.00);}

.form_title{font-family: "Gothic MB101 Bold";
	font-size: max(2.0vw,30px);
	line-height: 150%;
	text-align: center;}
	
.form_main_inner{width: 100%;
	min-height: calc(100vh - 420px);}
	
.form_caution1{width: calc(50% - 24px);
	min-width: 728px;
	padding: 10px;
	margin: 0 auto;
	font-size: max(0.7vw,12px);
	line-height: 150%;
	border:rgba(255,0,4,1.00) solid 2px;}
	
.form_text1{width: 50%;
	min-width: 750px;
	margin: 0 auto;
	font-size: max(0.85vw,14px);
	line-height: 150%;}
	
.form_link1{width: 50%;
	min-width: 750px;
	padding: 10px;
	margin: 0 auto;
	font-size: max(0.8vw,12px);
	text-align: center;
	line-height: 150%;}
	
.form_block1{width: 50%;
	min-width: 750px;
	margin: 0 auto 5px;
	background: rgba(51,51,51,1.00);
	overflow: hidden;}
	
.form_left{width: calc(25% - 20px);
	padding: 10px;
	font-family: "UD Shin Go Regular";
	font-size: max(0.9vw,14px);
	line-height: 150%;
	color: rgba(255,255,255,1.00);
	float: left;
	position: relative;}
	
.req{padding: 5px 10px;
	font-size: max(0.7vw,10px);
	line-height: 100%;
	color: rgba(255,255,255,1.00);
	background: rgba(255,0,4,1.00);
	position: absolute; top: 10px; right: 10px;}
	
.form_right{width: 75%;
	font-family: "UD Shin Go Regular";
	font-size: max(0.9vw,14px);
	line-height: 160%;
	color: rgba(0,0,0,1.00);
	background: rgba(230,230,230,1.00);
	float: left;
	overflow: hidden;}

.form_right_inner{padding: 10px;}

.form_right_title{width: calc(100% - 20px);
	padding: 5px 10px;
	color: rgba(255,255,255,1.00);
	background: rgba(138,138,138,1.00);}

.form_right .listmarker1{font-size: max(0.8vw,12px);
	margin-left: max(0.8vw,12px);}

input{margin-bottom: 3px;
	font-family: "UD Shin Go Regular";
	font-size: max(0.8vw,14px);
	line-height: 150%;}

input[type="file"] {cursor: pointer;}

input[type="radio"]{width: 20px;
	height: 20px;
	vertical-align: middle;}

input[type="checkbox"]{width: 20px;
	height: 20px;
	vertical-align: middle;}
	
label{line-height: 150%;}

.originalFileBtn {
    display: inline-block;
    padding: 5px 20px;
	color: rgba(255,255,255,1.00);
    position: relative;
	background: rgba(110,110,110,1.00);
}

.originalFileBtn:hover{opacity: 0.7;}

.originalFileBtn input[type="file"] {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.form_right_caution{padding: 0 10px 10px;
	font-size: max(0.75vw,11px);
	line-height: 150%;}

p{line-height: 150%;}

.previewbox{width: 100%;}

.previewbox img{width: 100%;}

.input_btn{width: 25%;
	min-width: 300px;
	margin: 10px auto;}

input[type="submit"]{border-style: none;
	-webkit-appearance: none;
	border-radius: 5px;}

.input1{width: 40%;}

.input2{width: 98%;}

.input3{width: 10%;}

select{font-family: "UD Shin Go Regular";
	font-size: max(0.8vw,14px);
	line-height: 150%;}

.submit_btn{width: 100%;
	padding: 10px 0;
	font-family: "UD Shin Go Regular";
	font-size: max(1.0vw,16px);
	color: rgba(255,255,255,1.00);
	text-align: center;
	background: rgba(110,110,110,1.00);
	line-height: 200%;
	border-radius: 5px;
	cursor: pointer;}

.submit_btn:hover{opacity: 0.7;}

.submit_btn a{display: block;
	color: rgba(255,255,255,1.00);}

::placeholder{color:rgba(189,189,189,1.00);}

textarea{width: calc(98% - 10px);
	padding: 5px;
	resize: none;}

.message_box{width: max(60%,700px);
	min-height: calc(100vh - 540px);
	margin: 0 auto;
	text-align: center;}

.message_block1{display: inline-block;
	font-size: max(1.0vw,18px);
	line-height: 150%;
	text-align: left;}


.caution_text1{width: 50%;
	margin: 0 auto;
	font-size: max(0.85vw,14px);}

/* 無料フォーム用 */
.form_q{width: 100%;}

.table_q{width: 100%;
	background: rgba(51,51,51,1.00);}

.table_q_left{width: 50px;
	font-size: max(0.9vw,14px);
	padding: 10px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	background: rgba(255,150,0,1.00);
	vertical-align: middle;}
	
.table_q_right{padding: 10px;
	font-size: max(0.9vw,14px);
	text-align: left;
	color: rgba(255,255,255,1.00);
	vertical-align: middle;}

.form_a{width: calc(100% - 20px);
	font-size: max(0.9vw,14px);
	padding: 10px;
	background: rgba(230,230,230,1.00);}

.input_btn2{width: 30%;
	margin: 0 auto;}

.submit_btn2{width: 100%;
	padding: 10px 0;
	font-size: max(1.0vw,16px);
	line-height: 200%;
	background: rgba(188,188,188,1.00)}

.enabled{background: rgba(110,110,110,1.00);
	color: rgba(255,255,255,1.00);
	cursor: pointer;}
	
.enabled:hover{opacity: 0.7;}

.flex_fq{width: 100%;
	overflow: hidden;}

.checkbox_check{clear: both;
	width: 30px;
	float: left;
	background: rgba(230,230,230,1.00);}

.checkbox_text{width: calc(100% - 30px);
	height: auto;
	float: left;
	background: rgba(230,230,230,1.00);}

.form-select-wrap{
  display: flex;
  max-width: 300px;
  align-items: center;
}
.form-select-wrap > select{
  /*padding: 8px 16px;*/
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid gray;
  /*border-radius: 4px;
  font-size: 14px;*/
  margin-bottom: 3px;
	font-family: "UD Shin Go Regular";
	font-size: max(0.8vw,14px);
	line-height: 150%;
}

.invisible{display: none;}


/*
---以下sp表示--- 
*/

@media screen and ( max-width:736px )
{
.form_page_title{font-size: max(4.0vw,22px);}

.form_title{font-size: max(4.0vw,20px);
	line-height: 150%;
	text-align: center;}

.form_main_inner{width: 100%;
	min-height: calc(100vh - 385px);}

.form_caution1{width: calc(90% - 24px);
	min-width: 260px;
	font-size: max(0.8vw,12px);}

.form_text1{width: 90%;
	font-size: 15px;}

.form_link1{width: 90%;
	min-width: 260px;
	font-size: max(0.8vw,12px);
	text-align: left;}

.form_block1{width: 90%;
	min-width: 280px;
	background: rgba(230,230,230,1.00);}
	
.form_left{width: 100%;
	padding: 5px 0;
	font-size: max(1.0vw,16px);
	text-align: center;
	background: rgba(0,0,0,1.00);
	float: none;}

.req{position: absolute; top: 7px; right: 10px;}

.form_right{width: calc(100% - 20px);
	padding: 5px 10px;
	font-size: max(0.9vw,14px);
	float: none;}	
	
input{margin: 0 auto 3px;
	font-size: max(0.9vw,14px);
	line-height: 170%;}

input[type="radio"]{width: 25px;
	height: 25px;
	vertical-align: middle;}

input[type="checkbox"]{width: 25px;
	height: 25px;
	vertical-align: middle;}

label{font-size: 20px;}

.input1{width: 98%;
	margin: 0 auto 5px;}

.input2{width: 98%;
	margin: 0 auto 5px;}

.input3{width: 20%;}

select{padding: 5px 0;
	fline-height: 180%;}

.originalFileBtn {width: 100%;
    display: inline-block;
	margin-top: 10px;
    padding: 10px 0;
	text-align: center;
	color: rgba(255,255,255,1.00);
    position: relative;
	background: rgba(110,110,110,1.00);
}

.originalFileBtn:hover{opacity: 1.0;}
		
.input_btn{width: 80%;
	margin: 10px auto;}
	
.submit_btn:hover{opacity: 1.0;}
	
.message_box{width: 90%;
	height: calc(100vh - 500px);}

.message_block1{font-size: 14px;}
	
.caution_text1{width: 90%;
	margin: 0 auto;
	font-size: max(0.85vw,14px);}
	
/* 無料フォーム用 */
.form_q{width: auto;
	display: block;
	background: rgba(21,21,21,1.00);}

.table_q{width: 100%;}

.table_q_left{width: 40px;
	font-size: max(0.9vw,14px);
	padding: 10px 5px;}
	
.table_q_right{width: calc(100% - 60px);
	padding: 10px 5px;
	font-size: max(0.9vw,14px);}

.form_a{width: calc(100% - 20px);
	font-size: max(0.9vw,14px);
	padding: 10px;}


.input_btn2{width: 80%;
	margin: 0 auto;}

.submit_btn2{width: 100%;
	padding: 10px 0;
	font-size: max(1.0vw,16px);
	line-height: 200%;
	background: rgba(188,188,188,1.00)}

.enabled{background: rgba(110,110,110,1.00);
	color: rgba(255,255,255,1.00);
	cursor: pointer;}
	
.enabled:hover{opacity: 0.7;}

.flex_fq{width: 100%;
	overflow: hidden;}

.checkbox_check{width: 30px;
	float: left;}

.checkbox_text{width: calc(100% - 30px);
	float: left;}

.form-select-wrap{
  display: flex;
  max-width: 300px;
  align-items: center;
}
.form-select-wrap > select{
  /*padding: 8px 16px;*/
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid gray;
  /*border-radius: 4px;
  font-size: 14px;*/
  margin-bottom: 3px;
	font-family: "UD Shin Go Regular";
	font-size: max(0.8vw,14px);
	line-height: 150%;
}	
	

}