@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;
}

a {
}

img {
  vertical-align: top;
}

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


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

.wrap-all {
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

.wrap-all > *:not(.section-nav) {
  transform: rotate(0.001deg);
}

.wrap {
  position: relative;
  width: 994px;
  margin: 0 auto;
}

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

.page-header h1 {
  position: absolute;
  top: 128px;
  left: 290px;
  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: 490px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 40px;
  z-index: 2;
  opacity: 0;
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: 700ms ease 2300ms;
}

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

.page-header .images {
  position: absolute;
  top: 124px;
  left: -71px;
  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: 101px;
  left: -100px;
  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: 438px;
  left: 20px;
  width: 216px;
  height: auto;
  z-index: 0;
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transfrom: translate(-100px, 0);
  transition: 1200ms ease 1700ms;
}

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

.page-header .s {
  position: absolute;
  top: 435px;
  left: 750px;
  width: 209px;
  height: auto;
  z-index: 0;
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transfrom: translate(100px, 0);
  transition: 1200ms ease 1700ms;
}

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

.page-header .menu .button {
  display: block;
  position: absolute;
  top: 37px;
  left: -50px;
  width: 53px;
  height: 85px;
  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: 50px;
  left: 907px;
  opacity: 0;
  transition: 1200ms ease 3000ms;
}

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

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

.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: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: #FFE584;
  z-index: 1000;
  opacity: 0;
  transition: 300ms;
}

.section-nav .current {
  position: absolute;
  top: 17px;
  left: 966px;
  width: 49px;
  height: 55px;
  background: url(../img/section-nav/current-left.gif) no-repeat 0 0;
  background-size: 49px 55px;
  transition: left 500ms;
}

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

.section-nav[data-current='1'] .current {left: 966px;}
.section-nav[data-current='2'] .current {left: 874px;}
.section-nav[data-current='3'] .current {left: 782px;}
.section-nav[data-current='4'] .current {left: 692px;}
.section-nav[data-current='5'] .current {left: 624px;}
.section-nav[data-current='6'] .current {left: 624px;}
.section-nav[data-current='7'] .current {left: 540px;}
.section-nav[data-current='8'] .current {left: 445px;}
.section-nav[data-current='9'] .current {left: 378px;}
.section-nav[data-current='10'] .current {left: 291px;}
.section-nav[data-current='11'] .current {left: 200px;}
.section-nav[data-current='12'] .current {left: 133px;}
.section-nav[data-current='13'] .current {left: 133px;}
.section-nav[data-current='14'] .current {left: 50px;}
.section-nav[data-current='15'] .current {left: -61px;}

.section-nav .clickables {
  position: absolute;
  top: 73px;
  left: -56px;
  width: 1112px;
  height: 20px;
  background: url(../img/section-nav/labels.png) no-repeat 0 0;
}

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

.section-nav .clickables li:nth-child(1) a {left: 1027px;width: 61px;}
.section-nav .clickables li:nth-child(2) a {left: 935px; width: 61px;}
.section-nav .clickables li:nth-child(3) a {left: 843px; width: 61px;}
.section-nav .clickables li:nth-child(4) a {left: 752px; width: 61px;} 
.section-nav .clickables li:nth-child(5) a {left: 688px; width: 34px;} 
.section-nav .clickables li:nth-child(6) a {left: 598px; width: 61px;}
.section-nav .clickables li:nth-child(7) a {left: 598px; width: 61px;}
.section-nav .clickables li:nth-child(8) a {left: 507px; width: 61px;}
.section-nav .clickables li:nth-child(9) a {left: 443px; width: 32px;}
.section-nav .clickables li:nth-child(10) a {left: 351px; width: 61px;}
.section-nav .clickables li:nth-child(11) a {left: 261px; width: 61px;} 
.section-nav .clickables li:nth-child(12) a {left: 198px; width: 31px;} 
.section-nav .clickables li:nth-child(13) a {left: 0; width: 0;} 
.section-nav .clickables li:nth-child(14) a {left: 91px; width: 77px;} 
.section-nav .clickables li:nth-child(15) a {left: 0; width: 77px;} 

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

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

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

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

.term .common-header h2 {
  position: absolute;
}

.term .common-header .lead {
  position: absolute;
  left: 0;
  width: 100%;
  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: absolute;
  top: 430px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 18px;
  line-height: 38px;
  letter-spacing: -0.1em;
}

.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 .common-header .n {
 position: absolute;
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transform: translate(-100px, 0);
  transition: all 500ms;
}

.term .common-header .s {
  position: absolute;
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  transition: all 500ms;
}

.term .common-header .n.animate,
.term .common-header .s.animate {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transition: all 800ms;
}

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

.term .body li {
  position: absolute;
}

