@charset "UTF-8";
/* CSS Document */

.wrapper_ {
  overflow: visible;
}

.contents_area_ {
    padding-bottom: 0;
}


#history {
  background: url(../img/bg.png);
  background-size: 300px auto;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
}


/*--------------------
main copy
--------------------*/

#history .main_txt {
  position: relative;
  margin: 0 auto;
  padding: 150px 0 160px;
}

#history .main_txt .main_txt_title,
#history .main_txt .main_txt_read {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  width: fit-content;
}

#history .main_txt .main_txt_title {
  margin-bottom: 60px;
}

#history .main_txt .main_txt_title img {
  height: 118px;
}

#history .main_txt .main_txt_read {
  margin-bottom: 17px;
}

#history .main_txt .main_txt_read img {
  height: 63px;
}

#history .main_txt .main_txt_read_jp {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

#history .main_txt .main_txt_title .anm,
#history .main_txt .main_txt_read .anm,
#history .last_txt p .anm {
  /* animation */
  transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
  transform: translateY(70%);
  opacity: 0;
}

#history .main_txt .main_txt_read_jp.anm {
  /* animation */
  transition: transform .8s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
  transform: translateY(20px);
  opacity: 0;
}

#history .main_txt .main_txt_title .anm:nth-child(1) {
  transition-delay: 0.03s;
}

#history .main_txt .main_txt_title .anm:nth-child(2) {
  transition-delay: 0.06s;
}

#history .main_txt .main_txt_title .anm:nth-child(3) {
  transition-delay: 0.09s;
}

#history .main_txt .main_txt_title .anm:nth-child(4) {
  transition-delay: 0.12s;
}

#history .main_txt .main_txt_title .anm:nth-child(5) {
  transition-delay: 0.15s;
}

#history .main_txt .main_txt_title .anm:nth-child(6) {
  transition-delay: 0.18s;
}

#history .main_txt .main_txt_title .anm:nth-child(7),
#history .year_detail .year_detail_txt p.anm {
  transition-delay: 0.21s;
}


#history .main_txt .main_txt_read .anm:nth-child(1),
#history .last_txt p .anm:nth-child(1) {
  transition-delay: 0.30s;
}

#history .main_txt .main_txt_read .anm:nth-child(2),
#history .last_txt p .anm:nth-child(2) {
  transition-delay: 0.33s;
}

#history .main_txt .main_txt_read .anm:nth-child(3),
#history .last_txt p .anm:nth-child(3) {
  transition-delay: 0.36s;
}

#history .main_txt .main_txt_read .anm:nth-child(4),
#history .last_txt p .anm:nth-child(4) {
  transition-delay: 0.39s;
}

#history .main_txt .main_txt_read .anm:nth-child(5),
#history .last_txt p .anm:nth-child(5) {
  transition-delay: 0.42s;
}

#history .main_txt .main_txt_read .anm:nth-child(6),
#history .last_txt p .anm:nth-child(6) {
  transition-delay: 0.45s;
}

#history .main_txt .main_txt_read .anm:nth-child(7),
#history .last_txt p .anm:nth-child(7) {
  transition-delay: 0.48s;
}

#history .main_txt .main_txt_read .anm:nth-child(8),
#history .last_txt p .anm:nth-child(8) {
  transition-delay: 0.51s;
}

#history .main_txt .main_txt_read .anm:nth-child(9),
#history .last_txt p .anm:nth-child(9) {
  transition-delay: 0.54s;
}

#history .main_txt .main_txt_read .anm:nth-child(10),
#history .last_txt p .anm:nth-child(10) {
  transition-delay: 0.57s;
}

#history .main_txt .main_txt_read .anm:nth-child(11),
#history .last_txt p .anm:nth-child(11) {
  transition-delay: 0.60s;
}

#history .main_txt .main_txt_read .anm:nth-child(12),
#history .last_txt p .anm:nth-child(12) {
  transition-delay: 0.63s;
}

#history .main_txt .main_txt_read .anm:nth-child(13),
#history .last_txt p .anm:nth-child(13) {
  transition-delay: 0.66s;
}

#history .main_txt .main_txt_read .anm:nth-child(14) {
  transition-delay: 0.69s;
}

#history .main_txt .main_txt_read .anm:nth-child(15) {
  transition-delay: 0.72s;
}

#history .main_txt .main_txt_read .anm:nth-child(16) {
  transition-delay: 0.75s;
}

#history .main_txt .main_txt_read .anm:nth-child(17) {
  transition-delay: 0.78s;
}

#history .main_txt .main_txt_read .anm:nth-child(18) {
  transition-delay: 0.81s;
}


#history .main_txt .main_txt_read_jp.anm {
  transition-delay: 1.30s;
}

/* animation */
#history .main_txt .anm.visible,
#history .last_txt p .anm.visible {
  transform: translateY(0%);
  opacity: 1;
}


/*--------------------
kv
--------------------*/
#history .kv_pc {
  width: 100%;
  display: flex;
  column-gap: 5px;
  margin-bottom: 100px;
}

#history .kv_pc li {
  width: calc((100% - 15px) / 4);
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

#history .kv_sp {
  display: none;
}

#history .kv_pc.anm2 li img,
#history .kv_sp.anm2 li img {
  /* animation */
  transition: opacity .8s;
  opacity: 0;
}

#history .kv_pc.anm2 li img.kv_delay_1,
#history .kv_sp.anm2 li img.kv_delay_1 {
  transition-delay: 0;
}

#history .kv_pc.anm2 li img.kv_delay_2,
#history .kv_sp.anm2 li img.kv_delay_2 {
  transition-delay: 0.2s;
}

