@charset "UTF-8";
/*
Theme Name: cloudsales
Theme URI:
Author:
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* -----------------------------------------
	common
-----------------------------------------*/
html {
  font-size: 62.5%; }

body {
  color: #333333;
  font-family: HiraKakuProN-W3,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'游ゴシック', 'Yu Gothic', YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  word-wrap: break-word; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box; }

a {
  color: #251e1c;
  text-decoration: none; }
  a:hover img {
    opacity: 0.8; }

#content a:hover {
  opacity: 0.7; }

.clear {
  overflow: hidden; }
  .clear:after {
    clear: both; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin: auto; }

.txtcenter {
  text-align: center; }

.red {
  color: #d80000; }

.bold {
  font-weight: bold; }

.sp {
  display: none; }

.pc {
  display: block; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.cmn_w {
  width: 1000px;
  margin: 0 auto; }

.w800 {
  width: 800px;
  margin: 0 auto; }

.size14 {
  font-size: 14px; }

.size18 {
  font-size: 18px;
  line-height: 1.77; }

.size20 {
  font-size: 20px;
  line-height: 1.77; }

.size22 {
  font-size: 22px; }

.grade {
  background: #f6fbfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f6fbfc 0%, #e2ecf6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f6fbfc 0%, #e2ecf6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6fbfc), to(#e2ecf6));
  background: -o-linear-gradient(top, #f6fbfc 0%, #e2ecf6 100%);
  background: linear-gradient(to bottom, #f6fbfc 0%, #e2ecf6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6fbfc', endColorstr='#e2ecf6',GradientType=0 );
  /* IE6-9 */ }

.shadow {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,ffffff+38,ffffff+100 */
  background-color: #fff; }

#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 500;
  background-color: #fff;
  width: 100%; }
  #header .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 0; }
  #header h1 img {
    height: 45px; }
  #header ul li {
    display: inline-block; }
    #header ul li:first-child {
      margin-right: 18px; }
    #header ul li.trial_btn img {
      width: 245px;
      -webkit-filter: drop-shadow(0px 0px 10px rgba(83, 83, 83, 0.15));
      filter: drop-shadow(0px 0px 10px rgba(83, 83, 83, 0.15)); }

#nav {
  background-color: #f0f6f9;
  position: fixed;
  top: 93px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 400; }
  #nav ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #nav ul li {
      width: 16.66%;
      position: relative; }
      #nav ul li:first-child:before {
        position: absolute;
        top: 50%;
        left: 0;
        height: 30px;
        width: 1px;
        margin-top: -15px;
        content: "";
        background-color: #529ebd; }
      #nav ul li:after {
        position: absolute;
        top: 50%;
        right: 0;
        height: 30px;
        width: 1px;
        margin-top: -15px;
        content: "";
        background-color: #529ebd; }
      #nav ul li a {
        position: relative;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #33529f;
        text-align: center;
        display: block;
        padding: 20px 0;
        z-index: 2;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        #nav ul li a:before {
          content: "";
          width: 98%;
          height: 0;
          background-color: #00479d;
          display: block;
          position: absolute;
          bottom: 0;
          left: 1%;
          z-index: -1;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        #nav ul li a:hover {
          color: #fff; }
          #nav ul li a:hover:before {
            height: 100%; }

#footer .footer_top {
  background-color: #33529f;
  color: #fff; }
  #footer .footer_top .cmn_w {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 30px 0; }
    #footer .footer_top .cmn_w .footer_sns {
      text-align: right;
      margin-bottom: 5px; }
      #footer .footer_top .cmn_w .footer_sns li {
        vertical-align: middle; }
        #footer .footer_top .cmn_w .footer_sns li:nth-child(1) {
          padding-right: 5px; }
          #footer .footer_top .cmn_w .footer_sns li:nth-child(1) img {
            width: 32px; }
        #footer .footer_top .cmn_w .footer_sns li:nth-child(2) img {
          width: 48px; }
  #footer .footer_top a {
    color: #fff; }
  #footer .footer_top li {
    display: inline-block;
    padding-right: 20px; }
    #footer .footer_top li:last-child {
      padding-right: 0px; }

#footer .footer_bottom {
  background-color: #f0f6f9;
  color: #cccccc;
  font-size: 12px;
  font-size: 1.2rem; }
  #footer .footer_bottom .cmn_w {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0; }
  #footer .footer_bottom a {
    color: #cccccc; }
  #footer .footer_bottom li {
    display: inline-block;
    padding-right: 20px; }
    #footer .footer_bottom li:last-child {
      padding-right: 0px; }

.main_slider {
  margin-top: 158px; }
  .main_slider.slick-dotted.slick-slider {
    margin-bottom: 0; }
  .main_slider li img {
    width: 80vw; }
  .main_slider .slick-slide img.sp {
    display: none; }
  .main_slider .slick-dots {
    bottom: -40px !important; }
    .main_slider .slick-dots li button:before {
      color: #fff;
      opacity: 1; }
    .main_slider .slick-dots li.slick-active button:before {
      color: #33529f;
      opacity: 1; }
  .main_slider .slick-next, .main_slider .slick-prev {
    width: auto;
    height: auto; }
  .main_slider .slick-next {
    right: 4%; }
    .main_slider .slick-next:before {
      content: url(img/top/slide_arrow02.png); }
  .main_slider .slick-prev {
    left: 4%;
    z-index: 1; }
    .main_slider .slick-prev:before {
      content: url(img/top/slide_arrow01.png); }

#eyecatch {
  background: url(img/common/bg_mv_second.jpg) center no-repeat;
  background-size: cover;
  margin-top: 158px; }
  #eyecatch.short_eyecatch {
    background: url(img/common/bg_eyecatch_short.jpg) center bottom no-repeat;
    background-size: cover; }
    #eyecatch.short_eyecatch h2 {
      padding: 50px 0;
      text-align: center; }
      #eyecatch.short_eyecatch h2 span {
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        padding-top: 20px; }
    #eyecatch.short_eyecatch .cmn_w {
      height: auto; }
  #eyecatch .cmn_w {
    position: relative;
    height: 420px; }
  #eyecatch h2 {
    color: #fff;
    font-size: 50px;
    font-size: 5.0rem;
    font-weight: bold;
    line-height: 1.2;
    padding: 145px 0 155px 100px; }
    #eyecatch h2 .center {
      display: inline-block;
      text-align: center; }
  #eyecatch .mv_img01 {
    position: absolute;
    top: 72px;
    right: 0; }
    #eyecatch .mv_img01 img {
      -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
      filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3)); }
  #eyecatch .mv_img02 {
    position: absolute;
    top: 0px;
    right: 100px; }
    #eyecatch .mv_img02 img {
      -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
      filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3)); }
  #eyecatch .mv_img03 {
    position: absolute;
    bottom: 0;
    right: 345px; }
    #eyecatch .mv_img03 img {
      -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
      filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3)); }

#detail_eyecatch {
  position: relative;
  margin-top: 158px; }
  #detail_eyecatch:before {
    content: "";
    width: 60%;
    height: 100%;
    background: url(img/example/bg_detail_eyecatch.jpg) 0 0 no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  #detail_eyecatch .img {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden; }
    #detail_eyecatch .img img {
      height: 140%;
      width: auto;
      max-width: inherit;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  #detail_eyecatch .cmn_w {
    padding-top: 50px;
    padding-bottom: 50px; }
  #detail_eyecatch .in {
    paddinr-right: 40px;
    width: 60%; }
  #detail_eyecatch .job {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    padding-bottom: 27px;
    text-align: right; }
  #detail_eyecatch .case_wrap {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 30px; }
    #detail_eyecatch .case_wrap li {
      color: #fff;
      padding-left: 15px; }
      #detail_eyecatch .case_wrap li .case_num {
        background-color: #fff;
        color: #33529f;
        padding: 0 10px; }
      #detail_eyecatch .case_wrap li:first-child {
        padding-left: 0; }
  #detail_eyecatch h2 {
    font-weight: bold;
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.3;
    color: #fff;
    padding: 15px 0 15px 0; }
  #detail_eyecatch .fukidashi li:first-child {
    margin-bottom: 20px; }
  #detail_eyecatch .fukidashi li dl {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #detail_eyecatch .fukidashi li dl dt {
      width: 100px;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1;
      text-align: center;
      position: relative;
      padding: 12px 0; }
      #detail_eyecatch .fukidashi li dl dt:after {
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #007bff; }
      #detail_eyecatch .fukidashi li dl dt.fukidashi_kadai {
        color: #fff;
        background-color: #33529f; }
        #detail_eyecatch .fukidashi li dl dt.fukidashi_kadai:after {
          border-color: transparent transparent transparent #33529f; }
      #detail_eyecatch .fukidashi li dl dt.fukidashi_shisaku {
        color: #33529f;
        background-color: #fff; }
        #detail_eyecatch .fukidashi li dl dt.fukidashi_shisaku:after {
          border-color: transparent transparent transparent #fff; }
    #detail_eyecatch .fukidashi li dl dd {
      width: calc(100% - 130px);
      color: #fff;
      font-size: 18px;
      font-size: 1.8rem;
      padding-left: 30px; }

#breadcrumb {
  padding: 18px 0 48px 0; }
  #breadcrumb ul li {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #33529f; }
    #breadcrumb ul li.arrow:after {
      content: " > ";
      color: #707070; }
    #breadcrumb ul li a {
      color: #707070; }

.article {
  background-image: url(img/common/bg_left.png), url(img/common/bg_right.png);
  background-position: left bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
  padding-bottom: 150px; }

h2.f50 {
  color: #33529f;
  font-size: 50px;
  font-size: 5.0rem;
  text-align: center;
  font-weight: bold;
  padding-bottom: 40px; }

#top #sec01 .sec01_in {
  background-image: url(img/top/sec01_bg01.jpg);
  background-size: cover; }
  #top #sec01 .sec01_in h2 {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px; }
    #top #sec01 .sec01_in h2 span {
      font-size: 1.8rem;
      font-weight: 600;
      display: block;
      padding-top: 60px;
      color: #33529f;
      line-height: 1.83; }
      #top #sec01 .sec01_in h2 span:after {
        content: '';
        display: block;
        background: #529ebd;
        height: 1px;
        width: 490px;
        margin: 20px auto 0; }
    #top #sec01 .sec01_in h2 img {
      width: 388px;
      margin: 0 auto; }
  #top #sec01 .sec01_in .sec01_element01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  #top #sec01 .sec01_in .sec01_element02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 122px; }
  #top #sec01 .sec01_in .sec01_element01 .sec01_content01, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 {
    position: relative;
    width: 500px;
    height: 270px;
    background-color: #fff; }
    #top #sec01 .sec01_in .sec01_element01 .sec01_content01 .sec01_item01, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 .sec01_item01 {
      width: 400px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #top #sec01 .sec01_in .sec01_element01 .sec01_content01 .sec01_item01 h3, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 .sec01_item01 h3 {
        font-size: 1.8rem;
        font-weight: 600;
        color: #33529f;
        padding-bottom: 25px;
        text-align: center; }
      #top #sec01 .sec01_in .sec01_element01 .sec01_content01 .sec01_item01 div, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 .sec01_item01 div {
        font-size: 1.5rem;
        line-height: 1.87;
        width: 400px; }
  #top #sec01 .sec01_in .sec01_element01 .sec01_content02 img, #top #sec01 .sec01_in .sec01_element02 .sec01_content02 img {
    width: 500px;
    height: 270px; }

#top #sec03 {
  background-color: #f0f6f9;
  padding: 80px 0 60px 0;
  text-align: center; }
  #top #sec03 h3 {
    color: #33529f;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    padding: 0 30px 20px 30px;
    border-bottom: 1px solid #529ebd; }
    #top #sec03 h3.sec03_title01 {
      padding: 0 75px 25px 75px;
      margin-bottom: 47px; }
  #top #sec03 .sec03_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px; }
    #top #sec03 .sec03_inner li {
      position: relative;
      width: 32%; }
      #top #sec03 .sec03_inner li div:nth-child(2) {
        background-color: #fff;
        height: 165px;
        padding-top: 70px; }
        #top #sec03 .sec03_inner li div:nth-child(2) p {
          font-size: 1.3rem;
          color: #111111;
          line-height: 1.69;
          width: 90%;
          margin: 0 auto;
          text-align: left; }
      #top #sec03 .sec03_inner li div:nth-child(3) {
        position: absolute;
        top: 167px;
        left: 15px;
        text-align: left; }
        #top #sec03 .sec03_inner li div:nth-child(3) p {
          display: table;
          font-size: 1.6rem;
          color: #fff;
          background-color: #33519f;
          padding: 7px 10px; }
          #top #sec03 .sec03_inner li div:nth-child(3) p:nth-child(1) {
            margin-bottom: 7px; }

#top #sec04 a {
  display: block;
  position: relative;
  color: #fff;
  background-color: #4e97b3;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  padding: 22px 0;
  border-radius: 50px;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
  width: 480px;
  margin: 0 auto;
  margin-top: 45px; }
  #top #sec04 a::after {
    position: absolute;
    content: "";
    right: 25px;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #147792;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear; }
  #top #sec04 a:hover {
    opacity: 0.9; }
    #top #sec04 a:hover::after {
      right: 20px; }

#top #sec05 {
  background-color: #f0f6f9;
  padding: 106px 0 85px; }
  #top #sec05 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #top #sec05 ul li {
      width: 48%; }
      #top #sec05 ul li a {
        display: block;
        position: relative;
        color: #fff;
        background-color: #4e97b3;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: bold;
        text-align: center;
        padding: 22px 0;
        border-radius: 50px;
        -webkit-transition: all .5s linear;
        -o-transition: all .5s linear;
        transition: all .5s linear; }
        #top #sec05 ul li a:after {
          position: absolute;
          content: "";
          right: 25px;
          top: 50%;
          margin-top: -10px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 0 10px 10px;
          border-color: transparent transparent transparent #147792;
          -webkit-transition: all .5s linear;
          -o-transition: all .5s linear;
          transition: all .5s linear; }
        #top #sec05 ul li a:hover {
          opacity: 0.9; }
          #top #sec05 ul li a:hover:after {
            right: 20px; }
  #top #sec05 .casestudy_wrapper {
    padding-bottom: 60px; }
    #top #sec05 .casestudy_wrapper .casestudy_element01 {
      position: relative; }
    #top #sec05 .casestudy_wrapper .casestudy_content01 {
      position: absolute;
      top: 65%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      font-size: 1.5rem;
      font-weight: 600;
      line-height: 1.86;
      text-align: center; }
    #top #sec05 .casestudy_wrapper .casestudy_content02 {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #fff;
      font-weight: 600;
      font-size: 2.2rem;
      line-height: 1.73;
      white-space: nowrap;
      text-align: center; }
    #top #sec05 .casestudy_wrapper .casestudy_content03 {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 91%;
      font-size: 1.3rem;
      font-weight: 300;
      line-height: 1.92; }

