.lp_transcend-boundaries-history {
  width: 100%;
  margin: 0 auto;
}

.lp_transcend-boundaries-history h1 {
  margin: 40px 0;
  font-size: 40px;
  line-height: 1.5em;
  text-align: center;
}

.lp_transcend-boundaries-history p {
  font-size: 20px;
  line-height: 1.7em;
}

@media (min-width: 769px) and (max-width: 1439px) {
  .lp_transcend-boundaries-history {
  width: 100%;
  margin: 0 auto;
  }
  .lp_transcend-boundaries-history h1 {
    margin: 2.77971vw 0;
    font-size: 2.77971vw;
  }
  .lp_transcend-boundaries-history p {
    font-size: 1.38985vw;
  }
}

@media screen and (max-width: 768px) {
  .lp_transcend-boundaries-history {
  width: 100%;
  margin: 0 auto;
  }
  .lp_transcend-boundaries-history h1 {
    margin: 5.20833vw 0;
    font-size: 5.20833vw;
  }
  .lp_transcend-boundaries-history p {
    font-size: 2.60417vw;
  }
}
html {
	-ms-overflow-style: scrollbar;
}
@media (min-width: 1439px) {
.forsp {
display: none;
}
}
@media (min-width: 769px) and (max-width: 1439px) {
.forsp {
display: none;
}
}
@media screen and (max-width: 768px) {
.forpc {
display: none;
}
}

.lp_transcend-boundaries-history__header {
width: 100%;
background-color: #000;
padding: 6.25vw;
height: 20.833vw;
background-image: url(../images/transcend-boundaries-history/history_title.png?$staticlink$);
background-repeat: no-repeat;
background-size: 60%;
background-position: center left 6.25vw;
margin-bottom: 11.111vw;
}
@media screen and (max-width: 768px) {
.lp_transcend-boundaries-history__header {
height: 72vw;
background-image: url(../images/transcend-boundaries-history/sp_history_title.png?$staticlink$);
background-size: 100%;
background-position: center left 2vw;
margin-bottom: 20.26vw;
}
}
.lp_transcend-boundaries-history__header h1 {
font-size: 0px;
}

.lp_transcend-boundaries-history__contnets {
margin: 0 0.417vw 16.667vw 0.417vw;
position: relative;
}
@media screen and (max-width: 768px) {
.lp_transcend-boundaries-history__contnets {
margin: 0 2.66vw 16.667vw 2.66vw;
}
}

.center_line {
background-color: #d6001c;
width: 0.556vw;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

@media screen and (max-width: 768px) {
.center_line {
width: 1.126%;
}
}
.history_set {
width: 100%;
position: relative;
margin-bottom: 200px;
}
.history_set2 {
width: 100%;
position: relative;
margin-bottom: 150px;
}
.history_point {
background-image: url(../images/transcend-boundaries-history/history_point.png?$staticlink$);
background-repeat: no-repeat;
background-size: 98%;
background-position: center center;
width: 1.5vw;
height: 1.5vw;
position: absolute;
top: -0.694vw;
left: 0;
right: 0;
margin: auto;
z-index: 10;
}
@media screen and (max-width: 768px) {
.history_point {
width: 3vw;
height: 3vw;
z-index: 10;
}
}
.history_year-l {
font-size: 5.556vw;
display: inline-block;
position: absolute;
left: 35.069vw;
top: 0vw;
}
.history_year-r {
font-size: 5.556vw;
display: inline-block;
position: absolute;
right: 35.069vw;
top: 0vw;
}
@media screen and (max-width: 768px) {
.history_year-l {
font-size: 10.66vw;
left: 19vw;
}
.history_year-r {
font-size: 10.66vw;
left: 19vw;
}
}
.history_txt_blk {
width: 30.208vw;
}
.hisoty_title {
font-size: 2.5vw;
line-height: 1.4em;
margin-bottom: 2vw;
font-family: ReaderMedium,Arial,sans-serif;
}
@media screen and (max-width: 768px) {
.hisoty_title {
font-size: 4vw;
}
}
.history_text {
font-size: 1.25vw;
line-height: 1.6em;
}
@media screen and (max-width: 768px) {
.history_text {
font-size: 3.2vw;
}
}

@media screen and (min-width: 769px) {
.history_1872-1 {
height: 39.236vw;
opacity : 0.0;
transform : translate(0, 50px);
animation: fadein 2s ease 2s 1 normal forwards;
}
}

@keyframes fadein {
  0% {
    opacity : 0.0;
    transform : translate(0, 50px);
  }

  100% {
    opacity : 1;
    transform : translate(0, 0);
  }
}
@media screen and (max-width: 768px) {
.history_1872-1 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}
.history_1872-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 17.361vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1872-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 88vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_1872-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1872_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}

