@charset "UTF-8";
.clfl:after {
  content: ".";
  display: block;
  clear: left;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clfr:after {
  content: ".";
  display: block;
  clear: right;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf:after, article section#movie .movie:after, article section#feature1 .wrapper .description:after, article section#feature2 .wrapper .description:after, article section#feature3 .wrapper .description:after, article section#feature4 .wrapper .description:after, article section#feature1 .wrapper .box > div:after, article section#feature2 .wrapper .box > div:after, article section#feature3 .wrapper .box > div:after, article section#feature4 .wrapper .box > div:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf, article section#movie .movie, article section#feature1 .wrapper .description, article section#feature2 .wrapper .description, article section#feature3 .wrapper .description, article section#feature4 .wrapper .description, article section#feature1 .wrapper .box > div, article section#feature2 .wrapper .box > div, article section#feature3 .wrapper .box > div, article section#feature4 .wrapper .box > div {
  min-height: 1px; }

* html .clf, * html article section#movie .movie, article section#movie * html .movie, * html article section#feature1 .wrapper .description, article section#feature1 .wrapper * html .description, * html article section#feature2 .wrapper .description, article section#feature2 .wrapper * html .description, * html article section#feature3 .wrapper .description, article section#feature3 .wrapper * html .description, * html article section#feature4 .wrapper .description, article section#feature4 .wrapper * html .description, * html article section#feature1 .wrapper .box > div, article section#feature1 .wrapper * html .box > div, * html article section#feature2 .wrapper .box > div, article section#feature2 .wrapper * html .box > div, * html article section#feature3 .wrapper .box > div, article section#feature3 .wrapper * html .box > div, * html article section#feature4 .wrapper .box > div, article section#feature4 .wrapper * html .box > div {
  height: 1px;
  /*¥*/
  /*/
    height: auto;
    overflow: hidden;
    /**/ }

.clfl:after {
  content: ".";
  display: block;
  clear: left;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clfr:after {
  content: ".";
  display: block;
  clear: right;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf:after, article section#movie .movie:after, article section#feature1 .wrapper .description:after, article section#feature2 .wrapper .description:after, article section#feature3 .wrapper .description:after, article section#feature4 .wrapper .description:after, article section#feature1 .wrapper .box > div:after, article section#feature2 .wrapper .box > div:after, article section#feature3 .wrapper .box > div:after, article section#feature4 .wrapper .box > div:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf, article section#movie .movie, article section#feature1 .wrapper .description, article section#feature2 .wrapper .description, article section#feature3 .wrapper .description, article section#feature4 .wrapper .description, article section#feature1 .wrapper .box > div, article section#feature2 .wrapper .box > div, article section#feature3 .wrapper .box > div, article section#feature4 .wrapper .box > div {
  min-height: 1px; }

* html .clf, * html article section#movie .movie, article section#movie * html .movie, * html article section#feature1 .wrapper .description, article section#feature1 .wrapper * html .description, * html article section#feature2 .wrapper .description, article section#feature2 .wrapper * html .description, * html article section#feature3 .wrapper .description, article section#feature3 .wrapper * html .description, * html article section#feature4 .wrapper .description, article section#feature4 .wrapper * html .description, * html article section#feature1 .wrapper .box > div, article section#feature1 .wrapper * html .box > div, * html article section#feature2 .wrapper .box > div, article section#feature2 .wrapper * html .box > div, * html article section#feature3 .wrapper .box > div, article section#feature3 .wrapper * html .box > div, * html article section#feature4 .wrapper .box > div, article section#feature4 .wrapper * html .box > div {
  height: 1px;
  /*¥*/
  /*/
    height: auto;
    overflow: hidden;
    /**/ }

.pc {
  display: inline-block !important; }

.sp {
  display: none !important; }

@media (max-width: 980px) {
  .pc {
    display: none !important; }
  .sp {
    display: inherit !important; } }

.oplink {
  transition-duration: 500ms; }
  .oplink:hover {
    opacity: 0.8;
    transition-duration: 500ms; }

