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

/*/////////////////////////////////////////////////////////
file name: support.css
description: カーライフサポート事業専用スタイルシート

1.レイアウト
2.スマートフォン縦横
3.スマートフォン横

///////////////////////////////////////////////////////// */

/* ===========  1.レイアウト =========== */

.boxSupport01 {
	width: 330px;
	float: left;
}

.boxSupport02 {
	width: 330px;
	float: right;
}

.boxMov {
	margin-top: 20px;
}



/* ===========  2.667px以下スマホ縦横 =========== */
@media screen and (max-width: 667px) {

.boxSupport01 {
	width: 100%;
	float: none;
}

.boxSupport02 {
	width: 100%;
	float: none;
	margin-top: 20px;
}

.boxSupport01 img, .boxSupport02 img {
	width: 100%;
}

.boxMov {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.boxMov iframe,  
.boxMov object,  
.boxMov embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


}

/* ===========  3.スマホ横 =========== */
@media only screen and (max-device-width:667px) and (orientation:landscape) {

.boxSupport01 {
	width: 48%;
	float: left;
}

.boxSupport02 {
	width: 48%;
	float: right;
	margin-top: 0;
}	

	
}