#top #sec02,
#comparison #sec02 {
  padding: 80px 0; }
  #top #sec02 ul,
  #comparison #sec02 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #top #sec02 ul li,
    #comparison #sec02 ul li {
      color: #fff;
      width: 32%; }
      #top #sec02 ul li.work1,
      #comparison #sec02 ul li.work1 {
        background: url(img/top/sec02_icon1.png) right 24px bottom 14px no-repeat #33529f; }
      #top #sec02 ul li.work2,
      #comparison #sec02 ul li.work2 {
        background: url(img/top/sec02_icon2.png) right 15px bottom 14px no-repeat #33529f; }
      #top #sec02 ul li.work3,
      #comparison #sec02 ul li.work3 {
        background: url(img/top/sec02_icon3.png) right 10px bottom 14px no-repeat #33529f; }
      #top #sec02 ul li dl,
      #comparison #sec02 ul li dl {
        text-align: center;
        padding-bottom: 10px; }
        #top #sec02 ul li dl dt,
        #comparison #sec02 ul li dl dt {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          padding: 34px 0 24px 0; }
        #top #sec02 ul li dl dd.flex,
        #comparison #sec02 ul li dl dd.flex {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          #top #sec02 ul li dl dd.flex .apo,
          #comparison #sec02 ul li dl dd.flex .apo {
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: bold;
            text-align: right;
            padding-right: 10px; }
        #top #sec02 ul li dl dd .num,
        #comparison #sec02 ul li dl dd .num {
          font-size: 70px;
          font-size: 7.0rem;
          font-family: 'Oswald', sans-serif;
          line-height: 1; }
        #top #sec02 ul li dl dd .f18,
        #comparison #sec02 ul li dl dd .f18 {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          line-height: 1; }
        #top #sec02 ul li dl dd .f27,
        #comparison #sec02 ul li dl dd .f27 {
          font-size: 27px;
          font-size: 2.7rem;
          font-weight: bold;
          line-height: 1; }
        #top #sec02 ul li dl dd.sub,
        #comparison #sec02 ul li dl dd.sub {
          text-align: right;
          font-size: 14px;
          font-size: 1.4rem;
          padding-right: 10px;
          padding-top: 18px; }
  #top #sec02 #num1.active,
  #comparison #sec02 #num1.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num1.active::after,
    #comparison #sec02 #num1.active::after {
      -webkit-animation: 'number-roll1' 2s ease 0s forwards;
      animation: 'number-roll1' 2s ease 0s forwards; }
  #top #sec02 #num1::after,
  #comparison #sec02 #num1::after {
    content: '680'; }
  #top #sec02 #num2.active,
  #comparison #sec02 #num2.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num2.active::after,
    #comparison #sec02 #num2.active::after {
      -webkit-animation: 'number-roll2' 2s ease 0s forwards;
      animation: 'number-roll2' 2s ease 0s forwards; }
  #top #sec02 #num2::after,
  #comparison #sec02 #num2::after {
    content: '4,700'; }
  #top #sec02 #num3.active,
  #comparison #sec02 #num3.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num3.active::after,
    #comparison #sec02 #num3.active::after {
      -webkit-animation: 'number-roll3' 2s ease 0s forwards;
      animation: 'number-roll3' 2s ease 0s forwards; }
  #top #sec02 #num3::after,
  #comparison #sec02 #num3::after {
    content: '168,600'; }
  #top #sec02 #num4.active,
  #comparison #sec02 #num4.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num4.active::after,
    #comparison #sec02 #num4.active::after {
      -webkit-animation: 'number-roll4' 2s ease 0s forwards;
      animation: 'number-roll4' 2s ease 0s forwards; }
  #top #sec02 #num4::after,
  #comparison #sec02 #num4::after {
    content: '0'; }
  #top #sec02 #num5.active,
  #comparison #sec02 #num5.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num5.active::after,
    #comparison #sec02 #num5.active::after {
      -webkit-animation: 'number-roll5' 2s ease 0s forwards;
      animation: 'number-roll5' 2s ease 0s forwards; }
  #top #sec02 #num5::after,
  #comparison #sec02 #num5::after {
    content: '0'; }
  #top #sec02 #num6.active,
  #comparison #sec02 #num6.active {
    -webkit-animation: 'zoom-in-out' 0.3s ease 2s;
    animation: 'zoom-in-out' 0.3s ease 2s; }
    #top #sec02 #num6.active::after,
    #comparison #sec02 #num6.active::after {
      -webkit-animation: 'number-roll6' 2s ease 0s forwards;
      animation: 'number-roll6' 2s ease 0s forwards; }
  #top #sec02 #num6::after,
  #comparison #sec02 #num6::after {
    content: '0'; }

#top #sec04,
#service #sec02 {
  padding: 80px 0 60px 0;
  text-align: center; }
  #top #sec04 h3,
  #service #sec02 h3 {
    color: #fff;
    background-color: #33529f;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 30px;
    display: inline-block;
    padding: 12px 60px; }
  #top #sec04 ul,
  #service #sec02 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 40px; }
    #top #sec04 ul li,
    #service #sec02 ul li {
      width: 32%;
      background-color: #f0f6f9;
      position: relative;
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 20px;
      height: 100px;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #top #sec04 ul li:after,
      #service #sec02 ul li:after {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #b7d5f0;
        content: "";
        width: 10px;
        height: 10px; }
      #top #sec04 ul li .icon,
      #service #sec02 ul li .icon {
        padding-left: 25px; }
      #top #sec04 ul li.li_1 .txt,
      #service #sec02 ul li.li_1 .txt {
        padding-left: 20px; }
      #top #sec04 ul li.li_2 .txt,
      #service #sec02 ul li.li_2 .txt {
        padding-left: 20px; }
      #top #sec04 ul li.li_3 .txt,
      #service #sec02 ul li.li_3 .txt {
        padding-left: 20px;
        text-align: left; }
      #top #sec04 ul li.li_4 .txt,
      #service #sec02 ul li.li_4 .txt {
        padding-left: 40px; }
      #top #sec04 ul li.li_5 .txt,
      #service #sec02 ul li.li_5 .txt {
        padding-left: 55px; }
      #top #sec04 ul li.li_6 .txt,
      #service #sec02 ul li.li_6 .txt {
        padding-left: 30px;
        text-align: left; }

#service #sec01 {
  color: #33529f; }
  #service #sec01 h2 {
    margin-top: 85px;
    font-size: 5rem;
    font-weight: 600;
    text-align: center; }
  #service #sec01 .sub_title {
    margin: 20px 0 40px;
    font-size: 1.4rem;
    line-height: 1.85;
    text-align: center; }
  #service #sec01 .icon_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 68px; }
    #service #sec01 .icon_list li {
      margin-right: 13px; }
      #service #sec01 .icon_list li:last-child {
        margin-right: 0; }
  #service #sec01 .content_list {
    padding: 80px 0 0px;
    height: 2355px; }
    #service #sec01 .content_list .function_wrapper {
      position: relative; }
      #service #sec01 .content_list .function_wrapper.fct_height01 {
        height: 382px; }
      #service #sec01 .content_list .function_wrapper.fct_height02 {
        height: 374px; }
      #service #sec01 .content_list .function_wrapper.fct_height03 {
        height: 396px; }
      #service #sec01 .content_list .function_wrapper .function_element01 {
        position: absolute;
        margin-bottom: 70px;
        top: 15px; }
        #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0 0 12px 13px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1):after {
            position: absolute;
            top: 70px;
            left: 0;
            content: '';
            display: block;
            background: #3453a0;
            height: 1px;
            width: 1000px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) img {
            width: 60px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) div:nth-child(2) {
            margin-left: 18px; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) div:nth-child(2) div {
              font-size: 1.5rem;
              font-weight: 600;
              line-height: 1.5rem; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) div:nth-child(2) h3 {
              font-size: 3rem;
              font-weight: 600;
              line-height: 48px; }
        #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) {
          width: 504px;
          margin: 29px 0 0 97px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-of-type(1) {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 5px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(2) {
            font-size: 1.4rem;
            line-height: 1.64;
            margin-bottom: 13px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) {
            padding: 23px;
            background-color: #fff;
            display: inline-block; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p {
              display: inline-block;
              font-size: 1.4rem; }
              #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2) {
                padding-left: 30px; }
                #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2) span:nth-child(1) {
                  font-family: 'Oswald';
                  font-weight: 600; }
                  #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2) span:nth-child(1).weight_rgr {
                    font-weight: 400; }
                #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2) span:nth-child(2) {
                  font-weight: 600; }
      #service #sec01 .content_list .function_wrapper .function_element02 {
        position: absolute;
        top: 0;
        right: 0; }
      #service #sec01 .content_list .function_wrapper.function_item02 .function_element01 {
        right: 0; }
        #service #sec01 .content_list .function_wrapper.function_item02 .function_element01 ul li:nth-child(1):after {
          right: 0;
          left: auto; }
      #service #sec01 .content_list .function_wrapper.function_item02 .function_element02 {
        right: auto;
        left: 0; }
  #service #sec01 .function_tool img {
    width: 100%; }

#service #sec03 {
  background-color: #f0f6f9;
  padding: 80px 0 75px 0; }
  #service #sec03 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden; }
    #service #sec03 ul li:first-child dl dt {
      text-align: left; }
      #service #sec03 ul li:first-child dl dt:before {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1px;
        width: 1000px;
        height: 2px;
        background-color: #33529f;
        content: "";
        z-index: 0; }
    #service #sec03 ul dl dt {
      text-align: center;
      position: relative; }
      #service #sec03 ul dl dt img {
        position: relative;
        z-index: 1; }
    #service #sec03 ul dl dd {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8;
      font-weight: bold;
      text-align: center;
      color: #33529f;
      padding-top: 18px; }

#comparison #sec01 {
  padding-top: 80px;
  padding-bottom: 80px; }
  #comparison #sec01 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: url(img/comparison/arrow.png) center center no-repeat; }
    #comparison #sec01 ul.no {
      background: none; }
      #comparison #sec01 ul.no li {
        border-bottom: none;
        padding: 0; }
        #comparison #sec01 ul.no li h3 {
          padding-bottom: 0; }
    #comparison #sec01 ul.b_no li {
      border-bottom: none; }
    #comparison #sec01 ul li {
      width: 45%;
      border-bottom: 1px solid #c6d5fc;
      padding-top: 35px;
      padding-bottom: 35px; }
      #comparison #sec01 ul li.top {
        padding-top: 25px; }
      #comparison #sec01 ul li.other h4 {
        color: #393939; }
      #comparison #sec01 ul li.our h4 {
        color: #000; }
      #comparison #sec01 ul li h4 {
        text-align: center;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        padding-bottom: 15px; }
      #comparison #sec01 ul li p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5;
        padding-left: 40px; }
        #comparison #sec01 ul li p.center {
          text-align: center;
          padding-left: 0; }
        #comparison #sec01 ul li p span {
          font-size: 20px;
          font-size: 2.0rem;
          font-weight: bold; }
          #comparison #sec01 ul li p span.blue {
            color: #33529f; }
  #comparison #sec01 .tbl {
    padding-top: 35px; }

#comparison #sec03 {
  padding-top: 80px;
  padding-bottom: 60px; }
  #comparison #sec03 ul {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #comparison #sec03 ul li {
      width: 50%; }

#comparison #sec04 {
  padding-top: 80px; }

#form {
  padding: 80px 0; }
  #form .txt {
    border-bottom: 1px solid #529ebd;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem; }
    #form .txt span {
      color: #529ebd;
      padding-right: 20px; }
  #form table {
    text-align: left; }
    #form table th {
      width: 28%;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 25px 40px 0px 40px;
      vertical-align: top; }
      #form table th.hissu {
        position: relative;
        vertical-align: middle;
        padding-top: 0; }
        #form table th.hissu:before {
          content: "・";
          color: #529ebd;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0%, -50%);
          -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%); }
    #form table td {
      width: 72%;
      padding: 25px 0 25px 0; }
      #form table td input {
        background-color: #eef1f3;
        width: 100%;
        padding: 18px 30px 18px 30px;
        border: none; }
        #form table td input:-webkit-input-placeholder, #form table td input:-moz-placeholder, #form table td input:-ms-input-placeholder {
          color: #888; }
      #form table td select {
        background-color: #eef1f3;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        appearance: none;
        /* 標準のスタイルを無効にする */
        background-image: url(img/common/select.png);
        background-repeat: no-repeat;
        background-position: right 20px center;
        width: 100%;
        padding: 18px 30px 18px 30px;
        border-radius: 0;
        border: none; }
      #form table td textarea {
        background-color: #eef1f3;
        width: 100%;
        padding: 18px 30px 18px 30px;
        border: none; }
  #form .btn_wrap {
    text-align: center; }
    #form .btn_wrap input[type="submit"] {
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      -webkit-box-sizing: content-box;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      width: 300px;
      background-color: #33529f;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1;
      color: #fff;
      text-align: center;
      padding: 18px 0;
      margin: 0 auto; }

#example_li {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #example_li li {
    width: calc(33% - 20px);
    padding-bottom: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    border: 1px solid #c6d5fc; }
    #example_li li:nth-child(3n+1) {
      margin-left: 0px; }
    #example_li li .example_box .img_box a {
      display: block;
      overflow: hidden; }
    #example_li li .example_box .img_box img {
      width: 100%;
      height: auto; }
    #example_li li .example_box .txt_box {
      padding: 22px 30px 0px 30px; }
      #example_li li .example_box .txt_box p .tit {
        color: #33529f;
        font-weight: bold;
        padding-right: 10px;
        display: block;
        text-align: center; }
      #example_li li .example_box .txt_box p .job {
        color: #393939;
        font-size: 14px;
        font-size: 1.4rem;
        display: block;
        text-align: center; }
      #example_li li .example_box .txt_box p.cmt {
        padding-top: 15px;
        padding-bottom: 20px; }
      #example_li li .example_box .txt_box .btn {
        text-align: center;
        margin: 0 auto; }
        #example_li li .example_box .txt_box .btn a {
          line-height: 1;
          display: block;
          color: #fff;
          background-color: #33529f;
          border-radius: 25px;
          padding: 10px 0;
          width: 70%;
          margin: 0 auto; }
          #example_li li .example_box .txt_box .btn a:hover {
            opacity: 0.8; }

