@charset utf-8;

/* -------------------------------------------
 * initialize
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display:block;
}

ul li {
  list-style: none;
}

input, select {
  vertical-align: middle;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.clearfix:before, .clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}


/* --------------------------------------------------
 * common styles
 */

body {
  font-family: 'rmp-regular', sans-serif;
  -webkit-text-size-adjust: 100%;
}

img {
  vertical-align: top;
}

*, *:before, *:after {
  box-sizing: border-box;
}


/* --------------------------------------------------
 * layout
 */

.wrap-all {
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
}

.wrap {
  position: relative;
  width: 750px;
}

.page-header {
  height: 1222px;
  background-color: #44C8F5;
}

.page-header h1 {
  position: absolute;
  top: 135px;
  left: 189px;
  z-index: 2;
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: 800ms;
}

.page-header.loaded h1 {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.page-header p {
  position: absolute;
  top: 495px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 26px;
  line-height: 40px;
  z-index: 2;
  opacity: 0;
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: 700ms ease 1700ms;
}

.page-header.loaded p {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.page-header .images {
  position: absolute;
  top: 147px;
  left: 55px;
  z-index: 1;
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: 500ms ease 600ms;
}

.page-header.loaded .images {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.page-header .decorations {
  position: absolute;
  top: 139px;
  left: 14px;
  z-index: 0;
  opacity: 0;
  transform: scale(0.8);
  -webkit-transfrom: scale(0.8);
  transition: 500ms ease 800ms;
}

.page-header.loaded .decorations {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.page-header .n {
  position: absolute;
  top: 840px;
  left: 193px;
  z-index: 0;
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transfrom: translate(-100px, 0);
  transition: 1200ms ease 2300ms;
}

.page-header.loaded .n {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transfrom: translate(0, 0);
}

.page-header .s {
  position: absolute;
  top: 840px;
  left: 374px;
  z-index: 0;
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transfrom: translate(100px, 0);
  transition: 1200ms ease 2300ms;
}

.page-header.loaded .s {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transfrom: translate(0, 0);
}

.page-header .menu .button {
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 36px;
  height: 57px;
  cursor: pointer;
  background: url(../img/header/menu.png) no-repeat 0 0;
  z-index: 3;
  opacity: 0;
  transition: 1200ms ease 3000ms;
}

.page-header .nissei {
  position: absolute;
  top: 33px;
  right: 28px;
  opacity: 0;
  transition: 1200ms ease 3000ms;
}

.page-header.loaded .menu .button,
.page-header.loaded .nissei {
  opacity: 1;
}

.page-footer {
  height: 355px;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 30px;
  background-color: #44C8F5;
}

.page-footer .wrap {
  padding: 150px 13px 0;
}

.page-footer .text,
.page-footer .copyright {
  clear: both;
  float: left;
}

.page-footer .link,
.page-footer .nav {
  float: right;
}

.page-footer a {
  text-decoration: none;
  color: #FFFFFF;
}

.page-footer a:hover {
  text-decoration: underline;
}

.page-footer .link a:before {
  content: "";
  display: inline-block;
  margin: 0 10px 0 0;
  width: 13px;
  height: 13px;
  vertical-align: -2px;
  background: url(../img/footer/link-icon.png) no-repeat 0 0;
}

.page-footer .nav span {
  display: inline-block;
  margin: 0 3px;
  font-size: 17px;
  vertical-align: top;
}

.section-nav {
  position: fixed;
  left: calc(50% - 375px);
  bottom: 0;
  width: 750px;
  height: 125px;
  background-color: #FFE584;
  z-index: 1000;
  opacity: 0;
  transition: 300ms;
}

.sectoin-nav .wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 750px;
  height: 125px;
}

.section-nav .current {
  position: absolute;
  top: -94px;
  left: calc(50% - 44px + 257px);
  width: 88px;
  height: 125px;
  /*background: url(../img/section-nav/current.gif) no-repeat 0 0;*/
  transition: left 300ms;
  z-index: 1;
}

.section-nav .current .ns {
  display: block;
  width: 88px;
  height: 125px;
  background: url(../img/section-nav/current-left.gif) no-repeat 0 0;
}

.section-nav .current.reverse .ns {
  background-image: url(../img/section-nav/current-right.gif);
}

.section-nav .current:before {
  content: "";
  position: absolute;
  top: -58px;
  left: 0;
  width: 92px;
  height: 62px;
}

/*.section-nav[data-current='1'] .current:before {background-image: url(../img/section-nav/balloon1.png);}
.section-nav[data-current='2'] .current:before {background-image: url(../img/section-nav/balloon2.png);}
.section-nav[data-current='3'] .current:before {background-image: url(../img/section-nav/balloon3.png);}
.section-nav[data-current='4'] .current:before {background-image: url(../img/section-nav/balloon4.png);}
.section-nav[data-current='5'] .current:before {background-image: url(../img/section-nav/balloon3.png);}
.section-nav[data-current='6'] .current:before {background-image: url(../img/section-nav/balloon5.png);}
.section-nav[data-current='7'] .current:before {background-image: url(../img/section-nav/balloon6.png);}
.section-nav[data-current='8'] .current:before {background-image: url(../img/section-nav/balloon7.png);}
.section-nav[data-current='9'] .current:before {background-image: url(../img/section-nav/balloon8.png);}
.section-nav[data-current='10'] .current:before {background-image: url(../img/section-nav/balloon9.png);}
.section-nav[data-current='11'] .current:before {background-image: url(../img/section-nav/balloon10.png);}
.section-nav[data-current='12'] .current:before {background-image: url(../img/section-nav/balloon9.png);}
.section-nav[data-current='13'] .current:before {background-image: url(../img/section-nav/balloon11.png);}
.section-nav[data-current='14'] .current:before {background-image: url(../img/section-nav/balloon12.png);}*/

.section-nav .clickables {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  overflow: hidden;
}

.section-nav .clickables ul {
  position: absolute;
  top: 0;
  left: -1564px;
  width: 2222px;
  height: 125px;
  background: url(../img/section-nav/labels.png) no-repeat 0 13px;
  transition: left 300ms;
}

.section-nav.reset-translate .clickables ul,
.section-nav.reset-translate .current {
  transition: left 600ms 300ms, transform 500ms;
}

.section-nav[data-current='1'] .clickables ul {left: -1564px;}
.section-nav[data-current='2'] .clickables ul {left: -1383px;}
.section-nav[data-current='3'] .clickables ul {left: -1202px;}
.section-nav[data-current='4'] .clickables ul {left: -1022px;} /* 4-header */
.section-nav[data-current='5'] .clickables ul {left: -840px;} /* 4-body */
.section-nav[data-current='6'] .clickables ul {left: -840px;}
.section-nav[data-current='7'] .clickables ul {left: -660px;}
.section-nav[data-current='8'] .clickables ul {left: -478px;}
.section-nav[data-current='9'] .clickables ul {left: -298px;}
.section-nav[data-current='10'] .clickables ul {left: -118px;}
.section-nav[data-current='11'] .clickables ul {left: -79px;} /* 10-header */
.section-nav[data-current='12'] .clickables ul {left: 2px;} /* 10-body */
.section-nav[data-current='13'] .clickables ul {left: -4px;} /* 11-header */
.section-nav[data-current='14'] .clickables ul {left: 50px;} /* 11-body */
.section-nav[data-current='15'] .clickables ul {left: 50px;} /* 11-body */
.section-nav[data-current='11'] .current {left: calc(50% + 71px);} /* 10-header */
.section-nav[data-current='12'] .current {left: calc(50% - 30px);} /* 10-body */
.section-nav[data-current='13'] .current {left: calc(50% - 126px);} /* 11-header */
.section-nav[data-current='14'] .current {left: 213px;;} /* 11-body */
.section-nav[data-current='15'] .current {left: 32px;;} /* 11-body */

.section-nav .clickables li a {
  display: block;
  position: absolute;
  top: 0;
  width: 100px;
  height: 90px;
}

.section-nav .clickables li:nth-child(1) a {left: 2148px;}
.section-nav .clickables li:nth-child(2) a {left: 1965px;}
.section-nav .clickables li:nth-child(3) a {left: 1784px;}
.section-nav .clickables li:nth-child(4) a {left: 1601px;}
.section-nav .clickables li:nth-child(5) a {left: 1422px;} 
.section-nav .clickables li:nth-child(6) a {left: 0; width: 0;}
.section-nav .clickables li:nth-child(7) a {left: 1242px;}
.section-nav .clickables li:nth-child(8) a {left: 1060px;}
.section-nav .clickables li:nth-child(9) a {left: 883px;}
.section-nav .clickables li:nth-child(10) a {left: 698px;}
.section-nav .clickables li:nth-child(11) a {left: 519px;} 
.section-nav .clickables li:nth-child(12) a {left: 342px;}
.section-nav .clickables li:nth-child(13) a {left: 0; width: 0;} 
.section-nav .clickables li:nth-child(14) a {left: 153px;} 
.section-nav .clickables li:nth-child(15) a {left: -22px;} 

.section-nav.animate {
  opacity: 1;
  transition: 300ms;
}

.term header {
  position: relative;
  background: #FFFFFF;
  z-index: 2;
}

.term0 .common-header {height: 905px; padding-top: 82px;}
.term1 .common-header {height: 905px; padding-top: 82px;}
.term2 .common-header {height: 842px; padding-top: 89px;}
.term3 .common-header {height: 844px; padding-top: 198px;}
.term5 .common-header {height: 844px; padding-top: 126px;}
.term6 .common-header {height: 844px; padding-top: 96px;}
.term8 .common-header {height: 844px; padding-top: 116px;}
.term9 .common-header {height: 844px; padding-top: 125px;}

.term .common-header::before {
  content: "";
  position: absolute;
  top: -31px;
  left: 0;
  width: 100%;
  height: 31px;
  background: url(../img/wave-top.png) repeat-x center 0;
}

.term .common-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -31px;
  width: 100%;
  height: 31px;
  background: url(../img/wave-bottom.png) repeat-x center 0;
}

.term .common-header h2 {
  position: relative;
  height: 248px;
  text-align: center;
}

.term .common-header .lead {
  position: relative;
  width: 100%;
  margin: 0 0 8px;
  text-align: center;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 33px;
  line-height: 40px;
  letter-spacing: -0.1em;
}

.term .common-header .text {
  position: relative;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: -0.05em;
}

.term .common-header h2,
.term .common-header .lead,
.term .common-header .text {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: all 500ms;
}

.term .common-header h2.animate,
.term .common-header .lead.animate,
.term .common-header .text.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.term .body {
  position: relative;
  background: url(../img/term-body-bg.png) repeat center 0;
  z-index: 1;
}

.term .body li {
  position: absolute;
}

.term .body li.type360 {width: 360px; height: 360px;}
.term .body li.type400 {width: 400px; height: 400px;}
.term .body li.type500 {width: 500px; height: 500px;}
.term .body li.type360 .circle {width: 360px; height: 360px; border-radius: 180px;}
.term .body li.type400 .circle {width: 400px; height: 400px; border-radius: 200px;}
.term .body li.type500 .circle {width: 500px; height: 500px; border-radius: 520px;}

.term .body li .year {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  text-align: center;
}

.term .body li .circle {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #FFFFFF;
}

.term .body li .circle::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
}

.term .body li .circle .lead {
  position: relative;
  margin: 0 0 5px;
  text-align: center;
  color: #0054A6;
  font-family: "rmp-heavy", sans-serif;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.03em;
  white-space: nowrap;
  z-index: 2;
}

.term .body li .circle .lead span {
  display: block;
  font-family: 'rmp-medium', sans-serif;
  font-size: 20px;
  line-height: 27px;
}

.term .body li .circle .text {
  display: none;
}

.term .body li.type500 .year {
  opacity: 0;
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  transition: all 500ms;
}

.term .body li.type500 .circle {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: 1200ms;
}

.term .body li.type500.animate .year {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.term .body li.type500.animate .circle {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  /*transition: 400ms cubic-bezier(.44,.56,.69,1.59);*/
  transition: 700ms cubic-bezier(0.870, -0.600, 0.520, 1.650);
}

.term .body li .view-detail {
  position: absolute;
  left: calc(50% - 24px);
  bottom: -24px;
  width: 47px;
  height: 47px;
  cursor: pointer;
  background: url(../img/view-detail.png) no-repeat 0 0;
}

[data-scroll-animation='fade-in-left'] {
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transform: translate(-100px, 0);
  transition: 1000ms;
}

[data-scroll-animation='fade-in-right'] {
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  transition: 1000ms;
}

[data-scroll-animation='fade-in-bottom'] {
  opacity: 0;
  transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transition: 1000ms;
}

[data-scroll-animation='fade-in-zoom'] {
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transition: 1000ms;
}

[data-scroll-animation='fade-in-left'].animate,
[data-scroll-animation='fade-in-right'].animate,
[data-scroll-animation='fade-in-bottom'].animate,
[data-scroll-animation='fade-in-zoom'].animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: 500ms;
}


/* --------------------------------------------------
 * popup-menu
 */

#popup-menu-toggle {
  position: absolute;
  top: -100px;
  left: -100px;
  opacity: 0;
}

