.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;
  background: #f9f9f9 url(../images/bg_index_img.jpg) no-repeat 0 0;
  margin-bottom: 30px;
}
.main-title .inner {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: url(../images/bg_index_line.png) repeat-x left bottom;
  height: 280px;
  overflow: hidden;
}
.main-title h2 {
  margin: 45px 0 0 20px;
  width: 179px;
  height: 179px;
}
.test-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  margin-bottom: 30px;
  background-color: #fff;
}
.test-box .header {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dddddd;
}
.test-box .body p {
  margin: 0;
}
.test-box .body table {
  margin-bottom: 0;
}
.section-index {
  margin-bottom: 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  border-bottom: 4px solid #dddddd;
  background: url(../images/bg_section_index.png) repeat 0 0;
}
.section-index a {
  color: #000;
  text-decoration: none;
}
.section-index a:hover {
  color: #0176cc;
}
.section-index .section-flow {
  padding: 30px 0;
}
.section-index .section-flow .icon {
  display: block;
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.section-index .section-outline {
  padding: 30px 0;
}
.section-index .section-outline .icon {
  display: block;
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.section-index .section-location {
  padding: 30px 0;
}
.section-index .section-location .icon {
  display: block;
  width: 120px;
  height: 120px;
  margin: 10px auto;
}
.for-beginner {
  margin-bottom: 30px;
}
.for-beginner .step {
  padding: 0;
  min-height: 100px;
  border-bottom: 1px solid #dddddd;
  margin: 10px 50px;
}
.for-beginner .step dl {
  margin: 0;
  padding: 0 80px 0 0;
  min-height: 100px;
}
.for-beginner .step dl dt {
  margin: 0;
  padding: 20px 0 10px 0;
  font-size: 18px;
  color: #0176cc;
}
.for-beginner .step dl dd {
  margin: 0;
  padding: 0;
}
.for-beginner .step .inner {
  padding: 0 0 20px 130px;
  margin-bottom: 20px;
  background: url(../images/icon_arrow_down.png) no-repeat 40px bottom;
}
.for-beginner .step01 {
  background: url(../images/icon_step01.png) no-repeat 0 0;
}
.for-beginner .step01 dl {
  background: url(../images/img_step01.png) no-repeat right 15px;
}
.for-beginner .step02 {
  background: url(../images/icon_step02.png) no-repeat 0 0;
}
.for-beginner .step02 dl {
  background: url(../images/img_step02.png) no-repeat right 15px;
}
.for-beginner .step03 {
  background: url(../images/icon_step03.png) no-repeat 0 0;
}
.for-beginner .step03 dl {
  background: url(../images/img_step03.png) no-repeat right 15px;
}
.for-beginner .step04 {
  background: url(../images/icon_step04.png) no-repeat 0 0;
}
.for-beginner .step04 dl {
  background: url(../images/img_step04.png) no-repeat right 15px;
}
.for-beginner .step05 {
  background: url(../images/icon_step05.png) no-repeat 0 0;
}
.for-beginner .step05 dl {
  background: url(../images/img_step05.png) no-repeat right 15px;
}
.for-beginner .step05 .inner {
  background: none;
}
.registration-flow {
  list-style: none;
  margin: 0;
  padding: 0;
}
.registration-flow dl {
  zoom: 1;
  margin: 0;
  padding: 0 0 20px 0;
}
.registration-flow dl dt {
  background: url(../images/icon_arrow_down.png) no-repeat center bottom;
  margin: 0;
  padding: 0 0 20px 0;
  float: left;
  width: 30%;
}
.registration-flow dl dt span {
  display: block;
  padding: 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #1ba1e6;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.registration-flow dl dd {
  margin: 0;
  padding: 0;
  float: right;
  width: 70%;
}
.registration-flow dl dd p {
  margin: 0;
  padding: 0 20px;
}
.registration-flow dl:after {
  content: "";
  display: block;
  clear: both;
}
.registration-flow li {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}
.registration-flow li.step02 dt span {
  background: #1791d1;
}
.registration-flow li.step03 dt span {
  background: #1481ba;
}
.registration-flow li.step04 dt span {
  background: #1271a3;
}
.registration-flow li.step05 dt span {
  background: #0f618c;
}
.registration-flow li.step06 dt span {
  background: #0d5175;
}
.registration-flow li.step06 dl dt {
  background: none;
}
.registration-flow em {
  color: #f47e00;
}
.location-list {
  list-style: none;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}
.location-list li {
  width: 16.6%;
  display: inline-block;
}
.location-list li .btn {
  min-width: 0;
  width: 96%;
  padding-left: 0;
  padding-right: 0;
  margin: 0 3px;
  vertical-align: top;
}
.btn.location01 {
  background-color: #5e8ab5;
  border: 1px solid #4a76a0;
  border-bottom: 3px solid #4a76a0;
}
.btn.location01:hover {
  background-color: #6f97bd;
  border: 1px solid #6f97bd;
  border-bottom: 3px solid #6f97bd;
}
.btn.location02 {
  background-color: #8f8dc9;
  border: 1px solid #7471bc;
  border-bottom: 3px solid #7471bc;
}
.btn.location02:hover {
  background-color: #a09ed1;
  border: 1px solid #a09ed1;
  border-bottom: 3px solid #a09ed1;
}
.btn.location03 {
  background-color: #57a44b;
  border: 1px solid #48883e;
  border-bottom: 3px solid #48883e;
}
.btn.location03:hover {
  background-color: #63b257;
  border: 1px solid #63b257;
  border-bottom: 3px solid #63b257;
}
.btn.location04 {
  background-color: #9fc52f;
  border: 1px solid #84a427;
  border-bottom: 3px solid #84a427;
}
.btn.location04:hover {
  background-color: #abd13d;
  border: 1px solid #abd13d;
  border-bottom: 3px solid #abd13d;
}
.btn.location05 {
  background-color: #dfad47;
  border: 1px solid #d89d26;
  border-bottom: 3px solid #d89d26;
}
.btn.location05:hover {
  background-color: #e3b75d;
  border: 1px solid #e3b75d;
  border-bottom: 3px solid #e3b75d;
}
.btn.location06 {
  background-color: #e3915f;
  border: 1px solid #dd793c;
  border-bottom: 3px solid #dd793c;
}
.btn.location06:hover {
  background-color: #e7a075;
  border: 1px solid #e7a075;
  border-bottom: 3px solid #e7a075;
}
.location-name {
  padding: 8px 0;
  font-weight: bold;
  float: left;
  font-size: 15px;
}
.location-btn {
  float: right;
}
.location-btn .info {
  background-image: url(../images/icon_doc_mini.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.location-btn .map {
  background-image: url(../images/icon_map_mini.png);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
.section-location01 h3.title {
  background-image: url("../images/title_location1.png");
  color: #4a76a0;
}
.section-location01 h4.title {
  background-color: #4a76a0;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-location02 h3.title {
  background-image: url("../images/title_location2.png");
  color: #7471bc;
}
.section-location02 h4.title {
  background-color: #7471bc;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-location03 h3.title {
  background-image: url("../images/title_location3.png");
  color: #48883e;
}
.section-location03 h4.title {
  background-color: #48883e;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-location04 h3.title {
  background-image: url("../images/title_location4.png");
  color: #84a427;
}
.section-location04 h4.title {
  background-color: #84a427;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-location05 h3.title {
  background-image: url("../images/title_location5.png");
  color: #d89d26;
}
.section-location05 h4.title {
  background-color: #d89d26;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.section-location06 h3.title {
  background-image: url("../images/title_location6.png");
  color: #dd793c;
}
.section-location06 h4.title {
  background-color: #dd793c;
  color: #fff;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
@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 h2 {
    background-image: url(../images/index_title_x2.png);
    -webkit-background-size: 179px 179px !important;
    -moz-background-size: 179px 179px !important;
    background-size: 179px 179px !important;
  }
  .main-title h2 img {
    display: none;
  }
  .section-index .section-flow .icon {
    background-image: url(../images/icon_flow_x2.png);
    -webkit-background-size: 120px 120px !important;
    -moz-background-size: 120px 120px !important;
    background-size: 120px 120px !important;
  }
  .section-index .section-flow .icon img {
    display: none;
  }
  .section-index .section-outline .icon {
    background-image: url(../images/icon_outline_x2.png);
    -webkit-background-size: 120px 120px !important;
    -moz-background-size: 120px 120px !important;
    background-size: 120px 120px !important;
  }
  .section-index .section-outline .icon img {
    display: none;
  }
  .section-index .section-location .icon {
    background-image: url(../images/icon_location_x2.png);
    -webkit-background-size: 120px 120px !important;
    -moz-background-size: 120px 120px !important;
    background-size: 120px 120px !important;
  }
  .section-index .section-location .icon img {
    display: none;
  }
  .for-beginner .step .inner {
    background-image: url(../images/icon_arrow_down_x2.png);
    -webkit-background-size: 14px 12px !important;
    -moz-background-size: 14px 12px !important;
    background-size: 14px 12px !important;
  }
  .for-beginner .step01 {
    background-image: url(../images/icon_step01_x2.png);
    -webkit-background-size: 97px 97px !important;
    -moz-background-size: 97px 97px !important;
    background-size: 97px 97px !important;
  }
  .for-beginner .step01 dl {
    background-image: url(../images/img_step01_x2.png);
    -webkit-background-size: 80px 80px !important;
    -moz-background-size: 80px 80px !important;
    background-size: 80px 80px !important;
  }
  .for-beginner .step02 {
    background-image: url(../images/icon_step02_x2.png);
    -webkit-background-size: 97px 97px !important;
    -moz-background-size: 97px 97px !important;
    background-size: 97px 97px !important;
  }
  .for-beginner .step02 dl {
    background-image: url(../images/img_step02_x2.png);
    -webkit-background-size: 80px 80px !important;
    -moz-background-size: 80px 80px !important;
    background-size: 80px 80px !important;
  }
  .for-beginner .step03 {
    background-image: url(../images/icon_step03_x2.png);
    -webkit-background-size: 97px 97px !important;
    -moz-background-size: 97px 97px !important;
    background-size: 97px 97px !important;
  }
  .for-beginner .step03 dl {
    background-image: url(../images/img_step03_x2.png);
    -webkit-background-size: 80px 80px !important;
    -moz-background-size: 80px 80px !important;
    background-size: 80px 80px !important;
  }
  .for-beginner .step04 {
    background-image: url(../images/icon_step04_x2.png);
    -webkit-background-size: 97px 97px !important;
    -moz-background-size: 97px 97px !important;
    background-size: 97px 97px !important;
  }
  .for-beginner .step04 dl {
    background-image: url(../images/img_step04_x2.png);
    -webkit-background-size: 80px 80px !important;
    -moz-background-size: 80px 80px !important;
    background-size: 80px 80px !important;
  }
  .for-beginner .step05 {
    background-image: url(../images/icon_step05_x2.png);
    -webkit-background-size: 97px 97px !important;
    -moz-background-size: 97px 97px !important;
    background-size: 97px 97px !important;
  }
  .for-beginner .step05 dl {
    background-image: url(../images/img_step05_x2.png);
    -webkit-background-size: 80px 80px !important;
    -moz-background-size: 80px 80px !important;
    background-size: 80px 80px !important;
  }
  .for-beginner .step05 .inner {
    background: none;
  }
  .section-location01 h3.title {
    background-image: url(../images/title_location1_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .section-location02 h3.title {
    background-image: url(../images/title_location2_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .section-location03 h3.title {
    background-image: url(../images/title_location3_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .section-location04 h3.title {
    background-image: url(../images/title_location4_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .section-location05 h3.title {
    background-image: url(../images/title_location5_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .section-location06 h3.title {
    background-image: url(../images/title_location6_x2.png);
    -webkit-background-size: 24px 24px !important;
    -moz-background-size: 24px 24px !important;
    background-size: 24px 24px !important;
  }
  .location-btn .map {
    background-image: url(../images/icon_map_mini_x2.png);
    -webkit-background-size: 17px 15px !important;
    -moz-background-size: 17px 15px !important;
    background-size: 17px 15px !important;
  }
  .location-btn .doc {
    background-image: url(../images/icon_map_doc_x2.png);
    -webkit-background-size: 17px 15px !important;
    -moz-background-size: 17px 15px !important;
    background-size: 17px 15px !important;
  }
}
@media only screen and (max-width: 760px) {
  .main-title {
    background-image: none;
  }
  .main-title h2 {
    margin-left: auto;
    margin-right: auto;
  }
  .for-beginner .step {
    margin: 10px 10px;
  }
  .section-index .section-inner {
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .main-title .inner {
    min-height: 280px;
    height: auto;
    overflow: auto;
  }
  .for-beginner .step {
    margin-left: 0;
    margin-right: 0;
  }
  .for-beginner .step .inner {
    padding-left: 110px;
  }
  .for-beginner .step dl {
    margin: 0;
    padding: 0;
  }
  .for-beginner .step dl dt {
    font-size: 14px;
    padding-top: 0;
  }
  .for-beginner .step01 dl,
  .for-beginner .step02 dl,
  .for-beginner .step03 dl,
  .for-beginner .step04 dl,
  .for-beginner .step05 dl {
    background-image: none;
  }
  .location-list li {
    width: auto;
    display: block;
  }
  .section-location01 table .btn.personal,
  .section-location02 table .btn.personal,
  .section-location03 table .btn.personal,
  .section-location04 table .btn.personal,
  .section-location05 table .btn.personal,
  .section-location06 table .btn.personal {
    width: auto;
    display: block;
    margin: 0 0 5px 0;
  }
}