@charset "UTF-8";
.m5A {
  margin: 5px auto; }

.m10A {
  margin: 5px auto; }

.m15A {
  margin: 15px auto; }

.m20A {
  margin: 20px auto; }

body {
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
  font-size: 62.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }

.main-visual {
  position: relative;
  width: 100%;
  min-width: 960px;
  margin: 0 auto;
  height: 850px; }

.main-visual .bg {
  width: 100%;
  max-width: 100%;
  height: 120px;
  margin: 0 auto;
  background: url(../img/main_bg_01.jpg);
  background-position: center;
  /*画像のサイズを指定する*/
  background-size: 1400px 120px;
  /* animation:アニメーション名 , アニメーションの時間 , アニメーションのタイミング , アニメーションの繰り返し */
  -webkit-animation: bgscroll_left 100s linear infinite;
  animation: bgscroll_left 100s linear infinite; }

.main-visual .bg.bg02 {
  background: url(../img/main_bg_02.jpg);
  -webkit-animation: bgscroll_left 150s linear infinite;
  animation: bgscroll_left 150s linear infinite; }

.main-visual .bg.bg03 {
  background: url(../img/main_bg_03.jpg);
  -webkit-animation: bgscroll_left 100s linear infinite;
  animation: bgscroll_left 100s linear infinite; }

.main-visual .bg.bg04 {
  background: url(../img/main_bg_04.jpg);
  -webkit-animation: bgscroll_right 150s linear infinite;
  animation: bgscroll_right 150s linear infinite; }

.main-visual .bg.bg05 {
  background: url(../img/main_bg_05.jpg);
  -webkit-animation: bgscroll_right 100s linear infinite;
  animation: bgscroll_right 100s linear infinite; }

.main-visual .bg.bg06 {
  background: url(../img/main_bg_06.jpg);
  -webkit-animation: bgscroll_right 150s linear infinite;
  animation: bgscroll_right 150s linear infinite; }

@-webkit-keyframes bgscroll_right {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 1400px 0; } }

@keyframes bgscroll_right {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 1400px 0; } }

@-webkit-keyframes bgscroll_left {
  0% {
    background-position: 1400px 0; }
  100% {
    background-position: 0px 0; } }

@keyframes bgscroll_left {
  0% {
    background-position: 1400px 0; }
  100% {
    background-position: 0px 0; } }

.main-visual .logo_50th {
  width: 730px;
  height: 620px;
  background: url(../img/main_50.png) no-repeat;
  background-size: 730px 620px;
  background-position: center;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto; }

.main-visual .people {
  width: 910px;
  height: 350px;
  background: url(../img/main_people.png) no-repeat;
  background-size: 910px 350px;
  background-position: center;
  position: absolute;
  top: 470px;
  left: 0;
  right: 0;
  margin: auto; }

.intro {
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  line-height: 1.4; }

