@charset "utf-8";

/* メインスタイル
----------------------------------------------------------- */

/* visual */
div#visual ul {
	width: 941px;
	overflow: hidden;
	margin: 0 auto 58px auto;
}

div#visual ul li {
	float: left;
	width: 225px;
}

div#visual ul li:first-child,
div#visual ul li:nth-child(2) {
	margin: 0 14px 0 0;
}

div#visual ul li:nth-child(3) {
	margin: 0 13px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 941px) {
/* visual */
div#visual ul {
	width: auto;
}

div#visual ul li {
	float: left;
	width: 23.5%;
}

div#visual ul li:first-child,
div#visual ul li:nth-child(2),
div#visual ul li:nth-child(3) {
	margin: 0 2% 0 0;
}
}

@media screen and (min-width: 480px) and (max-width: 767px)  {
/* visual */
div#visual ul {
	width: auto;
}

div#visual ul li {
	float: left;
	width: 49%;
	text-align: center;
}

div#visual ul li:first-child,
div#visual ul li:nth-child(3) {
	margin: 0 2% 0 0;
}

div#visual ul li:nth-child(2) {
	margin: 0;
}
}

@media screen and (max-width: 479px) {
/* visual */
div#visual ul {
	width: auto;
	margin: 0 0 5% 0;
}

div#visual ul li {
	float: left;
	width: 49%;
	text-align: center;
}

div#visual ul li:first-child,
div#visual ul li:nth-child(3) {
	margin: 0 2% 0 0;
}

div#visual ul li:nth-child(2) {
	margin: 0;
}
}




/* item_box */
div#item_box {
	width: 940px;
	margin: 0 auto;
}

div#item_box h3 {
	font-size: 0;
	line-height: 0;
	text-align: center;
	width: 816px;
	margin: 0 auto 36px auto;
}

div#item_box h3 span {
	display: block;
	background: url(../images/bg_tm.gif) repeat;
}

div#item_box h3 span img {
	margin: -5px 0;
}

div#item_box ul {
	overflow: hidden;
	padding: 0 0 80px 138px;
	margin: 0 auto;
}

div#item_box ul li:nth-child(1),
div#item_box ul li:nth-child(3) {
	float: left;
	margin: 0 119px 34px 0;
}

div#item_box ul li:nth-child(2),
div#item_box ul li:nth-child(4) {
	margin: 0 0 34px 0;
}

div#item_box ul li:nth-child(5) {
	float: left;
	margin: 0 119px 0 0;
}

@media screen and (min-width: 920px) and (max-width: 941px) {
/* item_box */
div#item_box {
	width: auto;
	margin: 0 2%;
}

div#item_box ul {
	overflow: hidden;
	padding: 0 0 80px 0;
	margin: 0 auto;
}

div#item_box ul li:nth-child(1),
div#item_box ul li:nth-child(3) {
	float: left;
	margin: 0 50px 34px 0;
}

div#item_box ul li:nth-child(2),
div#item_box ul li:nth-child(4) {
	margin: 0 0 34px 0;
}

div#item_box ul li:nth-child(5) {
	float: left;
	margin: 0 50px 0 0;
}
}

@media screen and (min-width: 680px) and (max-width: 919px) {
/* item_box */
div#item_box {
	width: auto;
	margin: 0 2%;
}

div#item_box h3 {
	width: auto;
	margin: 0 auto 36px auto;
}

div#item_box ul {
	overflow: hidden;
	padding: 0 0 80px 0;
	margin: 0 5%;
}

div#item_box ul li:nth-child(1),
div#item_box ul li:nth-child(3) {
	float: left;
	margin: 0 5% 34px 0;
}

div#item_box ul li:nth-child(2),
div#item_box ul li:nth-child(4) {
	margin: 0 0 34px 0;
}

div#item_box ul li:nth-child(5) {
	float: left;
	margin: 0 5% 0 0;
}
}


@media screen and (min-width: 480px) and (max-width: 679px)  {
/* item_box */
div#item_box {
	width: auto;
	margin: 0 2%;
}