@media screen and (max-width: 768px) {
.history_1872-1 .history_image {
width: 100%;
height: 100%;
position: absolute;
top: 13.33vw;
right: 0;
}
}

.history_1872-2 {
height: 43.681vw;
}
@media screen and (max-width: 768px) {
.history_1872-2 {
height: 73.3vw;
margin-bottom: 18.66vw;
}
}
.history_1872-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 17.361vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1872-2 .history_txt_blk {
width: 42.26vw;
position: absolute;
top: 1vw;
right: 0;
}
}
.history_1872-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1872_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 31.512%;
height: 100%;
position: absolute;
top: 0;
left: 18.207%;
}
@media screen and (max-width: 768px) {
.history_1872-2 .history_image {
width: 49.5%;
left: 0;
top: 1vw;
background-position: top;
}
}


.history_1897-1 {
height: 35.417vw;
}
@media screen and (max-width: 768px) {
.history_1897-1 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}
.history_1897-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 12.292vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1897-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 81vw;
left: 0;
text-align: left;
background-color: #fff;
}
}

.history_1897-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1897_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.history_1897-1 .history_image {
width: 100%;
height: 68vw;
position: absolute;
top: 13.33vw;
right: 0;
}
}

.history_1897-2 {
height: 35.417vw;
}
@media screen and (max-width: 768px) {
.history_1897-2 {
height: 118.66vw;
margin-bottom: 18.66vw;
}
}
.history_1897-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 5.556vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1897-2 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 69vw;
left: 0;
text-align: left;
background-color: #fff;
}
}

.history_1897-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1897_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.history_1897-2 .history_image {
width: 100%;
height: 68vw;
position: absolute;
top: 0.8vw;
right: 0;
}
}


.history_1919-1 {
height: 38.472vw;
}
@media screen and (max-width: 768px) {
.history_1919-1 {
height: 120.93vw;
margin-bottom: 18.66vw;
}
}
.history_1919-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 21.528vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1919-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 88vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_1919-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1919_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.history_1919-1 .history_image {
width: 100%;
height: 100%;
position: absolute;
top: 13.33vw;
right: 0;
}
}

.history_1919-2 {
height: 38.472vw;
}
@media screen and (max-width: 768px) {
.history_1919-2 {
height: 113.33vw;
margin-bottom: 18.66vw;
}
}
.history_1919-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 17vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1919-2 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 76vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_1919-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1919_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.history_1919-2 .history_image {
width: 100%;
height: 75.46vw;
position: absolute;
top: 1vw;
right: 0;
}
}


.history_1937-1 {
height: 52.569vw;
}
@media screen and (max-width: 768px) {
.history_1937-1 {
height: 78.76vw;
margin-bottom: 18.66vw;
}
}

.history_1937-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 34.722vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1937-1 .history_txt_blk {
width: 42.26vw;
position: absolute;
top: 3vw;
right: 0;
top: 13.33vw;
left: auto;
text-align: left;
}
}
.history_1937-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1937_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 37.815%;
height: 100%;
position: absolute;
top: 0;
right: 11.9%;
}
@media screen and (max-width: 768px) {
.history_1937-1 .history_image {
width: 49.5%;
top: 13.33vw;
left: 0;
right: auto;
}
}


.history_1937-2 {
height: 39.306vw;
}
@media screen and (max-width: 768px) {
.history_1937-2 {
height: 113.33vw;
margin-bottom: 18.66vw;
}
}
.history_1937-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 19.444vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1937-2 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 75vw;
left: 0;
text-align: left;
background-color: #fff;
}
}

.history_1937-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1937_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.history_1937-2 .history_image {
width: 100%;
height: 75.46vw;
position: absolute;
top: 0.6vw;
right: 0;
}
}


.history_1949-1 {
height: 39.306vw;
}
@media screen and (max-width: 768px) {
.history_1949-1 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}
.history_1949-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 19.444vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1949-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 88vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_1949-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1949_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.history_1949-1 .history_image {
width: 100%;
height: 100%;
top: 13.33vw;
left: 0;
position: absolute;
}
}



.history_1966-1 {
height: 39.306vw;
}
@media screen and (max-width: 768px) {
.history_1966-1 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}
.history_1966-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 15.972vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1966-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 88vw;
right: 0;
text-align: left;
background-color: #fff;
}
}
.history_1966-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1966_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.history_1966-1 .history_image {
width: 100%;
height: 100%;
position: absolute;
top: 13.33vw;
left: 0;
}
}

