/* お問い合わせ
-------------------------------------------------*/

.side_padding p { margin-bottom: 1.5em; }

.side_padding a:hover { color: #0a6ec4; text-decoration: underline; }

.side_padding a[target="_blank"] { padding-right: 5px; position: relative; }

.side_padding a[target="_blank"]::after { content: ""; width: 11px; height: 11px; vertical-align: middle; margin-left: 5px; background: url(/flight-operations/inquiry/img/base/icon_blank_blue.svg) 0 0/contain no-repeat; display: inline-block; }

form.style1 { margin-bottom: 2.5em; }

form.style1 table { width: 100%; margin-bottom: 3em; }

form.style1 table th { position: relative; }

form.style1 table td label { vertical-align: middle; padding: 0 1em 0 0; display: inline-block; }

form.style1 table td input,
form.style1 table td textarea { height: 3em; vertical-align: middle; padding: 0 0.4em; border: 1px solid #e7e7e7; display: inline-block; }

form.style1 table td input[type="text"],
form.style1 table td input[type="email"],
form.style1 table td input[type="tel"] { width: 100%; }

form.style1 table td input.zip { width: 8em; vertical-align: top; margin-bottom: 1em; }

form.style1 table td textarea { width: 100%; height: 8em; }

form.style1 table .required th:after { content: "必須"; font-size: 0.8em; font-weight: normal; color: #fff; font-family: "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif; line-height: 1; padding: 0.25em 0.5em; background: #145bb2; position: absolute; top: 2.5em; right: 2.5em; }

form.style1 table .example { font-size: 0.8em; line-height: 1.5; margin-top: 0.5em; display: block; }

form.style1 table .value { padding: 0.5em 0; display: inline-block; }

form.style1 table .error { color: #f00; padding: 0.5em; }

form.style1 .btnArea { text-align: center; }

form.style1 .btnArea a { color: #145bb2; }

form.style1 .btnArea .btnStyle1 a,
form.style1 .btnArea .btnStyle1 button { color: #fff; font-weight: bold; line-height: 3.5; padding: 0 3em; border-radius: 1.75em; background: #145bb2; display: inline-block; box-sizing: border-box; position: relative; }

form.style1 .btnArea .btnStyle1 a::before,
form.style1 .btnArea .btnStyle1 a::after,
form.style1 .btnArea .btnStyle1 button::before,
form.style1 .btnArea .btnStyle1 button::after { width: 10px; height: 10px; margin-top: -7px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: inline-block; }

form.style1 .btnArea .btnStyle1 a::after,
form.style1 .btnArea .btnStyle1 button::after { content: ""; -webkit-transform: translateX(5px) rotate(45deg); transform: translateX(5px) rotate(45deg); }

form.style1 .btnArea .btnStyle1.back a::before,
form.style1 .btnArea .btnStyle1.back button::before { content: ""; -webkit-transform: translateX(-5px) rotate(-135deg); transform: translateX(-5px) rotate(-135deg); }

form.style1 .btnArea .btnStyle1.back a::after,
form.style1 .btnArea .btnStyle1.back button::after { content: none; }

@media print, screen and (min-width: 768px) { form.style1 table th { width: 280px; padding: 25px 30px; }

	form.style1 table td { padding: 20px 30px; }

	form.style1 table td input,
	form.style1 table td textarea,
	form.style1 table td label { font-size: 15px; font-size: 1.5rem; }

	form.style1 .btnArea .btnStyle1 a,
	form.style1 .btnArea .btnStyle1 button { font-size: 15px; font-size: 1.5rem; cursor: pointer; transition: all 0.3s; }

	form.style1 .btnArea .btnStyle1 a:hover,
	form.style1 .btnArea .btnStyle1 button:hover { background: #1d7dcf; text-decoration: none; } }

@media only screen and (max-width: 767px) { form.style1 table th,
	form.style1 table td { padding: 3vw 5vw; display: block; }

	form.style1 table td input,
	form.style1 table td textarea,
	form.style1 table td label { font-size: 16px; font-size: 1.6rem; }

	form.style1 table .required th:after { top: 1.25em; }

	form.style1 .btnArea .btnStyle1 a,
	form.style1 .btnArea .btnStyle1 button { width: 100%; font-size: 3.8vw; line-height: 1.5; text-align: center; padding: 12px 2em; display: block; } }