@charset "UTF-8";
.system-ttl {
  background-image: url(../img/c_hwy/main_bg.jpg)
}
.system-text {
  font-size: 18px;
  font-size: 1.8rem
}
.system-nav-list, .system-nav-list dd {
  margin: 0
}
.system-nav-list dt {
  color: #f0c08d;
  margin-top: 20px;
  font-weight: 700
}
.system-container {
  border: 1px solid #eb6100;
  border-radius: 8px;
  overflow: hidden;
 /* margin-top: 70px; */
	margin: 70px auto auto;
	max-width: 400px;
}
.system-container .system-container-ttl {
  background-color: #eb6100;
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 6px 10px
}
.system-container .system-container-in {
  padding: 20px 20px 25px
}
.system-container .system-container-lead {
  font-weight: 700;
  line-height: 1.33
}
.system-container .system-container-lead02 {
  font-weight: 700;
  margin-top: 20px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.72
}
.system-container .system-container-text {
  margin-top: 20px
}
.system-container .system-container-link {
  margin-top: 30px;
	text-align: center;
}
.system-container .system-container-link a {
  color: #fff
}
.system-container .system-container-list {
  margin-top: 20px
}
@media only screen and (min-width:641px) and (max-width:834px) and (orientation:portrait) {
  .system-ttl {
    background-image: url(../img/c_hwy/main_bg_sp.jpg)
  }
}
@media only screen and (max-width:640px) {
  .system-ttl {
    background-image: url(../img/c_hwy/main_bg_sp.jpg)
  }
  .system-text {
    font-size: 1.5rem
  }
  .system-container .system-container-lead02 {
    font-size: 2rem
  }
}