@charset 'UTF-8';
/*！--------------------------------------------------------
	たびらいお問い合わせフォーム css
--------------------------------------------------------- */
/**
 * General Styles
 */
/* 遊ゴシック体のウェイト調整用ハック */
@font-face {
	font-family: "YuGothic M";
	src: local(Yu Gothic Medium);
}

#breadCrumb {
	overflow: hidden;
	font-size: 12px;
	padding: 0;
	width: 980px;
	margin: 15px auto;
}

#breadCrumb li {
	display: inline-block;
	line-height: 2;
	list-style: none;
}

#breadCrumb li a {
	color: inherit;
}

#breadCrumb li:not(:last-child)::after {
	content: ">";
	display: inline-block;
	margin: 0 0.5em;
}

#tb_contact {
	font-family: YuGothic, "YuGothic M", "メイリオ", "Meiryo",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	color: #333;
	line-height: 1.6;
}

/**
 * Components
 */
/* 見出し */
.tb-headline {
	border-bottom: 2px solid #59bded;
	color: #003894;
	font-size: 28px;
	font-weight: 700;
	width: 980px;
	margin: 0 auto;
	margin-bottom: 1em;
}

/* ボタン */
.tb-button {
	font-family: inherit;
	display: inline-block;
	position: relative;
	line-height: normal;
	white-space: nowrap;
	text-align: center;
	box-sizing: border-box;
	padding: 1em 4em;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 17px;
	color: #666;
	overflow: hidden;
	max-width: 290px;
	width: 95%;
	margin: 0.5em auto;
	zoom: 1;
	cursor: pointer;
}

.tb-button.\--isPrimaty {
	background-color: #f2901a;
	background-image: linear-gradient(#f39c32, #f08401);
	color: #fff;
	border: 1px solid #f6b260;
	font-weight: 700;
	box-shadow: 0 0 0 1px #d87600;
	transition: background-image 100ms linear;
}

.tb-button.\--isPrimaty:link,
.tb-button.\--isPrimaty:visited {
	color: #fff;
}

.tb-button.\--isPrimaty:hover {
	background-image: linear-gradient(#f08300, #f08300);
	text-decoration: none;
}

.tb-button.\--isSecondary {
	background-color: #4bbc98;
	background: linear-gradient(#5ec3a3, #38b48c);
	color: #fff;
	border: 1px solid #64c4a5;
	font-weight: 700;
	box-shadow: 0 0 0 1px #31a27e;
}

.tb-button.\--isSecondary:link,
.tb-button.\--isSecondary:visited {
	color: #fff;
}

.tb-button.\--isSecondary:hover {
	background-image: linear-gradient(#37b48c, #37b48c);
	text-decoration: none;
}

.tb-button.\--isTertiary {
	background-color: #e9e9e9;
	background: linear-gradient(#ebebeb, #e6e6e6);
	color: #666;
	border: 1px solid #efefef;
	font-weight: 700;
	box-shadow: 0 0 0 1px #ccc;
}

.tb-button.\--isTertiary:link,
.tb-button.\--isTertiary:visited {
	color: #666;
}

.tb-button.\--isTertiary:hover {
	background-image: linear-gradient(#e6e6e6, #e6e6e6);
	text-decoration: none;
}

.tb-button.\--size-small {
	width: 200px;
}

/**
 * ステップナビゲーション
 */
.tb-steps {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	cursor: default;
	width: 980px;
	margin: 0 auto 2em;
}

.tb-steps__item {
	height: inherit;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #ade1ff;
	position: relative;
	-ms-flex: 1;
	flex: 1;
}

.tb-steps__item:first-child {
	z-index: 3;
}

.tb-steps__item:nth-child(2) {
	z-index: 2;
}

.tb-steps__item:nth-child(3) {
	z-index: 1;
}

.tb-steps__item::after {
	content: url("../img/ui_steps_passive.png");
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -15px;
}

.tb-steps__item.\--isActive {
	background: #3779b3;
}

.tb-steps__item.\--isActive::after {
	content: url("../img/ui_steps_active.png");
}

/* テキスト */
.tb-text {
	color: #333;
	font-size: 14px;
	width: 980px;
	margin: 0 auto 1em;
}
.tb-text span {
	color: #f00;
}

/**
 * 入力フォーム
 */
.tb-form__group {
	display: -ms-flexbox;
	display: flex;
	width: 980px;
	margin: 0 auto;
}

.tb-form__group__item > input,
.tb-form__group__item > select,
.tb-form__group__item > textarea {
	padding: 0.5em;
	font-family: inherit;
	box-sizing: border-box;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
}

.tb-form__group__item > input:focus,
.tb-form__group__item > select:focus,
.tb-form__group__item > textarea:focus {
	outline: 0;
	border-color: #129fea;
}

.tb-form__group__item {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: -1px;
}

.tb-form__group__item:nth-child(odd) {
	display: -ms-flexbox;
	display: flex;
	background: #f2f2f2;
	width: 250px;
	min-height: 60px;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.75em 1em;
	box-sizing: border-box;
	font-size: 14px;
}

#guide_form4 .tb-form__group__item,
#guide_form5 .tb-form__group__item {
	display: block;
}

#guide_form4 .tb-form__group__item label,
#guide_form5 .tb-form__group__item label {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}

.tb-form__group.\--isRequire .tb-form__group__item:nth-child(odd) {
	position: relative;
}

.tb-form__group.\--isRequire .tb-form__group__item:nth-child(odd)::after {
	content: "必須";
	font-size: 11px;
	padding: 0.4em 1em;
	background: #ff5959;
	color: #fff;
}

#guide_form4.tb-form__group.\--isRequire .tb-form__group__item::after,
#guide_form5.tb-form__group.\--isRequire .tb-form__group__item::after {
	content: none;
}

#guide_form4.tb-form__group.\--isRequire .tb-form__group__item label::after,
#guide_form5.tb-form__group.\--isRequire .tb-form__group__item label::after {
	content: "必須";
	font-size: 11px;
	padding: 0.4em 1em;
	margin-left: 0.5em;
	background: #ff5959;
	color: #fff;
}

.tb-form__group__item:nth-child(even) {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5em;
	font-size: 14px;
	box-sizing: border-box;
}

.tb-form__group__item > input {
	width: 200px;
}

.tb-form__group__item > input[name="email"] {
	width: 300px;
}

.tb-form__group__item > select {
	width: 300px;
}

.tb-form__group__item > textarea {
	width: 500px;
}

.tb-form__group__item label.error {
	margin: 1em 0 0;
	font-size: 11px;
	color: #f00;
}

.tb-form__group__item label.error::before {
	content: "※";
}

#guide_form3.tb-form__group .caution {
	color: red;
	font-weight: bold;
}

#guide_form4.tb-form__group .caution,
#guide_form5.tb-form__group .caution,
#guide_form7.tb-form__group .caution {
	display: block;
	margin-bottom: 10px;
	color: red;
}

#calendar,
#mitei_date {
	margin-bottom: 10px;
}

/* 注釈テキスト */
.tb-form__annotation {
	margin: 1em 0 0;
	font-size: 11px;
}

.tb-form__annotation.\--isWarning li::before {
	content: "※";
}

.tb-form__annotation.\--isError {
	color: #f00;
}

/* 送信ボタンラッパー */
.tb-form__button {
	margin: 1em 0;
	text-align: center;
}

.tb-form__button p {
	color: #f00;
}

.tb-form__calendar {
	width: 200px;
	padding: 0.5em;
	font-family: inherit;
	box-sizing: border-box;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
}

/* reCAPTCHA */
.g-recaptcha {
	margin-top: 1em;
	display: flex;
	justify-content: center;
}