.page-title h1 {
  padding: 18px 0 0 80px;
  height: 82px;
  background: url(../images/bg_page_title_text.png) no-repeat 0 0;
}
.main-title {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  background: #0269a9 url(../images/bg_main.png) no-repeat left bottom;
  height: 580px;
  margin-bottom: 30px;
  border-top: 4px solid #b88b51;
}
.main-title .inner {
  padding-top: 40px;
}
.main-title .inner .main-text {
  position: absolute;
  width: 312px;
  height: 58px;
  margin: 0;
  padding: 0;
  top: 20px;
  left: 10px;
}
.main-title .inner h2 {
  width: 471px;
  height: 191px;
  margin: 0 auto;
  padding: 0;
}
.main-title .inner ul.main-img-list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 765px;
}
.main-title .inner ul.main-img-list li {
  margin: 10px;
  padding: 0;
  width: 235px;
  height: 256px;
  float: left;
}
.main-title .inner ul.main-img-list:after {
  content: "";
  display: block;
  clear: both;
}
.sample-btn-list {
  list-style: none;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
  zoom: 1;
}
.sample-btn-list li {
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  float: left;
}
.sample-btn-list li .btn {
  min-width: 0;
  display: block;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  margin: 0 3px;
  vertical-align: top;
}
.sample-btn-list:after {
  content: "";
  display: block;
  clear: both;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .page-title h1 {
    background-image: url(../images/bg_page_title_text_x2.png);
    -webkit-background-size: 130px 130px !important;
    -moz-background-size: 130px 130px !important;
    background-size: 130px 130px !important;
  }
  .main-title .inner img {
    display: none;
  }
  .main-title .inner .main-text {
    background-image: url(../images/main_text01_x2.png);
    -webkit-background-size: 312px 58px !important;
    -moz-background-size: 312px 58px !important;
    background-size: 312px 58px !important;
    background-repeat: no-repeat;
  }
  .main-title .inner h2 {
    background-image: url(../images/main_title_x2.png);
    -webkit-background-size: 471px 238px !important;
    -moz-background-size: 471px 238px !important;
    background-size: 471px 238px !important;
    background-repeat: no-repeat;
  }
  .main-title .inner ul.main-img-list li.main-img01 {
    background-image: url(../images/main_img01_x2.png);
    -webkit-background-size: 214px 214px !important;
    -moz-background-size: 214px 214px !important;
    background-size: 214px 214px !important;
    background-repeat: no-repeat;
  }
  .main-title .inner ul.main-img-list li.main-img02 {
    background-image: url(../images/main_img02_x2.png);
    -webkit-background-size: 214px 214px !important;
    -moz-background-size: 214px 214px !important;
    background-size: 214px 214px !important;
    background-repeat: no-repeat;
  }
  .main-title .inner ul.main-img-list li.main-img03 {
    background-image: url(../images/main_img03_x2.png);
    -webkit-background-size: 214px 214px !important;
    -moz-background-size: 214px 214px !important;
    background-size: 214px 214px !important;
    background-repeat: no-repeat;
  }
}
@media only screen and (max-width: 750px) {
  .main-title {
    height: auto;
  }
  .main-title .inner {
    padding: 10px 5px;
  }
  .main-title .inner img {
    width: 100%;
    height: auto;
  }
  .main-title .inner .main-text {
    position: relative;
    max-width: 312px;
    width: auto;
    height: 50px;
    margin: -10px auto 10px auto;
    padding: 0;
    top: 0;
    left: 0;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    background-size: 100% auto !important;
  }
  .main-title .inner h2 {
    max-width: 471px;
    width: auto;
		height:auto;
    margin: 5px auto 10px;
    padding: 0;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    background-size: 100% auto !important;
  }
  .main-title .inner ul.main-img-list {
    width: auto;
		margin: 15px auto 5px !important;
  }
  .main-title .inner ul.main-img-list li {
    margin: 5px auto !important;
    width: 235px;
    height: 256px;
    float: none;
  }
	.main-title .inner ul.main-img-list li.main-img01,
	.main-title .inner ul.main-img-list li.main-img02,
	.main-title .inner ul.main-img-list li.main-img03 {
    margin: 5px auto 5px auto  !important;
  }
}
@media only screen and (max-width: 640px) {
  .sample-btn-list {
    list-style: none;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
  }
  .sample-btn-list li {
    width: auto;
    display: block;
    float: none;
  }
}