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

/*/////////////////////////////////////////////////////////
file name: company.css
description: 会社案内専用スタイルシート

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

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

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

/*もしも事故にあわれたら*/
.boxIndex {
	margin-left: 20px;
	width: 330px;
	margin-top: 15px;
	float: left;
}

.boxIndex01 {
	width: 460px;
	float: left;
}

.boxIndex02 {
	width: 200px;
	float: right;
}

#titleIndex01 {
	background: url(../images/index/bg_titleIndex01.gif) left top no-repeat;
	min-height: 32px;
	padding: 8px 0 0 40px;
	font-size: 157.1%;
	color: white;
	font-weight: 900;
}

#titleIndex02 {
	background: url(../images/index/bg_titleIndex02.gif) left top no-repeat;
	min-height: 32px;
	padding: 8px 0 0 40px;
	font-size: 157.1%;
	color: white;
	font-weight: 900;
}

#titleIndex03 {
	background: url(../images/index/bg_titleIndex03.gif) left top no-repeat;
	min-height: 32px;
	padding: 8px 0 0 40px;
	font-size: 157.1%;
	color: white;
	font-weight: 900;
}

#titleIndex04 {
	background: url(../images/index/bg_titleIndex04.gif) left top no-repeat;
	min-height: 32px;
	padding: 8px 0 0 40px;
	font-size: 157.1%;
	color: white;
	font-weight: 900;
}

.imgRight p img.tel {
	width: 230px;
}

.imgRight p img.freedial {
	width: 22px;
}

.boxIndex03 {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	background-color: #e5e5e5;
	padding: 15px 40px;
}

/*違法駐車について*/
.boxIhou01 {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	background-color: #e5e5e5;
	padding: 15px 20px 5px;
	font-size: 185.7%;
	text-align: center;
}

.boxIhou02 {
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	-khtml-border-radius: 10px;
	background-color: #65b50f;
	padding: 15px 20px 5px;
	font-size: 185.7%;
	font-weight: 900;
	text-align: center;
	color: white;
}


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

/*もしも事故にあわれたら*/
.boxIndex {
	margin-left: 2%;
	margin-right: 2%;
	width: auto;
	float: none;
}

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

.boxIndex02 {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 20px;
}

.boxIndex03 {
	padding: 15px;
}

.imgRight p img.tel {
	width: auto;
	margin: 0 auto;
}

/*違法駐車について*/
.boxIhou01 {
	font-size: 133.3%;
	text-align: left;
}

.boxIhou02 {
	font-size: 133.3%;
	text-align: left;
}

}

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

/*もしも事故にあわれたら*/
.boxIndex {
	margin-left: 2%;
	margin-right: 2%;
	width: 46%;
	float: left;
}

.boxIndex p img {
	width: 100%;
}

.imgRight p img.tel {
	width: 230px;
}

.boxIndex01 {
	width: 70%;
	float: left;
}

.boxIndex02 {
	width: 25%;
	float: right;
	margin-top: 0;
}

.boxIndex02 img {
	width: 100%;
}

.boxIndex03 {
	padding: 15px 40px;
}

#titleIndex01, #titleIndex02, #titleIndex03, #titleIndex04 {
	font-size: 133.3%;
}

/*違法駐車について*/
.boxIhou01 {
	font-size: 160%;
	text-align: center;
}

.boxIhou02 {
	font-size: 160%;
	text-align: center;
}
	
}