.term .body li.type360 {width: 360px; height: 360px;}
.term .body li.type420 {width: 420px; height: 420px;}
.term .body li.type480 {width: 480px; height: 480px;}
.term .body li.type490 {width: 490px; height: 490px;}
.term .body li.type516 {width: 516px; height: 516px;}
.term .body li.type600 {width: 600px; height: 600px;}
.term .body li.type360 .circle {width: 360px; height: 360px; border-radius: 180px;}
.term .body li.type420 .circle {width: 420px; height: 420px; border-radius: 210px;}
.term .body li.type480 .circle {width: 480px; height: 480px; border-radius: 240px;}
.term .body li.type490 .circle {width: 490px; height: 490px; border-radius: 245px;}
.term .body li.type516 .circle {width: 516px; height: 516px; border-radius: 258px;}
.term .body li.type600 .circle {width: 600px; height: 600px; border-radius: 300px;}

.term .body li .year {
  position: absolute;
  top: -81px;
  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 p {
  position: relative;
  text-align: center;
  color: #0054A6;
  font-family: "rmp-medium", sans-serif;
  white-space: nowrap;
  z-index: 1;
}

.term .body li .circle .lead {
  margin: 0 0 5px;
  font-family: "rmp-heavy", sans-serif;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.03em;
}

.term .body li .circle .text {
  font-size: 14px;
  line-height: 26px;
  letter-spacing: -0.1em;
}

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

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

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

.term .body li.type600.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.type600 .n {
  position: absolute;
  opacity: 0;
  transform: translate(-50px, 0);
  -webkit-transform: translate(-50px, 0);
  transition: 500ms;
}

.term .body li.type600 .s {
  position: absolute;
  opacity: 0;
  transform: translate(50px, 0);
  -webkit-transform: translate(50px, 0);
  transition: 500ms;
}

.term .body li.type600.animate .n,
.term .body li.type600.animate .s {
  transition: 500ms ease 600ms;
}

.term .body li.type600 .nt,
.term .body li.type600 .st {
  position: absolute;
  opacity: 0;
  transform: translate(0, 10px);
  -webkit-transform: translate(0, 10px);
  transition: 500ms;
}

.term .body li.type600.animate .nt,
.term .body li.type600.animate .st {
  transition: 500ms ease 1200ms;
}

.term .body li.type600.animate .n,
.term .body li.type600.animate .s,
.term .body li.type600.animate .nt,
.term .body li.type600.animate .st {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(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) scale(1, 1);
  -webkit-transform: translate(0, 0) scale(1, 1);
  transition: 500ms;
}

.term0 .common-header h2 {top: 99px; left: 331px;}
.term1 .common-header h2 {top: 99px; left: 331px;}
.term2 .common-header h2 {top: 130px; left: 320px;}
.term3 .common-header h2 {top: 120px; left: 326px;}
.term5 .common-header h2 {top: 130px; left: 326px;}
.term6 .common-header h2 {top: 130px; left: 326px;}
.term8 .common-header h2 {top: 130px; left: 326px;}
.term9 .common-header h2 {top: 130px; left: 326px;}

.term0 .common-header .lead {top: 336px;}
.term1 .common-header .lead {top: 336px;}
.term2 .common-header .lead {top: 370px; padding-left: 10px;}
.term3 .common-header .lead {top: 370px;}
.term5 .common-header .lead {top: 374px;}
.term6 .common-header .lead {top: 374px;}
.term8 .common-header .lead {top: 374px;}
.term9 .common-header .lead {top: 374px;}

.term0 .common-header .text {top: 430px;}
.term1 .common-header .text {top: 430px;}
.term2 .common-header .text {top: 430px;}
.term3 .common-header .text {top: 466px;}
.term5 .common-header .text {top: 466px;}
.term6 .common-header .text {top: 428px;}
.term8 .common-header .text {top: 466px;}
.term9 .common-header .text {top: 466px;}

.term0 .common-header .n {top: 284px; left: 19px; width: 159px; height: 267px; background: url(../img/term0/n.png) no-repeat 0 0;}
.term0 .common-header .s {top: 281px; left: 820px; width: 144px; height: 270px; background: url(../img/term0/s.png) no-repeat 0 0;}
.term1 .common-header .n {top: 284px; left: 19px; width: 159px; height: 267px; background: url(../img/term1/n.png) no-repeat 0 0;}
.term1 .common-header .s {top: 281px; left: 820px; width: 144px; height: 270px; background: url(../img/term1/s.png) no-repeat 0 0;}
.term2 .common-header .n {top: 264px; left: 47px; width: 206px; height: 270px; background: url(../img/term2/n.png) no-repeat 0 0;}
.term2 .common-header .s {top: 266px; left: 753px; width: 186px; height: 268px; background: url(../img/term2/s.png) no-repeat 0 0;}
.term3 .common-header .n {top: 253px; left: 67px; width: 170px; height: 280px; background: url(../img/term3/n.png) no-repeat 0 0;}
.term3 .common-header .s {top: 253px; left: 771px; width: 148px; height: 284px; background: url(../img/term3/s.png) no-repeat 0 0;}
.term5 .common-header .n {top: 259px; left: 71px; width: 160px; height: 271px; background: url(../img/term5/n.png) no-repeat 0 0;}
.term5 .common-header .s {top: 259px; left: 780px; width: 145px; height: 273px; background: url(../img/term5/s.png) no-repeat 0 0;}
.term6 .common-header .n {top: 263px; left: 16px; width: 206px; height: 270px; background: url(../img/term6/n.png) no-repeat 0 0;}
.term6 .common-header .s {top: 263px; left: 786px; width: 186px; height: 267px; background: url(../img/term6/s.png) no-repeat 0 0;}
.term8 .common-header .n {top: 260px; left: 72px; width: 160px; height: 271px; background: url(../img/term8/n.png) no-repeat 0 0;}
.term8 .common-header .s {top: 260px; left: 781px; width: 145px; height: 273px; background: url(../img/term8/s.png) no-repeat 0 0;}
.term9 .common-header .n {top: 254px; left: 109px; width: 166px; height: 276px;  background: url(../img/term9/n.png) no-repeat 0 0;}
.term9 .common-header .s {top: 254px; left: 719px; width: 144px; height: 280px; background: url(../img/term9/s.png) no-repeat 0 0;}


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

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

#popup-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  min-width: 994px;
  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% - 276px);
  left: calc(50% - 113px);
  width: 224px;
  height: 195px;
  background: url(../img/popup-menu/ns.png) no-repeat 0 0;
}

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

