@charset "utf-8";

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

/* UL / OL */

.layout_main ul,
.layout_main ol {
  list-style: none;
}

/*
  LOCAL NAV
 */

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

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

/* headline */

.headline {
  background-image: none;
}

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

/* NOTICE */

.notice {
  padding: 6px 10px;
  border: 1px solid #f4a21b;
  border-radius: 5px;
  background: #fdf1dc;
  font-size: 14px;
}

/* PROCESS */

ol.process {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

ol.process li {
  width: 290px;
  padding: 10px;
  background: #fffbe9;
}

ol.process figure {
  min-height: 170px;
  text-align: center;
}

ol.process.mailserver img {
  height: auto;
  width: 100%;
}

ul.process li {
  padding: 10px;
  background: #fffbe9;
}

.process li .number01 {
  height: 25px;
  padding-left: 35px;
  line-height: 25px;
  background: url("../images/transfer/number01.png") no-repeat 0 0;
}

.process li .number02 {
  height: 25px;
  padding-left: 35px;
  line-height: 25px;
  background: url("../images/transfer/number02.png") no-repeat 0 0;
}

.process table {
  border-collapse: collapse;
  width: 470px;
  margin: 0 auto;
}

.process th {
  padding: 20px 0;
  border: 1px solid #fde5bc;
  background: #f4a21b;
  text-align: center;
  font-weight: normal;
  color: #fff;
}

.process td {
  width: 140px;
  border: 1px solid #fde5bc;
  background: #fff;
  text-align: center;
}

.process caption {
  margin-bottom: 5px;
  text-align: left;
  color: #f09500;
}

.process dl {
  margin: 10px;
  padding: 10px;
  border: 1px solid #f4a21b;
  background: #fff;
  border-radius: 5px;
}

.process dt {
  margin-bottom: 3px;
  font-weight: bold;
}

#complete {
  padding: 25px 0;
  background: #fdf1dc;
  text-align: center;
}

#complete h3 {
  margin-bottom: 3px;
  font-size: 24px;
}

/* ---- 表示調整 ---- */

.layout_main {
  width: 640px;
}

.step-flow img {
  height: auto;
  width: 208px;
}

.img-timeline {
  height: auto;
  width: 100%;
}

.txtlink.outlink {
  font-size: 12px;
}

.notes-list {
  margin-top: 0;
}

.notes-list.emphasize {
  color: #ea2e59;
  font-weight: bold;
}