#popup-menu {
  position: fixed;
  top: 0;
  left: calc(50% - 375px);
  width: 750px;
  height: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 2000;
  opacity: 0;
  transition: opacity 300ms, height 0ms 300ms;
}

:checked + #popup-menu {
  opacity: 1;
  height: 100vh;
  transition: opacity 300ms;
}

#popup-menu:before {
  content: "";
  position: absolute;
  top: calc(50% - 502px);
  left: calc(50% - 184px);
  width: 367px;
  height: 319px;
  background: url(../img/popup-menu/ns.png) no-repeat 0 0;
}

#popup-menu ul {
  position: absolute;
  top: calc(50% - 82px);
  left: 0;
  width: 100%;
  padding: 0 24px;
  text-align: center;
  font-size: 0;
}

#popup-menu ul li {
  margin: 0 0 63px;
}

#popup-menu ul li a {
  display: block;
  width: 100%;
  heigth: 124px;
  border: 3px solid #44C9F6;
  border-radius: 10px;
  text-align: left;
  text-decoration: none;
  color: #0054A6;
  font-size: 32px;
  line-height: 118px;
  letter-spacing: -0.08em;
}
/*
#popup-menu ul li:nth-child(1) a {
  padding: 0 0 0 270px;
  background: #FEE100 url(../img/popup-menu/70th-logo.png) no-repeat 121px center;
}
*/