/* =====年表ここから=================================================== */
.history {
  margin-top: 50px;
  background: #0870cd; }
  .history .ttl {
    padding: 50px 0 0;
    text-align: center; }
  .history .history_block {
    width: 960px;
    max-width: 960px;
    margin: 0;
    padding: 0;
    margin: 20px auto; }
    .history .history_block .history_box {
      padding: 15px 0 15px;
      background: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      list-style-type: none;
      -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
      .history .history_block .history_box .year_bold {
        margin: 0px 0 5px 20px;
        font-size: 3.0rem;
        font-weight: bold; }
        .history .history_block .history_box .year_bold_min {
          margin-left: 5px;
          font-size: 1.4rem; }
      .history .history_block .history_box .year_bg {
        margin-left: 20px;
        font-size: 0.8rem;
        line-height: 1;
        font-weight: bold;
        color: #fff;
        background: #333;
        padding: 2px 6px;
        border-radius: 3px;
        display: inline-block;
        letter-spacing: 0.8px; }
      .history .history_block .history_box .year_white {
        font-size: 0.8rem;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.8px; }
      .history .history_block .history_box .history_box_ttl {
        font-size: 1.8rem;
        margin: 5px 20px 0 20px; }
      .history .history_block .history_box .history_box_img {
        margin: 10px auto;
        text-align: center; }
      .history .history_block .history_box p {
        font-size: 1.0rem;
        margin: 10px 20px 0; }
    .history .history_block .history_box_alpha {
      padding: 15px 10px 5px;
      color: #fff;
      background: rgba(255, 255, 255, 0.2);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 7px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .history .history_block .history_box_alpha p {
        font-size: 0.8rem;
        margin: 10px 0; }
    .history .history_block .history_box_line {
      padding: 20px 10px 20px 20px;
      padding-bottom: 20px;
      background: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 7px;
      border: 1px solid #fff;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #fff;
      font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
      .history .history_block .history_box_line .history_box_line_inner {
        height: 100%;
        padding-right: 10px;
        overflow: auto; }
        .history .history_block .history_box_line .history_box_line_inner::-webkit-scrollbar {
          width: 8px; }
        .history .history_block .history_box_line .history_box_line_inner::-webkit-scrollbar-track {
          background: transparent;
          border: none;
          border-radius: 10px;
          -webkit-box-shadow: inset none;
          box-shadow: inset none; }
        .history .history_block .history_box_line .history_box_line_inner::-webkit-scrollbar-thumb {
          background: #fff;
          border-radius: 4px;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .history .history_block .history_box_line .history_box_line_inner .history_box_ttl {
          font-size: 1.2rem;
          margin: 5px 0 0;
          text-indent: -10px; }
        .history .history_block .history_box_line .history_box_line_inner p {
          font-size: 0.9rem;
          margin: 10px 0 0;
          line-height: 1.2;
          letter-spacing: 1.5px;
          text-align: justify;
          text-justify: inter-ideograph; }
    .history .history_block .history_box_none {
      background: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-shadow: none;
      box-shadow: none; }

.history_block:before {
  content: "";
  display: block;
  padding-top: 100%; }

/* 画面外にいる状態 */
.history_box {
  opacity: 0.0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 450ms;
  transition: all 450ms; }

/* 画面内に入った状態 */
.history_box.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* 色設定 */
.history .history_block_wrap01 {
  padding: 20px 0 0;
  background: #0870cd;
  position: relative;
  overflow: hidden; }
  .history .history_block_wrap01 .history_block .history_box .year_bold {
    color: #0870cd; }
  .history .history_block_wrap01 .history_block .history_box .year_bg {
    background: #0870cd; }
  .history .history_block_wrap01:before {
    content: '';
    position: absolute;
    bottom: -500px;
    left: 0;
    width: 120%;
    height: 500px;
    margin: 3% -10% 0;
    background: #e7851b;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    z-index: 0; }

.history .history_block_wrap02 {
  padding: 0px 0 20px;
  background: #e7851b;
  position: relative;
  overflow: hidden; }
  .history .history_block_wrap02 .history_block .history_box .year_bold {
    color: #e7851b; }
  .history .history_block_wrap02 .history_block .history_box .year_bg {
    background: #e7851b; }
  .history .history_block_wrap02:before {
    content: '';
    position: absolute;
    bottom: -220px;
    right: 0;
    width: 120%;
    height: 500px;
    margin: 3% -10% 0;
    background: #0ba95a;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    z-index: 0; }

.history .history_block_wrap03 {
  padding: 0px 0 20px;
  background: #0ba95a;
  position: relative;
  overflow: hidden; }
  .history .history_block_wrap03 .history_block .history_box .year_bold {
    color: #0ba95a; }
  .history .history_block_wrap03 .history_block .history_box .year_bg {
    background: #0ba95a; }
  .history .history_block_wrap03:before {
    content: '';
    position: absolute;
    bottom: -500px;
    right: 0;
    width: 120%;
    height: 500px;
    margin: 3% -10% 0;
    background: #e7b619;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    z-index: 0; }

.history .history_block_wrap04 {
  padding: 0px 0 20px;
  background: #e7b619;
  position: relative;
  overflow: hidden; }
  .history .history_block_wrap04 .history_block .history_box .year_bold {
    color: #e7b619; }
  .history .history_block_wrap04 .history_block .history_box .year_bg {
    background: #e7b619; }
  .history .history_block_wrap04:before {
    content: '';
    position: absolute;
    bottom: -220px;
    right: 0;
    width: 120%;
    height: 500px;
    margin: 3% -10% 0;
    background: #0870cd;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    z-index: 0; }

.history .history_block_wrap05 {
  padding: 0 0 20px;
  background: #0870cd; }
  .history .history_block_wrap05 .history_block .history_box .year_bold {
    color: #0870cd; }
  .history .history_block_wrap05 .history_block .history_box .year_bg {
    background: #0870cd; }

.history .history_block_wrap06 {
  padding: 20px 0 0;
  background: #00c2ff;
  position: relative;
  overflow: hidden; }
  .history .history_block_wrap06 .history_block .history_box .year_bold {
    color: #00c2ff; }
  .history .history_block_wrap06 .history_block .history_box .year_bg {
    background: #00c2ff; }
  .history .history_block_wrap06:before {
    content: '';
    position: absolute;
    top: -250px;
    right: 0;
    width: 120%;
    height: 500px;
    margin: 3% -10% 0;
    background: #0870cd;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
    z-index: 0; }

.history .history_block_wrap07 {
  margin: 0;
  padding: 0;
  background: #00c2ff; }
  .history .history_block_wrap07 .history_block .history_box .year_bold {
    color: #00c2ff; }
  .history .history_block_wrap07 .history_block .history_box .year_bg {
    background: #00c2ff; }

.history .history_block.block01 {
  /*==== ブロック01 ====*/
  margin-top: 0;
  margin-bottom: 0;
  height: 220px;
  position: relative; }

.history .history_block.block01 .history_box {
  position: absolute; }
  .history .history_block.block01 .history_box.box01 {
    width: 960px;
    height: 200px;
    top: 0;
    left: 0;
    text-align: center; }
    .history .history_block.block01 .history_box.box01 .year_bold {
      margin-top: 10px; }
    .history .history_block.block01 .history_box.box01 .history_box_ttl {
      font-size: 2.0rem;
      letter-spacing: 1px;
      margin: 5px 0 0; }
      .history .history_block.block01 .history_box.box01 .history_box_ttl .corporate_name {
        font-size: 2.4rem;
        letter-spacing: 0px;
        color: #0870cd; }
    .history .history_block.block01 .history_box.box01:before {
      content: "";
      display: block;
      width: 77px;
      height: 164px;
      position: absolute;
      left: 130px;
      bottom: -15px;
      background: url(../img/deco/d0101.png) no-repeat;
      background-size: 77px 164px;
      background-position: center; }
      .history .history_block.block01 .history_box.box01:before:before {
        content: "";
        display: block;
        width: 43px;
        height: 28px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: url(../img/deco/d0101_02.gif) no-repeat;
        background-size: 43px 28px;
        background-position: center; }
    .history .history_block.block01 .history_box.box01:after {
      content: "";
      display: block;
      width: 87px;
      height: 166px;
      position: absolute;
      right: 130px;
      bottom: -15px;
      background: url(../img/deco/d0102.png) no-repeat;
      background-size: 87px 166px;
      background-position: center; }

.history .history_block.block02 {
  /*==== ブロック02 ====*/
  height: 626px;
  position: relative; }

.history .history_block.block02 .history_box {
  position: absolute; }
  .history .history_block.block02 .history_box.box01 {
    width: 230px;
    height: 360px;
    top: 0;
    left: 0; }
    .history .history_block.block02 .history_box.box01:after {
      content: "";
      display: block;
      width: 154px;
      height: 123px;
      position: absolute;
      right: -120px;
      top: -30px;
      background: url(../img/deco/d0201.png) no-repeat;
      background-size: 154px 123px;
      background-position: center;
      -webkit-animation: fuwafuwa 1.5s linear infinite;
      animation: fuwafuwa 1.5s linear infinite; }
    .history .history_block.block02 .history_box.box01:before {
      content: "";
      display: block;
      width: 43px;
      height: 28px;
      position: absolute;
      right: 22px;
      top: -191px;
      background: url(../img/deco/d0101_02.gif) no-repeat;
      background-size: 43px 28px;
      background-position: center; }
  .history .history_block.block02 .history_box.box02 {
    width: 220px;
    height: 107px;
    top: 103px;
    left: 254px; }
  .history .history_block.block02 .history_box.box03 {
    width: 220px;
    height: 73px;
    top: 228px;
    left: 254px; }
  .history .history_block.block02 .history_box.box04 {
    width: 220px;
    height: 73px;
    top: 314px;
    left: 254px; }
  .history .history_block.block02 .history_box.box05 {
    width: 464px;
    height: 626px;
    top: 0px;
    left: 496px; }
    .history .history_block.block02 .history_box.box05:before {
      content: "";
      display: block;
      width: 35px;
      height: 31px;
      position: absolute;
      right: 182px;
      top: -191px;
      background: url(../img/deco/d0102_02.gif) no-repeat;
      background-size: 35px 31px;
      background-position: center; }
  .history .history_block.block02 .history_box.box06 {
    width: 227px;
    height: 70px;
    top: 554px;
    left: 0px; }

.history .history_block.block03 {
  /*==== ブロック03 ====*/
  margin-top: 45px;
  height: 480px;
  position: relative; }

.history .history_block.block03 .history_box {
  position: absolute; }
  .history .history_block.block03 .history_box.box01 {
    width: 227px;
    height: 70px;
    top: -35px;
    left: 0; }
  .history .history_block.block03 .history_box.box02 {
    width: 227px;
    height: 304px;
    top: 53px;
    left: 0px; }
  .history .history_block.block03 .history_box.box03 {
    width: 420px;
    height: 480px;
    top: 0px;
    left: 256px; }
    .history .history_block.block03 .history_box.box03:before {
      content: "";
      display: block;
      width: 246px;
      height: 67px;
      position: absolute;
      left: -15px;
      top: -80px;
      background: url(../img/deco/d0301.png) no-repeat;
      background-size: 246px 67px;
      background-position: center; }
  .history .history_block.block03 .history_box.box04 {
    width: 232px;
    height: 70px;
    top: 0px;
    left: 728px; }
  .history .history_block.block03 .history_box.box05 {
    width: 232px;
    height: 70px;
    top: 83px;
    left: 728px; }
  .history .history_block.block03 .history_box.box06 {
    width: 232px;
    height: 262px;
    top: 217px;
    left: 728px; }
  .history .history_block.block03 .history_box.box07 {
    width: 220px;
    height: 70px;
    top: 372px;
    left: 0px; }

.history .history_block.block04 {
  /*==== ブロック04 ====*/
  margin-top: 0;
  height: 194px;
  position: relative; }

.history .history_block.block04 .history_box {
  position: absolute; }
  .history .history_block.block04 .history_box.box01 {
    width: 490px;
    height: 194px;
    top: 0px;
    right: 0px; }

.history .history_block.block05 {
  /*==== ブロック05 ====*/
  margin-top: 45px;
  height: 464px;
  position: relative; }

.history .history_block.block05 .history_box {
  position: absolute; }
  .history .history_block.block05 .history_box.box01 {
    width: 226px;
    height: 110px;
    top: 0px;
    left: 0; }
  .history .history_block.block05 .history_box.box02 {
    width: 226px;
    height: 65px;
    top: 128px;
    left: 0px; }
  .history .history_block.block05 .history_box.box03 {
    width: 226px;
    height: 65px;
    top: 206px;
    left: 0px; }
  .history .history_block.block05 .history_box.box04 {
    width: 432px;
    height: 464px;
    top: 0px;
    left: 259px; }
    .history .history_block.block05 .history_box.box04:before {
      content: "";
      display: block;
      width: 250px;
      height: 464px;
      position: absolute;
      right: -280px;
      top: 0px;
      background: url(../img/deco/d0501.png) no-repeat;
      background-size: 250px 464px;
      background-position: center; }
    .history .history_block.block05 .history_box.box04:after {
      content: "";
      display: block;
      width: 85px;
      height: 175px;
      position: absolute;
      right: -280px;
      bottom: 0px;
      background: url(../img/deco/d0501.gif) no-repeat;
      background-size: 85px 175px;
      background-position: center; }

.history .history_block.block06 {
  /*==== ブロック06 ====*/
  height: 229px;
  position: relative; }

.history .history_block.block06 .history_box {
  position: absolute; }
  .history .history_block.block06 .history_box.box01 {
    width: 226px;
    height: 373px;
    top: -145px;
    left: 0px; }
  .history .history_block.block06 .history_box.box02 {
    width: 470px;
    height: 228px;
    top: 0px;
    left: 490px; }
    .history .history_block.block06 .history_box.box02:before {
      content: "";
      display: block;
      width: 161px;
      height: 140px;
      position: absolute;
      left: -170px;
      top: 80px;
      background: url(../img/deco/d0601.png) no-repeat;
      background-size: 161px 140px;
      background-position: center; }
    .history .history_block.block06 .history_box.box02 .history_box_line_inner {
      position: relative; }
      .history .history_block.block06 .history_box.box02 .history_box_line_inner:after {
        content: "";
        display: block;
        width: 136px;
        height: 100px;
        position: absolute;
        right: 12px;
        top: -20px;
        background: url(../img/deco/dline01.png) no-repeat;
        background-size: 136px 100px;
        background-position: center; }

.history .history_block.block07 {
  /*==== ブロック07 ====*/
  margin-top: 45px;
  margin-bottom: 0;
  height: 797px;
  position: relative; }

.history .history_block.block07 .history_box {
  position: absolute; }
  .history .history_block.block07 .history_box.box01 {
    width: 226px;
    height: 70px;
    top: 0px;
    left: 0; }
  .history .history_block.block07 .history_box.box02 {
    width: 226px;
    height: 70px;
    top: 81px;
    left: 0px; }
  .history .history_block.block07 .history_box.box03 {
    width: 300px;
    height: 307px;
    top: 0px;
    left: 268px; }
  .history .history_block.block07 .history_box.box04 {
    width: 373px;
    height: 644px;
    top: 0px;
    left: 587px; }
  .history .history_block.block07 .history_box.box05 {
    width: 238px;
    height: 432px;
    top: 329px;
    left: 330px; }
    .history .history_block.block07 .history_box.box05:before {
      content: "";
      display: block;
      width: 306px;
      height: 107px;
      position: absolute;
      left: -310px;
      top: -10px;
      background: url(../img/deco/d0701.png) no-repeat;
      background-size: 306px 107px;
      background-position: center; }
    .history .history_block.block07 .history_box.box05:after {
      content: "";
      display: block;
      width: 306px;
      height: 146px;
      position: absolute;
      left: -310px;
      top: 100px;
      background: url(../img/deco/d0702.gif) no-repeat;
      background-size: 306px 146px;
      background-position: center; }
  .history .history_block.block07 .history_box.box06 {
    width: 227px;
    height: 62px;
    top: 662px;
    left: 590px; }
  .history .history_block.block07 .history_box.box07 {
    width: 227px;
    height: 62px;
    top: 735px;
    left: 590px; }

.history .history_block.block08 {
  /*==== ブロック08 ====*/
  margin-top: 0;
  height: 384px;
  position: relative; }

.history .history_block.block08 .history_box {
  position: absolute; }
  .history .history_block.block08 .history_box.box01 {
    width: 273px;
    height: 301px;
    top: 0px;
    left: 0; }
  .history .history_block.block08 .history_box.box02 {
    width: 224px;
    height: 384px;
    top: 0px;
    left: 323px; }
    .history .history_block.block08 .history_box.box02:before {
      content: "";
      display: block;
      width: 272px;
      height: 95px;
      position: absolute;
      right: -260px;
      bottom: 35px;
      background: url(../img/deco/d0801.png) no-repeat;
      background-size: 272px 95px;
      background-position: center; }
  .history .history_block.block08 .history_box.box03 {
    width: 393px;
    height: 247px;
    top: 0px;
    left: 567px; }
    .history .history_block.block08 .history_box.box03 .history_box_line_inner {
      position: relative; }
      .history .history_block.block08 .history_box.box03 .history_box_line_inner:after {
        content: "";
        display: block;
        width: 75px;
        height: 75px;
        position: absolute;
        right: 10px;
        top: 0px;
        background: url(../img/deco/dline02.png) no-repeat;
        background-size: 75px 75px;
        background-position: center; }

.history .history_block.block09 {
  /*==== ブロック09 ====*/
  height: 306px;
  position: relative; }

.history .history_block.block09 .history_box {
  position: absolute; }
  .history .history_block.block09 .history_box.box01 {
    width: 376px;
    height: 306px;
    top: 0px;
    left: 0; }
    .history .history_block.block09 .history_box.box01 .tv {
      padding: 8px 0 5px;
      background: #333; }
      .history .history_block.block09 .history_box.box01 .tv img {
        margin: 0;
        padding: 0;
        line-height: 0; }
  .history .history_block.block09 .history_box.box02 {
    width: 256px;
    height: 261px;
    top: 44px;
    left: 423px; }
    .history .history_block.block09 .history_box.box02:after {
      content: "";
      display: block;
      width: 52px;
      height: 159px;
      position: absolute;
      right: -70px;
      bottom: 0px;
      background: url(../img/deco/d0902.png) no-repeat;
      background-size: 52px 159px;
      background-position: center;
      -webkit-animation: jump 1.3s linear infinite;
      animation: jump 1.3s linear infinite; }
  .history .history_block.block09 .history_box.box03 {
    width: 227px;
    height: 77px;
    top: -46px;
    left: 731px; }
  .history .history_block.block09 .history_box.box04 {
    width: 196px;
    height: 188px;
    top: 75px;
    right: 10px; }
    .history .history_block.block09 .history_box.box04 .history_box_img.cm img {
      position: relative;
      z-index: 1; }
    .history .history_block.block09 .history_box.box04 .history_box_img.cm:before {
      content: "";
      display: block;
      width: 160px;
      height: 116px;
      position: absolute;
      left: 18px;
      bottom: -1px;
      background: url(../img/history/m09_04_cm.gif) no-repeat;
      background-size: 160px 116px;
      background-position: center;
      z-index: 0; }
    .history .history_block.block09 .history_box.box04 .history_box_img.cm:after {
      content: "";
      display: block;
      width: 230px;
      height: 71px;
      position: absolute;
      right: -12px;
      top: -20px;
      background: url(../img/deco/d0901.png) no-repeat;
      background-size: 230px 71px;
      background-position: center; }

.history .history_block.block10 {
  /*==== ブロック10 ====*/
  height: 474px;
  position: relative; }

.history .history_block.block10 .history_box {
  position: absolute; }
  .history .history_block.block10 .history_box.box01 {
    width: 227px;
    height: 77px;
    top: 0px;
    left: 0; }
  .history .history_block.block10 .history_box.box02 {
    width: 227px;
    height: 92px;
    top: 90px;
    left: 0px; }
  .history .history_block.block10 .history_box.box03 {
    width: 390px;
    height: 474px;
    top: 0px;
    left: 352px; }
    .history .history_block.block10 .history_box.box03:before {
      content: "";
      display: block;
      width: 191px;
      height: 139px;
      position: absolute;
      left: -170px;
      bottom: 180px;
      background: url(../img/deco/d1001.png) no-repeat;
      background-size: 191px 139px;
      background-position: center; }
    .history .history_block.block10 .history_box.box03:after {
      content: "";
      display: block;
      width: 146px;
      height: 208px;
      position: absolute;
      left: -350px;
      bottom: 0px;
      background: url(../img/deco/d1002.gif) no-repeat;
      background-size: 146px 208px;
      background-position: center; }
  .history .history_block.block10 .history_box.box04 {
    width: 190px;
    height: 407px;
    top: 67px;
    left: 769px; }

.history .history_block.block11 {
  /*==== ブロック11 ====*/
  height: 612px;
  position: relative; }

.history .history_block.block11 .history_box {
  position: absolute; }
  .history .history_block.block11 .history_box.box01 {
    width: 480px;
    height: 612px;
    top: 0px;
    left: 0; }
    .history .history_block.block11 .history_box.box01:after {
      content: "";
      display: block;
      width: 232px;
      height: 141px;
      position: absolute;
      right: -486px;
      bottom: 160px;
      background: url(../img/deco/d1101.gif) no-repeat;
      background-size: 232px 141px;
      background-position: center; }
  .history .history_block.block11 .history_box.box02 {
    width: 427px;
    height: 228px;
    top: 0px;
    left: 533px; }
    .history .history_block.block11 .history_box.box02 .history_box_line_inner {
      position: relative; }
      .history .history_block.block11 .history_box.box02 .history_box_line_inner:after {
        content: "";
        display: block;
        width: 78px;
        height: 78px;
        position: absolute;
        right: 10px;
        top: 0px;
        background: url(../img/deco/dline03.png) no-repeat;
        background-size: 78px 78px;
        background-position: center; }
  .history .history_block.block11 .history_box.box03 {
    width: 227px;
    height: 70px;
    top: 245px;
    left: 533px; }
  .history .history_block.block11 .history_box.box04 {
    width: 227px;
    height: 70px;
    top: 329px;
    left: 533px; }
  .history .history_block.block11 .history_box.box05 {
    width: 196px;
    height: 188px;
    bottom: 40px;
    left: 500px; }
    .history .history_block.block11 .history_box.box05 .history_box_img.cm img {
      position: relative;
      z-index: 1; }
    .history .history_block.block11 .history_box.box05 .history_box_img.cm:before {
      content: "";
      display: block;
      width: 160px;
      height: 116px;
      position: absolute;
      left: 18px;
      bottom: -1px;
      background: url(../img/history/m11_05_cm.gif) no-repeat;
      background-size: 160px 116px;
      background-position: center;
      z-index: 0; }

.history .history_block.block12 {
  /*==== ブロック12 ====*/
  margin-bottom: 0;
  height: 320px;
  position: relative; }

.history .history_block.block12 .history_box {
  position: absolute; }
  .history .history_block.block12 .history_box.box01 {
    width: 256px;
    height: 320px;
    top: 0px;
    left: 0; }
  .history .history_block.block12 .history_box.box02 {
    width: 218px;
    height: 320px;
    top: 0px;
    left: 284px; }
  .history .history_block.block12 .history_box.box03 {
    width: 227px;
    height: 70px;
    top: 0px;
    left: 523px; }

.history .history_block.block13 {
  /*==== ブロック13 ====*/
  margin-top: 0;
  height: 506px;
  position: relative; }

.history .history_block.block13 .history_box {
  position: absolute; }
  .history .history_block.block13 .history_box.box01 {
    width: 218px;
    height: 112px;
    top: 12px;
    left: 0; }
  .history .history_block.block13 .history_box.box02 {
    width: 400px;
    height: 506px;
    top: 0px;
    left: 560px; }
    .history .history_block.block13 .history_box.box02:before {
      content: "";
      display: block;
      width: 240px;
      height: 264px;
      position: absolute;
      left: -250px;
      bottom: 160px;
      background: url(../img/deco/d1301.png) no-repeat;
      background-size: 240px 264px;
      background-position: center; }
    .history .history_block.block13 .history_box.box02:after {
      content: "";
      display: block;
      width: 64px;
      height: 159px;
      position: absolute;
      left: -310px;
      bottom: 160px;
      background: url(../img/deco/d1302.gif) no-repeat;
      background-size: 64px 160px;
      background-position: center; }
  .history .history_block.block13 .history_box.box03 {
    width: 218px;
    height: 112px;
    top: 393px;
    left: 0px; }

.history .history_block.block14 {
  /*==== ブロック14 ====*/
  height: 228px;
  position: relative; }

.history .history_block.block14 .history_box {
  position: absolute; }
  .history .history_block.block14 .history_box.box01 {
    width: 290px;
    height: 337px;
    top: -110px;
    left: 242px; }
  .history .history_block.block14 .history_box.box02 {
    width: 400px;
    height: 228px;
    top: 0px;
    left: 557px; }
    .history .history_block.block14 .history_box.box02 .history_box_line_inner {
      position: relative; }
      .history .history_block.block14 .history_box.box02 .history_box_line_inner:after {
        content: "";
        display: block;
        width: 75px;
        height: 75px;
        position: absolute;
        right: 0px;
        top: 0px;
        background: url(../img/deco/dline04.png) no-repeat;
        background-size: 75px 75px;
        background-position: center; }
  .history .history_block.block14 .history_box.box03 {
    width: 196px;
    height: 188px;
    bottom: 40px;
    left: 10px; }
    .history .history_block.block14 .history_box.box03 .history_box_img.cm img {
      position: relative;
      z-index: 1; }
    .history .history_block.block14 .history_box.box03 .history_box_img.cm:before {
      content: "";
      display: block;
      width: 160px;
      height: 116px;
      position: absolute;
      left: 18px;
      bottom: -1px;
      background: url(../img/history/m14_03_cm.gif) no-repeat;
      background-size: 160px 116px;
      background-position: center;
      z-index: 0; }

.history .history_block.block15 {
  /*==== ブロック15 ====*/
  height: 350px;
  position: relative; }

.history .history_block.block15 .history_box {
  position: absolute; }
  .history .history_block.block15 .history_box.box01 {
    width: 330px;
    height: 350px;
    top: 0px;
    left: 0px; }
  .history .history_block.block15 .history_box.box02 {
    width: 304px;
    height: 350px;
    top: 0px;
    left: 377px; }

.history .history_block.block16 {
  /*==== ブロック16 ====*/
  height: 596px;
  position: relative; }

.history .history_block.block16 .history_box {
  position: absolute; }
  .history .history_block.block16 .history_box.box01 {
    width: 197px;
    height: 112px;
    top: 0px;
    left: 0px; }
  .history .history_block.block16 .history_box.box02 {
    width: 470px;
    height: 596px;
    top: 0px;
    left: 220px; }
    .history .history_block.block16 .history_box.box02:before {
      content: "";
      display: block;
      width: 80px;
      height: 190px;
      position: absolute;
      left: -130px;
      bottom: 120px;
      background: url(../img/deco/d1601.gif) no-repeat;
      background-size: 80px 190px;
      background-position: center; }
  .history .history_block.block16 .history_box.box03 {
    width: 240px;
    height: 307px;
    top: 0px;
    left: 719px; }
    .history .history_block.block16 .history_box.box03:before {
      content: "";
      display: block;
      width: 134px;
      height: 108px;
      position: absolute;
      right: -5px;
      top: -90px;
      background: url(../img/deco/d1602.png) no-repeat;
      background-size: 134px 108px;
      background-position: center;
      -webkit-animation: fuwafuwa 1.5s linear infinite;
      animation: fuwafuwa 1.5s linear infinite; }
  .history .history_block.block16 .history_box.box04 {
    width: 196px;
    height: 188px;
    bottom: 120px;
    right: 62px; }
    .history .history_block.block16 .history_box.box04 .history_box_img.cm img {
      position: relative;
      z-index: 1; }
    .history .history_block.block16 .history_box.box04 .history_box_img.cm:before {
      content: "";
      display: block;
      width: 160px;
      height: 116px;
      position: absolute;
      left: 18px;
      bottom: -1px;
      background: url(../img/history/m16_04_cm.gif) no-repeat;
      background-size: 160px 116px;
      background-position: center;
      z-index: 0; }

.history .history_block.block17 {
  /*==== ブロック17 ====*/
  margin-bottom: 0;
  height: 578px;
  position: relative; }

.history .history_block.block17 .history_box {
  position: absolute; }
  .history .history_block.block17 .history_box.box01 {
    width: 244px;
    height: 410px;
    top: 0px;
    left: 0px; }
    .history .history_block.block17 .history_box.box01:after {
      content: "";
      display: block;
      width: 134px;
      height: 108px;
      position: absolute;
      right: -115px;
      bottom: 80px;
      background: url(../img/deco/d1701.png) no-repeat;
      background-size: 134px 108px;
      background-position: center;
      -webkit-animation: fuwafuwa 1.5s linear infinite;
      animation: fuwafuwa 1.5s linear infinite; }
  .history .history_block.block17 .history_box.box02 {
    width: 310px;
    height: 140px;
    top: 0px;
    left: 390px; }
  .history .history_block.block17 .history_box.box03 {
    width: 233px;
    height: 63px;
    top: 0px;
    left: 726px; }
  .history .history_block.block17 .history_box.box04 {
    width: 233px;
    height: 63px;
    top: 76px;
    left: 726px; }
  .history .history_block.block17 .history_box.box05 {
    width: 310px;
    height: 320px;
    top: 164px;
    left: 390px; }
  .history .history_block.block17 .history_box.box06 {
    width: 233px;
    height: 282px;
    top: 164px;
    left: 727px; }
  .history .history_block.block17 .history_box.box07 {
    width: 265px;
    height: 84px;
    top: 494px;
    left: 0px; }
  .history .history_block.block17 .history_box.box08 {
    width: 233px;
    height: 82px;
    top: 464px;
    left: 726px; }

.history .history_block.block18 {
  /*==== ブロック18 ====*/
  margin-top: 0;
  height: 320px;
  position: relative; }

.history .history_block.block18 .history_box {
  position: absolute; }
  .history .history_block.block18 .history_box.box01 {
    width: 558px;
    height: 320px;
    top: 0px;
    left: 0px; }
  .history .history_block.block18 .history_box.box02 {
    width: 300px;
    height: 307px;
    top: 32px;
    left: 660px; }

.history .history_block.block19 {
  /*==== ブロック19 ====*/
  height: 446px;
  position: relative; }

.history .history_block.block19 .history_box {
  position: absolute; }
  .history .history_block.block19 .history_box.box01 {
    width: 605px;
    height: 446px;
    top: 0px;
    left: 0px; }
  .history .history_block.block19 .history_box.box02 {
    width: 300px;
    height: 317px;
    top: 74px;
    left: 660px; }

.history .history_block.block20 {
  /*==== ブロック20 ====*/
  height: 314px;
  position: relative; }

.history .history_block.block20 .history_box {
  position: absolute; }
  .history .history_block.block20 .history_box.box01 {
    width: 442px;
    height: 314px;
    top: 0px;
    left: 0px; }
    .history .history_block.block20 .history_box.box01:after {
      content: "";
      display: block;
      width: 246px;
      height: 250px;
      position: absolute;
      right: -515px;
      bottom: 0px;
      background: url(../img/deco/d2001.gif) no-repeat;
      background-size: 246px 250px;
      background-position: center; }
  .history .history_block.block20 .history_box.box02 {
    width: 239px;
    height: 88px;
    top: 0px;
    left: 463px; }
  .history .history_block.block20 .history_box.box03 {
    width: 239px;
    height: 67px;
    top: 104px;
    left: 463px; }

.history .history_block.block21 {
  /*==== ブロック21 ====*/
  height: 440px;
  position: relative; }

.history .history_block.block21 .history_box {
  position: absolute; }
  .history .history_block.block21 .history_box.box01 {
    width: 315px;
    height: 440px;
    top: 0px;
    left: 98px; }
  .history .history_block.block21 .history_box.box02 {
    width: 239px;
    height: 67px;
    top: 0px;
    left: 503px; }
  .history .history_block.block21 .history_box.box03 {
    width: 456px;
    height: 337px;
    top: 104px;
    left: 503px; }
    .history .history_block.block21 .history_box.box03:after {
      content: "";
      display: block;
      width: 111px;
      height: 173px;
      position: absolute;
      left: -80px;
      bottom: 0px;
      background: url(../img/deco/d2101.png) no-repeat;
      background-size: 111px 173px;
      background-position: center;
      -webkit-animation: jump 1.3s linear infinite;
      animation: jump 1.3s linear infinite; }

.history .history_block.block22 {
  /*==== ブロック22 ====*/
  margin-bottom: 0;
  height: 522px;
  position: relative; }

.history .history_block.block22 .history_box {
  position: absolute; }
  .history .history_block.block22 .history_box.box01 {
    width: 426px;
    height: 294px;
    top: 0px;
    left: 0px; }
  .history .history_block.block22 .history_box.box02 {
    width: 313px;
    height: 82px;
    top: 7px;
    left: 504px; }
  .history .history_block.block22 .history_box.box03 {
    width: 230px;
    height: 342px;
    top: 140px;
    left: 494px; }
  .history .history_block.block22 .history_box.box04 {
    width: 216px;
    height: 398px;
    top: 140px;
    left: 744px; }
  .history .history_block.block22 .history_box.box05 {
    width: 239px;
    height: 67px;
    top: 313px;
    left: 186px; }
  .history .history_block.block22 .history_box.box06 {
    width: 239px;
    height: 67px;
    top: 399px;
    left: 186px; }

.history .history_block.block23 {
  /*==== ブロック23 ====*/
  margin-top: 0;
  height: 575px;
  position: relative; }

.history .history_block.block23 .history_box {
  position: absolute; }
  .history .history_block.block23 .history_box.box01 {
    width: 426px;
    height: 276px;
    top: 0px;
    left: 0px; }
  .history .history_block.block23 .history_box.box02 {
    width: 502px;
    height: 502px;
    top: 73px;
    left: 458px; }
    .history .history_block.block23 .history_box.box02:before {
      content: "";
      display: block;
      width: 147px;
      height: 123px;
      position: absolute;
      left: -115px;
      bottom: 30px;
      background: url(../img/deco/d2301.png) no-repeat;
      background-size: 147px 123px;
      background-position: center;
      -webkit-animation: fuwafuwa 1.5s linear infinite;
      animation: fuwafuwa 1.5s linear infinite; }
  .history .history_block.block23 .history_box.box03 {
    width: 250px;
    height: 241px;
    bottom: 20px;
    left: 60px; }
    .history .history_block.block23 .history_box.box03 .modal-open {
      display: block; }
      .history .history_block.block23 .history_box.box03 .modal-open:hover {
        width: 260px;
        height: 251px;
        position: relative;
        bottom: 10px;
        left: -5px; }
        .history .history_block.block23 .history_box.box03 .modal-open:hover img {
          width: 260px;
          height: 251px; }

.history .history_block.block24 {
  /*==== ブロック24 ====*/
  height: 644px;
  position: relative; }

.history .history_block.block24 .history_box {
  position: absolute; }
  .history .history_block.block24 .history_box.box01 {
    width: 264px;
    height: 75px;
    top: 0px;
    left: 0px; }
  .history .history_block.block24 .history_box.box02 {
    width: 256px;
    height: 282px;
    top: 0px;
    left: 553px; }
  .history .history_block.block24 .history_box.box03 {
    width: 474px;
    height: 546px;
    top: 97px;
    left: 0px; }
  .history .history_block.block24 .history_box.box04 {
    width: 250px;
    height: 216px;
    top: 337px;
    left: 710px; }

.history .history_block.block25 {
  /*==== ブロック25 ====*/
  height: 337px;
  position: relative; }

.history .history_block.block25 .history_box {
  position: absolute; }
  .history .history_block.block25 .history_box.box01 {
    width: 400px;
    height: 228px;
    top: 0px;
    left: 0px; }
    .history .history_block.block25 .history_box.box01 .history_box_line_inner {
      position: relative; }
      .history .history_block.block25 .history_box.box01 .history_box_line_inner:after {
        content: "";
        display: block;
        width: 75px;
        height: 75px;
        position: absolute;
        right: 10px;
        top: 0px;
        background: url(../img/deco/dline05.png) no-repeat;
        background-size: 75px 75px;
        background-position: center; }
  .history .history_block.block25 .history_box.box02 {
    width: 415px;
    height: 368px;
    top: -80px;
    left: 541px; }
  .history .history_block.block25 .history_box.box03 {
    width: 265px;
    height: 88px;
    top: 248px;
    left: 0px; }

.history .history_block.block26 {
  /*==== ブロック26 ====*/
  height: 456px;
  position: relative; }

.history .history_block.block26 .history_box {
  position: absolute; }
  .history .history_block.block26 .history_box.box01 {
    width: 650px;
    height: 456px;
    top: 0px;
    left: 0px; }
  .history .history_block.block26 .history_box:before {
    content: "";
    display: block;
    width: 146px;
    height: 123px;
    position: absolute;
    right: -50px;
    bottom: 300px;
    background: url(../img/deco/d2601.png) no-repeat;
    background-size: 146px 123px;
    background-position: center;
    -webkit-animation: fuwafuwa 1.5s linear infinite;
    animation: fuwafuwa 1.5s linear infinite; }
  .history .history_block.block26 .history_box:after {
    content: "";
    display: block;
    width: 195px;
    height: 317px;
    position: absolute;
    right: -260px;
    bottom: 0px;
    background: url(../img/deco/d2602.png) no-repeat;
    background-size: 195px 317px;
    background-position: center;
    -webkit-animation: jump 1.3s linear infinite;
    animation: jump 1.3s linear infinite; }

.history .history_block.block27 {
  /*==== ブロック27 ====*/
  margin-top: 0;
  margin-bottom: 0;
  height: 361px;
  position: relative; }

.history .history_block.block27 .history_box {
  position: absolute;
  padding: 0; }
  .history .history_block.block27 .history_box.box01 {
    width: 522px;
    height: 516px;
    top: 10px;
    left: 0px;
    right: 0;
    margin: auto; }
    .history .history_block.block27 .history_box.box01:before {
      content: "";
      display: block;
      width: 124px;
      height: 187px;
      position: absolute;
      right: -150px;
      bottom: 145px;
      background: url(../img/deco/d2702.png) no-repeat;
      background-size: 124px 187px;
      background-position: center; }
    .history .history_block.block27 .history_box.box01:after {
      content: "";
      display: block;
      width: 123px;
      height: 164px;
      position: absolute;
      left: -150px;
      bottom: 145px;
      background: url(../img/deco/d2701.png) no-repeat;
      background-size: 123px 164px;
      background-position: center; }

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(0px, -0.5px);
    transform: translate(0px, -0.5px); }
  50% {
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px); }
  90% {
    -webkit-transform: translate(0px, -0.5px);
    transform: translate(0px, -0.5px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(0px, -0.5px);
    transform: translate(0px, -0.5px); }
  50% {
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px); }
  90% {
    -webkit-transform: translate(0px, -0.5px);
    transform: translate(0px, -0.5px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(0px, -8px);
    transform: translate(0px, -8px); }
  20% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  30% {
    -webkit-transform: translate(0px, -8px);
    transform: translate(0px, -8px); }
  40% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

@keyframes jump {
  0% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  10% {
    -webkit-transform: translate(0px, -8px);
    transform: translate(0px, -8px); }
  20% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  30% {
    -webkit-transform: translate(0px, -8px);
    transform: translate(0px, -8px); }
  40% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); } }

/* =====年表ここまで=================================================== */
.csr {
  margin-top: 150px; }
  .csr .ttl {
    padding: 50px 0 10px;
    text-align: center; }
  .csr p {
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    line-height: 1.4; }
  .csr .csr_list {
    max-width: 960px;
    margin: 0 auto; }
    .csr .csr_list h3 {
      padding: 0 0 5px 5px;
      font-size: 2.2rem;
      border-bottom: 2px solid #004d9d;
      font-weight: normal;
      color: #004d9d; }
    .csr .csr_list ul li {
      display: inline-block;
      margin: 0 20px;
      width: 234px;
      vertical-align: top; }
      .csr .csr_list ul li img {
        vertical-align: top; }
      .csr .csr_list ul li p {
        margin: 10px 0 0;
        font-size: 1.1rem;
        letter-spacing: 0;
        line-height: 1.4;
        text-align: justify;
        text-justify: inter-ideograph; }

.message {
  margin-top: 50px;
  padding-bottom: 80px;
  background: #0870cd; }
  .message .ttl {
    padding: 50px 0 30px;
    text-align: center; }
  .message .message_inner {
    padding: 40px;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0; }
    .message .message_inner .img {
      display: inline-block;
      padding: 0 10px;
      width: 35%;
      vertical-align: top;
      font-size: 1.1rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .message .message_inner .img img {
        margin: 0 auto;
        width: 100%;
        max-width: 290px;
        height: auto; }
      .message .message_inner .img .name {
        margin-top: 15px;
        text-align: center;
        font-size: 2.2rem; }
        .message .message_inner .img .name .min {
          font-size: 1.1rem;
          display: block;
          margin-bottom: 5px; }
    .message .message_inner .txt {
      display: inline-block;
      width: 65%;
      vertical-align: top;
      text-align: justify;
      text-justify: inter-ideograph;
      font-size: 1.1rem; }
      .message .message_inner .txt img {
        width: 100%;
        max-width: 376px; }

.campaign {
  margin-top: 80px;
  padding-bottom: 80px; }
  .campaign .img {
    text-align: center; }
    .campaign .img a:hover {
      opacity: 0.8;
      -webkit-transition: all 120ms;
      transition: all 120ms; }
    .campaign .img img {
      -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
  .campaign p {
    margin: 10px 0 0;
    font-size: 1.1rem;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: center; }

.footer {
  background: #eee;
  border-top: 1px solid #ccc;
  text-align: center; }
  .footer .logo {
    display: block;
    margin: 20px auto;
    padding: 15px 25px;
    width: 300px;
    height: auto;
    background: #fff; }
    .footer .logo:hover img {
      opacity: 0.8; }
  .footer .copyright {
    margin: 0;
    padding: 20px;
    background: #004ea1;
    color: #fff;
    text-align: center;
    font-size: 0.5rem; }

.history_box.scrollin {
  -webkit-transform: none !important;
  transform: none !important; }

.modal-content {
  position: fixed !important;
  display: none;
  z-index: 9999;
  width: auto;
  min-width: 600px;
  margin: 0;
  padding: 10px 20px;
  background: #fff; }

.modal-content p {
  margin: 0;
  padding: 0; }

.modal-overlay {
  z-index: 999;
  display: none;
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75); }

.modal-open {
  display: block; }

.modal-open:hover {
  cursor: pointer; }

.modal-close {
  font-size: 40px;
  text-decoration: none;
  position: absolute;
  top: -5px;
  right: 5px; }

.modal-close:hover {
  cursor: pointer;
  opacity: 0.8; }