@charset "utf-8";

/* VANILLA */

.layout_main ul {
  list-style: none;
}

article p,
article li {
  font-size: 14px;
}

/* A */
.layout_main a {
  color: #568cc5;
  outline: none;
  overflow: hidden;
  text-decoration: none;
}

/*
  LOCAL NAV
 */

.local-nav .nav-item.beginner {
  background-color: #e1e1e4;
  color: #163954;
  font-weight: bold;
}

.local-nav .nav-item.beginner .nav-link:hover {
  background-color: #d8d8db;
}

/* sidebar */
.layout_sidebar {
  margin-bottom: 35px;
}

/* headline */

.headline {
  background-image: none;
}

.rs-footer h2 {
  background-image: none;
}

/* DUOBOX */

.duobox aside {
  position: relative;
  width: 280px;
  min-height: 205px;
  padding: 15px;
  border: 1px solid #fde5bc;
  background: #fffdf5;
  border-radius: 5px;
}

.duobox aside figure {
  position: absolute;
  top: 45px;
}

.duobox aside img {
  height: auto;
  width: 120px;
}

.duobox aside p {
  margin: 18px 0 10px 135px;
}

.duobox aside ul {
  margin-left: 135px;
  font-size: 14px;
  font-weight: bold;
}

.duobox aside ul li {
  margin-bottom: 3px;
}

/* ----------------
 FEATURE
---------------- */

#feature {
  margin: 20px 0 0;
}

#feature > li {
  float: left;
  position: relative;
  margin-bottom: 15px;
  padding-left: 95px;
  min-height: 115px;
  width: 215px;
}

#feature > li:nth-child(odd) {
  clear: left;
  margin-right: 20px;
}

#feature > li figure {
  position: absolute;
  top: 0;
  left: 0;
}

#feature > li figure img {
  height: auto;
  width: 85px;
}

#feature > li h3 {
  margin: 0 0 4px;
}

#feature > li h3 span {
  font-size: 10px;
}

#feature > li p {
  margin-bottom: 10px;
  font-size: 13px;
}

/* plan-anchor-link */

.plan-anchor-link img {
  height: auto;
  width: 208px;
}

/* box_domain */
.box_domain {
  margin-bottom: 56px;
}

.box_domain div {
  box-sizing: border-box;
  width: 335px;
}

.box_domain dl {
  top: 115px;
  width: 335px;
}