#history .kv_pc.anm2 li img.kv_delay_3,
#history .kv_sp.anm2 li img.kv_delay_3 {
  transition-delay: 0.4s;
}

#history .kv_pc.anm2 li img.kv_delay_4,
#history .kv_sp.anm2 li img.kv_delay_4 {
  transition-delay: 0.8s;
}

#history .kv_pc.anm2 li img.kv_delay_5,
#history .kv_sp.anm2 li img.kv_delay_5 {
  transition-delay: 0.9s;
}

#history .kv_pc.anm2 li img.kv_delay_6,
#history .kv_sp.anm2 li img.kv_delay_6 {
  transition-delay: 1.0s;
}

/* animation */
#history .kv_pc.anm2.visible li img,
#history .kv_sp.anm2.visible li img {
  opacity: 1;
}


/*--------------------
year_nav
--------------------*/
#history .history_content {}

#history .year_nav {
  position: sticky;
  top: 55px;
  z-index: 100;
  margin-bottom: 80px;
}

#history .year_nav.anm {
  opacity: 0;
  transform: translateY(35px);
  transition: transform .8s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
}

/* animation */
#history .year_nav.anm.visible {
  opacity: 1;
  transform: translateY(0);
}

#history button {
  background: none;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#history .menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

#history .arrow {
  cursor: pointer;
  width: 26px;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 10;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s ease, background-color 0.2s ease;
}

#history .arrow:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

#history .arrow img {
  width: 26px;
  height: 100px;
}

#history .arrow-left {
  left: 0;
}

#history .arrow-right {
  right: 0;
}

/* ボタンを囲む用 */
#history .btn-wrap {
  z-index: 1;
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  column-gap: 5px;
}

#history .btn-wrap li a img {
  width: 240px;
  height: 100px;
}

#history #css {
  display: none;
}

#history .btn-wrap::-webkit-scrollbar {
  display: none;
}


/*--------------------
year
--------------------*/

#history .year {
  z-index: 1;
  padding-top: 185px;
  margin-top: -185px;
  padding-bottom: 30px;
}

#history .year h2 {
  width: 100%;
  position: relative;
  margin-bottom: 80px;
}

#history .year h2:before {
  content: '';
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  height: 23px;
  background: url(../img/year_bg.png) repeat-x left center;
  background-size: 70px auto;
  transition: transform 0.7s, opacity 0.3s;
  transform: translateX(-100%);
  opacity: 0;
}

#history .year.visible h2:before {
  transform: translateX(0);
  opacity: 1;
}

#history .year h2 p.txt_year {
  position: absolute;
  left: 50%;
  width: 236px;
  height: 74px;
  margin: 0 0 0 -118px;
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.8s;
  text-align: center;
  background: url(../img/bg.png);
  background-size: 300px auto;
}

#history .year.visible h2 p.txt_year {
  opacity: 1;
}

#history .year h2 p.txt_year img {
  width: 236px;
  height: 74px;
}

#history .year h2 p.txt_read {
  width: fit-content;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0 auto;
  padding-top: 74px;
  opacity: 0;
  transform: translateY(20px);
  transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
  transition-delay: 1.2s;
}

#history .year.visible h2 p.txt_read {
  opacity: 1;
  transform: translateY(0);
}

#history .year .year_detail {
  max-width: 1200px;
  contain: paint;
  margin: 0 auto 120px;
}

#history .year .year_detail .year_detail_txt {
  position: sticky;
  top: 190px;
  float: left;
}

#history .year .year_detail .year_detail_txt h3 {
  margin-bottom: 24px;
}

#history .year .year_detail .year_detail_txt h3 img {
  height: 119px;
  padding-right: 18px;
}

#history .year .year_detail .year_detail_txt img.pr_l {
  padding-right: 27px;
}

#history .year .year_detail .year_detail_txt img.pr_s {
  padding-right: 11px;
}

#history .year .year_detail .year_detail_txt p {
  width: 340px;
}

#history .year .year_detail .year_detail_img {
  position: relative;
  float: right;
}



#history .year_detail .year_detail_txt h3 .anm {
  transition: transform .6s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
  transform: translateY(70%);
  opacity: 0;
}

#history .year_detail .year_detail_txt p.anm {
  transition: transform .8s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
  transform: translateY(20px);
  opacity: 0;
}

#history .year_detail .year_detail_img img.anm2 {
  transition: transform .8s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s;
  transform: translateY(50px);
  opacity: 0;
}

#history .year_detail .year_detail_txt h3 .anm:nth-child(1) {
  transition-delay: 0.03s;
}

#history .year_detail .year_detail_txt h3 .anm:nth-child(2) {
  transition-delay: 0.06s;
}

#history .year_detail .year_detail_txt h3 .anm:nth-child(3) {
  transition-delay: 0.09s;
}

#history .year_detail .year_detail_txt h3 .anm:nth-child(4) {
  transition-delay: 0.12s;
}

#history .year_detail .year_detail_img img.img_01.anm2 {
  transition-delay: 1.00s;
}

#history .year_detail .year_detail_img img.img_02.anm2 {
  transition-delay: 1.20s;
}

#history .year_detail .year_detail_img img.img_03.anm2 {
  transition-delay: 1.60s;
}

#history .year_detail .year_detail_img img.img_04.anm2 {
  transition-delay: 1.80s;
}

#history .year_detail .year_detail_img img.img_05.anm2 {
  transition-delay: 2.00s;
}

#history .year_detail .year_detail_txt h3 .anm.visible,
#history .year_detail .year_detail_txt p.anm.visible,
#history .year_detail .year_detail_img img.anm2.visible {
  transform: translateY(0%);
  opacity: 1;
}





