/* CSS Document */
/*************************
        reset
*************************/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
img {
	display: block;
	border: none;
}

/*************************
        ここから
*************************/
body {
	font-family: "游ゴシック", "メイリオ", SansSerif;
}

#wrap {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../images/bg.png) repeat left top;
}


/*************************
        header
*************************/
header {
	width: 100%;
	height: 73px;
}
header img {
	max-width: 100%;
}
header div {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 50px;
}
h1 {
	float: left;
	width: 290px;
	margin-top: 6px;
}
h2 {
	float: right;
	width: 240px;
	margin-top: 16px;
}



/*************************
        mainimage
*************************/
.main_image {
	width: 100%;
}
.main_image img {
	width: 100%;
}


/*************************
          obi
*************************/
.obi {
	width: 100%;
	margin-bottom: 62px;
}
.obi img {
	width: 100%;
}

/*************************
         setumei
*************************/
.setumei {
	width: 100%;
	max-width: 969px;
	margin: 0 auto 52px;
}
.setumei img {
	max-width: 100%;
}
.setumei2 {
	width: 100%;
	max-width: 872px;
	margin: 0 auto 46px;
}
.setumei2 img {
	max-width: 100%;
}


/*************************
         point
*************************/
.point1 {
	width: 100%;
	max-width: 945px;
	margin: 0 auto 20px;
}
.point2 {
	width: 100%;
	max-width: 946px;
	margin: 0 auto 20px;
}
.point3 {
	width: 100%;
	max-width: 945px;
	margin: 0 auto 40px;
}
.point1 img,.point2 img,.point3 img {
	max-width: 100%;
}

/*************************
         kinri
*************************/
.kinri {
	width: 100%;
	max-width: 945px;
	margin: 0 auto 18px;
}
.kinri img {
	max-width: 100%;
}

/*************************
         注釈
*************************/
.chuushaku {
	width: 100%;
	max-width: 945px;
	margin: 0 auto;
}
.chu_ttl {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 4px;
}
.chu_naiyou {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

.chu_link {
	text-align: right;
	font-size: 19px;
	margin-top: 46px;
	margin-bottom: 42px;
}
.chu_link a {
	display: block;
}
.chu_naiyou2 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

/*************************
         bnr
*************************/
.bnr {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto 60px;;
}
.bnr img {
	max-width: 100%;
}
.bnr li {
	float: left;
	width: 32%;
}
.bnr1,.bnr2 {
	margin-right: 2%;
}
.bnr a {
	display: block;
}
.bnr a:hover {
	transition: .3s;
	opacity: 0.8;
}

/*************************
         hikaku
*************************/
.hikaku {
	width: 100%;
	max-width: 962px;
	margin: 0 auto 22px;
}
.hikaku img {
	max-width: 100%;
}


/*************************
         arrow
*************************/
.arrow1 {
	width: 100%;
	max-width: 147px;
	margin: 15px auto 0;
}
.arrow1 img {
	max-width: 100%;
}
.arrow2 {
	width: 100%;
	max-width: 439px;
	margin: 0 auto 24px;
}
.arrow2 img {
	max-width: 100%;
}

/*************************
  otoku check plan catch
*************************/
.otoku {
	width: 100%;
	max-width: 960px;
	margin: 0 auto 45px;
}
.otoku img {
	max-width: 100%;
}
.check {
	width: 100%;
	max-width: 977px;
	margin: 0 auto 10px;
}
.check img {
	max-width: 100%;
}
.plan {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto 20px;
}
.plan img {
	max-width: 100%;
}
.catch {
	width: 100%;
	max-width: 1011px;
	margin: 0 auto 34px;
}
.catch img {
	max-width: 100%;
}

/*************************
       living bnr
*************************/
.living_bnr {
	width: 100%;
	max-width: 786px;
	margin: 0 auto 52px;
}
.living_bnr img {
	max-width: 100%;
}
.living_bnr a {
	display: block;
}
.living_bnr a:hover {
	transition: .3s;
	opacity: 0.8;
}

/*************************
        footer
*************************/
footer {
	background-color: #e6e6e6;
	height: 108px;
}
.foot_body {
	max-width: 1124px;
	margin: 0 auto;
}
.foot_body a {
	display: block;
}
.foot_body a:hover {
	transition: .3s;
	opacity: 0.8;
}
.foot_body img {
	max-width: 100%;
}
.foot_body li {
	float: left;
}
.ft01 {
	width: 26.86%;
	margin-right: 4.27%;
	margin-top: 18px;
}
.ft02 {
	width: 25.26%;
	margin-right: 2.84%;
	margin-top: 18px;
}
.ft03 {
	width: 19.39%;
	margin-right: 1.06%;
	margin-top: 35px;
}
.ft04 {
	width: 19.39%;
	margin-top: 35px;
}

/*************************
        copyright
*************************/
.copyright {
	text-align: center;
	font-size: 10px;
	padding: 8px 0;
}



/*************************
       clearfix
*************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {*zoom: 1;} /*IE6/7*/