@charset 'utf-8';
#title {
  position: relative;
}
#title .key-visual {
  line-height: 0;
}
#title .key-visual img {
  width: 100%;
}
#title h1 {
  position: absolute;
  background-color: #ef6f04;
  color: #fff;
  font-size: 36px;
  line-height: 1.4;
  text-align: right;
  padding: 0.6em;
  right: 10%;
  top: calc(50% - 2.1em - 0.6em);
}
section {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 890px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
section p.image {
  padding-top: 20px;
}
section .title + p.image {
  padding-top: 0;
}
section p.desc {
  padding-top: 20px;
  width: 70%;
}
section p.desc.wide {
  width: 100%;
}
section .sub-title {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  width: 100%;
}
section .title + .sub-title {
  padding-top: 20px;
}
.section-border {
  height: 1px;
  margin: 45px 0;
  background-image: -webkit-linear-gradient(left, #222, #222 1px, transparent 1px, transparent 4px);
  background-image: -moz-linear-gradient(left, #222, #222 1px, transparent 1px, transparent 4px);
  background-image: -o-linear-gradient(left, #222, #222 1px, transparent 1px, transparent 4px);
  background-image: -ms-linear-gradient(left, #222, #222 1px, transparent 1px, transparent 4px);
  background-image: linear-gradient(to right, #222, #222 1px, transparent 1px, transparent 4px);
  -webkit-background-size: 10px 1px;
  -moz-background-size: 10px 1px;
  background-size: 10px 1px;
  background-position: top;
  background-repeat: repeat-x;
}
.section-border.no-border {
  background: none;
}
#section-top p.title {
  font-size: 32px;
  line-height: 1.5;
  padding: 45px 0;
}
#section-bottom {
  padding-bottom: 90px;
}
#section-bottom p.title {
  font-size: 32px;
  line-height: 1.5;
  padding-bottom: 45px;
}
#section-bottom p.desc {
  width: 100%;
  margin-top: 1em;
}