#history .year_detail_img {
  padding-top: 0;
}




#history #year_1889 {
  max-width: 1040px;
  padding: 0 20px;
}

#history .year .year_detail#year_1889 .year_detail_txt p {
  width: 370px;
}

#history #year_1889 .year_detail_img {
  width: calc(100% - 380px);
}

#history #year_1889 .year_detail_img .img_01 {
  position: absolute;
  width: 53.6%;
  padding: 0 0 0 5.95%;
}

#history #year_1889 .year_detail_img .img_02 {
  width: 53.6%;
  padding: 55.9% 0 0 46.25%;
  right: 0;
}

#history #year_1889 .year_detail_img .img_03 {
  position: absolute;
  width: 36.75%;
  padding: 71.67% 0 0 0;
  left: 0;
}



#history #year_1911 {
  max-width: 613px;
  padding: 0 20px;
}

#history .year .year_detail#year_1911 .year_detail_txt p {
  width: 360px;
}

#history #year_1911 .year_detail_img {
  width: calc(100% - 380px);
}

#history #year_1911 .year_detail_img .img_01 {
  width: 91.85%;
  padding: 0 0 8.15%;
}



#history #year_1913 {
  max-width: 1046px;
  padding: 0 20px;
}

#history .year .year_detail#year_1913 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1913 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1913 .year_detail_txt p {
  width: 400px;
}

#history #year_1913 .year_detail_img {
  width: calc(100% - 420px);
}

#history #year_1913 .year_detail_img .img_01 {
  position: absolute;
  width: 61.82%;
  padding: 0;
}

#history #year_1913 .year_detail_img .img_02 {
  width: 43.29%;
  padding: 7.35% 0 0 53.51%;
  right: 0;
}



#history #year_1921 {
  max-width: 1058px;
  padding: 0 20px 0 118px;
}

#history #year_1921 .year_detail_img {
  width: calc(100% - 340px);
}

#history #year_1921 .year_detail_img .img_01 {
  position: absolute;
  width: 48.75%;
  padding: 0 0 0 30.64%;
}

#history #year_1921 .year_detail_img .img_02 {
  position: absolute;
  width: 33.48%;
  padding: 16.16% 0 0 0;
}

#history #year_1921 .year_detail_img .img_03 {
  width: 31.62%;
  padding: 40.67% 0 0 68.38%;
}



#history #year_1922 {
  max-width: 1037px;
  padding: 0 20px 0 53px;
}

#history .year .year_detail#year_1922 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1922 .year_detail_img {
  float: left;
}

#history #year_1922 .year_detail_img {
  width: calc(100% - 387px);
}

#history #year_1922 .year_detail_img .img_01 {
  position: absolute;
  width: 53.85%;
  padding: 0 0 0 43.38%;
}

#history #year_1922 .year_detail_img .img_02 {
  width: 60.77%;
  padding: 27.85% 0 0 0;
}



#history #year_1924 {
  max-width: 970px;
  padding: 0 20px;
}

#history #year_1924 .year_detail_img {
  width: calc(100% - 376px);
}

#history #year_1924 .year_detail_img .img_01 {
  position: absolute;
  width: 58.92%;
  padding: 0;
}

#history #year_1924 .year_detail_img .img_02 {
  width: 46.63%;
  padding: 16.5% 0 0 53.37%;
}



#history #year_1925 {
  max-width: 1081px;
  padding: 0 20px;
  margin-bottom: 50px;
}

#history .year .year_detail#year_1925 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1925 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1925 .year_detail_txt p {
  width: 390px;
}

#history #year_1925 .year_detail_img {
  width: calc(100% - 442px);
}

#history #year_1925 .year_detail_img .img_01 {
  width: 64.16%;
  padding: 0 0 0 35.84%;
}



#history #year_1925_2 {
  max-width: 1081px;
  padding: 0 20px;
}

#history .year .year_detail#year_1925_2 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1925_2 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1925_2 .year_detail_txt p {
  width: 390px;
}

#history #year_1925_2 .year_detail_img {
  width: calc(100% - 442px);
}

#history #year_1925_2 .year_detail_img .img_01 {
  position: absolute;
  width: 51.64%;
  padding: 0 0 0 48.36%;
}

#history #year_1925_2 .year_detail_img .img_02 {
  width: 53.21%;
  padding: 12.83% 0 0 0;
}



#history #year_1927 {
  max-width: 779px;
  padding: 0 20px;
  margin-bottom: 50px;
}

#history .year .year_detail#year_1927 .year_detail_txt p {
  width: 410px;
}

#history #year_1927 .year_detail_img {
  width: calc(100% - 431px);
}



#history #year_1927_2 {
  max-width: 779px;
  padding: 0 20px;
}

#history .year .year_detail#year_1927_2 .year_detail_txt p {
  width: 400px;
}

#history #year_1927_2 .year_detail_img {
  width: calc(100% - 431px);
}

#history #year_1927_2 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1934 {
  max-width: 838px;
  padding: 0 125px 0 20px;
  margin-bottom: 50px;
}

#history #year_1934 .year_detail_img {
  width: calc(100% - 372px);
}

#history #year_1934 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1934 {
  max-width: 838px;
  padding: 0 125px 0 20px;
  margin-bottom: 50px;
}

#history .year .year_detail#year_1934 .year_detail_txt p {
  width: 372px;
}

#history #year_1934 .year_detail_img {
  width: calc(100% - 372px);
}

#history #year_1934 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1934_2 {
  max-width: 838px;
  padding: 0 125px 0 20px;
}

#history .year .year_detail#year_1934_2 .year_detail_txt p {
  width: 424px;
}