#example_detail {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  #example_detail .detail_in {
    width: 66%;
    padding-bottom: 140px; }
    #example_detail .detail_in h2 {
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold;
      color: #434343;
      padding-bottom: 30px;
      background: url(img/example/h2.png) 0 bottom repeat-x;
      margin-bottom: 25px; }
    #example_detail .detail_in h3 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #33529f;
      margin-bottom: 15px; }
      #example_detail .detail_in h3.arrow {
        background: url(img/example/h3.png) 0 center no-repeat;
        padding-left: 20px; }
    #example_detail .detail_in .marker_gray {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #dcdcdc));
      background: -webkit-linear-gradient(transparent 60%, #dcdcdc 0%);
      background: -o-linear-gradient(transparent 60%, #dcdcdc 0%);
      background: linear-gradient(transparent 60%, #dcdcdc 0%); }
    #example_detail .detail_in .marker_blue {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, rgba(129, 187, 210, 0.5)));
      background: -webkit-linear-gradient(transparent 60%, rgba(129, 187, 210, 0.5) 0%);
      background: -o-linear-gradient(transparent 60%, rgba(129, 187, 210, 0.5) 0%);
      background: linear-gradient(transparent 60%, rgba(129, 187, 210, 0.5) 0%); }
    #example_detail .detail_in h4.point_tit {
      background: url(img/example/check.png) 0 center no-repeat;
      padding: 12px 0 15px 65px;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #33529f;
      margin-bottom: 15px; }
    #example_detail .detail_in .checkpoint_box {
      border-top: 2px solid #33529f;
      border-bottom: 2px solid #33529f;
      padding: 20px 0;
      margin-bottom: 2em; }
    #example_detail .detail_in blockquote.mark {
      position: relative;
      padding: 10px 10px 10px 32px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-style: italic;
      color: #464646;
      background: #eeeeee;
      margin-bottom: 2em; }
      #example_detail .detail_in blockquote.mark:before {
        display: inline-block;
        position: absolute;
        top: -6px;
        left: -15px;
        vertical-align: middle;
        content: "“";
        color: #bfbfbf;
        font-size: 70px;
        line-height: 1;
        z-index: 2; }
      #example_detail .detail_in blockquote.mark:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        border-width: 0 0 40px 40px;
        border-style: solid;
        border-color: transparent #ffffff; }
      #example_detail .detail_in blockquote.mark p {
        position: relative;
        padding: 0;
        margin: 10px 0;
        z-index: 3;
        line-height: 1.7; }
    #example_detail .detail_in strong {
      font-weight: bold; }
  #example_detail #side {
    width: 30%; }
    #example_detail #side .recently_box {
      margin-bottom: 60px; }
      #example_detail #side .recently_box h3 {
        color: #fff;
        background-color: #33529f;
        text-align: center;
        line-height: 1;
        padding: 18px 0; }
      #example_detail #side .recently_box ul li {
        padding: 20px 20px;
        border-bottom: 1px solid #b5b5b5; }
        #example_detail #side .recently_box ul li dl {
          display: -webkit-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #example_detail #side .recently_box ul li dl dt figure {
            overflow: hidden;
            width: 60px;
            height: 60px;
            position: relative;
            border: 1px solid #7d7d7d; }
          #example_detail #side .recently_box ul li dl dt img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: auto;
            height: 100%; }
          #example_detail #side .recently_box ul li dl dd {
            padding-left: 20px;
            margin-top: -5px; }
    #example_detail #side .bnr li {
      margin-bottom: 20px; }

#download_li {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 70px; }
  #download_li li {
    width: calc(50% - 20px);
    padding-bottom: 40px;
    margin-left: 40px; }
    #download_li li:nth-child(2n+1) {
      margin-left: 0px; }
    #download_li li .download_box {
      border: 1px solid #e5e5e5;
      border-radius: 5px;
      padding: 30px 6.25%;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #download_li li .download_box .img_box {
        width: 40%; }
        #download_li li .download_box .img_box img {
          max-width: 170px;
          width: 100%; }
      #download_li li .download_box .txt_box {
        width: 60%;
        padding-left: 6%;
        position: relative; }
        #download_li li .download_box .txt_box p .tit {
          color: #33529f;
          font-weight: bold;
          padding-right: 10px;
          line-height: 1.5; }
        #download_li li .download_box .txt_box p .job {
          color: #393939;
          font-size: 14px;
          font-size: 1.4rem; }
        #download_li li .download_box .txt_box p.cmt {
          padding-top: 15px;
          padding-bottom: 30px; }
        #download_li li .download_box .txt_box .btn {
          text-align: center;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 100%; }
          #download_li li .download_box .txt_box .btn a {
            line-height: 1;
            display: block;
            color: #fff;
            background-color: #33529f;
            border-radius: 25px;
            padding: 10px 0;
            width: 70%;
            margin-left: auto; }
            #download_li li .download_box .txt_box .btn a:hover {
              opacity: 0.8; }

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 20px;
  text-align: left;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #33529f; }

/* Default (sharp) arrow */
.tippy-popper[x-placement^='top'] .tippy-tooltip .tippy-arrow {
  border-top-color: #33529f; }

.tippy-popper[x-placement^='bottom'] .tippy-tooltip .tippy-arrow {
  border-bottom-color: #33529f; }

.tippy-popper[x-placement^='left'] .tippy-tooltip .tippy-arrow {
  border-left-color: #33529f; }

.tippy-popper[x-placement^='right'] .tippy-tooltip .tippy-arrow {
  border-right-color: #33529f; }

/* Round arrow */
.tippy-tooltip .tippy-roundarrow {
  fill: #33529f; }

/********************************************
ブログメニュー　20102012 斉藤追記
********************************************/
#blognav {
  display: block; }
  #blognav ul {
    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; }
    #blognav ul li {
      width: 25%;
      position: relative; }
      #blognav ul li a {
        font-size: 1.4rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        display: block;
        padding: 20px 0; }
        #blognav ul li a:hover {
          background: #fff;
          color: #333; }

/********************************************
ブログサイドバー　20102012 斉藤追記
********************************************/
#example_detail #side #blogsidebar {
  margin-top: 5px; }
  #example_detail #side #blogsidebar ul li {
    position: relative;
    height: 60px;
    padding: 10px 10px;
    background-color: #eef1f3;
    margin-bottom: 5px;
    border-bottom: none;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s; }
    #example_detail #side #blogsidebar ul li:hover {
      background: #096EDC; }
      #example_detail #side #blogsidebar ul li:hover a {
        color: #fff; }
        #example_detail #side #blogsidebar ul li:hover a:after {
          border-color: #fff; }
    #example_detail #side #blogsidebar ul li a {
      display: inline-block;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      padding-left: 15px; }
      #example_detail #side #blogsidebar ul li a:hover {
        cursor: pointer; }
      #example_detail #side #blogsidebar ul li a:before, #example_detail #side #blogsidebar ul li a:after {
        position: absolute;
        top: 37%;
        right: 0;
        margin: auto;
        content: "";
        vertical-align: middle; }
      #example_detail #side #blogsidebar ul li a:after {
        content: "";
        width: 8px;
        height: 8px;
        border-top: 3px solid #33529f;
        border-right: 3px solid #33529f;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-right: 15px; }

/** blogページ スライダー **/
#example_li.example_slider .slick-prev, #example_li.example_slider .slick-next:before {
  z-index: 500; }

#example_li.example_slider .slick-prev:before, #example_li.example_slider .slick-next:before {
  color: #000; }

#example_li.example_slider li {
  margin-left: 30px;
  height: 400px; }
  #example_li.example_slider li:nth-child(1) {
    margin-left: 15px; }
  #example_li.example_slider li .example_box .img_box a:hover img {
    -webkit-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear; }

#example_li.example_slider .slick-dots li {
  height: 0;
  margin: 0;
  width: 20px;
  border: none; }

/** blogページ スライダー ここまで **/
#example_li.blog_sec li .txt_box p:nth-child(1), .slick-track li .txt_box p:nth-child(1) {
  font-weight: 600; }
  #example_li.blog_sec li .txt_box p:nth-child(1):after, .slick-track li .txt_box p:nth-child(1):after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #D8D8D8;
    margin: 10px 0; }

#example_li.blog_sec li .txt_box p:nth-child(2), .slick-track li .txt_box p:nth-child(2) {
  position: relative;
  font-size: 1.4rem; }
  #example_li.blog_sec li .txt_box p:nth-child(2):after, .slick-track li .txt_box p:nth-child(2):after {
    position: absolute;
    top: 5%;
    right: 0;
    content: '';
    background-image: url(img/common/arrow.png);
    width: 10px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle; }

.blog_bunner {
  padding: 50px 0 77px; }
  .blog_bunner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .blog_bunner ul li a img {
      width: 355px;
      -webkit-transition: 0.1s;
      -o-transition: 0.1s;
      transition: 0.1s; }
    .blog_bunner ul li a:hover img {
      outline: 3px solid #33529f; }
    .blog_bunner ul li:nth-child(2n-1) {
      padding-right: 32px; }
    .blog_bunner ul li:nth-child(-n+2) {
      padding-bottom: 32px; }

.detail_blog h3 {
  border-left: 4px solid #33529f;
  padding-left: 13px; }

.detail_blog h4 {
  font-weight: bold;
  color: #33529f;
  margin: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .detail_blog h4:before {
    content: '・'; }

.detail_blog p a {
  text-decoration: underline;
  -webkit-text-decoration-color: blue;
  text-decoration-color: blue;
  padding: 7px; }
  .detail_blog p a:hover {
    color: #fff;
    background-color: #33529f;
    padding: 7px;
    text-decoration: none; }

.detail_blog a:hover img {
  background: none;
  outline: 3px solid #33529f; }

.sns_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px; }
  .sns_button li .fb-like.fb_iframe_widget {
    margin-right: 6px; }
  .sns_button li:nth-child(2) {
    margin: 8px 0 0 10px; }

#toc_container {
  margin-top: 20px; }

#contact {
  margin-top: 158px; }

#flow .flow_top {
  text-align: center; }
  #flow .flow_top h2 {
    font-size: 5rem;
    font-weight: 600;
    color: #33529f;
    padding: 90px 0 5px; }
  #flow .flow_top .flow_subtitle {
    font-size: 1.4rem;
    font-weight: 300;
    color: #33529f;
    padding-bottom: 90px; }
  #flow .flow_top img {
    margin: 0 auto;
    padding-bottom: 85px; }