#popup-menu ul li {
  display: inline-block;
  margin: 0 19px;
}

#popup-menu ul li a {
  display: block;
  width: 322px;
  heigth: 57px;
  border: 1px solid #44C9F6;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  color: #0054A6;
  font-size: 18px;
  line-height: 55px;
  letter-spacing: -0.08em;
}
/* 70Žü”N‹L”OƒTƒCƒg•ÂŠÙ
#popup-menu ul li:nth-child(1) a {
  padding: 0 0 0 100px;
  background: #FEE100 url(../img/popup-menu/70th-logo.png) no-repeat 40px 5px;
}
*/

/* 70Žü”N‹L”OƒTƒCƒg•ÂŠÙŒã*/
#popup-menu ul li:nth-child(1) a {
  padding: 0 0 0 10px;
  background: #FFFFFF;
}


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

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

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

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

.term0 {
}

.term0 .body {
  height: 1120px;
}

.term0 .body .y2021 {top: 233px; left: 19px z-index: 2;}
.term0 .body .y2021-2 {top: 400px; left: 420px;}

.term0 .body .y2021 .circle {padding-top: 300px;}
.term0 .body .y2021-2 .circle {padding-top: 366px;}

.term0 .body .y2021 .circle::before {
  top: 32px;
  left: -30px;
  width: 546px;
  height: 256px;
  background: url(../img/term0/y2021-image.png) no-repeat 0 0;
}

.term0 .body .y2021-2 .circle::before {
  top: 50px;
  left: 92px;
  width: 468px;
  height: 300px;
  background: url(../img/term0/y2021-2-image.png) no-repeat 0 0;
  background-size:100%;
}



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

.term1 {
}

.term1 .body {
  height: 2750px;
}
.term1 .body .y2019 {top: 243px; left: 19px;}
.term1 .body .y2016 {top: 503px; left: 500px; z-index: 2;}
.term1 .body .y2015 {top: 893px; left: 19px;}
.term1 .body .y2013 {top: 1172px; left: 500px; z-index: 2;}
.term1 .body .y2013-2 {top: 1513px; left: 138px;}
.term1 .body .y2011 {top: 2130px; left: 500px;}

.term1 .body .y2019 .circle {padding-top: 292px;}
.term1 .body .y2016 .circle {padding-top: 272px;}
.term1 .body .y2015 .circle {padding-top: 226px;}
.term1 .body .y2013 .circle {padding-top: 269px;}
.term1 .body .y2013-2 .circle {padding-top: 367px;}
.term1 .body .y2011 .circle {padding-top: 299px;}


.term1 .body .y2019 .circle::before {
  top: 28px;
  left: 26px;
  width: 400px;
  height: 268px;
  background: url(../img/term1/y2019-image.png) no-repeat 0 0;
  background-size:100%;
}

.term1 .body .y2016 .circle::before {
  top: 22px;
  left: 48px;
  width: 375px;
  height: 250px;
  background: url(../img/term1/y2016-image.png) no-repeat 0 0;
  background-size:100%;
}

.term1 .body .y2015 .circle::before {
  top: 23px;
  left: 85px;
  width: 282px;
  height: 201px;
  background: url(../img/term1/y2015-image.png) no-repeat 0 0;
}

.term1 .body .y2013 .circle::before {
  top: 9px;
  left: 112px;
  width: 259px;
  height: 258px;
  background: url(../img/term1/y2013-image.png) no-repeat 0 0;
}

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

.term1 .body .y2011 .circle::before {
  top: 87px;
  left: 72px;
  width: 375px;
  height: 200px;
  background: url(../img/term1/y2011-image.png) no-repeat 0 0;
}

.term1 .body .y2013-2 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term1/y2013-2-n.png) no-repeat 0 0;
}
.term1 .body .y2013-2 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term1/y2013-2-s.png) no-repeat 0 0;
}
.term1 .body .y2013-2 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term1/y2013-2-nt.png) no-repeat 0 0;
}
.term1 .body .y2013-2 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term1/y2013-2-st.png) no-repeat 0 0;
}


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

.term2 {
}

.term2 .body {
  height: 4334px;
}

