/* CSS Document */
/* 
このCSSは、formタグの基本となるスタイルシートです。
拡張する場合はadd.cssに記述してください。
*/

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* 見積り入力フォーム用 */
sup {color:#ff0000; margin-left:0.2em;}
input[type="text"],select {height:32px;}
.input2em {width:2em;}
.input3em {width:3em;}
.input4em {width:4em;}
.input5em {width:5em;}
.input6em {width:6em;}
.input7em {width:7em;}
.input8em {width:8em;}
.input9em {width:9em;}
.input16em {width:16em;}
.input70em {width:70%;}
.input100em {width:100%;}
.inputAdress {width:calc(100% - 0.4em);}

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		.inputAdress {width:calc(100% - 0em);}
	}



input[type="radio"]{
	vertical-align:middle;
	margin-top:-0.4em;

}
input[type="text"],
input[type="number"],
input[type="radio"],
select
	{
		margin-left:0.25em;
		margin-right:0.25em;
		font-weight:normal;
}

select {padding:0 0.8em} /* select内の選択要素の両サイドに余白を設定 */

	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		select {width:calc(100% - 0.70em);}
	}

input.btn-lg {height:50px; padding-left:3em; padding-right:3em; letter-spacing: 0.2em; margin-left:1em; margin-right:1em;}

label {margin-left:0.3em; margin-right:0.3em;}
	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		label {margin-left:0em; margin-right:0em;}
	}
label.adress {width:95%;}
	/*画面サイズxs(~767px)の場合*/
	@media screen and (max-width:767px) {
		label.adress {width:calc(100% - 0.6em);}
	}

/* submitボタンエリア */
.submitButtonArea {text-align:center; margin-top:1em; margin-bottom:1em;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* 
ラジオボタンの表示を変更する。
ラベルの文字を選択することで、アクティブ表示になり
 */

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-right: 18px;
    border-radius: 3px;
    transition: all .2s;
		letter-spacing: 0.1em;
		border: 1px solid rgba(0,0,0,0.2);
		color:rgba(0,0,0,0.30);
    	margin-left: 6px;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #0051B5;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */