@charset "utf-8";

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/*レイアウト*/
	#header_contents_wrap {height: auto;padding: 10px;}
	#header #logo {padding-top: 0px;}
	#header #logo img {width: 84px;}
	#enquetes {width: 100%;padding: 10px;}
}

/* タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px) {
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*テキスト*/
	h2.ttl-h2, h2.page-name {font-size: 2.0rem;}
	h3.ttl-h3 {font-size: 1.7rem;}
	h4.ttl-h4 {font-size: 1.5rem;}
	/*フォーム*/
	.form-table li strong {float: none;display: block;width: 100%;padding-bottom: 0;overflow: hidden;}
	.select2-container {width: 100% !important;}
	.selectView{position: relative;padding: 0;cursor: pointer; overflow: hidden; clear: both;}
	.selectView::after{content: " \f0d7";display: block;font-family: FontAwesome;position: absolute;right: 15px;top: 7px;z-index: 0;width: 5px;height: 5px;}
	.selectView select{-webkit-appearance: none;-webkit-border-radius: 0;border-radius: 3px;border: 1px solid #CCC;width: auto;padding: 6px 12px;z-index: 50;background-color: #FFF;width: 100% !important;}
	.form-control.btn {margin-left: 0;}
	/*チェックボックス・ラジオボタン*/
	.img-list li span {display: block;margin-bottom: 10px;}
	.btn-list {overflow: hidden;margin-right: 0;}
	.btn-list label {
	margin: 0 10px 10px 0 !important;
	width: 48%;
	display: inline-block;
	}
}

/* Sサイズのみ : Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	/*ボタンブロック*/
	.func-btm .btn {display: block;margin: 10px 0;width: 100%;}
	/*ログイン*/
	.loginPanel{margin: 30px auto 0;width: 100%;}
	/*車両ロケーション*/
	.ans-ttl span {margin-bottom: 10px;display: inline-block;}
	.ans-ttl div {display: block;padding: 0;}
	.enquetes-list-block dt .question-txt {display: block;padding: 10px 0 0;}
	.questImageArea {text-align: center;}
	/*チェックボックス・ラジオボタン*/
	.img-list li {display: block;text-align: center;}
	.btn-list label {
	margin: 0 0 10px 0 !important;
	width: 100%;
	display: block;
	}
}