#history #year_1934_2 .year_detail_img {
  width: calc(100% - 424px);
}

#history #year_1934_2 .year_detail_img .img_01 {
  width: 86.96%;
  padding: 0;
}



#history #year_1936 {
  max-width: 1095px;
  padding: 0 79px 0 20px;
}

#history .year .year_detail#year_1936 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1936 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1936 .year_detail_txt p {
  width: 400px;
}

#history #year_1936 .year_detail_img {
  width: calc(100% - 420px);
}

#history #year_1936 .year_detail_img .img_01 {
  position: absolute;
  width: 66.67%;
  padding: 0;
}

#history #year_1936 .year_detail_img .img_02 {
  width: 52.44%;
  padding: 9.78% 0 0 47.56%;
}



#history #year_1940 {
  max-width: 726px;
  padding: 0 140px 0 20px;
}

#history #year_1940 .year_detail_img {
  width: calc(100% - 366px);
}

#history #year_1940 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1944 {
  max-width: 737px;
  padding: 0 20px 0 75px;
}

#history .year .year_detail#year_1944 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1944 .year_detail_img {
  float: left;
}

#history #year_1944 .year_detail_img {
  width: calc(100% - 340px);
}

#history #year_1944 .year_detail_img .img_01 {
  width: 83.12%;
  padding: 0;
}



#history #year_1946 {
  max-width: 1018px;
  padding: 0 20px;
}

#history .year .year_detail#year_1946 .year_detail_txt p {
  width: 400px;
}

#history #year_1946 .year_detail_img {
  width: calc(100% - 461px);
}

#history #year_1946 .year_detail_img .img_01 {
  position: absolute;
  width: 73.61%;
  padding: 0;
}

#history #year_1946 .year_detail_img .img_02 {
  position: absolute;
  width: 55.66%;
  padding: 72.53% 0 0 44.34%;
}

#history #year_1946 .year_detail_img .img_03 {
  width: 50.45%;
  padding: 63.2% 0 9.69% 0;
}



#history #year_1947 {
  max-width: 775px;
  padding: 0 20px;
}

#history .year .year_detail#year_1947 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1947 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1947 .year_detail_txt p {
  width: 387px;
}

#history #year_1947 .year_detail_img {
  width: calc(100% - 387px);
}

#history #year_1947 .year_detail_img .img_01 {
  width: 90.21%;
  padding: 0 9.79% 0 0;
}



#history #year_1948 {
  max-width: 887px;
  padding: 0 20px;
}

#history .year .year_detail#year_1948 .year_detail_txt p {
  width: 400px;
}

#history #year_1948 .year_detail_img {
  width: calc(100% - 400px);
}

#history #year_1948 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1949 {
  max-width: 800px;
  padding: 0 20px 0 177px;
}

#history .year .year_detail#year_1949 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1949 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1949 .year_detail_txt p {
  width: 360px;
}

#history #year_1949 .year_detail_img {
  width: calc(100% - 360px);
}

#history #year_1949 .year_detail_img .img_01 {
  width: 88.64%;
  padding: 0;
}



#history #year_1951 {
  max-width: 660px;
  padding: 0 20px;
}

#history .year .year_detail#year_1951 .year_detail_txt p {
  width: 400px;
}

#history #year_1951 .year_detail_img {
  width: calc(100% - 450px);
}

#history #year_1951 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1955 {
  max-width: 750px;
  padding: 0 20px 0 192px;
}

#history .year .year_detail#year_1955 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1955 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1955 .year_detail_txt p {
  width: 420px;
}

#history #year_1955 .year_detail_img {
  width: calc(100% - 445px);
}

#history #year_1955 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}



#history #year_1958 {
  max-width: 1071px;
  padding: 0 20px 0 93px;
}

#history .year .year_detail#year_1958 .year_detail_txt p {
  width: 430px;
}

#history #year_1958 .year_detail_img {
  width: calc(100% - 470px);
}

#history #year_1958 .year_detail_img .img_01 {
  position: absolute;
  width: 92.05%;
  padding: 0 0 0 1.52%;
}

#history #year_1958 .year_detail_img .img_02 {
  position: absolute;
  width: 59.22%;
  padding: 76.14% 0 0 0;
}

#history #year_1958 .year_detail_img .img_03 {
  width: 42.3%;
  padding: 92.72% 0 0 53.13%;
  right: 0;
}



#history #year_1960 {
  max-width: 932px;
  padding: 0 20px 0 93px;
}

#history .year .year_detail#year_1960 .year_detail_txt p {
  width: 370px;
}

#history #year_1960 .year_detail_img {
  width: calc(100% - 420px);
}

#history #year_1960 .year_detail_img .img_01 {
  position: absolute;
  width: 64.81%;
  padding: 0;
}

#history #year_1960 .year_detail_img .img_02 {
  width: 38.89%;
  padding: 15.19% 0 0 61.48%;
}



#history #year_1970 {
  max-width: 1084px;
  padding: 0 20px;
}

#history .year .year_detail#year_1970 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1970 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1970 .year_detail_txt p {
  width: 400px;
}

#history #year_1970 .year_detail_img {
  width: calc(100% - 400px);
}

#history #year_1970 .year_detail_img .img_01 {
  position: absolute;
  width: 45.32%;
  padding: 0;
}

#history #year_1970 .year_detail_img .img_02 {
  position: absolute;
  width: 45.32%;
  padding: 0 0 0 48.25%;
}

#history #year_1970 .year_detail_img .img_03 {
  position: absolute;
  width: 45.32%;
  padding: 63.89% 0 0 0;
}

#history #year_1970 .year_detail_img .img_04 {
  width: 45.32%;
  padding: 63.89% 0 0 48.25%;
}