.bgcenter {
  background-repeat: no-repeat;
  background-position: center; }

.left {
  float: left; }

.right {
  float: right; }

body.no_scroll {
  overflow: hidden; }

h1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0em;
  padding: 18px 15px; }

@media only screen and (max-width: 980px) {
  #pagelink {
    position: relative;
    margin-top: 0; } }

#pagelink > .wrapper {
  -webkit-display: flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media only screen and (max-width: 980px) {
    #pagelink > .wrapper {
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: start;
      justify-content: start;
      padding-top: 9px;
      padding-bottom: 9px; } }
  #pagelink > .wrapper a {
    width: 100%;
    background-image: url(/img/pnav/arrow-orange-340ca51c.svg);
    background-size: 6px auto;
    background-position: center 59px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #4c4c4c;
    text-align: center; }
    @media only screen and (max-width: 980px) {
      #pagelink > .wrapper a {
        width: calc(50% - 18px);
        background-size: 7.7px auto;
        text-align: left;
        font-size: 10px;
        line-height: 1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-position: left 0 center;
        padding-left: 18px; } }
    #pagelink > .wrapper a > div {
      margin: 27px 0 26px; }
      @media only screen and (max-width: 980px) {
        #pagelink > .wrapper a > div {
          text-align: left;
          margin: 0;
          border: none !important;
          transform: scale(0.7);
          transform-origin: left; } }