.history_1966-2 {
height: 52.569vw;
}
@media screen and (max-width: 768px) {
.history_1966-2 {
height: 85.33vw;
margin-bottom: 18.66vw;
}
}
.history_1966-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 27.722vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_1966-2 .history_txt_blk {
width: 42.26vw;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: right;
}
}
.history_1966-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1966_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 37.815%;
height: 100%;
position: absolute;
top: 0;
right: 11.9%;
}
@media screen and (max-width: 768px) {
.history_1966-2 .history_image {
width: 49.5%;
height: 65.46vw;
top: 0.6vw;
right: 0;
left: auto;
}
}



.history_1985-1 {
height: 52.5vw;
}
@media screen and (max-width: 768px) {
.history_1985-1 {
height: 79.3vw;
margin-bottom: 18.66vw;
}
}
.history_1985-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 36.111vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_1985-1 .history_txt_blk {
width: 42.26vw;
position: absolute;
top: 13.33vw;
right: 0;
left: auto;
text-align: left;
}
}
.history_1985-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1985_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 37.815%;
height: 100%;
position: absolute;
top: 0;
left: 11.9%;
}
@media screen and (max-width: 768px) {
.history_1985-1 .history_image {
width: 49.5%;
right: auto;
left: 0;
top: 13.33vw;
}
}

.history_1985-2 {
height: 39.306vw;
}
@media screen and (max-width: 768px) {
.history_1985-2 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}

.history_1985-2 .history_txt_blk {
width: 29.5vw;
position: absolute;
top: 11.806vw;
text-align: right;
left: 12.014vw;
}
@media screen and (max-width: 768px) {
.history_1985-2 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 75vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_1985-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_1985_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.history_1985-2 .history_image {
width: 100%;
height: 75.46vw;
position: absolute;
top: 0.8vw;
right: 0;
}
}


.history_2020-1 {
height: 39.306vw;
}
@media screen and (max-width: 768px) {
.history_2020-1 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}

.history_2020-1 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 14.583vw;
right: 12.014vw;
text-align: left;
}
@media screen and (max-width: 768px) {
.history_2020-1 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 88vw;
right: 0;
text-align: left;
background-color: #fff;
}
}
.history_2020-1 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_2020_1.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.history_2020-1 .history_image {
width: 100%;
height: 75.46vw;
position: absolute;
top: 13.33vw;
left: 0;
}
}

.history_2020-2 {
height: 50.306vw;
}
@media screen and (max-width: 768px) {
.history_2020-2 {
height: 130.33vw;
margin-bottom: 18.66vw;
}
}
.history_2020-2 .history_txt_blk {
width: 30.208vw;
position: absolute;
top: 11.806vw;
left: 12.014vw;
text-align: right;
}
@media screen and (max-width: 768px) {
.history_2020-2 .history_txt_blk {
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
top: 75vw;
left: 0;
text-align: left;
background-color: #fff;
}
}
.history_2020-2 .history_image {
background-image: url(../images/transcend-boundaries-history/history_img_2020_2.jpg?$staticlink$);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: right top;
width: 49.719%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.history_2020-2 .history_image {
width: 100%;
height: 75.46vw;
position: absolute;
top: 0.6vw;
left: 0;
}
}

.finish {
background-image: url(../images/transcend-boundaries-history/history_end.png?$staticlink$);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 2vw;
width: 100%;
height: 10vw;
position: absolute;
bottom: -10px;
z-index: 11;
}
@media screen and (max-width: 768px) {
.finish {
background-image: url(../images/transcend-boundaries-history/history_end.png?$staticlink$);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 4vw;
width: 100%;
height: 10vw;
position: relative;
z-index: 11;
margin-bottom: -5px;
}
}



@media (min-width: 1439px) {
/* animate  */
.animation {
    opacity : 0.0;
    transform : translate(0, 50px);
    transition : all 1000ms;
    }
 
.animation.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
.animation.scrollin:nth-of-type(2) {
	transition-delay: 0.3s;
}
.animation.scrollin:nth-of-type(3) {
	transition-delay: 0.5s;
}
.animation.scrollin:nth-of-type(4) {
	transition-delay: 0.8s;
}


.animate {
    opacity : 0.0;
    transform : translate(0, 0);
    transition : all 1200ms;
    }
.animate.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
.animate.scrollin:nth-of-type(2) {
	transition-delay: 0.3s;
}
.animate.scrollin:nth-of-type(3) {
	transition-delay: 0.5s;
}
.animate.scrollin:nth-of-type(4) {
	transition-delay: 0.8s;
}
}
    

@media (min-width: 769px) and (max-width: 1439px) {
/* animate  */
.animation {
    opacity : 0.0;
    transform : translate(0, 50px);
    transition : all 1000ms;
    }
 
.animation.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

}