.term2 .body .y2009 {top: 234px; left: 0;}
.term2 .body .y2007 {top: 435px; left: 514px;}
.term2 .body .y2006 {top: 875px; left: 0;}
.term2 .body .y2006-2 {top: 949px; left: 395px;}
.term2 .body .y2005 {top: 1549px; left: 72px;}
.term2 .body .y2004 {top: 2162px; left: 470px;}
.term2 .body .y2004-2 {top: 2301px; left: 48px;}
.term2 .body .y2001 {top: 2753px; left: 393px;}
.term2 .body .y2000 {top: 3255px; left: 44px}
.term2 .body .y2000-2 {top: 3393px; left: 476px;}
.term2 .body .y2000-3 {top: 3746px; left: 202px;}

.term2 .body .y2009 .circle {padding-top: 291px;}
.term2 .body .y2007 .circle {padding-top: 325px;}
.term2 .body .y2006 .circle {padding-top: 335px;}
.term2 .body .y2006-2 .circle {padding-top: 400px;}
.term2 .body .y2005 .circle {padding-top: 378px;}
.term2 .body .y2004 .circle {padding-top: 330px;}
.term2 .body .y2004-2 .circle {padding-top: 319px;}
.term2 .body .y2001 .circle {padding-top: 372px;}
.term2 .body .y2000 .circle {padding-top: 317px;}
.term2 .body .y2000-2 .circle {padding-top: 287px;}
.term2 .body .y2000-3 .circle {padding-top: 330px;}

.term2 .body .y2009 .circle::before {
  top: 84px;
  left: 35px;
  width: 409px;
  height: 203px;
  background: url(../img/term2/y2009-image.png) no-repeat 0 0;
}
.term2 .body .y2007 .circle::before {
  top: 75px;
  left: 76px;
  width: 324px;
  height: 237px;
  background: url(../img/term2/y2007-image.png) no-repeat 0 0;
}
.term2 .body .y2006 .circle::before {
  top: 75px;
  left: 63px;
  width: 345px;
  height: 284px;
  background: url(../img/term2/y2006-image.png) no-repeat 0 0;
}
.term2 .body .y2006-2 .circle::before {
  top: 124px;
  left: 51px;
  width: 512px;
  height: 252px;
  background: url(../img/term2/y2006-2-image.png) no-repeat 0 0;
}
.term2 .body .y2005 .circle::before {
  top: 75px;
  left: 129px;
  width: 341px;
  height: 281px;
  background: url(../img/term2/y2005-image.png) no-repeat 0 0;
}
.term2 .body .y2004 .circle::before {
  top: 30px;
  left: 109px;
  width: 279px;
  height: 289px;
  background: url(../img/term2/y2004-image.png) no-repeat 0 0;
}
.term2 .body .y2004-2 .circle::before {
  top: 54px;
  left: 71px;
  width: 335px;
  height: 255px;
  background: url(../img/term2/y2004-2-image.png) no-repeat 0 0;
}
.term2 .body .y2001 .circle::before {
  top: 41px;
  left: 162px;
  width: 274px;
  height: 305px;
  background: url(../img/term2/y2001-image.png) no-repeat 0 0;
}
.term2 .body .y2000 .circle::before {
  top: 13px;
  left: 128px;
  width: 220px;
  height: 307px;
  background: url(../img/term2/y2000-image.png) no-repeat 0 0;
}
.term2 .body .y2000-2 .circle::before {
  top: 91px;
  left: 59px;
  width: 346px;
  height: 172px;
  background: url(../img/term2/y2000-2-image.png) no-repeat 0 0;
}
.term2 .body .y2000-3 .circle::before {
  top: 100px;
  left: 79px;
  width: 326px;
  height: 220px;
  background: url(../img/term2/y2000-3-image.png) no-repeat 0 0;
}

.term2 .body .y2005 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term2/y2005-n.png) no-repeat 0 0;
}
.term2 .body .y2005 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term2/y2005-s.png) no-repeat 0 0;
}
.term2 .body .y2005 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term2/y2005-nt.png) no-repeat 0 0;
}
.term2 .body .y2005 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term2/y2005-st.png) no-repeat 0 0;
}


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

.term3 .body {
  height: 697px;
}

.term3 .body .y1998 {top: 170px; left: 259px;}
.term3 .body .y1998 .circle {padding-top: 319px;}

.term3 .body .y1998 .circle::before {
  top: 57px;
  left: 72px;
  width: 338px;
  height: 266px;
  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: 201px;
  left: 306px;
  width: 389px;
  height: 226px;
  background: url(../img/term4/ns.png) no-repeat 0 0;
}

.term4-header .lead {
  position: absolute;
  top: 442px;
  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: 515px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.05em;
}

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

.term4-header .decorations {
  position: absolute;
  top: 103px;
  left: 0;
  width: 1000px;
  height: 503px;
  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: 3157px;
}