#popup-menu ul li:nth-child(1) a {
  padding: 0 0 0 70px;
  background: #FFFFFF;
}

#popup-menu ul li:nth-child(2) a {
/*padding: 0 0 0 214px;*/
/*background: #FFFFFF url(../img/popup-menu/nissei-logo.png) no-repeat 36px center;*/
}

#popup-menu ul li a:hover {
  opacity: 0.8;
}

#popup-menu .close {
  display: block;
  position: absolute;
  top: calc(50% + 309px);
  left: calc(50% - 40px);
  width: 80px;
  height: 110px;
  cursor: pointer;
  background: url(../img/popup-menu/close.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * lightbox
 */

#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 750px;
  height: 100vh;
  text-align: center;
  overflow: auto;
  background-color: #FFFFFF;
  z-index: 1001;
}

#lightbox .wrap {
  margin: 0 auto;
  padding: 60px 0 180px;
}

#lightbox .year {
  height: 90px;
}

#lightbox .year img {
  width: auto;
  height: 65px;
}

#lightbox .image {
  height: 345px;
  line-height: 335px;
}

#lightbox .image img {
  vertical-align: middle;
}

#lightbox .lead {
  margin: 0 0 32px;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 36px;
  line-height: 48px;
}

#lightbox .lead span {
  display: block;
}

#lightbox .text {
  color: #0054A6;
  font-size: 22px;
  line-height: 36px;
}

#lightbox .close {
  position: absolute;
  left: calc(50% - 38px);
  bottom: 32px;
  width: 76px;
  height: 108px;
  background: url(../img/close-button.png) no-repeat 0 0;
}

#lightbox[data-year="1998-2"] .year {
  display: none;
}


/* --------------------------------------------------
 * term0
 */

.term0 {
}

.term0 .body {
  height: 1140px;
}

.term0 .body .y2021 {top: 190px; left: 29px; z-index: 2;}
.term0 .body .y2021-2 {top: 508px; left: 230px;}

.term0 .body .y2021 .circle {padding-top: 280px;}
.term0 .body .y2021-2 .circle {padding-top: 380px;}


.term0 .body .y2021 .circle::before {
  top: 56px;
  left: -16px;
  width: 420px;
  height: 248px;
  background: url(../img/term0/y2021-image.png) no-repeat 0 0;
  background-size:100%;
}

.term0 .body .y2021-2 .circle::before {
  top: 68px;
  left: 60px;
  width: 420px;
  height: 295px;
  background: url(../img/term0/y2021-2-image.png) no-repeat 0 0;
  background-size:100%;
}



/* --------------------------------------------------
 * term1
 */

.term1 {
}

.term1 .body {
  height: 2600px;
}

.term1 .body .y2019 {top: 200px; left: 15px;}
.term1 .body .y2016 {top: 540px; left: 320px;}
.term1 .body .y2015 {top: 880px; left: 15px;}
.term1 .body .y2013 {top: 1208px; left: 320px; z-index: 2;}
.term1 .body .y2013-2 {top: 1534px; left: 29px;}
.term1 .body .y2011 {top: 2060px; left: 320px;}

.term1 .body .y2019 .circle {padding-top: 275px;}
.term1 .body .y2016 .circle {padding-top: 290px;}
.term1 .body .y2015 .circle {padding-top: 285px;}
.term1 .body .y2013 .circle {padding-top: 290px;}
.term1 .body .y2013-2 .circle {padding-top: 355px;}
.term1 .body .y2011 .circle {padding-top: 253px;}