#flow .flow_wrapper {
  background-image: url(img/flow/flow_bg.png);
  background-size: cover;
  background-position: top center; }
  #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul {
    height: 424px; }
    #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul.cmn_w {
      padding-top: 0; }
    #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul li:nth-child(1)::before {
      content: '';
      display: block;
      background: #33529f;
      height: 38px;
      width: 2px;
      position: absolute;
      top: -38px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul li:nth-child(2) div:nth-of-type(1) img {
      top: 0 !important; }
  #flow .flow_wrapper div:nth-of-type(2).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
    background-image: url(img/flow/flow_mark02.png);
    left: 227px;
    top: 33px;
    width: 34px;
    height: 40px; }
  #flow .flow_wrapper div:nth-of-type(2).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
    padding: 13px 25px 17px 24px; }
  #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
    background-image: url(img/flow/flow_mark03.png);
    left: 169px;
    top: 26px;
    width: 45px;
    height: 41px; }
  #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
    padding: 13px 100px 17px 24px; }
    #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
      padding: 13px 88px 17px 24px; }
  #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
    background-image: url(img/flow/flow_mark04.png);
    left: 82px;
    top: 33px;
    width: 52px;
    height: 34px; }
  #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
    padding: 13px 75px 17px 24px; }
    #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
      padding: 13px 88px 17px 24px; }
  #flow .flow_wrapper div:nth-of-type(5).flow_inner ul {
    height: 337px; }
    #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(1)::after {
      content: none; }
    #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
      background-image: url(img/flow/flow_mark05.png);
      left: 82px;
      top: 33px;
      width: 52px;
      height: 34px; }
    #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
      padding: 13px 90px 17px 24px; }
      #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
        padding: 13px 100px 17px 24px; }
  #flow .flow_wrapper div.flow_inner {
    position: relative; }
    #flow .flow_wrapper div.flow_inner ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 120px;
      height: 545px; }
      #flow .flow_wrapper div.flow_inner ul:nth-of-type(n+2).flow_inner {
        padding-top: 0; }
      #flow .flow_wrapper div.flow_inner ul li:nth-child(1) {
        margin: 39px 15px 0 65px;
        position: relative; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(1) img {
          width: 60px; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(1)::after {
          content: '';
          display: block;
          background: #33529f;
          height: 327.5px;
          width: 2px;
          position: absolute;
          top: 60px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
      #flow .flow_wrapper div.flow_inner ul li:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 30px; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(1) img {
          position: absolute;
          top: 120px;
          right: 0;
          width: 556px; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) {
          color: #34519f;
          position: relative; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
            content: '';
            display: inline-block;
            width: 29px;
            height: 40px;
            background-image: url(img/flow/flow_mark01.png);
            background-size: contain;
            background-repeat: no-repeat;
            position: absolute;
            left: 197px;
            top: 30px; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01 .flow_item01 {
            font-family: 'Oswald';
            font-size: 1.5rem;
            text-transform: uppercase; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01 h3 {
            font-size: 3rem;
            font-weight: 600; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content02 {
            width: 480px;
            font-size: 1.4rem;
            line-height: 1.64;
            padding-bottom: 25px;
            font-weight: 300; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content03 {
            font-size: 1.5rem;
            font-weight: 600;
            padding-bottom: 10px; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
            display: inline-block;
            font-size: 1.4rem;
            font-weight: 300;
            background-color: #fff;
            padding: 13px 75px 17px 24px; }
            #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 span {
              font-size: 0.8rem; }
            #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
              margin-left: 25px; }

/**
 * 数字にカンマを付けて返す強引な関数
 * ※もっとスマートにしたい
 * @param  {number} $num [元の数字]
 * @return {string} [カンマ付きの数字を文字列として返す]
 */
/* 数字上昇アニメーション */
@keyframes number-roll1 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "6";
    opacity: 0.01; }
  2% {
    content: "13";
    opacity: 0.02; }
  3% {
    content: "20";
    opacity: 0.03; }
  4% {
    content: "27";
    opacity: 0.04; }
  5% {
    content: "34";
    opacity: 0.05; }
  6% {
    content: "40";
    opacity: 0.06; }
  7% {
    content: "47";
    opacity: 0.07; }
  8% {
    content: "54";
    opacity: 0.08; }
  9% {
    content: "61";
    opacity: 0.09; }
  10% {
    content: "68";
    opacity: 0.1; }
  11% {
    content: "74";
    opacity: 0.11; }
  12% {
    content: "81";
    opacity: 0.12; }
  13% {
    content: "88";
    opacity: 0.13; }
  14% {
    content: "95";
    opacity: 0.14; }
  15% {
    content: "102";
    opacity: 0.15; }
  16% {
    content: "108";
    opacity: 0.16; }
  17% {
    content: "115";
    opacity: 0.17; }
  18% {
    content: "122";
    opacity: 0.18; }
  19% {
    content: "129";
    opacity: 0.19; }
  20% {
    content: "136";
    opacity: 0.2; }
  21% {
    content: "142";
    opacity: 0.21; }
  22% {
    content: "149";
    opacity: 0.22; }
  23% {
    content: "156";
    opacity: 0.23; }
  24% {
    content: "163";
    opacity: 0.24; }
  25% {
    content: "170";
    opacity: 0.25; }
  26% {
    content: "176";
    opacity: 0.26; }
  27% {
    content: "183";
    opacity: 0.27; }
  28% {
    content: "190";
    opacity: 0.28; }
  29% {
    content: "197";
    opacity: 0.29; }
  30% {
    content: "204";
    opacity: 0.3; }
  31% {
    content: "210";
    opacity: 0.31; }
  32% {
    content: "217";
    opacity: 0.32; }
  33% {
    content: "224";
    opacity: 0.33; }
  34% {
    content: "231";
    opacity: 0.34; }
  35% {
    content: "238";
    opacity: 0.35; }
  36% {
    content: "244";
    opacity: 0.36; }
  37% {
    content: "251";
    opacity: 0.37; }
  38% {
    content: "258";
    opacity: 0.38; }
  39% {
    content: "265";
    opacity: 0.39; }
  40% {
    content: "272";
    opacity: 0.4; }
  41% {
    content: "278";
    opacity: 0.41; }
  42% {
    content: "285";
    opacity: 0.42; }
  43% {
    content: "292";
    opacity: 0.43; }
  44% {
    content: "299";
    opacity: 0.44; }
  45% {
    content: "306";
    opacity: 0.45; }
  46% {
    content: "312";
    opacity: 0.46; }
  47% {
    content: "319";
    opacity: 0.47; }
  48% {
    content: "326";
    opacity: 0.48; }
  49% {
    content: "333";
    opacity: 0.49; }
  50% {
    content: "340";
    opacity: 0.5; }
  51% {
    content: "346";
    opacity: 0.51; }
  52% {
    content: "353";
    opacity: 0.52; }
  53% {
    content: "360";
    opacity: 0.53; }
  54% {
    content: "367";
    opacity: 0.54; }
  55% {
    content: "374";
    opacity: 0.55; }
  56% {
    content: "380";
    opacity: 0.56; }
  57% {
    content: "387";
    opacity: 0.57; }
  58% {
    content: "394";
    opacity: 0.58; }
  59% {
    content: "401";
    opacity: 0.59; }
  60% {
    content: "408";
    opacity: 0.6; }
  61% {
    content: "414";
    opacity: 0.61; }
  62% {
    content: "421";
    opacity: 0.62; }
  63% {
    content: "428";
    opacity: 0.63; }
  64% {
    content: "435";
    opacity: 0.64; }
  65% {
    content: "442";
    opacity: 0.65; }
  66% {
    content: "448";
    opacity: 0.66; }
  67% {
    content: "455";
    opacity: 0.67; }
  68% {
    content: "462";
    opacity: 0.68; }
  69% {
    content: "469";
    opacity: 0.69; }
  70% {
    content: "476";
    opacity: 0.7; }
  71% {
    content: "482";
    opacity: 0.71; }
  72% {
    content: "489";
    opacity: 0.72; }
  73% {
    content: "496";
    opacity: 0.73; }
  74% {
    content: "503";
    opacity: 0.74; }
  75% {
    content: "510";
    opacity: 0.75; }
  76% {
    content: "516";
    opacity: 0.76; }
  77% {
    content: "523";
    opacity: 0.77; }
  78% {
    content: "530";
    opacity: 0.78; }
  79% {
    content: "537";
    opacity: 0.79; }
  80% {
    content: "544";
    opacity: 0.8; }
  81% {
    content: "550";
    opacity: 0.81; }
  82% {
    content: "557";
    opacity: 0.82; }
  83% {
    content: "564";
    opacity: 0.83; }
  84% {
    content: "571";
    opacity: 0.84; }
  85% {
    content: "578";
    opacity: 0.85; }
  86% {
    content: "584";
    opacity: 0.86; }
  87% {
    content: "591";
    opacity: 0.87; }
  88% {
    content: "598";
    opacity: 0.88; }
  89% {
    content: "605";
    opacity: 0.89; }
  90% {
    content: "612";
    opacity: 0.9; }
  91% {
    content: "618";
    opacity: 0.91; }
  92% {
    content: "625";
    opacity: 0.92; }
  93% {
    content: "632";
    opacity: 0.93; }
  94% {
    content: "639";
    opacity: 0.94; }
  95% {
    content: "646";
    opacity: 0.95; }
  96% {
    content: "652";
    opacity: 0.96; }
  97% {
    content: "659";
    opacity: 0.97; }
  98% {
    content: "666";
    opacity: 0.98; }
  99% {
    content: "673";
    opacity: 0.99; }
  100% {
    content: "680";
    opacity: 1; } }

@-webkit-keyframes number-roll1 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "6";
    opacity: 0.01; }
  2% {
    content: "13";
    opacity: 0.02; }
  3% {
    content: "20";
    opacity: 0.03; }
  4% {
    content: "27";
    opacity: 0.04; }
  5% {
    content: "34";
    opacity: 0.05; }
  6% {
    content: "40";
    opacity: 0.06; }
  7% {
    content: "47";
    opacity: 0.07; }
  8% {
    content: "54";
    opacity: 0.08; }
  9% {
    content: "61";
    opacity: 0.09; }
  10% {
    content: "68";
    opacity: 0.1; }
  11% {
    content: "74";
    opacity: 0.11; }
  12% {
    content: "81";
    opacity: 0.12; }
  13% {
    content: "88";
    opacity: 0.13; }
  14% {
    content: "95";
    opacity: 0.14; }
  15% {
    content: "102";
    opacity: 0.15; }
  16% {
    content: "108";
    opacity: 0.16; }
  17% {
    content: "115";
    opacity: 0.17; }
  18% {
    content: "122";
    opacity: 0.18; }
  19% {
    content: "129";
    opacity: 0.19; }
  20% {
    content: "136";
    opacity: 0.2; }
  21% {
    content: "142";
    opacity: 0.21; }
  22% {
    content: "149";
    opacity: 0.22; }
  23% {
    content: "156";
    opacity: 0.23; }
  24% {
    content: "163";
    opacity: 0.24; }
  25% {
    content: "170";
    opacity: 0.25; }
  26% {
    content: "176";
    opacity: 0.26; }
  27% {
    content: "183";
    opacity: 0.27; }
  28% {
    content: "190";
    opacity: 0.28; }
  29% {
    content: "197";
    opacity: 0.29; }
  30% {
    content: "204";
    opacity: 0.3; }
  31% {
    content: "210";
    opacity: 0.31; }
  32% {
    content: "217";
    opacity: 0.32; }
  33% {
    content: "224";
    opacity: 0.33; }
  34% {
    content: "231";
    opacity: 0.34; }
  35% {
    content: "238";
    opacity: 0.35; }
  36% {
    content: "244";
    opacity: 0.36; }
  37% {
    content: "251";
    opacity: 0.37; }
  38% {
    content: "258";
    opacity: 0.38; }
  39% {
    content: "265";
    opacity: 0.39; }
  40% {
    content: "272";
    opacity: 0.4; }
  41% {
    content: "278";
    opacity: 0.41; }
  42% {
    content: "285";
    opacity: 0.42; }
  43% {
    content: "292";
    opacity: 0.43; }
  44% {
    content: "299";
    opacity: 0.44; }
  45% {
    content: "306";
    opacity: 0.45; }
  46% {
    content: "312";
    opacity: 0.46; }
  47% {
    content: "319";
    opacity: 0.47; }
  48% {
    content: "326";
    opacity: 0.48; }
  49% {
    content: "333";
    opacity: 0.49; }
  50% {
    content: "340";
    opacity: 0.5; }
  51% {
    content: "346";
    opacity: 0.51; }
  52% {
    content: "353";
    opacity: 0.52; }
  53% {
    content: "360";
    opacity: 0.53; }
  54% {
    content: "367";
    opacity: 0.54; }
  55% {
    content: "374";
    opacity: 0.55; }
  56% {
    content: "380";
    opacity: 0.56; }
  57% {
    content: "387";
    opacity: 0.57; }
  58% {
    content: "394";
    opacity: 0.58; }
  59% {
    content: "401";
    opacity: 0.59; }
  60% {
    content: "408";
    opacity: 0.6; }
  61% {
    content: "414";
    opacity: 0.61; }
  62% {
    content: "421";
    opacity: 0.62; }
  63% {
    content: "428";
    opacity: 0.63; }
  64% {
    content: "435";
    opacity: 0.64; }
  65% {
    content: "442";
    opacity: 0.65; }
  66% {
    content: "448";
    opacity: 0.66; }
  67% {
    content: "455";
    opacity: 0.67; }
  68% {
    content: "462";
    opacity: 0.68; }
  69% {
    content: "469";
    opacity: 0.69; }
  70% {
    content: "476";
    opacity: 0.7; }
  71% {
    content: "482";
    opacity: 0.71; }
  72% {
    content: "489";
    opacity: 0.72; }
  73% {
    content: "496";
    opacity: 0.73; }
  74% {
    content: "503";
    opacity: 0.74; }
  75% {
    content: "510";
    opacity: 0.75; }
  76% {
    content: "516";
    opacity: 0.76; }
  77% {
    content: "523";
    opacity: 0.77; }
  78% {
    content: "530";
    opacity: 0.78; }
  79% {
    content: "537";
    opacity: 0.79; }
  80% {
    content: "544";
    opacity: 0.8; }
  81% {
    content: "550";
    opacity: 0.81; }
  82% {
    content: "557";
    opacity: 0.82; }
  83% {
    content: "564";
    opacity: 0.83; }
  84% {
    content: "571";
    opacity: 0.84; }
  85% {
    content: "578";
    opacity: 0.85; }
  86% {
    content: "584";
    opacity: 0.86; }
  87% {
    content: "591";
    opacity: 0.87; }
  88% {
    content: "598";
    opacity: 0.88; }
  89% {
    content: "605";
    opacity: 0.89; }
  90% {
    content: "612";
    opacity: 0.9; }
  91% {
    content: "618";
    opacity: 0.91; }
  92% {
    content: "625";
    opacity: 0.92; }
  93% {
    content: "632";
    opacity: 0.93; }
  94% {
    content: "639";
    opacity: 0.94; }
  95% {
    content: "646";
    opacity: 0.95; }
  96% {
    content: "652";
    opacity: 0.96; }
  97% {
    content: "659";
    opacity: 0.97; }
  98% {
    content: "666";
    opacity: 0.98; }
  99% {
    content: "673";
    opacity: 0.99; }
  100% {
    content: "680";
    opacity: 1; } }

/* 数字上昇アニメーション */
@keyframes number-roll2 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "47";
    opacity: 0.01; }
  2% {
    content: "94";
    opacity: 0.02; }
  3% {
    content: "141";
    opacity: 0.03; }
  4% {
    content: "188";
    opacity: 0.04; }
  5% {
    content: "235";
    opacity: 0.05; }
  6% {
    content: "282";
    opacity: 0.06; }
  7% {
    content: "329";
    opacity: 0.07; }
  8% {
    content: "376";
    opacity: 0.08; }
  9% {
    content: "423";
    opacity: 0.09; }
  10% {
    content: "470";
    opacity: 0.1; }
  11% {
    content: "517";
    opacity: 0.11; }
  12% {
    content: "564";
    opacity: 0.12; }
  13% {
    content: "611";
    opacity: 0.13; }
  14% {
    content: "658";
    opacity: 0.14; }
  15% {
    content: "705";
    opacity: 0.15; }
  16% {
    content: "752";
    opacity: 0.16; }
  17% {
    content: "799";
    opacity: 0.17; }
  18% {
    content: "846";
    opacity: 0.18; }
  19% {
    content: "893";
    opacity: 0.19; }
  20% {
    content: "940";
    opacity: 0.2; }
  21% {
    content: "987";
    opacity: 0.21; }
  22% {
    content: "1034";
    opacity: 0.22; }
  23% {
    content: "1081";
    opacity: 0.23; }
  24% {
    content: "1128";
    opacity: 0.24; }
  25% {
    content: "1175";
    opacity: 0.25; }
  26% {
    content: "1222";
    opacity: 0.26; }
  27% {
    content: "1269";
    opacity: 0.27; }
  28% {
    content: "1316";
    opacity: 0.28; }
  29% {
    content: "1363";
    opacity: 0.29; }
  30% {
    content: "1410";
    opacity: 0.3; }
  31% {
    content: "1457";
    opacity: 0.31; }
  32% {
    content: "1504";
    opacity: 0.32; }
  33% {
    content: "1551";
    opacity: 0.33; }
  34% {
    content: "1598";
    opacity: 0.34; }
  35% {
    content: "1645";
    opacity: 0.35; }
  36% {
    content: "1692";
    opacity: 0.36; }
  37% {
    content: "1739";
    opacity: 0.37; }
  38% {
    content: "1786";
    opacity: 0.38; }
  39% {
    content: "1833";
    opacity: 0.39; }
  40% {
    content: "1880";
    opacity: 0.4; }
  41% {
    content: "1927";
    opacity: 0.41; }
  42% {
    content: "1974";
    opacity: 0.42; }
  43% {
    content: "2021";
    opacity: 0.43; }
  44% {
    content: "2068";
    opacity: 0.44; }
  45% {
    content: "2115";
    opacity: 0.45; }
  46% {
    content: "2162";
    opacity: 0.46; }
  47% {
    content: "2209";
    opacity: 0.47; }
  48% {
    content: "2256";
    opacity: 0.48; }
  49% {
    content: "2303";
    opacity: 0.49; }
  50% {
    content: "2350";
    opacity: 0.5; }
  51% {
    content: "2397";
    opacity: 0.51; }
  52% {
    content: "2444";
    opacity: 0.52; }
  53% {
    content: "2491";
    opacity: 0.53; }
  54% {
    content: "2538";
    opacity: 0.54; }
  55% {
    content: "2585";
    opacity: 0.55; }
  56% {
    content: "2632";
    opacity: 0.56; }
  57% {
    content: "2679";
    opacity: 0.57; }
  58% {
    content: "2726";
    opacity: 0.58; }
  59% {
    content: "2773";
    opacity: 0.59; }
  60% {
    content: "2820";
    opacity: 0.6; }
  61% {
    content: "2867";
    opacity: 0.61; }
  62% {
    content: "2914";
    opacity: 0.62; }
  63% {
    content: "2961";
    opacity: 0.63; }
  64% {
    content: "3008";
    opacity: 0.64; }
  65% {
    content: "3055";
    opacity: 0.65; }
  66% {
    content: "3102";
    opacity: 0.66; }
  67% {
    content: "3149";
    opacity: 0.67; }
  68% {
    content: "3196";
    opacity: 0.68; }
  69% {
    content: "3243";
    opacity: 0.69; }
  70% {
    content: "3290";
    opacity: 0.7; }
  71% {
    content: "3337";
    opacity: 0.71; }
  72% {
    content: "3384";
    opacity: 0.72; }
  73% {
    content: "3431";
    opacity: 0.73; }
  74% {
    content: "3478";
    opacity: 0.74; }
  75% {
    content: "3525";
    opacity: 0.75; }
  76% {
    content: "3572";
    opacity: 0.76; }
  77% {
    content: "3619";
    opacity: 0.77; }
  78% {
    content: "3666";
    opacity: 0.78; }
  79% {
    content: "3713";
    opacity: 0.79; }
  80% {
    content: "3760";
    opacity: 0.8; }
  81% {
    content: "3807";
    opacity: 0.81; }
  82% {
    content: "3854";
    opacity: 0.82; }
  83% {
    content: "3901";
    opacity: 0.83; }
  84% {
    content: "3948";
    opacity: 0.84; }
  85% {
    content: "3995";
    opacity: 0.85; }
  86% {
    content: "4042";
    opacity: 0.86; }
  87% {
    content: "4089";
    opacity: 0.87; }
  88% {
    content: "4136";
    opacity: 0.88; }
  89% {
    content: "4183";
    opacity: 0.89; }
  90% {
    content: "4230";
    opacity: 0.9; }
  91% {
    content: "4277";
    opacity: 0.91; }
  92% {
    content: "4324";
    opacity: 0.92; }
  93% {
    content: "4371";
    opacity: 0.93; }
  94% {
    content: "4418";
    opacity: 0.94; }
  95% {
    content: "4465";
    opacity: 0.95; }
  96% {
    content: "4512";
    opacity: 0.96; }
  97% {
    content: "4559";
    opacity: 0.97; }
  98% {
    content: "4606";
    opacity: 0.98; }
  99% {
    content: "4653";
    opacity: 0.99; }
  100% {
    content: "4700";
    opacity: 1; } }

