@charset "utf-8";

body{
	font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.container{
	width: 980px;
	margin: 0 auto;
}

/*--------------------*/
.box{
	background-image: url(../img/main-bg.jpg);
	background-size:contain;
	background-repeat: no-repeat;
	height: 370px;
	width: 100%;
}

.box ul{
	padding: 230px 0px 0 20px;
	width: 800px;
	margin: 0 auto;
	
}
.box ul li{
	float: left;
	width: 30%;
	margin:0 20px 0 0;
}

.box ul li img{
	max-width: 100%;
}

/*--------------------*/
.box2{
	background: #ecf3ef;
	padding: 20px 0;
}

.box2 ul{
	margin: 0 0 0 20px;
	
}
.box2 ul li{
	float: left;
	width: 48%;
}

.box2 ul li.left{
	margin-right: 20px;
}

.box2 ul li img{
	max-width: 100%;
}

/*--------------------*/
.box3{
	margin-bottom: 20px;
}

.box3 ul{
	width: 800px;
	margin: 0 auto;
	
}
.box3 ul li{
	float: left;
	width: 30%;
	margin:0 0 0 20px;
}

.box3 ul li img{
	max-width: 100%;
}

/* 共通お問合せ
---------------------------------------------------- */

a.contact_btn dd {
	width: 60%;
	font-size: 1.7em;
	font-weight: bold;
	margin-left: 20% !important;
	color: #fff;
	padding: 30px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

a.contact_btn p {
	width: 60%;
	font-size: 2.4em;
	font-weight: bold;
	margin-left: 20%!important;
	padding: 20px 0;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(189, 8, 8);
	border-radius: 6px;
	background-image: -moz-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(254,84,0) 0%, rgb(255,134,26) 100%);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.23), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

a.contact_btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
a.contact_btn span {
	border-radius: 4px;
	background-color: rgb(77, 29, 29);
	padding: 5px 10px;
	line-height: 1.6em;
	font-size: 1em;
	margin-right: 10px;
	vertical-align: top
}
a.contact_btn {
	text-decoration: none!important;
}

div.contact {
	color: #246b52;
	border: 6px solid #dcdcce;
	padding: 34px 70px 14px;
}
div.contact dl dd.contact-dd {
	padding: 0 40px;
	font-size: 90%;
}
div.contact dl dt {
	font-size: 1.4em;
	font-weight: bold ;
	text-align: center;
	padding: 0 66px;
}

div.contact dl dd {
	margin: 20px 0;
}

/* for common reset
===============================================================*/

a img {border: none;}
img {margin: 0px;padding: 0px;border: none;vertical-align: bottom;}
ul, ol {margin: 0;padding: 0;}
ul li {list-style-type: none;}
ol li {list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
/*h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-size: 100%;font-weight: normal;}*/
p {margin: 0;padding: 0;}
div {margin: 0px;padding: 0px;border: 0px;}

/* for clearFix
===============================================================*/
.clear {clear: both;}
.cf:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;}
.cf {display: inline-block;min-height: 1%;  /* for IE 7*/}
* html .cf {height: 1%;}
.cf {display: block;}

/*margin_style
===============================================================*/
.m_auto{margin-right:auto; margin-left:auto;}
/*右*/
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
/*上*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px;}
/*左*/
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;!important}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;!important}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}
/*下*/
.mb1{margin-bottom:1px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

/*padding_style
===============================================================*/
/*上*/
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}


/*ALL*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}

/*下*/
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

/*右*/
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
/*左*/
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}