.term4 .body .y1994 {top: 434px; left: 0;}
.term4 .body .y1994-2 {top: 28px; left: 517px;}
.term4 .body .y1992 {top: 820px; left: 323px; z-index: 1;}
.term4 .body .y1992-2 {top: 1220px; left: 0;}
.term4 .body .y1991 {top: 1539px; left: 514px;}
.term4 .body .y1990 {top: 1933px; left: 0;}
.term4 .body .y1990-2 {top: 2154px; left: 517px; z-index: 1;}
.term4 .body .y1990-3 {top: 2549px; left: 330px;}
.term4 .body .y1994 .circle {padding-top: 309px;}
.term4 .body .y1994-2 .circle {padding-top: 319px;}
.term4 .body .y1992 .circle {padding-top: 390px;}
.term4 .body .y1992-2 .circle {padding-top: 399px;}
.term4 .body .y1991 .circle {padding-top: 399px;}
.term4 .body .y1990 .circle {padding-top: 367px;}
.term4 .body .y1990-2 .circle {padding-top: 275px;}
.term4 .body .y1990-3 .circle {padding-top: 324px;}

.term4 .body .y1994 .circle::before {
  top: 8px;
  left: 134px;
  width: 378px;
  height: 324px;
  background: url(../img/term4/y1994-image.png) no-repeat 0 0;
}
.term4 .body .y1994-2 .circle::before {
  top: 22px;
  left: 137px;
  width: 211px;
  height: 290px;
  background: url(../img/term4/y1994-2-image.png) no-repeat 0 0;
}
.term4 .body .y1992 .circle::before {
  top: 73px;
  left: 94px;
  width: 398px;
  height: 307px;
  background: url(../img/term4/y1992-image.png) no-repeat 0 0;
}
.term4 .body .y1992-2 .circle::before {
  top: 72px;
  left: 131px;
  width: 225px;
  height: 317px;
  background: url(../img/term4/y1992-2-image.png) no-repeat 0 0;
}
.term4 .body .y1991 .circle::before {
  top: 70px;
  left: 126px;
  width: 223px;
  height: 315px;
  background: url(../img/term4/y1991-image.png) no-repeat 0 0;
}
.term4 .body .y1990 .circle::before {
  top: 110px;
  left: 196px;
  width: 212px;
  height: 221px;
  background: url(../img/term4/y1990-image.png) no-repeat 0 0;
}
.term4 .body .y1990-2 .circle::before {
  top: 87px;
  left: 57px;
  width: 366px;
  height: 179px;
  background: url(../img/term4/y1990-2-image.png) no-repeat 0 0;
}
.term4 .body .y1990-3 .circle::before {
  top: 15px;
  left: 128px;
  width: 375px;
  height: 334px;
  background: url(../img/term4/y1990-3-image.png) no-repeat 0 0;
}
.term4 .body .y1992 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term4/y1992-n.png) no-repeat 0 0;
}
.term4 .body .y1992 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term4/y1992-s.png) no-repeat 0 0;
}
.term4 .body .y1992 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term4/y1992-nt.png) no-repeat 0 0;
}
.term4 .body .y1992 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term4/y1992-st.png) no-repeat 0 0;
}


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

.term5 .body {
  height: 4432px;
}

.term5 .body .y1988 {top: 171px; left: 0;}
.term5 .body .y1987 {top: 216px; left: 524px;}
.term5 .body .y1987-2 {top: 609px; left: 398px;}
.term5 .body .y1985 {top: 807px; left: 0;}
.term5 .body .y1985-2 {top: 1026px; left: 365px; z-index: 1;} /* fix */
.term5 .body .y1984 {top: 1609px; left: 36px; z-index: 1;}
.term5 .body .y1984-2 {top: 1785px; left: 388px;}
.term5 .body .y1984-3 {top: 2179px; left: 0;}
.term5 .body .y1983 {top: 2553px; left: 503px;}
.term5 .body .y1982 {top: 2798px; left: 0;}
.term5 .body .y1981 {top: 3175px; left: 325px; z-index: 2;}
.term5 .body .y1981-2 {top: 3631px; left: 38px; z-index: 1;}
.term5 .body .y1981-3 {top: 3858px; left: 435px;}
.term5 .body .y1988 .circle {padding-top: 295px;}
.term5 .body .y1987 .circle {padding-top: 262px;}
.term5 .body .y1987-2 .circle {padding-top: 308px;}
.term5 .body .y1985 .circle {padding-top: 294px;}
.term5 .body .y1985-2 .circle {padding-top: 390px;}
.term5 .body .y1984 .circle {padding-top: 343px;}
.term5 .body .y1984-2 .circle {padding-top: 359px;}
.term5 .body .y1984-3 .circle {padding-top: 350px;}
.term5 .body .y1983 .circle {padding-top: 403px;}
.term5 .body .y1982 .circle {padding-top: 306px;}
.term5 .body .y1981 .circle {padding-top: 348px;}
.term5 .body .y1981-2 .circle {padding-top: 346px;}
.term5 .body .y1981-3 .circle {padding-top: 261px;}