#history #year_1972 {
  max-width: 745px;
  padding: 0 20px;
}

#history .year .year_detail#year_1972 .year_detail_txt {
  float: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#history .year .year_detail#year_1972 .year_detail_txt h3 {
  margin-bottom: 0;
}

#history .year .year_detail#year_1972 .year_detail_txt p {
  width: calc(100% - 318px);
}



#history #year_1987 {
  max-width: 1053px;
  padding: 0 20px;
}

#history .year .year_detail#year_1987 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1987 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1987 .year_detail_txt p {
  width: 330px;
}

#history #year_1987 .year_detail_img {
  width: calc(100% - 330px);
}

#history #year_1987 .year_detail_img .img_01 {
  position: absolute;
  width: 49.79%;
  padding: 0;
  z-index: 1;
}

#history #year_1987 .year_detail_img .img_02 {
  position: absolute;
  width: 49.79%;
  padding: 12.03% 0 0 45.64%;
}

#history #year_1987 .year_detail_img .img_03 {
  width: 53.94%;
  padding: 76.63% 0 0 22.68%;
}



#history #year_1990 {
  max-width: 998px;
  padding: 0 20px;
}

#history .year .year_detail#year_1990 .year_detail_txt p {
  width: 400px;
}

#history #year_1990 .year_detail_img {
  width: calc(100% - 468px);
}

#history #year_1990 .year_detail_img .img_01 {
  position: absolute;
  width: 100%;
  padding: 0;
}

#history #year_1990 .year_detail_img .img_02 {
  width: 58.49%;
  padding: 67.17% 0 0 10.94%;
}



#history #year_1998 {
  max-width: 955px;
  padding: 0 20px;
}

#history .year .year_detail#year_1998 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_1998 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_1998 .year_detail_txt p {
  width: 420px;
}

#history #year_1998 .year_detail_img {
  width: calc(100% - 467px);
}

#history #year_1998 .year_detail_img .img_01 {
  position: absolute;
  width: 71.72%;
  padding: 0 0 0 22.13%;
}

#history #year_1998 .year_detail_img .img_02 {
  position: absolute;
  width: 49.18%;
  padding: 110.25% 0 0 0;
}

#history #year_1998 .year_detail_img .img_03 {
  position: absolute;
  width: 49.18%;
  padding: 110.25% 0 0 51.64%;
}

#history #year_1998 .year_detail_img .img_04 {
  position: absolute;
  width: 49.18%;
  padding: 181.56% 0 0 0;
}

#history #year_1998 .year_detail_img .img_05 {
  width: 49.18%;
  padding: 181.56% 0 0 51.64%;
}



#history #year_2000 {
  max-width: 1004px;
  padding: 0 20px 0 74px;
}

#history .year .year_detail#year_2000 .year_detail_txt p {
  width: 343px;
}

#history #year_2000 .year_detail_img {
  width: calc(100% - 397px);
}

#history #year_2000 .year_detail_img .img_01 {
  position: absolute;
  width: 75.78%;
  padding: 0;
}

#history #year_2000 .year_detail_img .img_02 {
  width: 75.78%;
  padding: 50.25% 0 0 24.55%;
}



#history #year_2010 {
  max-width: 956px;
  padding: 0 20px 0 71px;
}

#history .year .year_detail#year_2010 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_2010 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_2010 .year_detail_txt p {
  width: 400px;
}

#history #year_2010 .year_detail_img {
  width: calc(100% - 400px);
}

#history #year_2010 .year_detail_img .img_01 {
  position: absolute;
  width: 90.47%;
  padding: 0;
}

#history #year_2010 .year_detail_img .img_02 {
  width: 50.36%;
  padding: 95% 0 0 20.5%;
}



#history #year_2014 {
  max-width: 956px;
  padding: 0 20px 0 74px;
}

#history .year .year_detail#year_2014 .year_detail_txt p {
  width: 400px;
}

#history #year_2014 .year_detail_img {
  width: calc(100% - 400px);
}

#history #year_2014 .year_detail_img .img_01 {
  position: absolute;
  width: 77.31%;
  padding: 0;
  z-index: 1;
}

#history #year_2014 .year_detail_img .img_02 {
  width: 77.31%;
  padding: 46.89% 0 0 11.76%;
}



#history #year_2018 {
  max-width: 954px;
  padding: 0 20px 0 71px;
}

#history .year .year_detail#year_2018 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_2018 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_2018 .year_detail_txt p {
  width: 370px;
}

#history #year_2018 .year_detail_img {
  width: calc(100% - 370px);
}

#history #year_2018 .year_detail_img .img_01 {
  position: absolute;
  width: 87.33%;
  padding: 0;
}

#history #year_2018 .year_detail_img .img_02 {
  width: 53.08%;
  padding: 69.69% 0 0 19.01%;
}



#history #year_2019 {
  max-width: 913px;
  padding: 0 20px;
}

#history #year_2019 .year_detail_img {
  width: calc(100% - 370px);
}

#history #year_2019 .year_detail_img .img_01 {
  position: absolute;
  width: 57.09%;
  padding: 0;
  z-index: 1;
}

#history #year_2019 .year_detail_img .img_02 {
  width: 93.92%;
  padding: 43.28% 0 0 6.08%;
}



#history #year_2024 {
  max-width: 870px;
  padding: 0 20px 0 277px;
}

#history .year .year_detail#year_2024 .year_detail_txt {
  float: right;
}

#history .year .year_detail#year_2024 .year_detail_img {
  float: left;
}

#history .year .year_detail#year_2024 .year_detail_txt p {
  width: 400px;
}

#history #year_2024 .year_detail_img {
  width: calc(100% - 400px);
}