@-webkit-keyframes number-roll2 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "47";
    opacity: 0.01; }
  2% {
    content: "94";
    opacity: 0.02; }
  3% {
    content: "141";
    opacity: 0.03; }
  4% {
    content: "188";
    opacity: 0.04; }
  5% {
    content: "235";
    opacity: 0.05; }
  6% {
    content: "282";
    opacity: 0.06; }
  7% {
    content: "329";
    opacity: 0.07; }
  8% {
    content: "376";
    opacity: 0.08; }
  9% {
    content: "423";
    opacity: 0.09; }
  10% {
    content: "470";
    opacity: 0.1; }
  11% {
    content: "517";
    opacity: 0.11; }
  12% {
    content: "564";
    opacity: 0.12; }
  13% {
    content: "611";
    opacity: 0.13; }
  14% {
    content: "658";
    opacity: 0.14; }
  15% {
    content: "705";
    opacity: 0.15; }
  16% {
    content: "752";
    opacity: 0.16; }
  17% {
    content: "799";
    opacity: 0.17; }
  18% {
    content: "846";
    opacity: 0.18; }
  19% {
    content: "893";
    opacity: 0.19; }
  20% {
    content: "940";
    opacity: 0.2; }
  21% {
    content: "987";
    opacity: 0.21; }
  22% {
    content: "1,034";
    opacity: 0.22; }
  23% {
    content: "1,081";
    opacity: 0.23; }
  24% {
    content: "1,128";
    opacity: 0.24; }
  25% {
    content: "1,175";
    opacity: 0.25; }
  26% {
    content: "1,222";
    opacity: 0.26; }
  27% {
    content: "1,269";
    opacity: 0.27; }
  28% {
    content: "1,316";
    opacity: 0.28; }
  29% {
    content: "1,363";
    opacity: 0.29; }
  30% {
    content: "1,410";
    opacity: 0.3; }
  31% {
    content: "1,457";
    opacity: 0.31; }
  32% {
    content: "1,504";
    opacity: 0.32; }
  33% {
    content: "1,551";
    opacity: 0.33; }
  34% {
    content: "1,598";
    opacity: 0.34; }
  35% {
    content: "1,645";
    opacity: 0.35; }
  36% {
    content: "1,692";
    opacity: 0.36; }
  37% {
    content: "1,739";
    opacity: 0.37; }
  38% {
    content: "1,786";
    opacity: 0.38; }
  39% {
    content: "1,833";
    opacity: 0.39; }
  40% {
    content: "1,880";
    opacity: 0.4; }
  41% {
    content: "1,927";
    opacity: 0.41; }
  42% {
    content: "1,974";
    opacity: 0.42; }
  43% {
    content: "2,021";
    opacity: 0.43; }
  44% {
    content: "2,068";
    opacity: 0.44; }
  45% {
    content: "2,115";
    opacity: 0.45; }
  46% {
    content: "2,162";
    opacity: 0.46; }
  47% {
    content: "2,209";
    opacity: 0.47; }
  48% {
    content: "2,256";
    opacity: 0.48; }
  49% {
    content: "2,303";
    opacity: 0.49; }
  50% {
    content: "2,350";
    opacity: 0.5; }
  51% {
    content: "2,397";
    opacity: 0.51; }
  52% {
    content: "2,444";
    opacity: 0.52; }
  53% {
    content: "2,491";
    opacity: 0.53; }
  54% {
    content: "2,538";
    opacity: 0.54; }
  55% {
    content: "2,585";
    opacity: 0.55; }
  56% {
    content: "2,632";
    opacity: 0.56; }
  57% {
    content: "2,679";
    opacity: 0.57; }
  58% {
    content: "2,726";
    opacity: 0.58; }
  59% {
    content: "2,773";
    opacity: 0.59; }
  60% {
    content: "2,820";
    opacity: 0.6; }
  61% {
    content: "2,867";
    opacity: 0.61; }
  62% {
    content: "2,914";
    opacity: 0.62; }
  63% {
    content: "2,961";
    opacity: 0.63; }
  64% {
    content: "3,008";
    opacity: 0.64; }
  65% {
    content: "3,055";
    opacity: 0.65; }
  66% {
    content: "3,102";
    opacity: 0.66; }
  67% {
    content: "3,149";
    opacity: 0.67; }
  68% {
    content: "3,196";
    opacity: 0.68; }
  69% {
    content: "3,243";
    opacity: 0.69; }
  70% {
    content: "3,290";
    opacity: 0.7; }
  71% {
    content: "3,337";
    opacity: 0.71; }
  72% {
    content: "3,384";
    opacity: 0.72; }
  73% {
    content: "3,431";
    opacity: 0.73; }
  74% {
    content: "3,478";
    opacity: 0.74; }
  75% {
    content: "3,525";
    opacity: 0.75; }
  76% {
    content: "3,572";
    opacity: 0.76; }
  77% {
    content: "3,619";
    opacity: 0.77; }
  78% {
    content: "3,666";
    opacity: 0.78; }
  79% {
    content: "3,713";
    opacity: 0.79; }
  80% {
    content: "3,760";
    opacity: 0.8; }
  81% {
    content: "3,807";
    opacity: 0.81; }
  82% {
    content: "3,854";
    opacity: 0.82; }
  83% {
    content: "3,901";
    opacity: 0.83; }
  84% {
    content: "3,948";
    opacity: 0.84; }
  85% {
    content: "3,995";
    opacity: 0.85; }
  86% {
    content: "4,042";
    opacity: 0.86; }
  87% {
    content: "4,089";
    opacity: 0.87; }
  88% {
    content: "4,136";
    opacity: 0.88; }
  89% {
    content: "4,183";
    opacity: 0.89; }
  90% {
    content: "4,230";
    opacity: 0.9; }
  91% {
    content: "4,277";
    opacity: 0.91; }
  92% {
    content: "4,324";
    opacity: 0.92; }
  93% {
    content: "4,371";
    opacity: 0.93; }
  94% {
    content: "4,418";
    opacity: 0.94; }
  95% {
    content: "4,465";
    opacity: 0.95; }
  96% {
    content: "4,512";
    opacity: 0.96; }
  97% {
    content: "4,559";
    opacity: 0.97; }
  98% {
    content: "4,606";
    opacity: 0.98; }
  99% {
    content: "4,653";
    opacity: 0.99; }
  100% {
    content: "4,700";
    opacity: 1; } }

/* 数字上昇アニメーション */
@keyframes number-roll3 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "926";
    opacity: 0.01; }
  2% {
    content: "1,852";
    opacity: 0.02; }
  3% {
    content: "2,778";
    opacity: 0.03; }
  4% {
    content: "3,704";
    opacity: 0.04; }
  5% {
    content: "4,630";
    opacity: 0.05; }
  6% {
    content: "5,556";
    opacity: 0.06; }
  7% {
    content: "6,482";
    opacity: 0.07; }
  8% {
    content: "7,408";
    opacity: 0.08; }
  9% {
    content: "8,334";
    opacity: 0.09; }
  10% {
    content: "9,260";
    opacity: 0.1; }
  11% {
    content: "10,186";
    opacity: 0.11; }
  12% {
    content: "11,112";
    opacity: 0.12; }
  13% {
    content: "12,038";
    opacity: 0.13; }
  14% {
    content: "12,964";
    opacity: 0.14; }
  15% {
    content: "13,890";
    opacity: 0.15; }
  16% {
    content: "14,816";
    opacity: 0.16; }
  17% {
    content: "15,742";
    opacity: 0.17; }
  18% {
    content: "16,668";
    opacity: 0.18; }
  19% {
    content: "17,594";
    opacity: 0.19; }
  20% {
    content: "18,520";
    opacity: 0.2; }
  21% {
    content: "19,446";
    opacity: 0.21; }
  22% {
    content: "20,372";
    opacity: 0.22; }
  23% {
    content: "21,298";
    opacity: 0.23; }
  24% {
    content: "22,224";
    opacity: 0.24; }
  25% {
    content: "23,150";
    opacity: 0.25; }
  26% {
    content: "24,076";
    opacity: 0.26; }
  27% {
    content: "25,002";
    opacity: 0.27; }
  28% {
    content: "25,928";
    opacity: 0.28; }
  29% {
    content: "26,854";
    opacity: 0.29; }
  30% {
    content: "27,780";
    opacity: 0.3; }
  31% {
    content: "28,706";
    opacity: 0.31; }
  32% {
    content: "29,632";
    opacity: 0.32; }
  33% {
    content: "30,558";
    opacity: 0.33; }
  34% {
    content: "31,484";
    opacity: 0.34; }
  35% {
    content: "32,410";
    opacity: 0.35; }
  36% {
    content: "33,336";
    opacity: 0.36; }
  37% {
    content: "34,262";
    opacity: 0.37; }
  38% {
    content: "35,188";
    opacity: 0.38; }
  39% {
    content: "36,114";
    opacity: 0.39; }
  40% {
    content: "37,040";
    opacity: 0.4; }
  41% {
    content: "37,966";
    opacity: 0.41; }
  42% {
    content: "38,892";
    opacity: 0.42; }
  43% {
    content: "39,818";
    opacity: 0.43; }
  44% {
    content: "40,744";
    opacity: 0.44; }
  45% {
    content: "41,670";
    opacity: 0.45; }
  46% {
    content: "42,596";
    opacity: 0.46; }
  47% {
    content: "43,522";
    opacity: 0.47; }
  48% {
    content: "44,448";
    opacity: 0.48; }
  49% {
    content: "45,374";
    opacity: 0.49; }
  50% {
    content: "46,300";
    opacity: 0.5; }
  51% {
    content: "47,226";
    opacity: 0.51; }
  52% {
    content: "48,152";
    opacity: 0.52; }
  53% {
    content: "49,078";
    opacity: 0.53; }
  54% {
    content: "50,004";
    opacity: 0.54; }
  55% {
    content: "50,930";
    opacity: 0.55; }
  56% {
    content: "51,856";
    opacity: 0.56; }
  57% {
    content: "52,782";
    opacity: 0.57; }
  58% {
    content: "53,708";
    opacity: 0.58; }
  59% {
    content: "54,634";
    opacity: 0.59; }
  60% {
    content: "55,560";
    opacity: 0.6; }
  61% {
    content: "56,486";
    opacity: 0.61; }
  62% {
    content: "57,412";
    opacity: 0.62; }
  63% {
    content: "58,338";
    opacity: 0.63; }
  64% {
    content: "59,264";
    opacity: 0.64; }
  65% {
    content: "60,190";
    opacity: 0.65; }
  66% {
    content: "61,116";
    opacity: 0.66; }
  67% {
    content: "62,042";
    opacity: 0.67; }
  68% {
    content: "62,968";
    opacity: 0.68; }
  69% {
    content: "63,894";
    opacity: 0.69; }
  70% {
    content: "64,820";
    opacity: 0.7; }
  71% {
    content: "65,746";
    opacity: 0.71; }
  72% {
    content: "66,672";
    opacity: 0.72; }
  73% {
    content: "67,598";
    opacity: 0.73; }
  74% {
    content: "68,524";
    opacity: 0.74; }
  75% {
    content: "69,450";
    opacity: 0.75; }
  76% {
    content: "70,376";
    opacity: 0.76; }
  77% {
    content: "71,302";
    opacity: 0.77; }
  78% {
    content: "72,228";
    opacity: 0.78; }
  79% {
    content: "73,154";
    opacity: 0.79; }
  80% {
    content: "74,080";
    opacity: 0.8; }
  81% {
    content: "75,006";
    opacity: 0.81; }
  82% {
    content: "75,932";
    opacity: 0.82; }
  83% {
    content: "76,858";
    opacity: 0.83; }
  84% {
    content: "77,784";
    opacity: 0.84; }
  85% {
    content: "78,710";
    opacity: 0.85; }
  86% {
    content: "79,636";
    opacity: 0.86; }
  87% {
    content: "80,562";
    opacity: 0.87; }
  88% {
    content: "81,488";
    opacity: 0.88; }
  89% {
    content: "82,414";
    opacity: 0.89; }
  90% {
    content: "83,340";
    opacity: 0.9; }
  91% {
    content: "84,266";
    opacity: 0.91; }
  92% {
    content: "85,192";
    opacity: 0.92; }
  93% {
    content: "86,118";
    opacity: 0.93; }
  94% {
    content: "87,044";
    opacity: 0.94; }
  95% {
    content: "87,970";
    opacity: 0.95; }
  96% {
    content: "88,896";
    opacity: 0.96; }
  97% {
    content: "89,822";
    opacity: 0.97; }
  98% {
    content: "90,748";
    opacity: 0.98; }
  99% {
    content: "91,674";
    opacity: 0.99; }
  100% {
    content: "92,600";
    opacity: 1; } }

