@charset "UTF-8";
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 600;
  font-size: 100%;
  src: local("Noto Serif JP Bold"), local("NotoSerifJP-Bold"), url("../fonts/NotoSerifJP-Bold.woff2") format("woff2"), url("../fonts/NotoSerifJP-Bold.woff") format("woff"); }

#content #visual {
  -webkit-transition: opacity .8s ease;
  -o-transition: opacity .8s ease;
  transition: opacity .8s ease; }
  #content #visual .img {
    width: 100%;
    padding-top: 46.66667%;
    background: 50%/cover no-repeat;
    position: relative; }
  #content #visual .kv_upper {
    background-image: url("../images/kv_upper.jpg"); }
  #content #visual .kv_lower {
    background-image: url("../images/kv_lower.jpg"); }
  #content #visual .title {
    padding: 1.66667rem 1.66667rem 1.875rem;
    text-align: center;
    -webkit-transition: opacity .8s ease .8s;
    -o-transition: opacity .8s ease .8s;
    transition: opacity .8s ease .8s; }
    #content #visual .title h1 {
      font-size: 1.25rem;
      font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      line-height: 1.66667;
      letter-spacing: .04em;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt';
      -webkit-transition: opacity 1s ease 1.6s;
      -o-transition: opacity 1s ease 1.6s;
      transition: opacity 1s ease 1.6s; }
      #content #visual .title h1 em {
        font-size: 1.46667em;
        display: block;
        color: #113d83;
        font-weight: bold;
        letter-spacing: .05em; }
    #content #visual .title .ribbon {
      -webkit-transition: opacity 1.5s ease 2.0s;
      -o-transition: opacity 1.5s ease 2.0s;
      transition: opacity 1.5s ease 2.0s;
      font-size: 1rem;
      display: block;
      margin: 0 auto;
      color: #fff;
      letter-spacing: .04em;
      background: url("../images/kv_ribbon_sp.svg") 50%/100% 100% no-repeat;
      line-height: 2.25;
      width: 27.83333rem;
      margin-top: 0.83333rem;
      position: relative;
      font-style: italic; }

#content #overview {
  padding: 3.75rem 1.25rem 4.16667rem;
  position: relative; }
  #content #overview:before, #content #overview:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/overview_bg_upper_sp.jpg") 50% top/100% auto no-repeat; }
  #content #overview:after {
    background: url("../images/overview_bg_lower_sp.jpg") 50% bottom/100% auto no-repeat; }
  #content #overview .secInner {
    position: relative;
    z-index: 1; }
    #content #overview .secInner .lead {
      line-height: 1.78571;
      letter-spacing: .04em;
      padding: 0 0.41667rem;
      font-size: 1.16667rem;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt';
      text-align: justify; }
      #content #overview .secInner .lead p {
        margin-top: 1.5em; }
        #content #overview .secInner .lead p:first-child {
          margin-top: 0; }
      #content #overview .secInner .lead em {
        font-size: 1.14286em;
        letter-spacing: .02em;
        font-weight: 600;
        line-height: 1.75;
        color: #113d83; }
    #content #overview .secInner .imgs {
      margin-top: 2.91667rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #content #overview .secInner .imgs .img {
        width: 45.7971%;
        margin-right: 0.5rem;
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
        transform: translateX(2rem);
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease; }
        #content #overview .secInner .imgs .img:nth-child(2) {
          margin-top: 2.91667rem;
          -webkit-transform: translateX(-2rem);
          -ms-transform: translateX(-2rem);
          transform: translateX(-2rem); }
        #content #overview .secInner .imgs .img img {
          -webkit-box-shadow: 0.5rem 0.5rem 0 0 #dfe7eb;
          box-shadow: 0.5rem 0.5rem 0 0 #dfe7eb;
          width: 100%; }
  #content #overview.move .secInner .imgs .img {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
    #content #overview.move .secInner .imgs .img:nth-child(2) {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }

#content #s03 .task {
  padding: 3.54167rem 1.66667rem 2.91667rem; }
  #content #s03 .task h2 {
    text-align: center;
    font-size: 1.33333rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'; }
    #content #s03 .task h2 em {
      display: block;
      font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-weight: 600;
      font-size: 1.875em;
      letter-spacing: .08em;
      line-height: 1.5;
      color: #113d83; }
  #content #s03 .task ul {
    margin-top: 2.5rem; }
    #content #s03 .task ul li {
      margin-top: 1.25rem; }
      #content #s03 .task ul li:first-child {
        margin-top: 0; }
      #content #s03 .task ul li .img {
        -webkit-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        transform: translateY(2rem);
        -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease; }
        #content #s03 .task ul li .img.move {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          opacity: 1; }
        #content #s03 .task ul li .img img {
          width: 100%; }
      #content #s03 .task ul li .txt {
        padding: 2.70833rem;
        font-size: 1.16667rem;
        line-height: 1.78571;
        background: #f8f8f8;
        text-align: justify;
        color: #404040; }

#content #s03 .arrow {
  height: 6.04167rem;
  position: relative;
  z-index: 2;
  margin-bottom: -2.41667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.83333rem;
  color: #fff;
  text-align: center;
  font-size: 1.08333rem;
  line-height: 1.46154;
  letter-spacing: .015em;
  -webkit-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  transform: translateY(-2rem);
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  #content #s03 .arrow.move {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  #content #s03 .arrow:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    margin-left: -14rem;
    border: transparent solid 0px;
    border-top: #113d83 solid 6.04167rem;
    border-left: transparent solid 14rem;
    border-right: transparent solid 14rem; }

#content #s03 .seek {
  background: url("../images/s03_2_bg_sp.jpg") right 50%/cover no-repeat; }
  #content #s03 .seek .txt {
    -webkit-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    #content #s03 .seek .txt.move {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
    #content #s03 .seek .txt img {
      width: 100%; }

#content #s04 {
  padding: 4.16667rem 1.25rem 3.33333rem; }
  #content #s04 .secInner .lead .img img {
    width: 100%; }
  #content #s04 .secInner .lead .txt {
    margin-top: 2.70833rem;
    padding: 0 0.41667rem;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'; }
  #content #s04 .secInner .lead .txt h2, #content #s04 .secInner .lead .txt h3,
  #content #s04 .secInner .future h2,
  #content #s04 .secInner .future h3 {
    font-size: 1.83333rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
    #content #s04 .secInner .lead .txt h2 em, #content #s04 .secInner .lead .txt h3 em,
    #content #s04 .secInner .future h2 em,
    #content #s04 .secInner .future h3 em {
      color: #113d83; }
  #content #s04 .secInner .lead .txt h3,
  #content #s04 .secInner .future h3 {
    letter-spacing: .02em; }
  #content #s04 .secInner .lead .txt p,
  #content #s04 .secInner .future p {
    font-size: 1.16667rem;
    line-height: 1.78571;
    margin-top: 1.66667rem;
    color: #404040; }
    #content #s04 .secInner .lead .txt p em,
    #content #s04 .secInner .future p em {
      color: #113d83; }
  #content #s04 .secInner .future {
    margin-top: 2.70833rem; }
  #content #s04 .secInner .graph img {
    width: 100%; }
  #content #s04 .secInner .graph01 {
    margin-top: 1.875rem; }
  #content #s04 .secInner .graph02 {
    margin-top: 2.70833rem; }

#content #s05 h2 {
  padding: 2.08333rem 1.25rem;
  padding-right: 0;
  background: #113d83 url("../images/s05_tit_bg_sp.jpg") 50%/cover no-repeat;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  position: relative;
  z-index: 2; }
  #content #s05 h2 .titInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.61111;
    letter-spacing: .06em;
    font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
    #content #s05 h2 .titInner .img {
      width: 5.125rem;
      margin-right: 1.25rem; }
      #content #s05 h2 .titInner .img img {
        width: 100%; }
  #content #s05 h2:before {
    display: block;
    content: "";
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 50%;
    margin-left: -1.66667rem;
    border: transparent solid 0px;
    border-top: #0B387C solid 1.25rem;
    border-left: transparent solid 1.66667rem;
    border-right: transparent solid 1.66667rem; }