#history #year_2024 .year_detail_img .img_01 {
  width: 87.23%;
  padding: 0;
}


#history #year_2025 {
  max-width: 892px;
  padding: 0 113px 0 20px;
}

#history .year .year_detail#year_2025 .year_detail_txt p {
  width: 400px;
}

#history #year_2025 .year_detail_img {
  width: calc(100% - 434px);
}

#history #year_2025 .year_detail_img .img_01 {
  width: 100%;
  padding: 0;
}


/*--------------------
last txt
--------------------*/

#history .last_txt {
  position: relative;
  margin: 0 auto;
  padding: 150px 0 300px;
}

#history .last_txt p {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  width: fit-content;
}

#history .last_txt p img {
  height: 52px;
}







@media screen and (max-width: 730px) {

  /*--------------------
main_txt
--------------------*/
  #history .main_txt {
    padding: 45% 0 42%;
  }

  #history .main_txt .main_txt_title,
  #history .main_txt .main_txt_read {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: fit-content;
  }

  #history .main_txt .main_txt_title {
    margin-bottom: 35px;
  }

  #history .main_txt .main_txt_title img {
    height: 66px
  }

  #history .main_txt .main_txt_read {
    margin-bottom: 10px;
  }

  #history .main_txt .main_txt_read img {
    height: 32px;
  }

  #history .main_txt .main_txt_read_jp {
    font-size: calc(100vw / (390 / 18));
  }


  /*--------------------
kv
--------------------*/
  #history .kv_pc {
    display: none;
  }

  #history .kv_sp {
    display: block;
    width: 100%;
    display: flex;
    column-gap: 3px;
    margin-bottom: 15.38%;
  }

  #history .kv_sp li {
    width: calc((100% - 6px) / 3);
    display: flex;
    flex-direction: column;
    row-gap: 3px;
  }


  /*--------------------
nav
--------------------*/

  #history .year_nav {
    top: 45px;
    margin-bottom: 60px;
  }

  #history .arrow {
    width: 18px;
    height: 70px;
  }

  #history .arrow img {
    width: 18px;
    height: 70px;
  }

  /* ボタンを囲む用 */
  #history .btn-wrap {
    column-gap: 3px;
  }

  #history .btn-wrap li a img {
    width: 120px;
    height: 70px;
  }

  /*--------------------
year
--------------------*/

  #history .year {
    z-index: 1;
    padding-top: 135px;
    margin-top: -135px;
    padding-bottom: 30px;
  }

  #history .year h2 {
    margin-bottom: 50px;
  }

  #history .year h2 p.txt_year {
    width: 128px;
    height: 40px;
    margin: 0 0 0 -64px;
  }

  #history .year h2 p.txt_year img {
    width: 128px;
    height: 40px;
  }

  #history .year h2:before {
    top: 7px;
    height: 16px;
    background: url(../img/year_bg.png) repeat-x left center;
    background-size: 50px auto;
  }

  #history .year h2 p.txt_read {
    padding-top: 45px;
    font-size: 15px;
  }



  #history .year .year_detail {
    max-width: 100%;
    contain: paint;
    margin-bottom: 60px;
  }

  #history .year .year_detail .year_detail_txt {
    position: sticky;
    top: 130px;
    float: none;
    z-index: 100;
  }

  #history .year .year_detail .year_detail_txt h3 {
    margin-bottom: 15px;
  }

  #history .year .year_detail .year_detail_txt h3 img {
    height: 67px;
    padding-right: 9px;
  }

  #history .year .year_detail .year_detail_txt img.pr_l {
    padding-right: 12px;
  }

  #history .year .year_detail .year_detail_txt img.pr_s {
    padding-right: 6px;
  }

  #history .year .year_detail .year_detail_txt p {
    width: 100%;
    font-size: calc(100vw / (390 / 14));
  }

  #history .year_detail .year_detail_img {
    float: none;
    margin-top: 20px;
  }

  #history .year_detail_img {
    position: relative;
  }



#history .year_detail .year_detail_img img.img_01.anm2 {
  transition-delay: 0s;
}

#history .year_detail .year_detail_img img.img_02.anm2 {
  transition-delay: 0.25s;
}

#history .year_detail .year_detail_img img.img_03.anm2 {
  transition-delay: 0.65s;
}

#history .year_detail .year_detail_img img.img_04.anm2 {
  transition-delay: 0.85s;
}

#history .year_detail .year_detail_img img.img_05.anm2 {
  transition-delay: 1.05s;
}