@-webkit-keyframes number-roll3 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "926";
    opacity: 0.01; }
  2% {
    content: "1,852";
    opacity: 0.02; }
  3% {
    content: "2,778";
    opacity: 0.03; }
  4% {
    content: "3,704";
    opacity: 0.04; }
  5% {
    content: "4,630";
    opacity: 0.05; }
  6% {
    content: "5,556";
    opacity: 0.06; }
  7% {
    content: "6,482";
    opacity: 0.07; }
  8% {
    content: "7,408";
    opacity: 0.08; }
  9% {
    content: "8,334";
    opacity: 0.09; }
  10% {
    content: "9,260";
    opacity: 0.1; }
  11% {
    content: "10,186";
    opacity: 0.11; }
  12% {
    content: "11,112";
    opacity: 0.12; }
  13% {
    content: "12,038";
    opacity: 0.13; }
  14% {
    content: "12,964";
    opacity: 0.14; }
  15% {
    content: "13,890";
    opacity: 0.15; }
  16% {
    content: "14,816";
    opacity: 0.16; }
  17% {
    content: "15,742";
    opacity: 0.17; }
  18% {
    content: "16,668";
    opacity: 0.18; }
  19% {
    content: "17,594";
    opacity: 0.19; }
  20% {
    content: "18,520";
    opacity: 0.2; }
  21% {
    content: "19,446";
    opacity: 0.21; }
  22% {
    content: "20,372";
    opacity: 0.22; }
  23% {
    content: "21,298";
    opacity: 0.23; }
  24% {
    content: "22,224";
    opacity: 0.24; }
  25% {
    content: "23,150";
    opacity: 0.25; }
  26% {
    content: "24,076";
    opacity: 0.26; }
  27% {
    content: "25,002";
    opacity: 0.27; }
  28% {
    content: "25,928";
    opacity: 0.28; }
  29% {
    content: "26,854";
    opacity: 0.29; }
  30% {
    content: "27,780";
    opacity: 0.3; }
  31% {
    content: "28,706";
    opacity: 0.31; }
  32% {
    content: "29,632";
    opacity: 0.32; }
  33% {
    content: "30,558";
    opacity: 0.33; }
  34% {
    content: "31,484";
    opacity: 0.34; }
  35% {
    content: "32,410";
    opacity: 0.35; }
  36% {
    content: "33,336";
    opacity: 0.36; }
  37% {
    content: "34,262";
    opacity: 0.37; }
  38% {
    content: "35,188";
    opacity: 0.38; }
  39% {
    content: "36,114";
    opacity: 0.39; }
  40% {
    content: "37,040";
    opacity: 0.4; }
  41% {
    content: "37,966";
    opacity: 0.41; }
  42% {
    content: "38,892";
    opacity: 0.42; }
  43% {
    content: "39,818";
    opacity: 0.43; }
  44% {
    content: "40,744";
    opacity: 0.44; }
  45% {
    content: "41,670";
    opacity: 0.45; }
  46% {
    content: "42,596";
    opacity: 0.46; }
  47% {
    content: "43,522";
    opacity: 0.47; }
  48% {
    content: "44,448";
    opacity: 0.48; }
  49% {
    content: "45,374";
    opacity: 0.49; }
  50% {
    content: "46,300";
    opacity: 0.5; }
  51% {
    content: "47,226";
    opacity: 0.51; }
  52% {
    content: "48,152";
    opacity: 0.52; }
  53% {
    content: "49,078";
    opacity: 0.53; }
  54% {
    content: "50,004";
    opacity: 0.54; }
  55% {
    content: "50,930";
    opacity: 0.55; }
  56% {
    content: "51,856";
    opacity: 0.56; }
  57% {
    content: "52,782";
    opacity: 0.57; }
  58% {
    content: "53,708";
    opacity: 0.58; }
  59% {
    content: "54,634";
    opacity: 0.59; }
  60% {
    content: "55,560";
    opacity: 0.6; }
  61% {
    content: "56,486";
    opacity: 0.61; }
  62% {
    content: "57,412";
    opacity: 0.62; }
  63% {
    content: "58,338";
    opacity: 0.63; }
  64% {
    content: "59,264";
    opacity: 0.64; }
  65% {
    content: "60,190";
    opacity: 0.65; }
  66% {
    content: "61,116";
    opacity: 0.66; }
  67% {
    content: "62,042";
    opacity: 0.67; }
  68% {
    content: "62,968";
    opacity: 0.68; }
  69% {
    content: "63,894";
    opacity: 0.69; }
  70% {
    content: "64,820";
    opacity: 0.7; }
  71% {
    content: "65,746";
    opacity: 0.71; }
  72% {
    content: "66,672";
    opacity: 0.72; }
  73% {
    content: "67,598";
    opacity: 0.73; }
  74% {
    content: "68,524";
    opacity: 0.74; }
  75% {
    content: "69,450";
    opacity: 0.75; }
  76% {
    content: "70,376";
    opacity: 0.76; }
  77% {
    content: "71,302";
    opacity: 0.77; }
  78% {
    content: "72,228";
    opacity: 0.78; }
  79% {
    content: "73,154";
    opacity: 0.79; }
  80% {
    content: "74,080";
    opacity: 0.8; }
  81% {
    content: "75,006";
    opacity: 0.81; }
  82% {
    content: "75,932";
    opacity: 0.82; }
  83% {
    content: "76,858";
    opacity: 0.83; }
  84% {
    content: "77,784";
    opacity: 0.84; }
  85% {
    content: "78,710";
    opacity: 0.85; }
  86% {
    content: "79,636";
    opacity: 0.86; }
  87% {
    content: "80,562";
    opacity: 0.87; }
  88% {
    content: "81,488";
    opacity: 0.88; }
  89% {
    content: "82,414";
    opacity: 0.89; }
  90% {
    content: "83,340";
    opacity: 0.9; }
  91% {
    content: "84,266";
    opacity: 0.91; }
  92% {
    content: "85,192";
    opacity: 0.92; }
  93% {
    content: "86,118";
    opacity: 0.93; }
  94% {
    content: "87,044";
    opacity: 0.94; }
  95% {
    content: "87,970";
    opacity: 0.95; }
  96% {
    content: "88,896";
    opacity: 0.96; }
  97% {
    content: "89,822";
    opacity: 0.97; }
  98% {
    content: "90,748";
    opacity: 0.98; }
  99% {
    content: "91,674";
    opacity: 0.99; }
  100% {
    content: "92,600";
    opacity: 1; } }

/* 数字上昇アニメーション */
@keyframes number-roll4 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

@-webkit-keyframes number-roll4 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

/* 数字上昇アニメーション */
@keyframes number-roll5 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

@-webkit-keyframes number-roll5 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

/* 数字上昇アニメーション */
@keyframes number-roll6 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

@-webkit-keyframes number-roll6 {
  0% {
    content: "0";
    opacity: 0; }
  1% {
    content: "1";
    opacity: 0.01; }
  2% {
    content: "2";
    opacity: 0.02; }
  3% {
    content: "3";
    opacity: 0.03; }
  4% {
    content: "4";
    opacity: 0.04; }
  5% {
    content: "5";
    opacity: 0.05; }
  6% {
    content: "6";
    opacity: 0.06; }
  7% {
    content: "7";
    opacity: 0.07; }
  8% {
    content: "8";
    opacity: 0.08; }
  9% {
    content: "9";
    opacity: 0.09; }
  10% {
    content: "10";
    opacity: 0.1; }
  11% {
    content: "11";
    opacity: 0.11; }
  12% {
    content: "12";
    opacity: 0.12; }
  13% {
    content: "13";
    opacity: 0.13; }
  14% {
    content: "14";
    opacity: 0.14; }
  15% {
    content: "15";
    opacity: 0.15; }
  16% {
    content: "16";
    opacity: 0.16; }
  17% {
    content: "17";
    opacity: 0.17; }
  18% {
    content: "18";
    opacity: 0.18; }
  19% {
    content: "19";
    opacity: 0.19; }
  20% {
    content: "20";
    opacity: 0.2; }
  21% {
    content: "21";
    opacity: 0.21; }
  22% {
    content: "22";
    opacity: 0.22; }
  23% {
    content: "23";
    opacity: 0.23; }
  24% {
    content: "24";
    opacity: 0.24; }
  25% {
    content: "25";
    opacity: 0.25; }
  26% {
    content: "26";
    opacity: 0.26; }
  27% {
    content: "27";
    opacity: 0.27; }
  28% {
    content: "28";
    opacity: 0.28; }
  29% {
    content: "29";
    opacity: 0.29; }
  30% {
    content: "30";
    opacity: 0.3; }
  31% {
    content: "31";
    opacity: 0.31; }
  32% {
    content: "32";
    opacity: 0.32; }
  33% {
    content: "33";
    opacity: 0.33; }
  34% {
    content: "34";
    opacity: 0.34; }
  35% {
    content: "35";
    opacity: 0.35; }
  36% {
    content: "36";
    opacity: 0.36; }
  37% {
    content: "37";
    opacity: 0.37; }
  38% {
    content: "38";
    opacity: 0.38; }
  39% {
    content: "39";
    opacity: 0.39; }
  40% {
    content: "40";
    opacity: 0.4; }
  41% {
    content: "41";
    opacity: 0.41; }
  42% {
    content: "42";
    opacity: 0.42; }
  43% {
    content: "43";
    opacity: 0.43; }
  44% {
    content: "44";
    opacity: 0.44; }
  45% {
    content: "45";
    opacity: 0.45; }
  46% {
    content: "46";
    opacity: 0.46; }
  47% {
    content: "47";
    opacity: 0.47; }
  48% {
    content: "48";
    opacity: 0.48; }
  49% {
    content: "49";
    opacity: 0.49; }
  50% {
    content: "50";
    opacity: 0.5; }
  51% {
    content: "51";
    opacity: 0.51; }
  52% {
    content: "52";
    opacity: 0.52; }
  53% {
    content: "53";
    opacity: 0.53; }
  54% {
    content: "54";
    opacity: 0.54; }
  55% {
    content: "55";
    opacity: 0.55; }
  56% {
    content: "56";
    opacity: 0.56; }
  57% {
    content: "57";
    opacity: 0.57; }
  58% {
    content: "58";
    opacity: 0.58; }
  59% {
    content: "59";
    opacity: 0.59; }
  60% {
    content: "60";
    opacity: 0.6; }
  61% {
    content: "61";
    opacity: 0.61; }
  62% {
    content: "62";
    opacity: 0.62; }
  63% {
    content: "63";
    opacity: 0.63; }
  64% {
    content: "64";
    opacity: 0.64; }
  65% {
    content: "65";
    opacity: 0.65; }
  66% {
    content: "66";
    opacity: 0.66; }
  67% {
    content: "67";
    opacity: 0.67; }
  68% {
    content: "68";
    opacity: 0.68; }
  69% {
    content: "69";
    opacity: 0.69; }
  70% {
    content: "70";
    opacity: 0.7; }
  71% {
    content: "71";
    opacity: 0.71; }
  72% {
    content: "72";
    opacity: 0.72; }
  73% {
    content: "73";
    opacity: 0.73; }
  74% {
    content: "74";
    opacity: 0.74; }
  75% {
    content: "75";
    opacity: 0.75; }
  76% {
    content: "76";
    opacity: 0.76; }
  77% {
    content: "77";
    opacity: 0.77; }
  78% {
    content: "78";
    opacity: 0.78; }
  79% {
    content: "79";
    opacity: 0.79; }
  80% {
    content: "80";
    opacity: 0.8; }
  81% {
    content: "81";
    opacity: 0.81; }
  82% {
    content: "82";
    opacity: 0.82; }
  83% {
    content: "83";
    opacity: 0.83; }
  84% {
    content: "84";
    opacity: 0.84; }
  85% {
    content: "85";
    opacity: 0.85; }
  86% {
    content: "86";
    opacity: 0.86; }
  87% {
    content: "87";
    opacity: 0.87; }
  88% {
    content: "88";
    opacity: 0.88; }
  89% {
    content: "89";
    opacity: 0.89; }
  90% {
    content: "90";
    opacity: 0.9; }
  91% {
    content: "91";
    opacity: 0.91; }
  92% {
    content: "92";
    opacity: 0.92; }
  93% {
    content: "93";
    opacity: 0.93; }
  94% {
    content: "94";
    opacity: 0.94; }
  95% {
    content: "95";
    opacity: 0.95; }
  96% {
    content: "96";
    opacity: 0.96; }
  97% {
    content: "97";
    opacity: 0.97; }
  98% {
    content: "98";
    opacity: 0.98; }
  99% {
    content: "99";
    opacity: 0.99; }
  100% {
    content: "100";
    opacity: 1; } }

/* 数値上昇完了後に実行する（本筋とは無関係です） */
@keyframes zoom-in-out {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes zoom-in-out {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* -----------------------------------------
	SP
-----------------------------------------*/
@media screen and (max-width: 1050px) {
  /** blogページ スライダー**/
  #example_li.example_slider .slick-prev {
    left: 5px; }
  #example_li.example_slider .slick-next {
    right: 5px; }
  #example_li.example_slider li {
    margin-right: 16.5px;
    margin-left: 16.5px; }
    #example_li.example_slider li:nth-child(2n) {
      margin-right: 16.5px;
      margin-left: 16.5px; }
    #example_li.example_slider li:nth-child(3n+1) {
      margin-right: 16.5px;
      margin-left: 16.5px; }
  #example_li.example_slider .slick-dots {
    width: 95%; }
    #example_li.example_slider .slick-dots li {
      margin-right: 5px !important;
      margin-left: 5px !important; }
  /** blogページ スライダー ここまで **/ }

@media screen and (max-width: 1000px) {
  .cmn_w {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  .slick-track .example_box .txt_box p:nth-child(2):after {
    margin-left: 32%; }
  #top #sec03 .sec03_inner li div:nth-child(3) {
    top: 140px; } }

@media screen and (max-width: 920px) {
  #example_li li {
    width: calc(50% - 10px);
    padding-bottom: 20px;
    margin-right: 20px;
    margin-left: 0; }
    #example_li li:nth-child(2n) {
      margin-right: 0px; }
    #example_li li .example_box .txt_box {
      padding: 20px 20px 0 20px; }
  #download_li {
    padding-bottom: 35px; }
    #download_li li {
      width: 100%;
      padding-bottom: 20px;
      margin-left: 00px; }
      #download_li li:nth-child(2n+1) {
        margin-left: 0px; }
  #top #sec01 .sec01_in .sec01_element01 .sec01_content01 .sec01_item01, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 .sec01_item01 {
    width: 300px; }
    #top #sec01 .sec01_in .sec01_element01 .sec01_content01 .sec01_item01 div, #top #sec01 .sec01_in .sec01_element02 .sec01_content01 .sec01_item01 div {
      width: 300px; }
  #top #sec03 .sec03_inner li div:nth-child(2) {
    padding-top: 61px; }
  #top #sec03 .sec03_inner li div:nth-child(3) {
    top: 120px; }
    #top #sec03 .sec03_inner li div:nth-child(3) p {
      font-size: 1.3rem; }
  #top #sec05 .casestudy_wrapper .casestudy_content02 {
    font-size: 2rem; }
  #top #sec05 .casestudy_wrapper .casestudy_content03 {
    font-size: 1.2rem;
    line-height: 1.6; } }

@media screen and (max-width: 800px) {
  .w800 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; } }

