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

/*/////////////////////////////////////////////////////////
file name: fax.css
description: faxでのお申込み専用スタイルシート

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

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

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

#boxFax {
	background-color: #e5e5e5;
	text-align: center;
	padding: 15px 0 5px;
}

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

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

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

#boxFax img {
	width: 94%;
}

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

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

.boxBtn01 img, .boxBtn02 img {
	width: 100%;
}

#sample p img {
	width: 100%;
}

}

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

#boxFax img {
	width: auto;
}

.boxBtn01 {
	width: 48%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.boxBtn02 {
	width: 48%;
	float: right;
	margin-left: 1%;
	margin-right: 1%;
}


	
}