#content #s05 ol {
  counter-reset: s05; }
  #content #s05 ol li:nth-child(2n) {
    background: #f8f8f8; }
  #content #s05 ol li .caseInner {
    padding: 5.41667rem 1.25rem 4.16667rem;
    position: relative; }
    #content #s05 ol li .caseInner:before {
      counter-increment: s05;
      content: counter(s05);
      font-family: "Fjalla One", sans-serif;
      font-size: 4.16667rem;
      line-height: 1;
      color: #e7e7e7;
      position: absolute;
      top: 1.25rem;
      left: 1.25rem; }
    #content #s05 ol li .caseInner h3 {
      color: #113d83;
      font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-size: 1.83333rem;
      line-height: 1.5;
      letter-spacing: .03em; }
    #content #s05 ol li .caseInner .txt {
      font-size: 1.16667rem;
      line-height: 1.78571;
      letter-spacing: .1em;
      margin-top: 1.25rem;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt';
      text-align: justify;
      letter-spacing: 0;
      color: #404040; }
    #content #s05 ol li .caseInner .img {
      margin-top: 1.25rem; }
      #content #s05 ol li .caseInner .img img {
        width: 100%; }
      #content #s05 ol li .caseInner .img a.lightbox {
        display: none; }

#content .download {
  padding: 3.75rem 1.25rem 4.58333rem; }
  #content .download .secInner h2 {
    text-align: center;
    font-size: 1.83333rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .05em;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
    #content .download .secInner h2 em {
      display: block;
      color: #113d83; }
  #content .download .secInner .lead {
    margin-top: 1.875rem; }
    #content .download .secInner .lead .img {
      width: 64.8vw;
      height: 39.6vw;
      margin: 0 auto;
      position: relative; }
      #content .download .secInner .lead .img img {
        width: 54vw;
        position: absolute; }
        #content .download .secInner .lead .img img:first-child {
          top: 0;
          left: 0;
          z-index: 2; }
        #content .download .secInner .lead .img img:nth-child(2) {
          bottom: 0;
          right: 0;
          z-index: 1; }
    #content .download .secInner .lead .txt {
      margin-top: 1.66667rem;
      font-size: 1.16667rem;
      line-height: 1.78571;
      letter-spacing: .05em;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt';
      text-align: justify;
      color: #404040; }
      #content .download .secInner .lead .txt em {
        color: #113d83; }
  #content .download .secInner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.29167rem; }
    #content .download .secInner ul li {
      width: 31.88406%;
      background: #f8f8f8;
      padding: 2em 1em 1em;
      font-size: 0.91667rem;
      position: relative; }
      #content .download .secInner ul li h3 {
        font-family: "Fjalla One", sans-serif;
        font-size: 1.16667rem;
        line-height: 0.85714;
        text-align: center;
        letter-spacing: .02em;
        color: #113d83;
        position: absolute;
        top: -0.5em;
        left: 0;
        right: 0; }
      #content .download .secInner ul li p {
        line-height: 1.81818;
        letter-spacing: 0; }
  #content .download .secInner .btn_DL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 97.10145%;
    height: 5.41667rem;
    margin: 0 auto;
    margin-top: 2.29167rem;
    border: #1a59b5 solid 2px;
    border-radius: 0.25rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#113d83), to(#1a59b5));
    background: -webkit-linear-gradient(#113d83, #1a59b5);
    background: -o-linear-gradient(#113d83, #1a59b5);
    background: linear-gradient(#113d83, #1a59b5);
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: .02em;
    font-weight: 500;
    -webkit-box-shadow: 0 0 0.41667rem 0.20833rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0.41667rem 0.20833rem rgba(0, 0, 0, 0.15);
    position: relative; }
    #content .download .secInner .btn_DL:after {
      content: '';
      display: inline-block;
      width: 0.80556em;
      height: 0.80556em;
      border-radius: 0.80556em;
      background-color: #fff;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 0.22222em auto;
      background-image: url("../images/dl.svg");
      position: absolute;
      top: 50%;
      right: 0.91667rem;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

#content #case {
  padding: 4.79167rem 1.25rem 3.33333rem;
  position: relative; }
  #content #case:before, #content #case:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/cases_bg_upper_sp.jpg") 50% top/100% auto no-repeat; }
  #content #case:after {
    background: url("../images/cases_bg_lower_sp.jpg") 50% bottom/100% auto no-repeat; }
  #content #case .secInner {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 1.25rem 0.54167rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1.25rem 0.54167rem rgba(0, 0, 0, 0.05);
    background: #fff;
    padding: 2.08333rem 1.66667rem 2.29167rem;
    margin-top: 1.66667rem; }
    #content #case .secInner:first-child {
      margin-top: 0;
      padding: 5.83333rem 1.66667rem 2.91667rem; }
    #content #case .secInner > .label {
      position: absolute;
      top: -1.5rem;
      left: 0;
      right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #content #case .secInner > .label em {
        background: #333;
        color: #fff;
        text-align: center;
        font-size: 1.41667rem;
        font-weight: 500;
        letter-spacing: .08em;
        line-height: 2.20588;
        padding: 0 1.91176em; }
      #content #case .secInner > .label .note {
        display: block;
        margin-top: .5em; }
    #content #case .secInner h2 {
      color: #113d83;
      text-align: center;
      font-size: 1.83333rem;
      font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      letter-spacing: 0;
      line-height: 1.5;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt'; }
    #content #case .secInner h3 {
      text-align: center;
      font-size: 1.66667rem;
      font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      letter-spacing: .05em;
      line-height: 1.5;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt'; }
    #content #case .secInner .txt {
      font-size: 1.16667rem;
      line-height: 1.78571;
      -webkit-font-feature-settings: 'palt';
      font-feature-settings: 'palt';
      margin-top: 1.25rem; }
      #content #case .secInner .txt h4 {
        font-weight: 600; }
    #content #case .secInner .img {
      margin-top: 1.25rem; }
      #content #case .secInner .img img {
        width: 100%; }
    #content #case .secInner ul {
      margin-top: 1.66667rem; }
      #content #case .secInner ul li {
        background: #f5f5f5;
        padding: 1.25rem 1.45833rem;
        margin-top: 1.25rem; }
        #content #case .secInner ul li:first-child {
          margin-top: 0; }
        #content #case .secInner ul li dl dt {
          font-size: 1.33333rem;
          line-height: 1.625;
          font-weight: 500;
          color: #113d83;
          margin-bottom: 0.41667rem; }
        #content #case .secInner ul li dl dd {
          padding-left: 1em;
          font-size: 1rem;
          line-height: 1.66667;
          letter-spacing: .05em;
          position: relative;
          -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt'; }
          #content #case .secInner ul li dl dd:before {
            content: "●";
            color: #1a59b5;
            position: absolute;
            display: block;
            width: 1em;
            height: 1em;
            top: 0;
            left: 0; }