#history .year_detail_img {
  padding-top: 130px;
}

  #history #year_1889 {
    width: 90%;
    padding: 0;
  }

  #history #year_1889 .year_detail_img {
    width: 100%;
  }

  #history #year_1889 .year_detail_img .img_01 {
    position: absolute;
    width: 72.86%;
    padding: 0;
  }

  #history #year_1889 .year_detail_img .img_02 {
    position: absolute;
    width: 72.86%;
    padding: 70% 0 0 0;
    right: 0;
  }

  #history #year_1889 .year_detail_img .img_03 {
    position: relative;
    width: 54.57%;
    padding: 150% 0 0 0;
  }


  #history #year_1911 {
    width: 90%;
    padding: 0;
  }

  #history #year_1911 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1911 .year_detail_img .img_01 {
    width: 42.86%;
    padding: 0;
  }



  #history #year_1913 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1913 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1913 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1913 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1913 .year_detail_img {
    width: 100%;
  }

  #history #year_1913 .year_detail_img .img_01 {
    position: relative;
    width: 71.14%;
    padding: 0 0 23.43%;
  }

  #history #year_1913 .year_detail_img .img_02 {
    position: absolute;
    width: 51.43%;
    padding: 14.86% 0 0 0;
    right: 0;
  }



  #history #year_1921 {
    width: 90%;
    padding: 0;
  }

  #history #year_1921 .year_detail_img {
    width: 100%;
  }

  #history #year_1921 .year_detail_img .img_01 {
    width: 65.43%;
    padding: 0;
    right: 0;
  }

  #history #year_1921 .year_detail_img .img_02 {
    position: relative;
    width: 47.14%;
    padding: 62.29% 0 0 0;
  }

  #history #year_1921 .year_detail_img .img_03 {
    position: absolute;
    width: 39.43%;
    padding: 95% 0 0 0;
    right: 0;
  }



  #history #year_1922 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1922 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1922 .year_detail_img {
    float: none;
  }

  #history #year_1922 .year_detail_img {
    width: 100%;
  }

  #history #year_1922 .year_detail_img .img_01 {
    position: absolute;
    width: 63.14%;
    padding: 0;
    right: 0;
  }

  #history #year_1922 .year_detail_img .img_02 {
    width: 74.29%;
    padding: 50% 0 0 0;
  }



  #history #year_1924 {
    width: 90%;
    padding: 0;
  }

  #history #year_1924 .year_detail_img {
    width: 100%;
  }

  #history #year_1924 .year_detail_img .img_01 {
    position: relative;
    width: 57.71%;
    padding: 0 0 7.43%;
  }

  #history #year_1924 .year_detail_img .img_02 {
    position: absolute;
    width: 46.29%;
    padding: 15.71% 0 0 0;
    right: 0;
  }



  #history #year_1925 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1925 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1925 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1925 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1925 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1925 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1925_2 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1925_2 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1925_2 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1925_2 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1925_2 .year_detail_img {
    width: 100%;
  }

  #history #year_1925_2 .year_detail_img .img_01 {
    position: absolute;
    width: 51.29%;
    padding: 0;
    right: 0;
  }

  #history #year_1925_2 .year_detail_img .img_02 {
    width: 52.71%;
    padding: 12.86% 0 0 0;
  }



  #history #year_1927 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1927 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1927 .year_detail_img {
    width: 100%;
  }



  #history #year_1927_2 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1927_2 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1927_2 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1927_2 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1934 {
    width: 90%;
    padding: 0;
  }

  #history #year_1934 .year_detail_img {
    width: 100%;
  }

  #history #year_1934 .year_detail_img .img_01 {
    width: 100%;
    padding: 0;
  }



  #history #year_1934 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1934 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1934 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1934 .year_detail_img .img_01 {
    width: 90.57%;
    padding: 0;
  }



  #history #year_1934_2 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1934_2 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1934_2 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1934_2 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1936 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1936 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1936 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1936 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1936 .year_detail_img {
    width: 100%;
  }

  #history #year_1936 .year_detail_img .img_01 {
    position: relative;
    width: 80%;
    padding: 0 0 24.75%;
  }

  #history #year_1936 .year_detail_img .img_02 {
    position: absolute;
    width: 48.86%;
    padding: 19.43% 0 0 0;
    right: 0;
  }



  #history #year_1940 {
    width: 90%;
    padding: 0;
  }

  #history #year_1940 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1940 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1944 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1944 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1944 .year_detail_img {
    float: none;
  }

  #history #year_1944 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1944 .year_detail_img .img_01 {
    width: 72.29%;
    padding: 0;
  }



  #history #year_1946 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1946 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1946 .year_detail_img {
    width: 100%;
  }

  #history #year_1946 .year_detail_img .img_01 {
    position: absolute;
    width: 71.43%;
    padding: 0 0 0 14.29%;
  }

  #history #year_1946 .year_detail_img .img_03 {
    position: relative;
    width: 49.43%;
    padding: 64% 0 10% 0;
  }

  #history #year_1946 .year_detail_img .img_02 {
    position: absolute;
    width: 54.57%;
    padding: 73.71% 0 0 0;
    right: 0;
  }



  #history #year_1947 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1947 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1947 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1947 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1947 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1947 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1948 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1948 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1948 .year_detail_img {
    width: 100%;
  }

  #history #year_1948 .year_detail_img .img_01 {
    width: 100%;
    padding: 0;
  }



  #history #year_1949 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1949 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1949 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1949 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1949 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1949 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }



  #history #year_1951 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1951 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1951 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1951 .year_detail_img .img_01 {
    width: 48.75%;
    padding: 0;
  }



  #history #year_1955 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1955 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1955 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1955 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1955 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1955 .year_detail_img .img_01 {
    width: 62.29%;
    padding: 0;
  }



  #history #year_1958 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1958 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1958 .year_detail_img {
    width: 100%;
  }

  #history #year_1958 .year_detail_img .img_01 {
    position: absolute;
    width: 95.14%;
    padding: 0;
  }

  #history #year_1958 .year_detail_img .img_02 {
    position: relative;
    width: 61.71%;
    padding: 83.43% 0 28.29% 0;
  }

  #history #year_1958 .year_detail_img .img_03 {
    position: absolute;
    width: 44.71%;
    padding: 100.57% 0 0 0;
    right: 0;
  }



  #history #year_1960 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1960 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1960 .year_detail_img {
    width: 100%;
  }

  #history #year_1960 .year_detail_img .img_01 {
    position: absolute;
    width: 64.81%;
    padding: 0;
  }

  #history #year_1960 .year_detail_img .img_02 {
    width: 38.89%;
    padding: 15.19% 0 0 61.48%;
  }



  #history #year_1970 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1970 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1970 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1970 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1970 .year_detail_img {
    width: 100%;
  }

  #history #year_1970 .year_detail_img .img_01 {
    position: absolute;
    width: 48.5%;
    padding: 0;
  }

  #history #year_1970 .year_detail_img .img_02 {
    position: absolute;
    width: 48.5%;
    padding: 0;
    right: 0;
  }

  #history #year_1970 .year_detail_img .img_03 {
    position: relative;
    width: 48.5%;
    padding: 68.6% 0 0 0;
  }

  #history #year_1970 .year_detail_img .img_04 {
    position: absolute;
    width: 48.5%;
    padding: 68.6% 0 0 0;
    right: 0;
  }



  #history #year_1972 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1972 .year_detail_txt {
    float: none !important;
    display: block;
  }

  #history .year .year_detail#year_1972 .year_detail_txt h3 {
    margin-bottom: 15px;
  }

  #history .year .year_detail#year_1972 .year_detail_txt p {
    width: 100%;
  }



  #history #year_1987 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1987 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1987 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1987 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1987 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1987 .year_detail_img .img_01 {
    position: absolute;
    width: 72.57%;
    padding: 0;
    z-index: 1;
    left: 0;
  }

  #history #year_1987 .year_detail_img .img_02 {
    position: absolute;
    width: 72.57%;
    padding: 86.29% 0 0 0;
    right: 0;
  }

  #history #year_1987 .year_detail_img .img_03 {
    width: 74.29%;
    padding: 185.57% 0 0;
  }



  #history #year_1990 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1990 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1990 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_1990 .year_detail_img .img_01 {
    position: relative;
    width: 100%;
    padding: 0;
  }

  #history #year_1990 .year_detail_img .img_02 {
    width: 57.14%;
    padding: 8.57% 0 0 0;
  }



  #history #year_1998 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_1998 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_1998 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_1998 .year_detail_txt p {
    width: 100%;
  }

  #history #year_1998 .year_detail_img {
    width: 100%;
  }

  #history #year_1998 .year_detail_img .img_01 {
    position: absolute;
    width: 80%;
    padding: 0 0 0 10%;
  }

  #history #year_1998 .year_detail_img .img_02 {
    position: absolute;
    width: 49.18%;
    padding: 124.25% 0 0 0;
  }

  #history #year_1998 .year_detail_img .img_03 {
    position: absolute;
    width: 49.18%;
    padding: 124.25% 0 0 0;
    right: 0;
  }

  #history #year_1998 .year_detail_img .img_04 {
    position: relative;
    width: 49.18%;
    padding: 195.56% 0 0 0;
  }

  #history #year_1998 .year_detail_img .img_05 {
    position: absolute;
    width: 49.18%;
    padding: 195.56% 0 0 0;
    right: 0;
  }



  #history #year_2000 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2000 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2000 .year_detail_img {
    width: 100%;
  }

  #history #year_2000 .year_detail_img .img_01 {
    position: relative;
    width: 91.43%;
    padding: 0 0 60.57%;
  }

  #history #year_2000 .year_detail_img .img_02 {
    position: absolute;
    width: 91.43%;
    padding: 60.57% 0 0 0;
    right: 0;
  }



  #history #year_2010 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2010 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_2010 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_2010 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2010 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_2010 .year_detail_img .img_01 {
    position: absolute;
    width: 100%;
    padding: 0;
    left: 0;
  }

  #history #year_2010 .year_detail_img .img_02 {
    width: 50.36%;
    padding: 105% 0 0 0;
  }



  #history #year_2014 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2014 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2014 .year_detail_img {
    width: 100%;
  }

  #history #year_2014 .year_detail_img .img_01 {
    position: relative;
    width: 91.43%;
    padding: 0 0 56%;
    z-index: 1;
  }

  #history #year_2014 .year_detail_img .img_02 {
    position: absolute;
    width: 91.43%;
    padding: 56% 0 0 0;
    right: 0;
  }



  #history #year_2018 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2018 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_2018 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_2018 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2018 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_2018 .year_detail_img .img_01 {
    position: absolute;
    width: 100%;
    padding: 0;
    left: 0;
  }

  #history #year_2018 .year_detail_img .img_02 {
    width: 57.14%;
    padding: 80.29% 0 0;
  }



  #history #year_2019 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2019 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2019 .year_detail_img {
    width: 100%;
  }

  #history #year_2019 .year_detail_img .img_01 {
    position: absolute;
    width: 57.09%;
    padding: 0;
    z-index: 1;
  }

  #history #year_2019 .year_detail_img .img_02 {
    width: 93.92%;
    padding: 43.28% 0 0 6.08%;
  }



  #history #year_2024 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2024 .year_detail_txt {
    float: none;
  }

  #history .year .year_detail#year_2024 .year_detail_img {
    float: none;
  }

  #history .year .year_detail#year_2024 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2024 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_2024 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }


  #history #year_2025 {
    width: 90%;
    padding: 0;
  }

  #history .year .year_detail#year_2025 .year_detail_txt p {
    width: 100%;
  }

  #history #year_2025 .year_detail_img {
    width: 100%;
    text-align: center;
  }

  #history #year_2025 .year_detail_img .img_01 {
    width: 80%;
    padding: 0;
  }


  /*--------------------
last txt
--------------------*/

  #history .last_txt {
    position: relative;
    margin: 0 auto;
    padding: 150px 0 300px;
  }

  #history .last_txt p {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: fit-content;
  }

  #history .last_txt p img {
    height: 52px;
  }


  /*--------------------
last txt
--------------------*/

  #history .last_txt {
    position: relative;
    margin: 0 auto;
    padding: 60px 0 170px;
  }

  #history .last_txt p img {
    height: 36px;
  }

}