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

/*********************************************
input  select textarea チェックボックス  仕様
*********************************************/
/*-****************************************
ラジオボタン

****************************************-*/
/*-----------------------------------------
元のinput仕様を消す
-------------------------------------------*/
.radio_field label input {
  display: none;
}
/*-----------------------------------------
label単位でinputを並列と間隔　文字指定
-------------------------------------------*/
.radio_field label {
  display: inline-block;
  margin-right: 20px;
	/*font-size: 16px;*//*文字天地中央指定不可（flexやline-height）　ボタン枠で調整*/
}


/*-----------------------------------------
チェックした動作
-------------------------------------------*/
/*チェックした動作
--------------------------------*/
.radio_field label input:checked + .radio_field_text:after {
  display: block;
}
/*チェックした動作（仕様）
---------------------------------*/
/*文字の仕様*/
.radio_field label .radio_field_text {
  padding-left: 30px;
  position: relative;
  cursor: pointer;
	
}
/*ラジオボタン囲み　仕様
-------------------------------------------*/
.radio_field label .radio_field_text:before {
  content: "";
  position: absolute;
  transition: 0.3s;
  left: 0;
	/*文字上下が中央にならないのでここで調整　flexやline-heightでの調整不可*/
  top: 0px;/*調整　本来0指定*/
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 1px solid #93C79B;
  background-color: #fff;
}

/*ラジオボタン チェックの◯　仕様
-------------------------------------------*/
.radio_field label .radio_field_text:after {
  content: "";
  position: absolute;
  transition: 0.3s;
  display: none;
  background: #3E904C;/*少し濃いめ*/
  width: 20px;
  height: 20px;
  left: 1px;
    top: 50%;/*調整　本来50%*/
  margin-top: -10px;
  transform: scale(0.5);
}
.radio_field label .radio_field_text:before, .radio_field label .radio_field_text:after {
  border-radius: 100px;
}
/*************************************
input 文字入力
type="text" inputをクラス指定
*************************************/
/*元のinput type="text"仕様を消す--------------*/
.old_type_text label input{
  border: none; 
  outline: none; 
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
/*新しいinput type="text"設計*/
.new_type_text label input[type="text"] {
 font-size: 16px;
		padding: 6px;
	margin-right: 3px;
	box-sizing: border-box;	
border: solid 1px #93C79B;
}
/*input type="text"個別幅指定
---------------------------------*/
.new_type_text .input_w50 {
	width: 100%;
  max-width:50px;
}
.new_type_text .input_w200 {
	width: 100%;
  max-width: 200px;
}
.new_type_text .input_w300 {
		width: 100%;
  max-width: 300px;
}
.new_type_text .input_w400 {
		width: 100%;
  max-width: 400px;
}
.new_type_text .input_w500 {
		width: 100%;
  max-width: 500px;
}
@media (max-width: 749px) {

.new_type_text .input_w200 {
	width: 100%;
  max-width: 800px;
}
.new_type_text .input_w300 {
		width: 100%;
  max-width: 800px;
}
.new_type_text .input_w400 {
		width: 100%;
  max-width: 800px;
}
.new_type_text .input_w500 {
		width: 100%;
  max-width: 800px;
}
}
/*************************************
input 電話入力
type="telをlabelで囲む
*************************************/
/*元のinput type="tel"仕様を消す--------------*/
.old_type_tel label input{
  border: none; 
  outline: none; 
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
/*新しいinput type="tel"設計*/
.new_type_tel label input[type="tel"] {
  font-size: 16px;
		padding: 6px;
	margin-right: 3px;
	box-sizing: border-box;	
border: solid 1px #93C79B;
}
/*input type="tel"個別幅指定
---------------------------------*/
.new_type_tel .input_w200 {
	width: 100%;
  max-width: 200px;
}
/*************************************
input カンマ付き金額
type="text" inputをクラス指定 カンマ付き金額js
*************************************/

/*元のinput type="text"仕様を消す--------------*/
.old_type_kingaku label input{
  border: none; 
  outline: none; 
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
/*新しいinput type="text"設計*/
.new_type_kingaku label input[type="text"] {
  /*position: relative;*/
 /* width: 100px;*//*用調整*/
	font-size: 16px;
  height:30px;
		padding: 6px;
	margin-right: 10px;/*文字「半角数字　自動でカンマ区切りが入ります。」で使用*/
	box-sizing: border-box;
  background: #ffffff;
	text-align: right;
  border: solid 1px #93C79B;
}
/*input type="text"個別幅指定
---------------------------------*/
.new_type_kingaku .input_w160 {
	width: 100%;
  max-width: 160px;
}

/*************************************
input 送信　submit
type="submit
位置　センター
*************************************/
/*元のinput type="submit"仕様を消す--------------*/
.old_type_submit label input{
  border: none; 
  outline: none; 
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
/*新しいinput type="submit"設計*/
.btn_area{
	width: 100%;
	margin-top: 30px;
		text-align: center;

}
.new_type_submit label input[type="submit"] {
		padding: 10px;
	margin-right: 3px;
	box-sizing: border-box;	
	font-size: 14px;
	color: #6CB678;
	border-radius: 4px;
border: solid 1px #93C79B;
}
.new_type_submit label input:hover{
	color: #ffffff;
	background-color: #93C79B;
}
/*input type="submit"個別幅指定
---------------------------------*/
.new_type_submit .input_w160 {
	width: 100%;
  max-width: 160px;
}
/*----------------------*/
/*----------------------*/
/*----------------------*/
/*----------------------*/
/*----------------------*/
/*************************************
select

*************************************/
/*-----------------------------
本来のselect仕様調整
-----------------------------*/
.old_select {
	overflow: hidden;
	/*width: 100%;*/
	margin: 0em 0;
	/*text-align: center;*/
}
.old_select select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;/*本来のselect枠を消す*/
	outline: none;/*本来のselect枠を消す*/
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
/*本来のselectを消す*/
.old_select select::-ms-expand {
    display: none;
}
/*-----------------------------
新しいselect仕様（com_selectとセットで使用）
-----------------------------*/
/*枠指定 *100%**/
.new_select {
	position: relative;
	border: solid 1px #93C79B;
	border-radius: 0px;
	background: #ffffff;
}
/*枠に対しての選択矢印位置と矢印形状指定*/
.new_select::before {
	position: absolute;
	top: 0.6em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
/*文字padding指定*/
.new_select select {
	padding: 4px 38px 4px 8px;
	/*color: #666666;*/
	/*font-size: 16px;*/
	/*color: #8B8686;*/
}
/*select個別幅指定
---------------------------------*/
.select_w160 {
	width: 100%;
  max-width: 160px;
}
.select_w200 {
		width: 100%;
  max-width: 200px;
}