/* お問合せフォーム  */

/* iOSでのデフォルトスタイルをリセット */
textarea,
input[type="text"]{
  -webkit-appearance: none;
  appearance: none;	
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* お問合せフォーム  */
:root {
	--font--color:		#4A4848;
	--bk-color:			#fefcf6;
	--btn-border-color: #f1f1f1;
	--title--color:		#FFEB96;
	--btn--bk--color:	#E37510;
	--box--bk--color:	#f1f1f1;
	--mobile--footer--bk:	#E37510;	
	--link--color:        	#00765a;		
	--require-color:		#E37510 ;
	--free-color:			#f5b67d;
}

body{
   	font-family: "UD新ゴ M","BIZ UDGothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,"MS PGothic", sans-serif;		
    color: var(--font--color);
    background-color: var(--bk-color);
    overflow-x: hidden;
}


a{
	color: var(--link--color);
	text-decoration: none;
}


dt{
	margin-top: 30px;
	margin-left: 40px;
}


select{
	font-size:17px;	
	border: 4.0px solid var(--btn-border-color);
	background-color: #fff;
	color: var(--font--color);
	margin: auto !important;
	line-height: 1.2rem;
    height: 35px;
    width: 97%;
	border-radius: 5px; 
	
}

input[type="text"],
input[type="tel"],
input[type="email"]{
	font-size:16px;	
    margin-bottom: 10px;  
    height: 30px;
    width: 90%;
	border: 4px var(--box--bk--color) solid;
	border-radius: 5px; 
}

input[type="text"].confirm_width{
    width: 95%;	
}

textarea{
	font-size:16px;	
    width: 96%; 
   /*margin-top: 10px;*/
    margin-bottom: 10px; 
	border: 4px var(--box--bk--color) solid;
	border-radius: 5px; 
}

input[type="submit"],
input[type="button"] {
    width: 100%;
	height: 60px;
	text-align: "center";
    border: none;
	border-radius: 5px; 
  	background-color:  var(--btn--bk--color);
	color:     #fff;
	font-size: 18px;	
	font-weight: bold;
	margin: 0 auto !important;
	padding: 20px;
	box-shadow: 2px 6px 12px #d5d5d5;
    transition: .3s;		
	
}

.margin-top10{
	margin-top: 10px;
	
}

.white-box{
	padding: 20px;	
	background-color:#fff;
	border-radius:10px;	
}
.white-box-shadow{
	padding: 20px;
	background-color:#fff;
	border-radius:10px;
	box-shadow: 2px 6px 12px #d5d5d5;
  transition: .3s;		
}

/*必須　任意*/
.title{
	line-height: 1.7em;
}
.contact_req {
  color:#fff;
	font-weight: 600;
  	background-color: var(--require-color);
	border-radius: 5px;
	line-height: 1.7em;
}
.contact_free {
  color:#fff;
	font-weight: 600;	
  	background-color: var(--free-color);
	border-radius: 5px;	
}

.confirm_readonly{
	background: var(--btn-border-color);
}

.div_maring{
	margin-top:30px;
}
.div_maring_center{
	margin-top:30px;
	text-align: "center";	
}
.div_maring_40{
	margin-top:40px;

}
.maring-dl{
	margin-left:-40px;	
}

@media screen and (min-width: 768px) {
	
	
    .contact_box {
        width: 900px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0;
    }
	
    .float_left_2pc {
		float: left;
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
	
	input[type="text"],
	input[type="tel"],
	input[type="email"],
	textarea{
	  font-family: "UD新ゴ M","BIZ UDGothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,"MS PGothic", sans-serif;		
	  width:96%;
	}
	select,
	input[type="submit"],
	input[type="button"]{
	  font-family: "UD新ゴ M","BIZ UDGothic", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka,"MS PGothic", sans-serif;	
	  width:100%;
	}
}