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

/*common----------------------------------------*/
html, body, h1, h2, h3, a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	list-style-type: none;
	font-weight: normal;
	overflow-x: hidden;
}
body {
	min-width: 1000px;
}
ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
img {
	border-style: none;
	width: 100%;
}
.pc {
	display:block;
}
.sp {
	display:none;
}
a {
	outline: none;
}
.inr {
	margin-right: auto;
	margin-left: auto;
}
hr{
    margin-bottom: 43px;
    margin-top:0px;
}
/*clearfix----------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    overflow:hidden;
    height: 0px;
    line-height: 0;
    clear: both;
}

/*link--------------------------------------------*/
.btn:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-opacity:0.8;
	opacity:0.8;
}


/*header------------------------------------------*/
header .inr {
	width: 940px;
	padding-bottom: 11px;
}
header .logo {
	width: 160px;
	float: left;
	margin-top: 28px;
}
h1 {
	width: 356px;
	float: left;
	margin-top: 68px;
	margin-left: 15px;
}
header .contact {
	float: right;
	margin-top: 13px;
	width: 240px;
	position: relative;
	z-index: 10;
}
header .contact .btn {
	margin-top: 8px;
}

#h1head {
    background: #eeeeee;
    margin-bottom: 10px;
    margin:0;
}
#h1head #h1outer{
    width: 940px;
    display: block;
    margin: auto;
}
#h1head h1 {
    padding: 7px;
    max-width: 940px;
    margin: auto;
    font-size: 100%;
    background: #eeeeee;
    color: #333;
    line-height: 1;
}
#headerInner .LP {
    float: left;
    margin: 68px 0 0 15px;
}
#headerInner .LP img{
    width: auto;
}
/*section------------------------------------------*/
#sec01 {
	background: url(../images/bg_01.jpg) repeat-y center top;
	background-size: 100% auto;
}
#sec01 .inr {
	width: 1000px;
	padding-bottom: 25px;
}
#sec01 .ttl {
	width: 396px;
	margin-top: -71px;
	margin-left: -198px;
	position: absolute;
	left: 50%;
	top: 50%;
}
#sec01 .slide {
	margin-bottom: 40px;
	position: relative;
}
#sec01 .list1 {
	padding-right: 80px;
	padding-left: 80px;
	position: relative;
	z-index: 10;
}
#sec01 .list1 li {
	margin: 0px 5px 23px;
	float: left;
	width: 410px;
}
#sec02 {
	background: url(../images/bg_02.jpg) repeat-y center top;
	background-size: 100% auto;
	padding-top: 45px;
	position: relative;
	padding-bottom: 75px;
}
#sec02 .inr {
	width: 1000px;
	position: relative;
}
#sec02 .ttl {
	width: 1260px;
	margin-left: -630px;
	position: absolute;
	left: 50%;
}
#sec02 .btn_01 {
	width: 208px;
	top: 50px;
	right: 43px;
	position: absolute;
	z-index: 10;
}
#sec02 ul li {
	float: left;
}
#sec02 .list2 {
	padding-right: 70px;
	padding-left: 70px;
	padding-top: 240px;
}
#sec02 .list2 li {
	margin: 25px 25px 10px;
	width: 375px;
}
#sec02 .contact {
	width: 584px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 10;
	margin-top: 25px;
}
#sec02 .obi {
	width: 1260px;
	position: absolute;
	top: 1175px;
	margin-left: -630px;
	left: 50%;
}
#sec02 .pen {
	position: absolute;
	top: 1180px;
	right: -175px;
}
#sec02 .list3 {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 175px;
	position: relative;
	z-index: 10;
}
#sec02 .list3 li {
	margin: 20px 20px 25px;
	width: 275px;
}
#contact {
	background: #eee;
}
#contact .inr {
	min-height: 900px;
	position: relative;
	z-index: 10;
}

@media screen and (max-width:640px){
/*common----------------------------------------*/
body {
	width: 100%;
	min-width: 100%;
}
.sp {
	display:block;
}
.pc {
	display:none;
}

/*link--------------------------------------------*/
.btn:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-opacity:1;
	opacity:1;
}

/*header------------------------------------------*/
header .inr {
	width: 100%;
	padding-bottom: 10px;
}

/*section------------------------------------------*/
#sec01 .slide {
	margin-bottom: 5%;
}
#sec01 .inr {
	width: 100%;
	padding-bottom: 28px;
}
#sec01 .ttl {
	width: 60%;
	margin-top: 0;
	margin-left: 0;
	position: absolute;
	left: 20%;
	top: 31%;
}
#sec01 .list1 {
	padding-right: 3%;
	padding-left: 3%;
	width: 94%;
}
#sec01 .list1 li {
	margin: 0px;
	float: none;
	width: 100%;
}
#sec02 {
	padding-top: 8%;
	padding-bottom: 0;
}
#sec02 .inr {
	width: 100%;
}
#sec02 .ttl {
	width: 100%;
	margin: 0px;
	position: static;
}
#sec02 .btn_01 {
	width: 30%;
	top: -3.5%;
	right: 2%;
}
#sec02 .list2 {
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 2%;
	width: 94%;
	z-index: 11;
	position: relative;
}
#sec02 .list2 li {
	margin: 2% 2% 4%;
	width: 46%;
}
#sec02 .contact {
	width: 90%;
	margin: 4% auto;
}
#sec02 .tel {
	width: 90%;
	margin: 0 auto 6%;
	position: relative;
	z-index: 10;
}
#sec02 .obi {
	width: 100%;
	position: static;
	margin-left: 0;
}
#sec02 .pen {
	position: static;
	width: 100%;
	margin-top: -14%;
}
#sec02 .list3 {
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 4%;
}
#sec02 .list3 li {
	margin: 2% 2% 4%;
	width: 46%;
}
#sec02 .list3 .center {
	float: none;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 2%;
}
#contact .inr {
	min-height: 500px;
}

}