div#item_box h3 {
	width: auto;
	margin: 0 auto 36px auto;
}

div#item_box ul {
	overflow: hidden;
	padding: 0 0 50px 0;
	margin: 0 5%;
}

div#item_box ul li {
	float: none;
	width: auto;
}

div#item_box ul li:nth-child(1),
div#item_box ul li:nth-child(2),
div#item_box ul li:nth-child(3),
div#item_box ul li:nth-child(4),
div#item_box ul li:nth-child(5) {
	margin: 0 0 5% 0;
}
}

@media screen and (max-width: 479px) {
/* item_box */
div#item_box {
	width: auto;
	margin: 0 2%;
}

div#item_box h3 {
	width: auto;
	margin: 0 auto 36px auto;
}

div#item_box ul {
	overflow: hidden;
	padding: 0 0 50px 0;
	margin: 0 5%;
}

div#item_box ul li {
	float: none;
	width: auto;
}

div#item_box ul li:nth-child(1),
div#item_box ul li:nth-child(2),
div#item_box ul li:nth-child(3),
div#item_box ul li:nth-child(4),
div#item_box ul li:nth-child(5) {
	margin: 0 0 5% 0;
}
}




/* estimate */
section.estimate {
	position: relative;
	color: #fff;
	background: #2aa6e2;
	padding: 28px 0 23px 0;
}

section.estimate h4 {
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 10px 0;
}

section.estimate ul#mail_box {
	width: 940px;
	overflow: hidden;
	background: #fff;
	padding: 20px 0 16px 0;
	border-radius: 10px;
	margin: 0 auto 25px auto;
}

section.estimate ul#mail_box li {
	float: left;
}

section.estimate ul#mail_box li:nth-child(1) {
	margin: 20px 70px 0 68px;
}


section.estimate ul#tel_box {
	display: table;
	text-align: center;
	margin: 0 auto;
}

section.estimate ul#tel_box li {
	display: table-cell;
	vertical-align: middle;
}

section.estimate ul#tel_box li:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	padding: 0 25px 0 0;
}

section.estimate p {
	position: absolute;
	top: 130px;
	right: 80px;
}
@media screen and (min-width: 1220px) and (max-width: 1300px) {
section.estimate p {
	right: 30px;
}
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
section.estimate p {
	right: 0;
}
}

@media screen and (min-width: 940px) and (max-width: 999px) {
section.estimate p {
	display: none;
}
}

@media screen and (min-width: 750px) and (max-width: 939px) {
section.estimate ul#mail_box {
	width: auto;
	margin: 0 2% 25px 2%;
}

section.estimate ul#mail_box li {
	float: none;
	text-align: center;
}

section.estimate ul#mail_box li:nth-child(1) {
	margin: 0 0 10px 0;
}

section.estimate ul#tel_box {
	display: block;
	text-align: center;
	margin: 0 auto;
}

section.estimate ul#tel_box li {
	display: block;
}

section.estimate ul#tel_box li:nth-child(1) {
	padding: 0 0 10px 0;
}

section.estimate p {
	display: none;
	/*
	position: absolute;
	top: 200px;
	right: 5px;
	*/
}
}
@media screen and (max-width: 749px), screen and (max-device-width: 480px) {
section.estimate ul#mail_box {
	width: auto;
	margin: 0 2% 25px 2%;
}

section.estimate ul#mail_box li {
	float: none;
	text-align: center;
}

section.estimate ul#mail_box li:nth-child(1) {
	margin: 0 0 10px 0;
}

section.estimate ul#tel_box {
	display: block;
	text-align: center;
	margin: 0 auto;
}

section.estimate ul#tel_box li {
	display: block;
}

section.estimate ul#tel_box li:nth-child(1) {
	padding: 0 0 10px 0;
}

section.estimate p {
	display: none;
	/*
	position: absolute;
	top: 200px;
	right: 5px;
	*/
}
}

@media screen and (max-width: 479px) {
section.estimate ul#mail_box li:nth-child(2) {
	width: 90%;
	margin: 0 5%;
}
}