.term1 .body .y2019 .circle::before {
  top: 44px;
  left: 24px;
  width: 340px;
  height: 220px;
  background: url(../img/term1/y2019-image.png) no-repeat 0 0;
  background-size:100%;
}

.term1 .body .y2016 .circle::before {
  top: 46px;
  left: 32px;
  width: 340px;
  height: 220px;
  background: url(../img/term1/y2016-image.png) no-repeat 0 0;
  background-size:100%;
}

.term1 .body .y2015 .circle::before {
  top: 47px;
  left: 66px;
  width: 257px;
  height: 220px;
  background: url(../img/term1/y2015-image.png) no-repeat 0 0;
}

.term1 .body .y2013 .circle::before {
  top: 26px;
  left: 76px;
  width: 250px;
  height: 248px;
  background: url(../img/term1/y2013-image.png) no-repeat 0 0;
}

.term1 .body .y2013-2 .circle::before {
  top: 143px;
  left: 40px;
  width: 418px;
  height: 195px;
  background: url(../img/term1/y2013-2-image.png) no-repeat 0 0;
}

.term1 .body .y2011 .circle::before {
  top: 78px;
  left: 60px;
  width: 313px;
  height: 168px;
  background: url(../img/term1/y2011-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term2
 */

.term2 {
}

.term2 .body {
  height: 4501px;
}

.term2 .body .y2009 {top: 158px; left: 28px;}
.term2 .body .y2007 {top: 504px; left: 320px;}
.term2 .body .y2006 {top: 910px; left: 28px;}
.term2 .body .y2006-2 {top: 1204px; left: 220px;}
.term2 .body .y2005 {top: 1767px; left: 28px;}
.term2 .body .y2004 {top: 2295px; left: 320px; z-index: 1;}
.term2 .body .y2004-2 {top: 2518px; left: 28px;}
.term2 .body .y2001 {top: 2935px; left: 220px;}
.term2 .body .y2000 {top: 3498px; left: 27px}
.term2 .body .y2000-2 {top: 3749px; left: 320px;}
.term2 .body .y2000-3 {top: 4002px; left: 28px;}

.term2 .body .y2009 .circle {padding-top: 260px;}
.term2 .body .y2007 .circle {padding-top: 293px;}
.term2 .body .y2006 .circle {padding-top: 299px;}
.term2 .body .y2006-2 .circle {padding-top: 349px;}
.term2 .body .y2005 .circle {padding-top: 392px;}
.term2 .body .y2004 .circle {padding-top: 296px;}
.term2 .body .y2004-2 .circle {padding-top: 289px;}
.term2 .body .y2001 .circle {padding-top: 386px;}
.term2 .body .y2000 .circle {padding-top: 313px;}
.term2 .body .y2000-2 .circle {padding-top: 273px;}
.term2 .body .y2000-3 .circle {padding-top: 287px;}

.term2 .body .y2009 .circle::before {
  top: 76px;
  left: 20px;
  width: 357px;
  height: 177px;
  background: url(../img/term2/y2009-image.png) no-repeat 0 0;
}
.term2 .body .y2007 .circle::before {
  top: 58px;
  left: 47px;
  width: 305px;
  height: 223px;
  background: url(../img/term2/y2007-image.png) no-repeat 0 0;
}
.term2 .body .y2006 .circle::before {
  top: 62px;
  left: 56px;
  width: 290px;
  height: 238px;
  background: url(../img/term2/y2006-image.png) no-repeat 0 0;
}
.term2 .body .y2006-2 .circle::before {
  top: 104px;
  left: 32px;
  width: 448px;
  height: 221px;
  background: url(../img/term2/y2006-2-image.png) no-repeat 0 0;
}
.term2 .body .y2005 .circle::before {
  top: 73px;
  left: 84px;
  width: 341px;
  height: 281px;
  background: url(../img/term2/y2005-image.png) no-repeat 0 0;
}
.term2 .body .y2004 .circle::before {
  top: 24px;
  left: 84px;
  width: 241px;
  height: 249px;
  background: url(../img/term2/y2004-image.png) no-repeat 0 0;
}
.term2 .body .y2004-2 .circle::before {
  top: 69px;
  left: 60px;
  width: 275px;
  height: 209px;
  background: url(../img/term2/y2004-2-image.png) no-repeat 0 0;
}
.term2 .body .y2001 .circle::before {
  top: 67px;
  left: 114px;
  width: 274px;
  height: 305px;
  background: url(../img/term2/y2001-image.png) no-repeat 0 0;
}
.term2 .body .y2000 .circle::before {
  top: 26px;
  left: 102px;
  width: 201px;
  height: 281px;
  background: url(../img/term2/y2000-image.png) no-repeat 0 0;
}
.term2 .body .y2000-2 .circle::before {
  top: 92px;
  left: 39px;
  width: 343px;
  height: 173px;
  background: url(../img/term2/y2000-2-image.png) no-repeat 0 0;
}
.term2 .body .y2000-3 .circle::before {
  top: 81px;
  left: 67px;
  width: 277px;
  height: 187px;
  background: url(../img/term2/y2000-3-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term3
 */

.term3 .body {
  height: 676px;
}

.term3 .body .y1998 {top: 174px; left: 175px;}
.term3 .body .y1998 .circle {padding-top: 302px;}

.term3 .body .y1998 .circle::before {
  top: 58px;
  left: 52px;
  width: 296px;
  height: 233px;
  background: url(../img/term3/y1998-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term4
 */

.term4-header {
  position: relative;
  height: 1501px;
  text-align: center;
}

.term4-header .ns {
  position: absolute;
  top: 269px;
  left: 213px;
  width: 322px;
  height: 187px;
  background: url(../img/term4/ns.png) no-repeat 0 0;
}

.term4-header .lead {
  position: absolute;
  top: 482px;
  left: 0;
  width: 100%;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1em;
}

.term4-header .text {
  position: absolute;
  top: 550px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: -0.05em;
}

.term4-header .map {
  position: absolute;
  top: 921px;
  left: 0;
}

.term4-header .decorations {
  position: absolute;
  top: 177px;
  left: 52px;
  width: 604px;
  height: 193px;
  background: url(../img/term4/decorations.png) no-repeat 0 0;
  z-index: 0;
}

.term4-header .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/term4/bg.png) no-repeat center center;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  transition: all 500ms;
}

.term4-header .bg.animate {
  opacity: 1;
}

.term4-header .ns,
.term4-header .lead,
.term4-header .text,
.term4-header .map {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: all 500ms;
}

.term4-header .ns.animate,
.term4-header .lead.animate,
.term4-header .text.animate,
.term4-header .map.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.term4 .body {
  height: 3320px;
}

.term4 .body .y1994 {top: 480px; left: 28px;}
.term4 .body .y1994-2 {top: 91px; left: 321px;}
.term4 .body .y1992 {top: 888px; left: 220px;}
.term4 .body .y1992-2 {top: 1351px; left: 28px;}
.term4 .body .y1991 {top: 1709px; left: 320px;}
.term4 .body .y1990 {top: 2162px; left: 28px;}
.term4 .body .y1990-2 {top: 2556px; left: 320px;}
.term4 .body .y1990-3 {top: 2812px; left: 28px;}
.term4 .body .y1994 .circle {padding-top: 300px;}
.term4 .body .y1994-2 .circle {padding-top: 311px;}
.term4 .body .y1992 .circle {padding-top: 384px;}
.term4 .body .y1992-2 .circle {padding-top: 329px;}
.term4 .body .y1991 .circle {padding-top: 303px;}
.term4 .body .y1990 .circle {padding-top: 339px;}
.term4 .body .y1990-2 .circle {padding-top: 265px;}
.term4 .body .y1990-3 .circle {padding-top: 312px;}

.term4 .body .y1994 .circle::before {
  top: 12px;
  left: 104px;
  width: 344px;
  height: 294px;
  background: url(../img/term4/y1994-image.png) no-repeat 0 0;
}
.term4 .body .y1994-2 .circle::before {
  top: 22px;
  left: 102px;
  width: 197px;
  height: 272px;
  background: url(../img/term4/y1994-2-image.png) no-repeat 0 0;
}
.term4 .body .y1992 .circle::before {
  top: 67px;
  left: 34px;
  width: 398px;
  height: 307px;
  background: url(../img/term4/y1992-image.png) no-repeat 0 0;
}
.term4 .body .y1992-2 .circle::before {
  top: 52px;
  left: 108px;
  width: 184px;
  height: 259px;
  background: url(../img/term4/y1992-2-image.png) no-repeat 0 0;
}
.term4 .body .y1991 .circle::before {
  top: 50px;
  left: 118px;
  width: 166px;
  height: 234px;
  background: url(../img/term4/y1991-image.png) no-repeat 0 0;
}
.term4 .body .y1990 .circle::before {
  top: 98px;
  left: 147px;
  width: 212px;
  height: 221px;
  background: url(../img/term4/y1990-image.png) no-repeat 0 0;
}
.term4 .body .y1990-2 .circle::before {
  top: 97px;
  left: 45px;
  width: 310px;
  height: 151px;
  background: url(../img/term4/y1990-2-image.png) no-repeat 0 0;
}
.term4 .body .y1990-3 .circle::before {
  top: 18px;
  left: 106px;
  width: 334px;
  height: 297px;
  background: url(../img/term4/y1990-3-image.png) no-repeat 0 0;
}

/* --------------------------------------------------
 * term5
 */

.term5 .body {
  height: 5031px;
}

.term5 .body .y1988 {top: 122px; left: 220px;}
.term5 .body .y1987 {top: 613px; left: 20px;}
.term5 .body .y1987-2 {top: 866px; left: 365px;}
.term5 .body .y1985 {top: 1149px; left: 28px; z-index: 1;}
.term5 .body .y1985-2 {top: 1456px; left: 220px;}
.term5 .body .y1984 {top: 2009px; left: 28px; z-index: 1;}
.term5 .body .y1984-2 {top: 2294px; left: 220px;}
.term5 .body .y1984-3 {top: 2759px; left: 28px;}
.term5 .body .y1983 {top: 3102px; left: 320px;}
.term5 .body .y1982 {top: 3449px; left: 28px;}
.term5 .body .y1981 {top: 3857px; left: 220px;}
.term5 .body .y1981-2 {top: 4266px; left: 28px;}
.term5 .body .y1981-3 {top: 4522px; left: 320px;}
.term5 .body .y1988 .circle {padding-top: 350px;}
.term5 .body .y1987 .circle {padding-top: 281px;}
.term5 .body .y1987-2 .circle {padding-top: 308px;}
.term5 .body .y1985 .circle {padding-top: 289px;}
.term5 .body .y1985-2 .circle {padding-top: 373px;}
.term5 .body .y1984 .circle {padding-top: 298px;}
.term5 .body .y1984-2 .circle {padding-top: 359px;}
.term5 .body .y1984-3 .circle {padding-top: 310px;}
.term5 .body .y1983 .circle {padding-top: 333px;}
.term5 .body .y1982 .circle {padding-top: 304px;}
.term5 .body .y1981 .circle {padding-top: 370px;}
.term5 .body .y1981-2 .circle {padding-top: 290px;}
.term5 .body .y1981-3 .circle {padding-top: 279px;}

.term5 .body .y1988 .circle::before {
  top: 80px;
  left: 110px;
  width: 268px;
  height: 243px;
  background: url(../img/term5/y1988-image.png) no-repeat 0 0;
}
.term5 .body .y1987 .circle::before {
  top: 54px;
  left: 92px;
  width: 220px;
  height: 221px;
  background: url(../img/term5/y1987-image.png) no-repeat 0 0;
}
.term5 .body .y1987-2 .circle::before {
  top: 51px;
  left: 94px;
  width: 172px;
  height: 245px;
  background: url(../img/term5/y1987-2-image.png) no-repeat 0 0;
}
.term5 .body .y1985 .circle::before {
  top: 84px;
  left: 28px;
  width: 353px;
  height: 172px;
  background: url(../img/term5/y1985-image.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .circle::before {
  top: 88px;
  left: 82px;
  width: 338px;
  height: 262px;
  background: url(../img/term5/y1985-2-image.png) no-repeat 0 0;
}
.term5 .body .y1984 .circle::before {
  top: 42px;
  left: 47px;
  width: 272px;
  height: 248px;
  background: url(../img/term5/y1984-image.png) no-repeat 0 0;
}
.term5 .body .y1984-2 .circle::before {
  top: 102px;
  left: 80px;
  width: 338px;
  height: 238px;
  background: url(../img/term5/y1984-2-image.png) no-repeat 0 0;
}
.term5 .body .y1984-3 .circle::before {
  top: 75px;
  left: 40px;
  width: 316px;
  height: 224px;
  background: url(../img/term5/y1984-3-image.png) no-repeat 0 0;
}
.term5 .body .y1983 .circle::before {
  top: 57px;
  left: 110px;
  width: 179px;
  height: 255px;
  background: url(../img/term5/y1983-image.png) no-repeat 0 0;
}
.term5 .body .y1982 .circle::before {
  top: 20px;
  left: 108px;
  width: 189px;
  height: 275px;
  background: url(../img/term5/y1982-image.png) no-repeat 0 0;
}
.term5 .body .y1981 .circle::before {
  top: 129px;
  left: 31px;
  width: 442px;
  height: 212px;
  background: url(../img/term5/y1981-image.png) no-repeat 0 0;
}
.term5 .body .y1981-2 .circle::before {
  top: 51px;
  left: 71px;
  width: 259px;
  height: 231px;
  background: url(../img/term5/y1981-2-image.png) no-repeat 0 0;
}
.term5 .body .y1981-3 .circle::before {
  top: 74px;
  left: 48px;
  width: 294px;
  height: 195px;
  background: url(../img/term5/y1981-3-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term6
 */

.term6 .body {
  height: 2559px;
}

.term6 .body .y1979 {top: 172px; left: 320px;}
.term6 .body .y1977 {top: 543px; left: 28px;}
.term6 .body .y1976 {top: 943px; left: 220px;}
.term6 .body .y1973 {top: 1490px; left: 28px;}
.term6 .body .y1972 {top: 1868px; left: 320px; z-index: 1;}
.term6 .body .y1972-2 {top: 2082px; left: 28px;}
.term6 .body .y1979 .circle {padding-top: 316px;}
.term6 .body .y1977 .circle {padding-top: 316px;}
.term6 .body .y1976 .circle {padding-top: 335px;}
.term6 .body .y1973 .circle {padding-top: 281px;}
.term6 .body .y1972 .circle {padding-top: 299px;}
.term6 .body .y1972-2 .circle {padding-top: 316px;}

.term6 .body .y1979 .circle::before {
  top: 44px;
  left: 110px;
  width: 179px;
  height: 255px;
  background: url(../img/term6/y1979-image.png) no-repeat 0 0;
}
.term6 .body .y1977 .circle::before {
  top: 43px;
  left: 110px;
  width: 182px;
  height: 253px;
  background: url(../img/term6/y1977-image.png) no-repeat 0 0;
}
.term6 .body .y1976 .circle::before {
  top: 69px;
  left: 54px;
  width: 392px;
  height: 255px;
  background: url(../img/term6/y1976-image.png) no-repeat 0 0;
}
.term6 .body .y1973 .circle::before {
  top: 41px;
  left: 79px;
  width: 239px;
  height: 243px;
  background: url(../img/term6/y1973-image.png) no-repeat 0 0;
}
.term6 .body .y1972 .circle::before {
  top: 66px;
  left: 61px;
  width: 286px;
  height: 213px;
  background: url(../img/term6/y1972-image.png) no-repeat 0 0;
}
.term6 .body .y1972-2 .circle::before {
  top: 50px;
  left: 54px;
  width: 271px;
  height: 259px;
  background: url(../img/term6/y1972-2-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term7
 */

.term7-header {
  position: relative;
  height: 1263px;
  text-align: center;
}

.term7-header .ns {
  position: absolute;
  top: 155px;
  left: 181px;
  width: 389px;
  height: 226px;
  background: url(../img/term7/ns.png) no-repeat 0 0;
}

.term7-header .lead {
  position: absolute;
  top: 426px;
  left: 0;
  width: 100%;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1em;
}

.term7-header .text {
  position: absolute;
  top: 505px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: -0.05em;
}

.term7-header .decorations {
  position: absolute;
  top: 60px;
  left: 61px;
  width: 1000px;
  height: 503px;
  background: url(../img/term7/decorations.png) no-repeat 0 0;
  z-index: 0;
}

.term7-header .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/term7/bg.png) no-repeat center center;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  transition: all 500ms;
}

.term7-header .bg.animate {
  opacity: 1;
}

.term7-header .ns,
.term7-header .lead,
.term7-header .text {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: all 500ms;
}

.term7-header .ns.animate,
.term7-header .lead.animate,
.term7-header .text.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.term7-header .images {
  position: absolute;
  top: 830px;
  left: 43px;
}

.term7-header .images li {
  float: left;
  width: 322px;
  margin: 0 17px 0 0;
  text-align: center;
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 500ms;
}

.term7-header .images li:nth-child(2) {
  transition: all 500ms 50ms;
}

.term7-header .images.animate li {
  opacity: 1;
  transform: translate(0, 0);
}

.term7-header .images li img {
  margin: 0 0 20px;
}

.term7-header .images li p {
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.term7 .body {
  height: 108px;
}


/* --------------------------------------------------
 * term8
 */

.term8 .body {
  height: 3017px;
}

.term8 .body .y1968 {top: 136px; left: 28px;}
.term8 .body .y1968-2 {top: 384px; left: 320px;}
.term8 .body .y1968-3 {top: 699px; left: 28px;}
.term8 .body .y1967 {top: 1026px; left: 320px; z-index: 1;}
.term8 .body .y1967-2 {top: 1247px; left: 28px;}
.term8 .body .y1966 {top: 1603px; left: 320px;}
.term8 .body .y1966-2 {top: 1914px; left: 28px;}
.term8 .body .y1964 {top: 2226px; left: 320px;}
.term8 .body .y1963 {top: 2545px; left: 28px;}
.term8 .body .y1968 .circle {padding-top: 303px;}
.term8 .body .y1968-2 .circle {padding-top: 289px;}
.term8 .body .y1968-3 .circle {padding-top: 309px;}
.term8 .body .y1967 .circle {padding-top: 293px;}
.term8 .body .y1967-2 .circle {padding-top: 295px;}
.term8 .body .y1966 .circle {padding-top: 289px;}
.term8 .body .y1966-2 .circle {padding-top: 305px;}
.term8 .body .y1964 .circle {padding-top: 284px;}
.term8 .body .y1963 .circle {padding-top: 276px;}

.term8 .body .y1968 .circle::before {
  top: 43px;
  left: 73px;
  width: 255px;
  height: 253px;
  background: url(../img/term8/y1968-image.png) no-repeat 0 0;
}
.term8 .body .y1968-2 .circle::before {
  top: 89px;
  left: 46px;
  width: 334px;
  height: 198px;
  background: url(../img/term8/y1968-2-image.png) no-repeat 0 0;
}
.term8 .body .y1968-3 .circle::before {
  top: 89px;
  left: 58px;
  width: 274px;
  height: 195px;
  background: url(../img/term8/y1968-3-image.png) no-repeat 0 0;
}
.term8 .body .y1967 .circle::before {
  top: 75px;
  left: 49px;
  width: 289px;
  height: 204px;
  background: url(../img/term8/y1967-image.png) no-repeat 0 0;
}
.term8 .body .y1967-2 .circle::before {
  top: 51px;
  left: 84px;
  width: 233px;
  height: 223px;
  background: url(../img/term8/y1967-2-image.png) no-repeat 0 0;
}
.term8 .body .y1966 .circle::before {
  top: 30px;
  left: 135px;
  width: 132px;
  height: 250px;
  background: url(../img/term8/y1966-image.png) no-repeat 0 0;
}
.term8 .body .y1966-2 .circle::before {
  top: 69px;
  left: 57px;
  width: 284px;
  height: 214px;
  background: url(../img/term8/y1966-2-image.png) no-repeat 0 0;
}
.term8 .body .y1964 .circle::before {
  top: 75px;
  left: 59px;
  width: 281px;
  height: 195px;
  background: url(../img/term8/y1964-image.png) no-repeat 0 0;
}
.term8 .body .y1963 .circle::before {
  top: 21px;
  left: 68px;
  width: 287px;
  height: 292px;
  background: url(../img/term8/y1963-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term9
 */

.term9 .body {
  height: 1280px;
}

.term9 .body .y1957 {top: 172px; left: 320px;}
.term9 .body .y1957-2 {top: 486px; left: 28px;}
.term9 .body .y1956 {top: 820px; left: 320px;}
.term9 .body .y1957 .circle {padding-top: 302px;}
.term9 .body .y1957-2 .circle {padding-top: 303px;}
.term9 .body .y1956 .circle {padding-top: 290px;}

.term9 .body .y1957 .circle::before {
  top: 46px;
  left: 91px;
  width: 230px;
  height: 254px;
  background: url(../img/term9/y1957-image.png) no-repeat 0 0;
}
.term9 .body .y1957-2 .circle::before {
  top: 83px;
  left: 59px;
  width: 290px;
  height: 198px;
  background: url(../img/term9/y1957-2-image.png) no-repeat 0 0;
}
.term9 .body .y1956 .circle::before {
  top: 93px;
  left: 32px;
  width: 330px;
  height: 181px;
  background: url(../img/term9/y1956-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term10
 */

.term10-header {
  position: relative;
  height: 924px;
  text-align: center;
  background-color: #FFE100; 
}

.term10-header .wrap > * {
  z-index: 2;
}

.term10-header .ns {
  position: absolute;
  top: 147px;
  left: 200px;
  width: 342px;
  height: 198px;
  background: url(../img/term10/ns.png) no-repeat 0 0;
}

.term10-header .lead {
  position: absolute;
  top: 366px;
  left: 0;
  width: 100%;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 30px;
  line-height: 35px;
  letter-spacing: -0.1em;
}

.term10-header .text {
  position: absolute;
  top: 451px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: -0.05em;
}

.term10-header .image {
  position: absolute;
  top: 211px;
  left: 570px;
  width: 173px;
  height: 258px;
  background: url(../img/term10/image.png) no-repeat 0 0;
  z-index: 2;
}

.term10-header .decorations {
  position: absolute;
  top: 61px;
  left: 48px;
  width: 636px;
  height: 182px;
  background: url(../img/term10/decorations.png) no-repeat 0 0;
  z-index: 1;
}

.term10-header .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 924px;
  background: url(../img/term10/bg.png) no-repeat center center;
  background-size: cover;
  z-index: 0;
  opacity: 0;
  transition: all 500ms;
}

.term10-header .bg.animate {
  opacity: 1;
}

.term10-header .ns,
.term10-header .lead,
.term10-header .text,
.term10-header .image {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: all 500ms;
}

.term10-header .ns.animate,
.term10-header .lead.animate,
.term10-header .text.animate,
.term10-header .image.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.term10 .body {
  height: 2720px;
}

.term10 .body .y1956-2 {top: 38px; left: 28px;}
.term10 .body .y1954 {top: 358px; left: 320px;}
.term10 .body .y1954-2 {top: 676px; left: 28px;}
.term10 .body .y1953 {top: 1087px; left: 220px;}
.term10 .body .y1952 {top: 1616px; left: 28px;}
.term10 .body .y1951 {top: 1936px; left: 320px;}
.term10 .body .y1951-2 {top: 2249px; left: 28px;}
.term10 .body .y1956-2 .circle {padding-top: 307px;}
.term10 .body .y1954 .circle {padding-top: 293px;}
.term10 .body .y1954-2 .circle {padding-top: 322px;}
.term10 .body .y1953 .circle {padding-top: 392px;}
.term10 .body .y1952 .circle {padding-top: 285px;}
.term10 .body .y1951 .circle {padding-top: 304px;}
.term10 .body .y1951-2 .circle {padding-top: 277px;}

.term10 .body .y1956-2 .circle::before {
  top: 46px;
  left: 1px;
  width: 420px;
  height: 252px;
  background: url(../img/term10/y1956-2-image.png) no-repeat 0 0;
}
.term10 .body .y1954 .circle::before {
  top: 48px;
  left: 78px;
  width: 249px;
  height: 247px;
  background: url(../img/term10/y1954-image.png) no-repeat 0 0;
}
.term10 .body .y1954-2 .circle::before {
  top: 53px;
  left: 98px;
  width: 194px;
  height: 253px;
  background: url(../img/term10/y1954-2-image.png) no-repeat 0 0;
}
.term10 .body .y1953 .circle::before {
  top: 78px;
  left: 98px;
  width: 302px;
  height: 292px;
  background: url(../img/term10/y1953-image.png) no-repeat 0 0;
}
.term10 .body .y1952 .circle::before {
  top: 161px;
  left: 15px;
  width: 372px;
  height: 79px;
  background: url(../img/term10/y1952-image.png) no-repeat 0 0;
}
.term10 .body .y1951 .circle::before {
  top: 52px;
  left: 35px;
  width: 310px;
  height: 233px;
  background: url(../img/term10/y1951-image.png) no-repeat 0 0;
}
.term10 .body .y1951-2 .circle::before {
  top: 20px;
  left: 60px;
  width: 280px;
  height: 252px;
  background: url(../img/term10/y1951-2-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term11
 */

.term11-header {
  position: relative;
  height: 1367px;
  text-align: center;
}

.term11-header .welcome {
  position: absolute;
  top: 128px;
  left: 48px;
  width: 631px;
  height: 387px;
  background: url(../img/term11/welcome.png) no-repeat 0 0;
  z-idnex: 1;
}

.term11-header .ns {
  position: absolute;
  top: 335px;
  left: 205px;
  width: 322px;
  height: 186px;
  background: url(../img/term11/ns.png) no-repeat 0 0;
  z-index: 2;
}

.term11-header .lead {
  position: absolute;
  top: 528px;
  left: 0;
  width: 100%;
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -0.1em;
  z-index: 2;
}

.term11-header .text {
  position: absolute;
  top: 572px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 24px;
  line-height: 45px;
  letter-spacing: -0.1em;
  z-index: 2;
}

.term11-header .decorations {
  position: absolute;
  top: 36px;
  left: 14px;
  width: 718px;
  height: 371px;
  background: url(../img/term11/decorations.png) no-repeat 0 0;
  z-index: 0;
}

.term11-header .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/term11/bg.png) no-repeat center center;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  transition: all 500ms;
}

.term11-header .bg.animate {
  opacity: 1;
}

.term11-header .welcome,
.term11-header .ns,
.term11-header .lead,
.term11-header .text {
  opacity: 0;
  transform: translate(0, 20px);
  -webkit-transform: translate(0, 20px);
  transition: all 500ms;
}

.term11-header .welcome.animate,
.term11-header .ns.animate,
.term11-header .lead.animate,
.term11-header .text.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.term11-header .images {
  position: absolute;
  top: 943px;
  left: 0;
}

.term11-header .images li {
  float: left;
  text-align: center;
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 500ms;
}

.term11-header .images li:nth-child(1) {
  width: 60%;
}

.term11-header .images li:nth-child(2) {
  width: 40%;
  transition: all 500ms 50ms;
}

.term11-header .images.animate li {
  opacity: 1;
  transform: translate(0, 0);
}

.term11-header .images li img {
  margin: 0 0 16px;
}

.term11-header .images li p {
  color: #0054A6;
  font-family: "rmp-bold", sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.term11 .body {
  height: 597px;
}

.term11 .body .y1947 {top: 116px; left: 175px;}
.term11 .body .y1947 .circle {padding-top: 248px;}

.term11 .body .y1947 .circle::before {
  top: 0;
  left: 0;
  width: 400px;
  height: 402px;
  background: url(../img/term11/y1947-image.png) no-repeat 0 0;
}


/* --------------------------------------------------
 * term12
 */

.term12-header {
  position: relative;
  height: 957px;
  background: #FFFFFF;
  z-index: 2;
}

.term12-header::before {
  content: "";
  position: absolute;
  top: -31px;
  left: 0;
  width: 100%;
  height: 31px;
  background: url(../img/wave-top.png) repeat-x center 0;
}

.term12-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -31px;
  width: 100%;
  height: 31px;
  background: url(../img/wave-bottom.png) repeat-x center 0;
}

.term12-header .lead {
  position: absolute;
  top: 410px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-family: "rmp-heavy", sans-serif;
  font-size: 28px;
  line-height: 51px;
  letter-spacing: -0.08em;
}

.term12-header .ns {
  position: absolute;
  top: 128px;
  left: 190px;
  width: 376px;
  height: 270px;
  background: url(../img/term12/ns.png) no-repeat 0 0;
  opacity: 0;
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: all 500ms;
  z-index: 1;
}

.term12-header .ns.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: all 800ms;
}

.term12-header .decorations {
  position: absolute;
  top: 18px;
  left: 32px;
  width: 640px;
  height: 256px;
  background: url(../img/term12/decorations.png) no-repeat 0 0;
  z-index: 0;
}

.term12-header .socials {
  position: absolute;
  top: 887px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
}

.term12-header .socials li {
  display: inline-block;
  margin: 0 7px;
}