.term5 .body .y1988 .circle::before {
  top: 40px;
  left: 110px;
  width: 268px;
  height: 243px;
  background: url(../img/term5/y1988-image.png) no-repeat 0 0;
}
.term5 .body .y1987 .circle::before {
  top: 42px;
  left: 98px;
  width: 220px;
  height: 221px;
  background: url(../img/term5/y1987-image.png) no-repeat 0 0;
}
.term5 .body .y1987-2 .circle::before {
  top: 51px;
  left: 93px;
  width: 172px;
  height: 245px;
  background: url(../img/term5/y1987-2-image.png) no-repeat 0 0;
}
.term5 .body .y1985 .circle::before {
  top: 82px;
  left: 46px;
  width: 387px;
  height: 189px;
  background: url(../img/term5/y1985-image.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .circle::before {
  top: 101px;
  left: 117px;
  width: 366px;
  height: 284px;
  background: url(../img/term5/y1985-2-image.png) no-repeat 0 0;
}
.term5 .body .y1984 .circle::before {
  top: 59px;
  left: 68px;
  width: 311px;
  height: 283px;
  background: url(../img/term5/y1984-image.png) no-repeat 0 0;
}
.term5 .body .y1984-2 .circle::before {
  top: 78px;
  left: 117px;
  width: 372px;
  height: 262px;
  background: url(../img/term5/y1984-2-image.png) no-repeat 0 0;
}
.term5 .body .y1984-3 .circle::before {
  top: 84px;
  left: 67px;
  width: 345px;
  height: 245px;
  background: url(../img/term5/y1984-3-image.png) no-repeat 0 0;
}
.term5 .body .y1983 .circle::before {
  top: 67px;
  left: 127px;
  width: 229px;
  height: 326px;
  background: url(../img/term5/y1983-image.png) no-repeat 0 0;
}
.term5 .body .y1982 .circle::before {
  top: 11px;
  left: 140px;
  width: 203px;
  height: 296px;
  background: url(../img/term5/y1982-image.png) no-repeat 0 0;
}
.term5 .body .y1981 .circle::before {
  top: 96px;
  left: 62px;
  width: 479px;
  height: 230px;
  background: url(../img/term5/y1981-image.png) no-repeat 0 0;
}
.term5 .body .y1981-2 .circle::before {
  top: 67px;
  left: 98px;
  width: 276px;
  height: 246px;
  background: url(../img/term5/y1981-2-image.png) no-repeat 0 0;
}
.term5 .body .y1981-3 .circle::before {
  top: 60px;
  left: 91px;
  width: 302px;
  height: 200px;
  background: url(../img/term5/y1981-3-image.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term5/y1985-2-n.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term5/y1985-2-s.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term5/y1985-2-nt.png) no-repeat 0 0;
}
.term5 .body .y1985-2 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term5/y1985-2-st.png) no-repeat 0 0;
}
.term5 .body .y1981 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term5/y1981-n.png) no-repeat 0 0;
}
.term5 .body .y1981 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term5/y1981-s.png) no-repeat 0 0;
}
.term5 .body .y1981 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term5/y1981-nt.png) no-repeat 0 0;
}
.term5 .body .y1981 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term5/y1981-st.png) no-repeat 0 0;
}

.term5 .body .y1981-2 .circle .lead {
  letter-spacing: -0.15em;
}


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

.term6 .body {
  height: 2380px;
}

.term6 .body .y1979 {top: 206px; left: 473px;}
.term6 .body .y1977 {top: 491px; left: 21px;}
.term6 .body .y1976 {top: 860px; left: 393px;}
.term6 .body .y1973 {top: 1283px; left: 0;}
.term6 .body .y1972 {top: 1653px; left: 477px;}
.term6 .body .y1972-2 {top: 1802px; left: 45px;}
.term6 .body .y1979 .circle {padding-top: 380px;}
.term6 .body .y1977 .circle {padding-top: 320px;}
.term6 .body .y1976 .circle {padding-top: 328px;}
.term6 .body .y1973 .circle {padding-top: 319px;}
.term6 .body .y1972 .circle {padding-top: 325px;}
.term6 .body .y1972-2 .circle {padding-top: 333px;}

.term6 .body .y1979 .circle::before {
  top: 67px;
  left: 129px;
  width: 212px;
  height: 302px;
  background: url(../img/term6/y1979-image.png) no-repeat 0 0;
}
.term6 .body .y1977 .circle::before {
  top: 51px;
  left: 143px;
  width: 180px;
  height: 251px;
  background: url(../img/term6/y1977-image.png) no-repeat 0 0;
}
.term6 .body .y1976 .circle::before {
  top: 36px;
  left: 90px;
  width: 424px;
  height: 276px;
  background: url(../img/term6/y1976-image.png) no-repeat 0 0;
}
.term6 .body .y1973 .circle::before {
  top: 57px;
  left: 117px;
  width: 255px;
  height: 259px;
  background: url(../img/term6/y1973-image.png) no-repeat 0 0;
}
.term6 .body .y1972 .circle::before {
  top: 68px;
  left: 82px;
  width: 330px;
  height: 245px;
  background: url(../img/term6/y1972-image.png) no-repeat 0 0;
}
.term6 .body .y1972-2 .circle::before {
  top: 70px;
  left: 103px;
  width: 271px;
  height: 259px;
  background: url(../img/term6/y1972-2-image.png) no-repeat 0 0;
}


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

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

.term7-header .ns {
  position: absolute;
  top: 185px;
  left: 306px;
  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: 500px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.05em;
}

.term7-header .decorations {
  position: absolute;
  top: 85px;
  left: 0;
  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: 751px;
  left: 204px;
}