@media screen and (max-width: 768px) {
  .sp {
    display: block; }
  .pc {
    display: none; }
  .cmn_w {
    width: 100%;
    margin: 0 auto; }
  #header {
    padding: 10px 15px;
    -webkit-align-items: center;
    width: 101%; }
    #header .header_inner {
      position: relative;
      padding: 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    #header h1 {
      width: 190px; }
      #header h1 img {
        height: auto; }
    #header ul {
      width: 65%;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      #header ul li {
        width: calc(50% - 5px); }
        #header ul li:first-child {
          margin-right: 10px; }
        #header ul li.trial_btn img {
          width: auto; }
        #header ul li img {
          max-width: 100%;
          -webkit-filter: drop-shadow(0px 0px 10px rgba(83, 83, 83, 0.15));
          filter: drop-shadow(0px 0px 10px rgba(83, 83, 83, 0.15)); }
  .menu_btn {
    position: absolute;
    right: 0; }
  #nav {
    position: fixed;
    top: -137px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    width: 101%; }
    #nav ul {
      padding: 0; }
      #nav ul li {
        width: 50%;
        position: relative; }
        #nav ul li:first-child {
          border-bottom: 1px solid #529ebd;
          border-right: 1px solid #529ebd; }
          #nav ul li:first-child:before {
            display: none; }
        #nav ul li:nth-child(2) {
          border-bottom: 1px solid #529ebd; }
        #nav ul li:nth-child(3) {
          border-bottom: 1px solid #529ebd;
          border-right: 1px solid #529ebd; }
        #nav ul li:nth-child(4) {
          border-bottom: 1px solid #529ebd; }
        #nav ul li:nth-child(5) {
          border-right: 1px solid #529ebd; }
        #nav ul li:nth-child(2):after, #nav ul li:nth-child(4):after {
          display: none; }
        #nav ul li:after {
          display: none; }
        #nav ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #33529f;
          text-align: center;
          display: block;
          padding: 10px 0; }
          #nav ul li a:hover {
            color: #33529f; }
            #nav ul li a:hover:before {
              height: 0; }
  #nav.active {
    top: 57.72px; }
  .btn_wrapper_sp {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 10px 10px 15px;
    background-color: #fff; }
    .btn_wrapper_sp ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .btn_wrapper_sp ul li {
        margin: auto 0;
        padding-right: 5px; }
        .btn_wrapper_sp ul li:last-child {
          padding-right: 0; }
        .btn_wrapper_sp ul li img {
          height: 45px;
          width: auto; }
  /*=============================
  .btn-trigger
  =============================*/
  .btn-trigger {
    position: relative;
    width: 30px;
    height: 26.4px;
    cursor: pointer; }
    .btn-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #33529f;
      border-radius: 3px; }
      .btn-trigger span:nth-of-type(1) {
        top: 0; }
      .btn-trigger span:nth-of-type(2) {
        top: 12px; }
      .btn-trigger span:nth-of-type(3) {
        bottom: 0; }
  .btn-trigger, .btn-trigger span {
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  /*=============================
  #btn01
  =============================*/
  #btn01.active span:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotate(-45deg);
    -ms-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg); }
  #btn01.active span:nth-of-type(2) {
    opacity: 0; }
  #btn01.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg); }
  .menu {
    color: #33529f;
    font-size: 1rem;
    margin-top: -8px;
    text-transform: uppercase; }
  #footer .footer_top .cmn_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 10px; }
  #footer .footer_top p {
    padding-bottom: 20px; }
  #footer .footer_top li {
    padding-right: 10px; }
  #footer .footer_bottom {
    font-size: 12px;
    font-size: 1.2rem; }
    #footer .footer_bottom .cmn_w {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 10px 10px;
      margin-bottom: 70px; }
    #footer .footer_bottom small {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    #footer .footer_bottom ul {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
    #footer .footer_bottom li {
      display: inline-block;
      padding-right: 10px; }
      #footer .footer_bottom li:last-child {
        padding-right: 0px; }
  .main_slider {
    margin-top: 58.72px; }
    .main_slider li img {
      width: 100%; }
    .main_slider .slick-slide img.sp {
      display: block; }
    .main_slider .slick-slide img.pc {
      display: none; }
    .main_slider .slick-prev:before {
      content: none; }
    .main_slider .slick-next:before {
      content: none; }
    .main_slider .slick-dots {
      bottom: -30px !important; }
  #eyecatch {
    background: url(img/common/bg_mv_second.jpg) center no-repeat;
    background-size: cover;
    margin-top: 58.72px; }
    #eyecatch.short_eyecatch {
      background: url(img/common/bg_eyecatch_short.jpg) center bottom no-repeat;
      background-size: cover; }
      #eyecatch.short_eyecatch h2 {
        padding: 50px 0;
        text-align: center; }
        #eyecatch.short_eyecatch h2 span {
          display: block;
          font-size: 18px;
          font-size: 1.8rem;
          padding-top: 20px; }
    #eyecatch .cmn_w {
      position: relative;
      height: auto; }
    #eyecatch h2 {
      font-size: 3.0rem;
      font-weight: bold;
      line-height: 1.2;
      padding: 40px 0 160px 0px; }
      #eyecatch h2 .center {
        display: inline-block;
        text-align: center; }
    #eyecatch .mv_img01 {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 80px; }
      #eyecatch .mv_img01 img {
        -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        width: 65px; }
    #eyecatch .mv_img02 {
      position: absolute;
      top: auto;
      bottom: 20px;
      right: 50px; }
      #eyecatch .mv_img02 img {
        -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        width: 115px; }
    #eyecatch .mv_img03 {
      position: absolute;
      bottom: 0px;
      right: 152px; }
      #eyecatch .mv_img03 img {
        -webkit-filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        filter: drop-shadow(20px 0px 20px rgba(18, 115, 243, 0.3));
        width: 62px; }
  #detail_eyecatch {
    position: relative;
    margin-top: 58.72px; }
    #detail_eyecatch:before {
      content: "";
      width: 100%;
      height: 100%;
      background: url(img/example/bg_detail_eyecatch.jpg) 0 0 no-repeat;
      background-size: cover;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
    #detail_eyecatch .img_sp {
      width: 100%;
      height: auto; }
      #detail_eyecatch .img_sp img {
        width: 100%;
        height: auto; }
    #detail_eyecatch .cmn_w {
      padding: 0; }
    #detail_eyecatch .in {
      paddinr-right: 0px;
      width: 100%; }
    #detail_eyecatch .job {
      padding: 0 15px 17px; }
    #detail_eyecatch .case_wrap {
      font-size: 18px;
      font-size: 1.8rem;
      padding: 0 15px 20px; }
      #detail_eyecatch .case_wrap li {
        color: #fff;
        padding-left: 0; }
        #detail_eyecatch .case_wrap li .case_num {
          background-color: #fff;
          color: #33529f;
          padding: 0 10px; }
        #detail_eyecatch .case_wrap li:first-child {
          padding-left: 0; }
    #detail_eyecatch h2 {
      font-size: 2.0rem;
      line-height: 1.3;
      padding: 10px 15px 15px 15px; }
    #detail_eyecatch .fukidashi {
      padding-bottom: 30px; }
      #detail_eyecatch .fukidashi li:first-child {
        margin-bottom: 20px; }
      #detail_eyecatch .fukidashi li dl {
        display: block;
        padding: 0 15px; }
        #detail_eyecatch .fukidashi li dl dt {
          width: 100px;
          font-size: 2.0rem;
          padding: 6px 0;
          margin-bottom: 15px; }
          #detail_eyecatch .fukidashi li dl dt:after {
            content: "";
            position: absolute;
            top: 100%;
            margin-top: 0px;
            left: 50%;
            margin-left: -5px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 5px 0 5px; }
          #detail_eyecatch .fukidashi li dl dt.fukidashi_kadai {
            color: #fff;
            background-color: #33529f; }
            #detail_eyecatch .fukidashi li dl dt.fukidashi_kadai:after {
              border-color: #33529f transparent transparent transparent; }
          #detail_eyecatch .fukidashi li dl dt.fukidashi_shisaku {
            color: #33529f;
            background-color: #fff; }
            #detail_eyecatch .fukidashi li dl dt.fukidashi_shisaku:after {
              border-color: #fff transparent transparent transparent; }
        #detail_eyecatch .fukidashi li dl dd {
          width: 100%;
          font-size: 1.6rem;
          padding-left: 0px; }
  .article {
    background-size: 160px auto,208px auto;
    padding-bottom: 75px; }
  h2.f50 {
    font-size: 25px;
    font-size: 2.5rem;
    padding-bottom: 30px; }
  #top #sec01 .sec01_in {
    background-image: url(img/top/sec01_bg01_sp.jpg); }
    #top #sec01 .sec01_in .sec01_wrapper_sp {
      width: 90%; }
      #top #sec01 .sec01_in .sec01_wrapper_sp h2 {
        padding-top: 45px;
        padding-bottom: 35px; }
        #top #sec01 .sec01_in .sec01_wrapper_sp h2 img {
          width: 66%; }
        #top #sec01 .sec01_in .sec01_wrapper_sp h2 span {
          padding-top: 40px;
          font-size: 1.5rem;
          line-height: 1.93; }
          #top #sec01 .sec01_in .sec01_wrapper_sp h2 span:after {
            width: 100%; }
      #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 div:nth-of-type(1), #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 div:nth-of-type(1) {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2; }
        #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 div:nth-of-type(2), #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 div:nth-of-type(2) {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 .sec01_content01, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content01 {
          width: 100%;
          height: 250px; }
          #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 .sec01_content01 .sec01_item01, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content01 .sec01_item01 {
            width: 264px; }
            #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 .sec01_content01 .sec01_item01 h3, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content01 .sec01_item01 h3 {
              font-size: 2.1rem;
              padding-bottom: 15px; }
            #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 .sec01_content01 .sec01_item01 div, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content01 .sec01_item01 div {
              width: auto;
              line-height: 1.5; }
        #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element01 .sec01_content02 img, #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content02 img {
          width: 100%;
          height: auto; }
      #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 {
        padding-bottom: 55px; }
        #top #sec01 .sec01_in .sec01_wrapper_sp .sec01_element02 .sec01_content01 {
          height: 280px; }
  #top #sec03 {
    padding: 25px 0 30px; }
    #top #sec03 h3 {
      font-size: 1.6rem;
      margin-bottom: 10px;
      padding: 0 15px 10px 15px; }
      #top #sec03 h3.sec03_title01 {
        padding: 0px 15px 13px;
        margin-bottom: 33px;
        width: 90%; }
    #top #sec03 .sec03_inner {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 25px; }
      #top #sec03 .sec03_inner li {
        width: 90%;
        margin: 0 auto 17px; }
        #top #sec03 .sec03_inner li div:nth-child(3) {
          top: 53%; }
          #top #sec03 .sec03_inner li div:nth-child(3) p {
            font-size: 1.8rem; }
  #top #sec04 a {
    width: 100%; }
  #top #sec05 {
    padding: 40px 0; }
    #top #sec05 ul {
      display: block; }
      #top #sec05 ul li {
        width: 100%;
        margin-bottom: 40px; }
        #top #sec05 ul li a {
          display: block;
          font-size: 1.4rem;
          padding: 22px 0;
          border-radius: 50px; }
          #top #sec05 ul li a:after {
            position: absolute;
            content: "";
            right: 12px;
            top: 50%;
            margin-top: -5px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #147792; }
    #top #sec05 .casestudy_wrapper .casestudy_element01 img {
      width: 70%;
      margin: 0 auto; }
    #top #sec05 .casestudy_wrapper .casestudy_content01 {
      top: 62%;
      font-size: 2.4rem;
      line-height: 1.4; }
    #top #sec05 .casestudy_wrapper .casestudy_content02 {
      font-size: 1.8rem; }
    #top #sec05 .casestudy_wrapper .casestudy_content03 {
      font-size: 1.3rem;
      width: 60%; }
  #top #sec02,
  #comparison #sec02 {
    padding: 40px 0; }
    #top #sec02 ul,
    #comparison #sec02 ul {
      display: block; }
      #top #sec02 ul li,
      #comparison #sec02 ul li {
        color: #fff;
        width: 90%;
        margin: 0 auto;
        margin-bottom: 15px; }
        #top #sec02 ul li.work1,
        #comparison #sec02 ul li.work1 {
          background: url(img/top/sec02_icon1.png) right 12px bottom 7px no-repeat #33529f; }
        #top #sec02 ul li.work2,
        #comparison #sec02 ul li.work2 {
          background: url(img/top/sec02_icon2.png) right 8px bottom 7px no-repeat #33529f; }
        #top #sec02 ul li.work3,
        #comparison #sec02 ul li.work3 {
          background: url(img/top/sec02_icon3.png) right 5px bottom 7px no-repeat #33529f; }
        #top #sec02 ul li dl,
        #comparison #sec02 ul li dl {
          text-align: center;
          padding-bottom: 10px; }
          #top #sec02 ul li dl dt,
          #comparison #sec02 ul li dl dt {
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: bold;
            padding: 34px 0 24px 0; }
          #top #sec02 ul li dl dd .num,
          #comparison #sec02 ul li dl dd .num {
            font-size: 70px;
            font-size: 7.0rem;
            font-family: 'Oswald', sans-serif;
            line-height: 1; }
          #top #sec02 ul li dl dd .f18,
          #comparison #sec02 ul li dl dd .f18 {
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: bold;
            line-height: 1; }
          #top #sec02 ul li dl dd .f27,
          #comparison #sec02 ul li dl dd .f27 {
            font-size: 27px;
            font-size: 2.7rem;
            font-weight: bold;
            line-height: 1; }
          #top #sec02 ul li dl dd.sub,
          #comparison #sec02 ul li dl dd.sub {
            text-align: right;
            font-size: 14px;
            font-size: 1.4rem;
            padding-right: 10px;
            padding-top: 18px; }
    #top #sec02 #num1.active,
    #comparison #sec02 #num1.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num1::after,
    #comparison #sec02 #num1::after {
      content: '680'; }
    #top #sec02 #num2.active,
    #comparison #sec02 #num2.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num2::after,
    #comparison #sec02 #num2::after {
      content: '4,700'; }
    #top #sec02 #num3.active,
    #comparison #sec02 #num3.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num3::after,
    #comparison #sec02 #num3::after {
      content: '168,600'; }
    #top #sec02 #num4.active,
    #comparison #sec02 #num4.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num4::after,
    #comparison #sec02 #num4::after {
      content: '100'; }
    #top #sec02 #num5.active,
    #comparison #sec02 #num5.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num5::after,
    #comparison #sec02 #num5::after {
      content: '100'; }
    #top #sec02 #num6.active,
    #comparison #sec02 #num6.active {
      -webkit-animation: none 0 0;
      animation: none 0 0; }
    #top #sec02 #num6::after,
    #comparison #sec02 #num6::after {
      content: '100'; }
  #top #sec04,
  #service #sec02 {
    padding: 40px 0 30px 0; }
    #top #sec04 h3,
    #service #sec02 h3 {
      font-size: 1.6rem;
      margin-bottom: 15px;
      padding: 6px 30px; }
    #top #sec04 ul,
    #service #sec02 ul {
      padding-top: 20px; }
      #top #sec04 ul li,
      #service #sec02 ul li {
        width: 100%;
        font-size: 1.4rem;
        margin-bottom: 10px;
        height: 100px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #top #sec04 ul li:after,
        #service #sec02 ul li:after {
          position: absolute;
          bottom: 0;
          right: 0;
          background-color: #b7d5f0;
          content: "";
          width: 5px;
          height: 5px; }
        #top #sec04 ul li .icon,
        #service #sec02 ul li .icon {
          padding-left: 12px; }
        #top #sec04 ul li.li_1 .txt,
        #service #sec02 ul li.li_1 .txt {
          padding-left: 10px; }
        #top #sec04 ul li.li_2 .txt,
        #service #sec02 ul li.li_2 .txt {
          padding-left: 10px; }
        #top #sec04 ul li.li_3 .txt,
        #service #sec02 ul li.li_3 .txt {
          padding-left: 10px;
          text-align: left; }
        #top #sec04 ul li.li_4 .txt,
        #service #sec02 ul li.li_4 .txt {
          padding-left: 20px; }
        #top #sec04 ul li.li_5 .txt,
        #service #sec02 ul li.li_5 .txt {
          padding-left: 22px; }
        #top #sec04 ul li.li_6 .txt,
        #service #sec02 ul li.li_6 .txt {
          padding-left: 15px;
          text-align: left; }
  #service #sec01 h2 {
    font-size: 2.5rem;
    margin-top: 40px; }
  #service #sec01 .icon_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 40px; }
    #service #sec01 .icon_list li {
      margin-right: 0;
      margin-bottom: 12px; }
      #service #sec01 .icon_list li img {
        width: 44vw; }
  #service #sec01 .content_list {
    height: auto;
    padding-top: 33.5px; }
    #service #sec01 .content_list .function_wrapper {
      position: static;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      #service #sec01 .content_list .function_wrapper .function_element01 {
        position: static;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 64px; }
        #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) {
          border-bottom: 1px solid #3453a0;
          padding: 0 0 12px 0;
          margin-bottom: 20px; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1)::after {
            display: none; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) div:nth-child(2) {
            margin-left: 13px; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(1) div:nth-child(2) div {
              font-size: 1.4rem; }
        #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) {
          width: 100%;
          margin: 0; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(2) {
            font-size: 1.3rem;
            margin-bottom: 17.5px;
            line-height: 1.69; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(2) div:nth-child(3) p {
              font-size: 1.3rem; }
          #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) {
            padding: 19px; }
            #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2) {
              padding-left: 15px; }
              #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p:nth-child(2).pl_0 {
                padding-left: 0; }
      #service #sec01 .content_list .function_wrapper .function_element02 {
        position: static;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 28.5px; }
        #service #sec01 .content_list .function_wrapper .function_element02 img {
          margin: 0 auto; }
      #service #sec01 .content_list .function_wrapper.fct_height01 {
        height: auto; }
      #service #sec01 .content_list .function_wrapper.fct_height02 {
        height: auto; }
      #service #sec01 .content_list .function_wrapper.fct_height03 {
        height: auto; }
  #service #sec02 img {
    width: 100%; }
  #service #sec03 {
    padding: 40px 0 35px 0; }
    #service #sec03 ul {
      display: block;
      overflow: hidden; }
      #service #sec03 ul li:first-child dl dt {
        text-align: left; }
        #service #sec03 ul li:first-child dl dt:before {
          position: absolute;
          top: 0;
          left: 33px;
          margin-top: -1px;
          width: 1px;
          height: 100vh;
          background-color: #33529f;
          content: "";
          z-index: 0; }
        #service #sec03 ul li:first-child dl dt img {
          margin-left: -2px; }
      #service #sec03 ul li:last-child dl {
        padding-bottom: 0; }
      #service #sec03 ul dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 25px; }
        #service #sec03 ul dl dt {
          text-align: center;
          position: relative; }
          #service #sec03 ul dl dt img {
            position: relative;
            z-index: 1;
            height: 73px; }
        #service #sec03 ul dl dd {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.8;
          font-weight: bold;
          text-align: left;
          padding-top: 0px;
          padding-left: 20px; }
  #comparison #sec01 {
    padding-top: 40px;
    padding-bottom: 40px; }
    #comparison #sec01 ul {
      display: block;
      background: none;
      margin-left: -10px;
      margin-right: -10px;
      padding-left: 10px;
      padding-right: 10px;
      border-bottom: 1px solid #c6d5fc; }
      #comparison #sec01 ul.no {
        background: none;
        display: none; }
      #comparison #sec01 ul.b_no li {
        border-bottom: none; }
      #comparison #sec01 ul li {
        width: 100%;
        border-bottom: none;
        padding-top: 35px;
        padding-bottom: 35px;
        text-align: center; }
        #comparison #sec01 ul li h3 {
          padding-bottom: 10px; }
        #comparison #sec01 ul li.other {
          background: url(img/comparison/arrow_down.png) center bottom no-repeat;
          background-size: 24px auto;
          padding-bottom: 40px; }
        #comparison #sec01 ul li.top {
          padding-top: 25px; }
        #comparison #sec01 ul li h4 {
          text-align: center;
          font-size: 20px;
          font-size: 2.0rem;
          font-weight: bold;
          padding-bottom: 15px; }
        #comparison #sec01 ul li p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5;
          padding-left: 0px;
          text-align: left; }
          #comparison #sec01 ul li p.center {
            text-align: center;
            padding-left: 0; }
          #comparison #sec01 ul li p span {
            font-size: 20px;
            font-size: 2.0rem;
            font-weight: bold; }
            #comparison #sec01 ul li p span.blue {
              color: #33529f; }
    #comparison #sec01 .tbl {
      padding-top: 35px; }
  #comparison #sec03 {
    padding-top: 40px;
    padding-bottom: 30px; }
    #comparison #sec03 ul {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #comparison #sec03 ul li {
        width: 100%; }
  #comparison #sec04 {
    padding-top: 40px; }
  #form {
    padding: 40px 0; }
    #form .txt {
      padding-bottom: 10px;
      margin-bottom: 10px;
      font-size: 1.4rem; }
      #form .txt span {
        padding-right: 10px; }
    #form table {
      text-align: left;
      margin: 0 auto; }
      #form table th {
        width: 100%;
        display: block;
        font-size: 1.4rem;
        padding: 12px 20px 0px 20px;
        vertical-align: top; }
      #form table td {
        width: 100%;
        display: block;
        padding: 12px 0 12px 0; }
        #form table td input {
          background-color: #eef1f3;
          width: 100%;
          padding: 9px 15px 9px 15px;
          border: none; }
        #form table td select {
          padding: 9px 15px 9px 15px; }
        #form table td textarea {
          padding: 9px 15px 9px 15px; }
    #form .btn_wrap {
      text-align: center; }
      #form .btn_wrap input {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 300px;
        background-color: #33529f;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1;
        color: #fff;
        text-align: center;
        padding: 18px 0;
        margin: 0 auto; }
  #example_li li .example_box .txt_box p {
    line-height: 1.5; }
    #example_li li .example_box .txt_box p .tit {
      color: #33529f;
      font-weight: bold;
      padding-right: 10px; }
    #example_li li .example_box .txt_box p .job {
      color: #393939;
      font-size: 14px;
      font-size: 1.4rem; }
    #example_li li .example_box .txt_box p.cmt {
      padding-top: 5px;
      padding-bottom: 13px; }
  #example_li li .example_box .txt_box .btn {
    text-align: center;
    margin: 0 auto; }
    #example_li li .example_box .txt_box .btn a {
      line-height: 1;
      display: block;
      color: #fff;
      background-color: #33529f;
      border-radius: 25px;
      padding: 10px 0;
      width: 100%;
      margin: 0 auto; }
      #example_li li .example_box .txt_box .btn a:hover {
        opacity: 0.8; }
  #example_detail {
    display: block; }
    #example_detail .detail_in {
      width: 100%;
      padding-bottom: 20px; }
      #example_detail .detail_in h2 {
        font-size: 2.0rem;
        padding-bottom: 15px;
        background: url(img/example/h2.png) 0 bottom repeat-x;
        background-size: 5px auto;
        margin-bottom: 15px; }
      #example_detail .detail_in h3 {
        font-size: 1.8rem;
        margin-bottom: 15px; }
        #example_detail .detail_in h3.arrow {
          background: url(img/example/h3.png) 0 6px no-repeat;
          padding-left: 20px; }
      #example_detail .detail_in h4.point_tit {
        background: url(img/example/check.png) 0 center no-repeat;
        background-size: 30px auto;
        padding: 12px 0 15px 40px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #33529f;
        margin-bottom: 10px; }
      #example_detail .detail_in .checkpoint_box {
        border-top: 1px solid #33529f;
        border-bottom: 1px solid #33529f;
        padding: 10px 0;
        margin-bottom: 2em; }
      #example_detail .detail_in blockquote.mark {
        position: relative;
        padding: 10px 10px 10px 32px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-style: italic;
        color: #464646;
        background: #eeeeee;
        margin-bottom: 2em; }
        #example_detail .detail_in blockquote.mark:before {
          display: inline-block;
          position: absolute;
          top: -6px;
          left: -15px;
          vertical-align: middle;
          content: "“";
          color: #bfbfbf;
          font-size: 70px;
          line-height: 1;
          z-index: 2; }
        #example_detail .detail_in blockquote.mark:after {
          position: absolute;
          content: '';
          left: 0;
          top: 0;
          border-width: 0 0 40px 40px;
          border-style: solid;
          border-color: transparent #ffffff; }
        #example_detail .detail_in blockquote.mark p {
          position: relative;
          padding: 0;
          margin: 10px 0;
          z-index: 3;
          line-height: 1.7; }
      #example_detail .detail_in strong {
        font-weight: bold; }
    #example_detail #side {
      width: 100%; }
      #example_detail #side .recently_box {
        margin-bottom: 60px; }
        #example_detail #side .recently_box h3 {
          color: #fff;
          background-color: #33529f;
          text-align: center;
          line-height: 1;
          padding: 18px 0; }
        #example_detail #side .recently_box ul li {
          padding: 20px 20px;
          border-bottom: 1px solid #b5b5b5; }
          #example_detail #side .recently_box ul li dl {
            display: -webkit-flex;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #example_detail #side .recently_box ul li dl dt figure {
              overflow: hidden;
              width: 60px;
              height: 60px;
              position: relative;
              border: 1px solid #7d7d7d; }
            #example_detail #side .recently_box ul li dl dt img {
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: auto;
              height: 100%; }
            #example_detail #side .recently_box ul li dl dd {
              padding-left: 20px;
              margin-top: -5px; }
      #example_detail #side .bnr li {
        margin-bottom: 20px; }
  #download_li li .download_box {
    padding: 15px; }
    #download_li li .download_box .img_box {
      width: 100%;
      text-align: center; }
    #download_li li .download_box .txt_box {
      width: 100%;
      padding-left: 0; }
      #download_li li .download_box .txt_box .btn {
        position: relative;
        padding-top: 15px; }
        #download_li li .download_box .txt_box .btn a {
          margin: 0 auto; }
  #side .bnr {
    text-align: center; }
  .blog_bunner ul li {
    padding-bottom: 35px; }
    .blog_bunner ul li img {
      width: 100%; }
    .blog_bunner ul li:nth-child(2n-1) {
      padding-right: 0; }
    .blog_bunner ul li:nth-child(-n+2) {
      padding-bottom: 35px; }
    .blog_bunner ul li:last-child {
      padding-bottom: 0; }
  #example_li.blog_sec li {
    width: 100%;
    margin-right: 0; }
  #example_li.example_slider li {
    margin-right: 16.5px;
    margin-left: 16.5px; }
    #example_li.example_slider li:nth-child(1) {
      margin-left: 8.25px; }
    #example_li.example_slider li:nth-child(2n) {
      margin-right: 16.5px;
      margin-left: 16.5px; }
    #example_li.example_slider li:nth-child(3n+1) {
      margin-right: 16.5px;
      margin-left: 16.5px; }
  #example_detail #side #blogsidebar {
    margin-top: 10px; }
    #example_detail #side #blogsidebar ul li {
      display: inline-block;
      height: 50px;
      padding: 10px 32px 10px 13px; }
      #example_detail #side #blogsidebar ul li a {
        padding-left: 0;
        height: 30px;
        line-height: 30px; }
        #example_detail #side #blogsidebar ul li a:after {
          margin-right: -18px; }
  /*目次*/
  #toc_container {
    margin: 1em auto; }
  #flow .flow_top h2 {
    font-size: 2.5rem;
    padding: 45px 0 30px; }
  #flow .flow_top .flow_subtitle {
    line-height: 1.85;
    padding-bottom: 40px; }
  #flow .flow_top img {
    width: 100%;
    padding-bottom: 46px; }
  #flow .flow_wrapper {
    background-image: url(img/flow/flow_bg_sp.png); }
    #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul {
      height: 528.5px; }
      #flow .flow_wrapper div:nth-of-type(n+2).flow_inner ul li:nth-child(1)::before {
        top: -148px;
        height: 148px; }
    #flow .flow_wrapper div:nth-of-type(n+3).flow_inner ul {
      height: 598px; }
      #flow .flow_wrapper div:nth-of-type(n+3).flow_inner ul li:nth-child(1)::before {
        top: -201px;
        height: 201px; }
    #flow .flow_wrapper div:nth-of-type(2).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
      left: 178px;
      top: 18px;
      width: 31.5px;
      height: 36.5px; }
    #flow .flow_wrapper div:nth-of-type(2).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
      padding-right: 0; }
    #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
      left: 134px;
      top: 17px;
      width: 42px;
      height: 38.5px; }
    #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
      padding-right: 0; }
      #flow .flow_wrapper div:nth-of-type(3).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
        padding-right: 0; }
    #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
      left: 68px;
      top: 22px;
      width: 48px;
      height: 31.5px; }
    #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
      padding-right: 0; }
      #flow .flow_wrapper div:nth-of-type(4).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
        padding-right: 0; }
    #flow .flow_wrapper div:nth-of-type(n+4).flow_inner ul li:nth-child(1)::before {
      top: -270px;
      height: 270px; }
    #flow .flow_wrapper div:nth-of-type(5).flow_inner ul {
      height: 423px; }
      #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content03 {
        margin-top: 18.5px; }
      #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
        padding-right: 0; }
        #flow .flow_wrapper div:nth-of-type(5).flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
          padding-right: 0; }
    #flow .flow_wrapper div.flow_inner ul {
      height: 531px;
      padding-top: 55px; }
      #flow .flow_wrapper div.flow_inner ul li:nth-child(1) {
        margin: 130px 15px 0 0; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(1)::after {
          height: 278px;
          top: 50px; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(1) img {
          width: 50px; }
      #flow .flow_wrapper div.flow_inner ul li:nth-child(2) {
        display: block;
        margin-top: 0;
        width: 100%; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(1) {
          position: relative; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(1) img {
            position: absolute;
            top: 0;
            right: -10px;
            width: 294px; }
        #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) {
          margin-top: 135px; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01 .flow_item01 {
            font-size: 1.3rem; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01 h3 {
            font-size: 2.3rem; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content01::after {
            width: 25px;
            height: 35.5px;
            left: 151px;
            top: 19px; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content02 {
            width: 100%;
            font-size: 1.3rem;
            line-height: 1.69;
            margin-top: 0; }
          #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
            font-size: 1.3rem;
            width: 265px;
            padding-right: 0; }
            #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 span {
              font-size: 1rem; }
            #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04.flow_item02 {
              margin-top: 11.5px;
              margin-left: 0; }
  #flow img {
    max-width: none; } }