article {
  margin-top: 128px; }
  @media only screen and (max-width: 980px) {
    article {
      margin-top: 0; } }
  article section#movie {
    background: #f5f5f5; }
    article section#movie h2 {
      font-size: 20px;
      line-height: 1.5em;
      text-align: center;
      padding: 35px 0 30px; }
    article section#movie .movie {
      width: 100%;
      max-width: 745px;
      margin: 0 auto;
      position: relative;
      margin-bottom: 50px; }
      @media only screen and (max-width: 980px) {
        article section#movie .movie {
          margin-bottom: 20px; } }
      article section#movie .movie .dummy {
        opacity: 0 !important;
        width: 100%;
        height: auto; }
      article section#movie .movie .moviestart {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent url(/img/gradeup/thumb-67c35944.jpg) no-repeat center;
        background-size: cover;
        -webkit-display: flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        article section#movie .movie .moviestart:hover .btn {
          opacity: 0.8;
          transition-duration: 0.2s; }
        article section#movie .movie .moviestart .btn {
          transition-duration: 0.2s;
          -webkit-display: flex;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: flex;
          justify-content: center;
          align-items: center; }
          article section#movie .movie .moviestart .btn > img {
            width: 100px;
            height: 100px; }
    article section#movie .moviebox {
      display: none;
      position: absolute;
      top: 0; }
    article section#movie .closeBtn {
      position: absolute;
      right: 0;
      bottom: -20px;
      cursor: pointer; }
  article section .wrapper {
    margin-top: 0; }
  article section#feature1, article section#feature2, article section#feature3 {
    background-image: url(/img/dotline-2f2f3f56.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 80px; }
    @media only screen and (max-width: 980px) {
      article section#feature1, article section#feature2, article section#feature3 {
        padding-bottom: 50px; } }
  article section#feature1 h2, article section#feature2 h2, article section#feature3 h2, article section#feature4 h2 {
    text-align: center;
    border-bottom: 2px solid #747474;
    padding: 80px 0 30px;
    margin-bottom: 70px; }
    @media only screen and (max-width: 980px) {
      article section#feature1 h2, article section#feature2 h2, article section#feature3 h2, article section#feature4 h2 {
        padding: 30px 0 15px;
        margin-bottom: 30px; }
        article section#feature1 h2 > img, article section#feature2 h2 > img, article section#feature3 h2 > img, article section#feature4 h2 > img {
          height: 16px;
          width: auto; } }
  article section#feature1 .wrapper .description, article section#feature2 .wrapper .description, article section#feature3 .wrapper .description, article section#feature4 .wrapper .description {
    float: left;
    width: 345px;
    margin-right: 80px;
    margin-bottom: 60px; }
    @media only screen and (max-width: 980px) {
      article section#feature1 .wrapper .description, article section#feature2 .wrapper .description, article section#feature3 .wrapper .description, article section#feature4 .wrapper .description {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; } }
    article section#feature1 .wrapper .description h3, article section#feature2 .wrapper .description h3, article section#feature3 .wrapper .description h3, article section#feature4 .wrapper .description h3 {
      padding-bottom: 70px; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .description h3, article section#feature2 .wrapper .description h3, article section#feature3 .wrapper .description h3, article section#feature4 .wrapper .description h3 {
          padding-bottom: 20px; }
          article section#feature1 .wrapper .description h3 > img, article section#feature2 .wrapper .description h3 > img, article section#feature3 .wrapper .description h3 > img, article section#feature4 .wrapper .description h3 > img {
            margin-left: auto;
            margin-right: auto; } }
    article section#feature1 .wrapper .description p, article section#feature2 .wrapper .description p, article section#feature3 .wrapper .description p, article section#feature4 .wrapper .description p {
      font-size: 16px;
      line-height: 32px;
      letter-spacing: 0.075em; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .description p, article section#feature2 .wrapper .description p, article section#feature3 .wrapper .description p, article section#feature4 .wrapper .description p {
          font-size: 13px;
          letter-spacing: -0.01em;
          line-height: 23px; } }
  article section#feature1 .wrapper > img, article section#feature2 .wrapper > img, article section#feature3 .wrapper > img, article section#feature4 .wrapper > img {
    float: left;
    width: 100%;
    height: auto;
    max-width: 524px;
    margin-bottom: 60px; }
    @media only screen and (max-width: 980px) {
      article section#feature1 .wrapper > img, article section#feature2 .wrapper > img, article section#feature3 .wrapper > img, article section#feature4 .wrapper > img {
        margin-bottom: 22px; } }
  article section#feature1 .wrapper > .btn, article section#feature2 .wrapper > .btn, article section#feature3 .wrapper > .btn, article section#feature4 .wrapper > .btn {
    display: block;
    clear: both;
    background: #f36f20;
    color: white;
    font-size: 18px;
    letter-spacing: 0.075em;
    padding: 26px;
    font-weight: bold;
    -webkit-display: flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 980px) {
      article section#feature1 .wrapper > .btn, article section#feature2 .wrapper > .btn, article section#feature3 .wrapper > .btn, article section#feature4 .wrapper > .btn {
        font-size: 16px;
        padding: 22px; } }
    article section#feature1 .wrapper > .btn:before, article section#feature2 .wrapper > .btn:before, article section#feature3 .wrapper > .btn:before, article section#feature4 .wrapper > .btn:before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-right: 20px;
      background-image: url(/img/icon-20px-white-81dcfa29.svg);
      background-repeat: no-repeat;
      background-position: left center; }
  article section#feature1 .wrapper .graybox, article section#feature2 .wrapper .graybox, article section#feature3 .wrapper .graybox, article section#feature4 .wrapper .graybox {
    border: 1px solid #e5e5e5;
    padding: 46px;
    margin: 50px auto 0;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (max-width: 980px) {
      article section#feature1 .wrapper .graybox, article section#feature2 .wrapper .graybox, article section#feature3 .wrapper .graybox, article section#feature4 .wrapper .graybox {
        display: block;
        margin-top: 20px;
        padding: 16px; } }
    article section#feature1 .wrapper .graybox > div:first-child, article section#feature2 .wrapper .graybox > div:first-child, article section#feature3 .wrapper .graybox > div:first-child, article section#feature4 .wrapper .graybox > div:first-child {
      float: left;
      width: calc(100% - 548px);
      position: relative;
      margin-right: auto; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .graybox > div:first-child, article section#feature2 .wrapper .graybox > div:first-child, article section#feature3 .wrapper .graybox > div:first-child, article section#feature4 .wrapper .graybox > div:first-child {
          float: none;
          width: 100%; } }
      article section#feature1 .wrapper .graybox > div:first-child h3, article section#feature2 .wrapper .graybox > div:first-child h3, article section#feature3 .wrapper .graybox > div:first-child h3, article section#feature4 .wrapper .graybox > div:first-child h3 {
        font-size: 16px;
        letter-spacing: 0.12em;
        margin-bottom: 62px; }
        @media only screen and (max-width: 980px) {
          article section#feature1 .wrapper .graybox > div:first-child h3, article section#feature2 .wrapper .graybox > div:first-child h3, article section#feature3 .wrapper .graybox > div:first-child h3, article section#feature4 .wrapper .graybox > div:first-child h3 {
            text-align: center;
            font-size: 13px;
            letter-spacing: 0em;
            margin-bottom: 12px; } }
      article section#feature1 .wrapper .graybox > div:first-child p, article section#feature2 .wrapper .graybox > div:first-child p, article section#feature3 .wrapper .graybox > div:first-child p, article section#feature4 .wrapper .graybox > div:first-child p {
        font-size: 16px;
        letter-spacing: 0.075em;
        line-height: 32px; }
        @media only screen and (max-width: 980px) {
          article section#feature1 .wrapper .graybox > div:first-child p, article section#feature2 .wrapper .graybox > div:first-child p, article section#feature3 .wrapper .graybox > div:first-child p, article section#feature4 .wrapper .graybox > div:first-child p {
            font-size: 13px;
            line-height: 23px;
            letter-spacing: -0.01em;
            text-align: center; } }
      article section#feature1 .wrapper .graybox > div:first-child small, article section#feature2 .wrapper .graybox > div:first-child small, article section#feature3 .wrapper .graybox > div:first-child small, article section#feature4 .wrapper .graybox > div:first-child small {
        display: block;
        position: absolute;
        bottom: 0;
        font-size: 11px;
        letter-spacing: 0.05em;
        line-height: 18px; }
        @media only screen and (max-width: 980px) {
          article section#feature1 .wrapper .graybox > div:first-child small, article section#feature2 .wrapper .graybox > div:first-child small, article section#feature3 .wrapper .graybox > div:first-child small, article section#feature4 .wrapper .graybox > div:first-child small {
            font-size: 10px;
            line-height: 15px;
            letter-spacing: -0.01em;
            position: relative;
            text-align: center;
            margin: 10px 0; } }
    article section#feature1 .wrapper .graybox > div:nth-child(2), article section#feature2 .wrapper .graybox > div:nth-child(2), article section#feature3 .wrapper .graybox > div:nth-child(2), article section#feature4 .wrapper .graybox > div:nth-child(2) {
      width: 548px; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .graybox > div:nth-child(2), article section#feature2 .wrapper .graybox > div:nth-child(2), article section#feature3 .wrapper .graybox > div:nth-child(2), article section#feature4 .wrapper .graybox > div:nth-child(2) {
          width: 100%; } }
    article section#feature1 .wrapper .graybox .movie, article section#feature2 .wrapper .graybox .movie, article section#feature3 .wrapper .graybox .movie, article section#feature4 .wrapper .graybox .movie {
      width: 100%;
      max-width: 548px;
      position: relative;
      margin: 0 auto; }
      article section#feature1 .wrapper .graybox .movie .dummy, article section#feature2 .wrapper .graybox .movie .dummy, article section#feature3 .wrapper .graybox .movie .dummy, article section#feature4 .wrapper .graybox .movie .dummy {
        opacity: 0 !important;
        width: 100%;
        height: auto; }
      article section#feature1 .wrapper .graybox .movie .moviestart, article section#feature2 .wrapper .graybox .movie .moviestart, article section#feature3 .wrapper .graybox .movie .moviestart, article section#feature4 .wrapper .graybox .movie .moviestart {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url("/img/features/top/chositsu-thumb-62c661ea.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-display: flex;
        -webkit-justify-content: center;
        -webkit-align-items: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
          article section#feature1 .wrapper .graybox .movie .moviestart, article section#feature2 .wrapper .graybox .movie .moviestart, article section#feature3 .wrapper .graybox .movie .moviestart, article section#feature4 .wrapper .graybox .movie .moviestart {
            background-image: url("/img/features/top/chositsu-thumb@2x-3e8fc61e.jpg"); } }
        article section#feature1 .wrapper .graybox .movie .moviestart:hover .btn, article section#feature2 .wrapper .graybox .movie .moviestart:hover .btn, article section#feature3 .wrapper .graybox .movie .moviestart:hover .btn, article section#feature4 .wrapper .graybox .movie .moviestart:hover .btn {
          opacity: 0.8;
          transition-duration: 0.2s; }
        article section#feature1 .wrapper .graybox .movie .moviestart .btn, article section#feature2 .wrapper .graybox .movie .moviestart .btn, article section#feature3 .wrapper .graybox .movie .moviestart .btn, article section#feature4 .wrapper .graybox .movie .moviestart .btn {
          transition-duration: 0.2s;
          -webkit-display: flex;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 100%; }
          article section#feature1 .wrapper .graybox .movie .moviestart .btn > img, article section#feature2 .wrapper .graybox .movie .moviestart .btn > img, article section#feature3 .wrapper .graybox .movie .moviestart .btn > img, article section#feature4 .wrapper .graybox .movie .moviestart .btn > img {
            width: calc(100% - 40px);
            max-width: 247px;
            height: auto; }
    article section#feature1 .wrapper .graybox .moviebox, article section#feature2 .wrapper .graybox .moviebox, article section#feature3 .wrapper .graybox .moviebox, article section#feature4 .wrapper .graybox .moviebox {
      display: none;
      position: relative; }
    article section#feature1 .wrapper .graybox .closeBtn, article section#feature2 .wrapper .graybox .closeBtn, article section#feature3 .wrapper .graybox .closeBtn, article section#feature4 .wrapper .graybox .closeBtn {
      position: absolute;
      right: 0;
      bottom: -20px;
      cursor: pointer; }
  article section#feature1 .wrapper .box, article section#feature2 .wrapper .box, article section#feature3 .wrapper .box, article section#feature4 .wrapper .box {
    border: 3px solid #f36f20;
    border-radius: 10px;
    padding: 46px;
    margin-top: 50px;
    display: -webkit-flex;
    -webkit-align-items: start;
    display: flex;
    align-items: start; }
    @media only screen and (max-width: 980px) {
      article section#feature1 .wrapper .box, article section#feature2 .wrapper .box, article section#feature3 .wrapper .box, article section#feature4 .wrapper .box {
        margin-top: 20px;
        padding: 15px 23px 23px 23px;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        -webkit-flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse; } }
    article section#feature1 .wrapper .box > img, article section#feature2 .wrapper .box > img, article section#feature3 .wrapper .box > img, article section#feature4 .wrapper .box > img {
      max-width: 255px;
      height: auto;
      margin-right: 48px; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .box > img, article section#feature2 .wrapper .box > img, article section#feature3 .wrapper .box > img, article section#feature4 .wrapper .box > img {
          width: 100%;
          height: auto;
          margin-top: 15px;
          margin-left: auto;
          margin-right: auto; } }
    article section#feature1 .wrapper .box > div, article section#feature2 .wrapper .box > div, article section#feature3 .wrapper .box > div, article section#feature4 .wrapper .box > div {
      margin-left: auto;
      width: 549px;
      font-size: 16px;
      letter-spacing: 0em;
      line-height: 30px; }
      @media only screen and (max-width: 980px) {
        article section#feature1 .wrapper .box > div, article section#feature2 .wrapper .box > div, article section#feature3 .wrapper .box > div, article section#feature4 .wrapper .box > div {
          font-size: 13px;
          letter-spacing: -0.01em;
          line-height: 23px;
          width: 100%; } }
      article section#feature1 .wrapper .box > div h4, article section#feature2 .wrapper .box > div h4, article section#feature3 .wrapper .box > div h4, article section#feature4 .wrapper .box > div h4 {
        color: #f36f20; }
  article section#notice {
    padding-top: 40px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.05em;
    margin-bottom: 120px; }
    @media only screen and (max-width: 980px) {
      article section#notice {
        padding-top: 15px;
        margin-bottom: 50px;
        font-size: 10px;
        letter-spacing: -0.01em;
        line-height: 1.5em; } }
    article section#notice .wrapper {
      text-align: right; }
      @media only screen and (max-width: 980px) {
        article section#notice .wrapper {
          text-align: left; } }
  article section#mechanism {
    position: relative;
    border-top: 0; }
    article section#mechanism .bg {
      position: absolute;
      background-image: url(/img/features/fig-5-grad_bg-10c3bc12.png);
      background-repeat: repeat-x;
      width: 100%;
      height: 428px; }
      @media only screen and (max-width: 980px) {
        article section#mechanism .bg {
          height: 170px; } }
      article section#mechanism .bg .img {
        background-image: url("/img/features/fig-5-b97fa0d3.jpg");
        background-size: cover;
        background-position: right 0 center;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%; }
        @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
          article section#mechanism .bg .img {
            background-image: url("/img/features/fig-5@2x-7f80ef35.jpg"); } }
    article section#mechanism .summary {
      height: auto; }
      @media only screen and (max-width: 980px) {
        article section#mechanism .summary {
          background-image: url(/img/dotline-2f2f3f56.png);
          background-repeat: repeat-x;
          background-position: bottom; } }
      article section#mechanism .summary > .wrapper {
        height: auto;
        margin-bottom: 56px; }
        @media only screen and (max-width: 980px) {
          article section#mechanism .summary > .wrapper {
            margin-bottom: 0;
            padding-bottom: 40px; } }
        article section#mechanism .summary > .wrapper h2 {
          padding: 200px 0 160px;
          margin-left: -7px; }
          @media only screen and (max-width: 980px) {
            article section#mechanism .summary > .wrapper h2 {
              padding: 76px 0 50px 7px; }
              article section#mechanism .summary > .wrapper h2 > img {
                height: 20px;
                width: auto; } }
        article section#mechanism .summary > .wrapper .lead {
          font-weight: bold;
          font-size: 13px;
          letter-spacing: 0.11em;
          line-height: 28px;
          color: #4c4c4c; }
          @media only screen and (max-width: 980px) {
            article section#mechanism .summary > .wrapper .lead {
              font-size: 10px;
              letter-spacing: 0em;
              line-height: 20px; } }
        article section#mechanism .summary > .wrapper .btn {
          position: relative;
          margin: 42px 0;
          float: left;
          display: block;
          border: 1px solid #cccccc;
          margin-right: 24px;
          font-size: 13px;
          line-height: 1em;
          letter-spacing: 0.15em;
          font-weight: bold;
          color: #000;
          -webkit-display: flex;
          -webkit-justify-content: center;
          -webkit-align-items: center;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 230px;
          height: 60px; }
          article section#mechanism .summary > .wrapper .btn:before {
            content: '';
            width: 16px;
            height: 16px;
            background-image: url(/img/icon-16px-orange-a68074bc.svg);
            display: inline-block;
            margin-right: 15px; }
          @media only screen and (max-width: 980px) {
            article section#mechanism .summary > .wrapper .btn {
              width: 100%;
              margin: 29px 0; } }
          article section#mechanism .summary > .wrapper .btn span {
            display: none; }
    article section#mechanism .description {
      padding-top: 46px;
      font-size: 14px;
      padding-bottom: 61px;
      background-image: url(/img/dotline-2f2f3f56.png);
      background-repeat: repeat-x;
      background-position: bottom; }
      article section#mechanism .description > .wrapper .unit1,
      article section#mechanism .description > .wrapper .unit2,
      article section#mechanism .description > .wrapper .unit3 {
        position: relative; }
        article section#mechanism .description > .wrapper .unit1 p,
        article section#mechanism .description > .wrapper .unit2 p,
        article section#mechanism .description > .wrapper .unit3 p {
          font-size: 15px;
          line-height: 28px; }
          @media only screen and (max-width: 980px) {
            article section#mechanism .description > .wrapper .unit1 p,
            article section#mechanism .description > .wrapper .unit2 p,
            article section#mechanism .description > .wrapper .unit3 p {
              font-size: 10px;
              line-height: 2em;
              letter-spacing: 0em; }
              article section#mechanism .description > .wrapper .unit1 p br,
              article section#mechanism .description > .wrapper .unit2 p br,
              article section#mechanism .description > .wrapper .unit3 p br {
                display: none; } }
        article section#mechanism .description > .wrapper .unit1 h3, article section#mechanism .description > .wrapper .unit1 h4,
        article section#mechanism .description > .wrapper .unit2 h3,
        article section#mechanism .description > .wrapper .unit2 h4,
        article section#mechanism .description > .wrapper .unit3 h3,
        article section#mechanism .description > .wrapper .unit3 h4 {
          margin-bottom: 40px; }
          @media only screen and (max-width: 980px) {
            article section#mechanism .description > .wrapper .unit1 h3, article section#mechanism .description > .wrapper .unit1 h4,
            article section#mechanism .description > .wrapper .unit2 h3,
            article section#mechanism .description > .wrapper .unit2 h4,
            article section#mechanism .description > .wrapper .unit3 h3,
            article section#mechanism .description > .wrapper .unit3 h4 {
              margin-bottom: 20px; } }
        article section#mechanism .description > .wrapper .unit1 .fig,
        article section#mechanism .description > .wrapper .unit2 .fig,
        article section#mechanism .description > .wrapper .unit3 .fig {
          display: block;
          width: 230px;
          margin: 0 auto 30px; }
      article section#mechanism .description > .wrapper .unit1,
      article section#mechanism .description > .wrapper .unit2 {
        float: left;
        width: 420px; }
        @media only screen and (max-width: 980px) {
          article section#mechanism .description > .wrapper .unit1,
          article section#mechanism .description > .wrapper .unit2 {
            width: 100%; } }
      @media only screen and (max-width: 980px) {
        article section#mechanism .description > .wrapper .unit1 {
          margin-bottom: 60px; } }
      article section#mechanism .description > .wrapper .unit1 > p {
        width: 480px; }
        @media only screen and (max-width: 980px) {
          article section#mechanism .description > .wrapper .unit1 > p {
            width: 100%; } }
      article section#mechanism .description > .wrapper .unit1 {
        margin-right: 110px; }
        @media only screen and (max-width: 980px) {
          article section#mechanism .description > .wrapper .unit1 {
            margin-right: 0; } }
      article section#mechanism .description > .wrapper .unit3 {
        clear: both;
        margin-top: 105px; }
        article section#mechanism .description > .wrapper .unit3 > .clf, article section#mechanism .description > .wrapper section#movie .unit3 > .movie, article section#movie section#mechanism .description > .wrapper .unit3 > .movie, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div {
          margin-top: 60px; }
          article section#mechanism .description > .wrapper .unit3 > .clf .unit, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit {
            float: left;
            width: 302px; }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit:not(:first-child), article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:not(:first-child), article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:not(:first-child), article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:not(:first-child), article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:not(:first-child), article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:not(:first-child) {
              margin-left: 22px; }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(1) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(1) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(1) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img {
              background-image: url("/img/features/fig-5-3-1-cf224b67.png");
              background-size: 107px auto;
              background-position: center;
              background-repeat: no-repeat; }
              @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
                article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(1) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(1) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(1) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(1) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(1) .img {
                  background-image: url("/img/features/fig-5-3-1@2x-b7a953fc.png"); } }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(2) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(2) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(2) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img {
              background-image: url("/img/features/fig-5-3-3-b3a0d42d.png");
              background-size: 184px auto;
              background-position: center;
              background-repeat: no-repeat; }
              @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
                article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(2) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(2) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(2) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(2) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(2) .img {
                  background-image: url("/img/features/fig-5-3-3@2x-6becea21.png"); } }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(3) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(3) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(3) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img {
              background-image: url("/img/features/fig-5-3-4-24875efb.png");
              background-size: 230px auto;
              background-position: center;
              background-repeat: no-repeat; }
              @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
                article section#mechanism .description > .wrapper .unit3 > .clf .unit:nth-child(3) .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit:nth-child(3) .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit:nth-child(3) .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit:nth-child(3) .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit:nth-child(3) .img {
                  background-image: url("/img/features/fig-5-3-4@2x-4206dadf.png"); } }
            @media only screen and (max-width: 980px) {
              article section#mechanism .description > .wrapper .unit3 > .clf .unit, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit {
                width: 100%;
                margin-left: 0 !important; } }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit .img, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit .img, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit .img, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit .img, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit .img, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit .img, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit .img, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit .img, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit .img, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit .img, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit .img, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit .img, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit .img, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit .img, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit .img, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit .img, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit .img, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit .img, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit .img {
              height: 167px;
              margin-bottom: 40px; }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit h5, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit h5, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit h5, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit h5, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit h5, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit h5, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit h5, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit h5, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit h5, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit h5, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit h5, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 {
              margin-bottom: 9px;
              font-size: 13px; }
              @media only screen and (max-width: 980px) {
                article section#mechanism .description > .wrapper .unit3 > .clf .unit h5, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit h5, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit h5, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit h5, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit h5, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit h5, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit h5, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit h5, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit h5, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit h5, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit h5, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit h5, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit h5, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 {
                  text-align: center;
                  font-size: 16px; } }
              article section#mechanism .description > .wrapper .unit3 > .clf .unit h5 small, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit h5 small, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit h5 small, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit h5 small, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit h5 small, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit h5 small, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit h5 small, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit h5 small, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit h5 small, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit h5 small, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit h5 small, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit h5 small, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 small, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit h5 small, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 small, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit h5 small, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 small, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit h5 small, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit h5 small {
                font-size: 11px; }
            article section#mechanism .description > .wrapper .unit3 > .clf .unit p, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit p, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit p, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit p, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit p, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit p, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit p, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit p, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit p, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit p, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit p, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit p {
              font-size: 12px;
              line-height: 22px; }
              @media only screen and (max-width: 980px) {
                article section#mechanism .description > .wrapper .unit3 > .clf .unit p, article section#mechanism .description > .wrapper section#movie .unit3 > .movie .unit p, article section#movie section#mechanism .description > .wrapper .unit3 > .movie .unit p, article section#mechanism section#feature1 .description > .wrapper .unit3 > .description .unit p, article section#feature1 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature2 .description > .wrapper .unit3 > .description .unit p, article section#feature2 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature3 .description > .wrapper .unit3 > .description .unit p, article section#feature3 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature4 .description > .wrapper .unit3 > .description .unit p, article section#feature4 section#mechanism .description > .wrapper .unit3 > .description .unit p, article section#mechanism section#feature1 .description > .wrapper .box.unit3 > div .unit p, article section#feature1 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature2 .description > .wrapper .box.unit3 > div .unit p, article section#feature2 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature3 .description > .wrapper .box.unit3 > div .unit p, article section#feature3 section#mechanism .description > .wrapper .box.unit3 > div .unit p, article section#mechanism section#feature4 .description > .wrapper .box.unit3 > div .unit p, article section#feature4 section#mechanism .description > .wrapper .box.unit3 > div .unit p {
                  font-size: 10px;
                  line-height: 20px; } }

#info_box {
  margin-top: 80px; }