@charset "utf-8";
/* =================================
about.css
================================= */
.titleCorner+p strong {
  font-weight: bold;
}
.titleCorner+p .underline {
  text-decoration: underline;
}
.contentWrap {
  padding-bottom: 100px;
}
.mainView {
  min-height: 450px;
  background: url(../img/img_main_service.png) no-repeat 0 0;
  background-size: cover;
}
.mainView .inner {
  position: relative;
  min-height: 450px;
}

.anchorLink li {
  width: 188px;
}
.anchorLink li a {
  min-height: 64px;
  padding-top: 18px;
}
.anchorLink li.twoLine a {
  padding-top: 7px;
}

section {
  margin-top: 51px;
}
section+section {
  margin-top: 120px;
}

section h2+p {
  margin-top: 20px;
  line-height: 2.25;
}

.serviceNumList {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
.serviceNumList li {
  position: relative;
}
.serviceNumList li:before {
  display: inline-block;
  content: counter(my-counter);
  counter-increment: my-counter;
  height: 18px;
  width: 18px;
  margin-right: 3px;
  border-radius: 50%;
  background-color: #f8b62b;
  color: #fff;
  font-size: 11px;
  text-align: center;
  vertical-align: text-bottom;
}

.serviceSummary {
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
}
.serviceSummary th,
.serviceSummary td {
  border: 1px solid #dedede;
}
.serviceSummary thead th {
  padding: 5.5px 10px;
  background: #859bf0;
  text-align: center;
}
.serviceSummary thead th:nth-child(1) {
  background: #fff;
}
.serviceSummary thead th:nth-child(2) {
  background: #f8b62b;
}
.serviceSummary tbody th {
  padding: 5.5px 10px;
  text-align: left;
}
.serviceSummary tbody td {
  padding: 5.5px 3px;
  background: #f2f5fe;
  line-height: 1.5;
  text-align: center;
}
.serviceSummary tbody td:nth-of-type(1) {
  background: #fcf7eb;
}
.serviceSummary tbody td strong {
  font-weight: bold;
}

.servicePoint {
  margin-top: 40px;
  padding: 25px 45px;
  background: url(../img/bg_point.png) repeat 0 0;
}
.servicePoint h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.servicePoint h3+p {
  margin-top: 10px;
  font-size: 17px;
}
.servicePoint h3+p strong {
  font-weight: bold;
}
.servicePoint dl dt {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.servicePoint dl dd {
  margin-top: 20px;
}
.servicePoint .serviceNumList li {
  display: inline-block;
  margin-right: 10px;
  font-size: 17px;
}
.servicePoint .serviceNumList li small {
  display: inline;
  font-size: 14px;
}
.servicePointNotes {
  margin-top: 5px;
  font-size: 12px;
}

.serviceSupport {
  display: flex;
  flex-wrap: wrap;
}
.serviceSupport li {
  display: flex;
  align-items: center;
  width: calc(100% / 2 - 20px);
  margin-top: 40px;
  padding: 25px 20px 25px 0;
  background: #f3f3f2;
}
.serviceSupport li+li {
  margin-left: 40px;
}
.serviceSupport li:nth-child(2n+1) {
  margin-left: 0;
}
.serviceSupport li figure {
  padding: 0 35px;
}
.serviceSupport li figure img {}
.serviceSupport li dl {
  font-size: 17px;
  line-height: 1.52;
}
.serviceSupport li dt {
  font-weight: bold;
}
.supportNotes {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.66;
}
.supportNotes + .supportNotes {
  margin-top: 20px;
}

.flowImage {
  margin-top: 25px;
}
.flowImage img {
  width: 100%;
}
.flowBox {
  margin-top: 60px;
  border: 1px solid #dedede;
}
.flowBox h3 {
  padding: 15px 0 15px 90px;
  background: url(../img/bg_point.png) repeat 0 0;
  font-size: 24px;
  font-weight: bold;
}
.flowBox h4 {
  font-weight: bold;
}
.flowBox .flowBoxText {
  padding: 30px;
}
.flowBox figure {
  margin-top: 10px;
}
.flowBox figure+h4 {
  margin-top: 50px;
}
.flowBox p {
  margin-top: 30px;
}
.flowBox span {
  color: #f8b62b;
}
.flowBox p strong {
  font-weight: bold;
}
.flowBox p+p {
  margin-top: 20px;
}