@media print, screen and (min-width: 961px) {
  #content #visual {
    background: url("../images/kv.jpg") 50% top/cover no-repeat;
    position: relative;
    height: 48.57143rem; }
    #content #visual .img {
      display: none; }
    #content #visual .title {
      padding: 3.21429rem 2.14286rem;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7); }
      #content #visual .title h1 {
        font-size: 2.14286rem;
        color: #fff; }
        #content #visual .title h1 em {
          font-size: 1.46667em;
          color: inherit; }
      #content #visual .title .ribbon {
        font-size: 1.78571rem;
        width: 28.8em;
        background-image: url("../images/kv_ribbon_pc.svg"); }
  #content #overview {
    padding: 11.42857rem 2.14286rem 10rem; }
    #content #overview:before {
      background-image: url("../images/overview_bg_upper_pc.jpg"); }
    #content #overview:after {
      background-image: url("../images/overview_bg_lower_pc.jpg"); }
    #content #overview .secInner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 1080px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 auto; }
      #content #overview .secInner .lead {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 680px;
        width: 50%;
        font-size: 1.28571rem;
        line-height: 2;
        letter-spacing: .08em; }
        #content #overview .secInner .lead em {
          font-size: 1.11111em;
          line-height: 2;
          letter-spacing: .1em; }
      #content #overview .secInner .imgs {
        max-width: 440px;
        width: 50%;
        display: block;
        margin-top: 0;
        margin-left: -2.85714rem; }
        #content #overview .secInner .imgs .img {
          width: 75.90909%;
          margin-right: auto;
          margin-left: 0; }
          #content #overview .secInner .imgs .img:nth-child(2) {
            margin-top: 3.21429rem;
            margin-left: auto;
            margin-right: 0; }
          #content #overview .secInner .imgs .img img {
            -webkit-box-shadow: 0.71429rem 0.71429rem 0 0 #dfe7eb;
            box-shadow: 0.71429rem 0.71429rem 0 0 #dfe7eb; }
  #content #s03 .task {
    padding: 7.14286rem 2.14286rem 3.21429rem; }
    #content #s03 .task h2 {
      font-size: 1.71429rem; }
      #content #s03 .task h2 em {
        font-size: 1.83333em; }
    #content #s03 .task ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      max-width: 1000px;
      margin: 3.92857rem auto 0; }
      #content #s03 .task ul li {
        width: 32%;
        margin-top: 0; }
        #content #s03 .task ul li .txt {
          padding: 2rem 2.14286rem;
          font-size: 1.14286rem;
          line-height: 1.75;
          letter-spacing: .05em; }
  #content #s03 .arrow {
    height: 8.21429rem;
    margin-bottom: -4.28571rem;
    padding-top: 1.42857rem;
    font-size: 1.42857rem;
    line-height: 1.5; }
    #content #s03 .arrow:before {
      margin-left: -18.57143rem;
      border: transparent solid 0px;
      border-top: #113d83 solid 8.21429rem;
      border-left: transparent solid 18.57143rem;
      border-right: transparent solid 18.57143rem; }
  #content #s03 .seek {
    background-image: url("../images/s03_2_bg_pc.jpg"); }
    #content #s03 .seek .txt img {
      max-width: 1000px; }
  #content #s04 {
    padding: 10.35714rem 2.14286rem 10rem; }
    #content #s04 .secInner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #content #s04 .secInner .lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1120px;
        padding-right: 1.42857rem; }
        #content #s04 .secInner .lead .txt {
          margin-top: 0;
          width: 48.66071%;
          padding: 0 0.71429rem; }
          #content #s04 .secInner .lead .txt h2 {
            font-size: 2.42857rem;
            line-height: 1.61765;
            margin-top: -1rem; }
          #content #s04 .secInner .lead .txt p {
            font-size: 1.14286rem;
            line-height: 2;
            margin-top: 1.78571rem;
            letter-spacing: 0; }
        #content #s04 .secInner .lead .img {
          width: 45.45455%; }
      #content #s04 .secInner .future {
        margin-top: 5.71429rem;
        text-align: center; }
        #content #s04 .secInner .future h3 {
          font-size: 2.42857rem;
          line-height: 1.61765;
          margin-top: -1rem; }
        #content #s04 .secInner .future p {
          font-size: 1.14286rem;
          line-height: 2;
          margin-top: 1.78571rem;
          letter-spacing: 0; }
      #content #s04 .secInner .graph {
        max-width: 1000px; }
        #content #s04 .secInner .graph img {
          width: 100%; }
      #content #s04 .secInner .graph01 {
        margin-top: 5.71429rem; }
      #content #s04 .secInner .graph02 {
        margin-top: 4.28571rem; }
  #content #s05 {
    border-bottom: #113d83 solid 2px; }
    #content #s05 h2 {
      padding: 2.5rem 2.14286rem;
      background-image: url("../images/s05_tit_bg_pc.jpg");
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #content #s05 h2 .titInner {
        font-size: 2.57143rem;
        line-height: 1.11111;
        margin: 0 auto; }
        #content #s05 h2 .titInner .img {
          width: 7.28571rem;
          margin-right: 2.14286rem; }
      #content #s05 h2:before {
        margin-left: -2.32143rem;
        border: transparent solid 0px;
        border-top: #0B387C solid 1.85714rem;
        border-left: transparent solid 2.32143rem;
        border-right: transparent solid 2.32143rem; }
    #content #s05 ol {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #content #s05 ol li {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        #content #s05 ol li:nth-child(2n) {
          background: none;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
        #content #s05 ol li:nth-child(2), #content #s05 ol li:nth-child(3) {
          background: #f8f8f8; }
        #content #s05 ol li .caseInner {
          max-width: 750px;
          padding: 5.35714rem 8.57143rem 3.57143rem; }
          #content #s05 ol li .caseInner:before {
            font-size: 6.42857rem;
            top: 1.57143rem;
            left: 1.92857rem; }
          #content #s05 ol li .caseInner h3 {
            font-size: 2.42857rem;
            text-align: center; }
          #content #s05 ol li .caseInner .txt {
            font-size: 1rem;
            line-height: 2;
            margin-top: 2.5rem; }
          #content #s05 ol li .caseInner .img {
            margin-top: 2.5rem; }
            #content #s05 ol li .caseInner .img a.lightbox {
              display: block;
              font-size: 1rem;
              line-height: 2.14286;
              padding: 0 1em;
              background: #000;
              color: #fff;
              width: 11.71429rem;
              margin: 1.07143rem auto 0;
              text-align: center; }
              #content #s05 ol li .caseInner .img a.lightbox svg {
                width: 1.14286rem;
                height: 1.14286rem;
                display: inline-block;
                vertical-align: center;
                margin-right: 0.57143rem;
                fill: #fff; }
  #content .download {
    padding: 5.35714rem 2.14286rem 5.71429rem; }
    #content .download .secInner h2 {
      font-size: 3.14286rem;
      line-height: 1.31818; }
    #content .download .secInner .lead {
      width: 100%;
      max-width: 1000px;
      margin: 3.21429rem auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #content .download .secInner .lead .img {
        width: 23.14286rem;
        height: 14.14286rem; }
        #content .download .secInner .lead .img img {
          width: 19.28571rem; }
      #content .download .secInner .lead .txt {
        margin-top: 0;
        font-size: 1.14286rem;
        line-height: 1.875;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 3.57143rem; }
    #content .download .secInner ul {
      width: 100%;
      max-width: 930px;
      margin: 4.07143rem auto; }
      #content .download .secInner ul li {
        width: 32.25806%;
        padding: 2.25em 1em 1.875em;
        font-size: 1.14286rem; }
        #content .download .secInner ul li h3 {
          font-size: 1.42857rem; }
        #content .download .secInner ul li p {
          line-height: 1.5;
          letter-spacing: 0.02em;
          text-align: center; }
    #content .download .secInner .btn_DL {
      width: 49rem;
      height: 7.14286rem;
      margin-top: 3.57143rem;
      border-radius: 0.42857rem;
      font-size: 2rem;
      -webkit-box-shadow: 0 0 0.71429rem 0.35714rem rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 0.71429rem 0.35714rem rgba(0, 0, 0, 0.15); }
  #content #case {
    padding: 6.42857rem 2.14286rem 5.71429rem; }
    #content #case:before {
      background-image: url("../images/cases_bg_upper_pc.jpg"); }
    #content #case:after {
      background-image: url("../images/cases_bg_lower_pc.jpg"); }
    #content #case .secInner {
      -webkit-box-shadow: 0 0 2.14286rem 0.92857rem rgba(0, 0, 0, 0.05);
      box-shadow: 0 0 2.14286rem 0.92857rem rgba(0, 0, 0, 0.05);
      padding: 4.28571rem 7.14286rem 4.78571rem;
      margin: 2.14286rem auto 0;
      max-width: 1200px; }
      #content #case .secInner:first-child {
        margin-top: 0;
        padding: 8.57143rem 11.28571rem 4.5rem; }
      #content #case .secInner > .label {
        top: -1.85714rem; }
        #content #case .secInner > .label em {
          font-size: 1.42857rem;
          line-height: 2.75;
          padding: 0 2.75em; }
        #content #case .secInner > .label .note {
          font-size: 1rem;
          margin-top: 1em; }
      #content #case .secInner h2 {
        font-size: 2.57143rem;
        line-height: 1.38889; }
      #content #case .secInner h3 {
        font-size: 2.28571rem; }
      #content #case .secInner .txt {
        text-align: center;
        font-size: 1.14286rem;
        line-height: 1.875;
        margin-top: 2.85714rem; }
      #content #case .secInner .img {
        margin-top: 3.57143rem; }
      #content #case .secInner ul {
        margin-top: 3.92857rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #content #case .secInner ul li {
          width: 32%;
          padding: 1.42857rem 2.14286rem;
          padding-right: 0.71429rem;
          margin-top: 1.21429rem; }
          #content #case .secInner ul li:first-child, #content #case .secInner ul li:nth-child(2), #content #case .secInner ul li:nth-child(3) {
            margin-top: 0; }
          #content #case .secInner ul li dl dt {
            font-size: 1.28571rem;
            margin-bottom: 1.42857rem;
            height: 4.28571rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
          #content #case .secInner ul li dl dd {
            font-size: 1rem;
            line-height: 2; } }

@media print, screen and (min-width: 961px) and (max-width: 1280px) {
  #content #overview .secInner .lead {
    font-size: 1.41667rem; }
  #content #s03 .task ul li .txt {
    font-size: 1.33333rem; }
  #content #s04 .secInner .lead .txt p {
    font-size: 1.33333rem; }
  #content #s05 ol li .caseInner .txt {
    font-size: 1.33333rem; }
  #content .download .secInner .lead .txt {
    font-size: 1.33333rem; }
  #content .download .secInner ul li {
    font-size: 1.33333rem; }
  #content #case .secInner .txt {
    font-size: 1.33333rem; } }