.term7-header .images li {
  float: left;
  width: 290px;
  margin: 0 14px 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 16px;
}

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

.term7 .body {
  height: 186px;
}


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

.term8 .body {
  height: 3134px;
}

.term8 .body .y1968 {top: 219px; left: -9px; z-index: 1;}
.term8 .body .y1968-2 {top: 369px; left: 413px;}
.term8 .body .y1968-3 {top: 749px; left: 62px;}
.term8 .body .y1967 {top: 1063px; left: 514px;}
.term8 .body .y1967-2 {top: 1261px; left: 106px;}
.term8 .body .y1966 {top: 1681px; left: 473px;}
.term8 .body .y1966-2 {top: 1848px; left: 0;}
.term8 .body .y1964 {top: 2288px; left: 514px;}
.term8 .body .y1963 {top: 2473px; left: 0;}
.term8 .body .y1968 .circle {padding-top: 280px;}
.term8 .body .y1968-2 .circle {padding-top: 319px;}
.term8 .body .y1968-3 .circle {padding-top: 357px;}
.term8 .body .y1967 .circle {padding-top: 333px;}
.term8 .body .y1967-2 .circle {padding-top: 298px;}
.term8 .body .y1966 .circle {padding-top: 326px;}
.term8 .body .y1966-2 .circle {padding-top: 385px;}
.term8 .body .y1964 .circle {padding-top: 312px;}
.term8 .body .y1963 .circle {padding-top: 293px;}

.term8 .body .y1968 .circle::before {
  top: 19px;
  left: 117px;
  width: 255px;
  height: 253px;
  background: url(../img/term8/y1968-image.png) no-repeat 0 0;
}
.term8 .body .y1968-2 .circle::before {
  top: 96px;
  left: 59px;
  width: 371px;
  height: 220px;
  background: url(../img/term8/y1968-2-image.png) no-repeat 0 0;
}
.term8 .body .y1968-3 .circle::before {
  top: 138px;
  left: 102px;
  width: 274px;
  height: 195px;
  background: url(../img/term8/y1968-3-image.png) no-repeat 0 0;
}
.term8 .body .y1967 .circle::before {
  top: 70px;
  left: 45px;
  width: 361px;
  height: 255px;
  background: url(../img/term8/y1967-image.png) no-repeat 0 0;
}
.term8 .body .y1967-2 .circle::before {
  top: 66px;
  left: 123px;
  width: 233px;
  height: 223px;
  background: url(../img/term8/y1967-2-image.png) no-repeat 0 0;
}
.term8 .body .y1966 .circle::before {
  top: 45px;
  left: 172px;
  width: 142px;
  height: 270px;
  background: url(../img/term8/y1966-image.png) no-repeat 0 0;
}
.term8 .body .y1966-2 .circle::before {
  top: 91px;
  left: 60px;
  width: 354px;
  height: 267px;
  background: url(../img/term8/y1966-2-image.png) no-repeat 0 0;
}
.term8 .body .y1964 .circle::before {
  top: 82px;
  left: 83px;
  width: 320px;
  height: 222px;
  background: url(../img/term8/y1964-image.png) no-repeat 0 0;
}
.term8 .body .y1963 .circle::before {
  top: 9px;
  left: 119px;
  width: 383px;
  height: 390px;
  background: url(../img/term8/y1963-image.png) no-repeat 0 0;
}


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

.term9 .body {
  height: 1351px;
}

.term9 .body .y1957 {top: 177px; left: 517px;}
.term9 .body .y1957-2 {top: 332px; left: 0;}
.term9 .body .y1956 {top: 813px; left: 394px;}
.term9 .body .y1957 .circle {padding-top: 362px;}
.term9 .body .y1957-2 .circle {padding-top: 374px;}
.term9 .body .y1956 .circle {padding-top: 353px;}

.term9 .body .y1957 .circle::before {
  top: 64px;
  left: 121px;
  width: 268px;
  height: 296px;
  background: url(../img/term9/y1957-image.png) no-repeat 0 0;
}
.term9 .body .y1957-2 .circle::before {
  top: 118px;
  left: 80px;
  width: 327px;
  height: 224px;
  background: url(../img/term9/y1957-2-image.png) no-repeat 0 0;
}
.term9 .body .y1956 .circle::before {
  top: 121px;
  left: 35px;
  width: 404px;
  height: 222px;
  background: url(../img/term9/y1956-image.png) no-repeat 0 0;
}


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

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

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

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

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

.term10-header .text {
  position: absolute;
  top: 457px;
  left: 174px;
  width: 652px;
  text-align: center;
  color: #0054A6;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.05em;
}

.term10-header .image {
  position: absolute;
  top: 103px;
  left: 796px;
  width: 391px;
  height: 583px;
  background: url(../img/term10/image.png) no-repeat 0 0;
  z-index: 2;
}

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

.term10-header .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1012px;
  height: 719px;
  background: url(../img/term10/bg.png) no-repeat 0 3px;
  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: 2787px;
}

