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

/*-----------------------------------------------------------------

	estimate　見積もり 共通項

-----------------------------------------------------------------*/

/*---入力フォーム設定-------------*/

input,
select,
textarea {
	padding: 10px;
	font-size: 15px;
	border: 1px solid #d1d1d1;
    border-radius: 5px;
	box-sizing: border-box;
	transition: all 0.1s ease-out;
}


.selectWrap {
    position: relative;
    display: inline-block;
}

.selectWrap select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 170px;
    padding: 10px 40px 10px 20px; /* 矢印分の余白を右に確保 */
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
}

/* 矢印アイコン */
.selectWrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    background: url('../../../_images/common/icon/arrow.svg') no-repeat center;
    background-size: contain;
    transform: translateY(-50%) rotate(90deg); /* 90度回転 */
    pointer-events: none; /* 矢印の上でもクリック可能に */
}

input:focus,
select:focus,
textarea:focus {
	background-color: #e2ecf5;
	border: 1px solid #949db7;
	z-index: 10;
    outline: 0;
}

textarea {
	width: 80%;
}

@media screen and (max-width: 1100px) {
	input,
	input[type=number],
	select,
	textarea {
		font-size: 16px !important;
		border-radius: 0 !important;
	}
}


/* iOSでのデフォルトスタイルをリセット */
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;
}