@media screen and (max-width: 480px) {
  #top #sec03 .sec03_inner li div:nth-child(3) {
    top: 47%; }
    #top #sec03 .sec03_inner li div:nth-child(3) p {
      font-size: 1.3rem; }
  #top #sec05 .casestudy_wrapper {
    padding-bottom: 20px; }
    #top #sec05 .casestudy_wrapper .casestudy_element01 img {
      width: 100%; }
    #top #sec05 .casestudy_wrapper .casestudy_content01 {
      top: 64%;
      font-size: 1.3rem;
      line-height: 1.85; }
    #top #sec05 .casestudy_wrapper .casestudy_content02 {
      font-size: 1.6rem;
      line-height: 1.62; }
    #top #sec05 .casestudy_wrapper .casestudy_content03 {
      width: 90%; }
  .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-top: 135%;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    .wp-block-embed__wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
      display: block; } }

@media screen and (max-width: 360px) {
  #top #sec01 .sec01_wrapper_sp .sec01_element01 .sec01_content01 .sec01_item01, #top #sec01 .sec01_wrapper_sp .sec01_element02 .sec01_content01 .sec01_item01 {
    width: 240px; }
  #top #sec03 h3 {
    font-size: 1.3rem; }
  #top #sec03 .sec03_inner li div:nth-child(2) {
    padding-top: 77px; }
  #top #sec03 .sec03_inner li div:nth-child(3) p {
    font-size: 1.4rem; }
  #top #sec05 .casestudy_wrapper .casestudy_content03 {
    font-size: 1.2rem; }
  #example_li.blog_sec {
    display: block; }
    #example_li.blog_sec li .txt_box p:nth-child(2) {
      font-size: 1.4rem; }
      #example_li.blog_sec li .txt_box p:nth-child(2):after {
        margin-left: 53%; }
  .wp-block-embed__wrapper {
    padding-top: 190%; }
  #service #sec01 .sub_title {
    font-size: 1.2rem; }
  #service #sec01 .icon_list li img {
    width: 145.5px; }
  #service #sec01 .content_list .function_wrapper .function_element01 ul li:nth-child(2) div:nth-child(3) p {
    font-size: 1.3rem; } }

@media screen and (max-width: 320px) {
  #flow .flow_wrapper div.flow_inner ul li:nth-child(2) div:nth-of-type(2) .flow_content04 {
    font-size: 1.1rem;
    width: 100%; } }