.term10 .body .y1956-2 {top: 52px; left: 159px;}
.term10 .body .y1954 {top: 533px; left: 500px;}
.term10 .body .y1954-2 {top: 641px; left: 6px;}
.term10 .body .y1953 {top: 1166px; left: 323px;}
.term10 .body .y1952 {top: 1758px; left: 4px;}
.term10 .body .y1951 {top: 2104px; left: 502px;}
.term10 .body .y1951-2 {top: 2267px; left: 16px;}
.term10 .body .y1956-2 .circle {padding-top: 374px;}
.term10 .body .y1954 .circle {padding-top: 341px;}
.term10 .body .y1954-2 .circle {padding-top: 413px;}
.term10 .body .y1953 .circle {padding-top: 447px;}
.term10 .body .y1952 .circle {padding-top: 323px;}
.term10 .body .y1951 .circle {padding-top: 344px;}
.term10 .body .y1951-2 .circle {padding-top: 299px;}

.term10 .body .y1956-2 .circle::before {
  top: 43px;
  left: -7px;
  width: 526px;
  height: 316px;
  background: url(../img/term10/y1956-2-image.png) no-repeat 0 0;
}
.term10 .body .y1954 .circle::before {
  top: 81px;
  left: 104px;
  width: 268px;
  height: 265px;
  background: url(../img/term10/y1954-image.png) no-repeat 0 0;
}
.term10 .body .y1954-2 .circle::before {
  top: 63px;
  left: 111px;
  width: 256px;
  height: 335px;
  background: url(../img/term10/y1954-2-image.png) no-repeat 0 0;
}
.term10 .body .y1953 .circle::before {
  top: 106px;
  left: 125px;
  width: 334px;
  height: 323px;
  background: url(../img/term10/y1953-image.png) no-repeat 0 0;
}
.term10 .body .y1952 .circle::before {
  top: 184px;
  left: 57px;
  width: 372px;
  height: 79px;
  background: url(../img/term10/y1952-image.png) no-repeat 0 0;
}
.term10 .body .y1951 .circle::before {
  top: 38px;
  left: 16px;
  width: 414px;
  height: 312px;
  background: url(../img/term10/y1951-image.png) no-repeat 0 0;
}
.term10 .body .y1951-2 .circle::before {
  top: 19px;
  left: 70px;
  width: 335px;
  height: 290px;
  background: url(../img/term10/y1951-2-image.png) no-repeat 0 0;
}
.term10 .body .y1953 .n {
  top: 310px;
  left: 8px;
  width: 113px;
  height: 178px;
  background: url(../img/term10/y1953-n.png) no-repeat 0 0;
}
.term10 .body .y1953 .s {
  top: 311px;
  left: 492px;
  width: 94px;
  height: 177px;
  background: url(../img/term10/y1953-s.png) no-repeat 0 0;
}
.term10 .body .y1953 .nt {
  top: 213px;
  left: -81px;
  width: 114px;
  height: 116px;
  background: url(../img/term10/y1953-nt.png) no-repeat 0 0;
}
.term10 .body .y1953 .st {
  top: 235px;
  left: 563px;
  width: 103px;
  height: 104px;
  background: url(../img/term10/y1953-st.png) no-repeat 0 0;
}


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

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

.term11-header .welcome {
  position: absolute;
  top: 112px;
  left: 124px;
  width: 762px;
  height: 544px;
  background: url(../img/term11/welcome.png) no-repeat 0 0;
  z-idnex: 1;
}

.term11-header .ns {
  position: absolute;
  top: 422px;
  left: 306px;
  width: 389px;
  height: 226px;
  background: url(../img/term11/ns.png) no-repeat 0 0;
  z-index: 2;
}

.term11-header .lead {
  position: absolute;
  top: 660px;
  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: 700px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #0054A6;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.05em;
  z-index: 2;
}

.term11-header .decorations {
  position: absolute;
  top: 403px;
  left: -37px;
  width: 1065px;
  height: 494px;
  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: 978px;
  left: 150px;
}

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

.term11-header .images li:nth-child(2) {
  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: 20px;
  line-height: 20px;
}

.term11 .body {
  height: 827px;
}

.term11 .body .y1947 {top: 215px; left: 260px;}
.term11 .body .y1947 .circle {padding-top: 273px;}

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


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

.term12 {
  position: relative;
  z-index: 1;
}

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

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

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

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

.term12-header .n {
  position: absolute;
  top: 291px;
  left: 55px;
  width: 211px;
  height: 276px;
  background: url(../img/term12/n.png) no-repeat 0 0;
  opacity: 0;
  transform: translate(-100px, 0);
  -webkit-transform: translate(-100px, 0);
  transition: all 500ms;
  z-index: 1;
}

.term12-header .s {
  position: absolute;
  top: 291px;
  left: 758px;
  width: 189px;
  height: 272px;
  background: url(../img/term12/s.png) no-repeat 0 0;
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transform: translate(100px, 0);
  transition: all 500ms;
  z-index: 1;
}

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

.term12-header .decorations {
  position: absolute;
  top: 63px;
  left: -90px;
  width: 1196px;
  height: 609px;
  background: url(../img/term12/decorations.png) no-repeat 0 0;
  z-index: 0;
}

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

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

.term12 .body {
  height: 189px;
}