@charset "utf-8";

/*コンテンツからでた背景は切る*/
.content {
  overflow: hidden;
}

/* Top Message */
.top__title{
  margin-top: 60px;
  text-align: center;
}
.top__title--ja{
  text-align: center;
}
.top__title01,.top__title02{
  width: 224px;
  opacity: 0;
}
.top__title01{
  margin-left: -30px;
}
.top__title02{
  margin-top: -10px;
}
.top__copy{
  margin-top: 55px;
  text-align: center;
}
.top__copy img{
  max-width: 594px;
  margin-top: 20px;
  opacity: 0;
}
.top__text01{
  margin: 80px auto 100px;
  text-align: center;
}
.top__text01 img{
  opacity: 0;
}

/* year */
.year__box,.year__box--even{
  position: relative;
  margin:0 auto;
  background-repeat: no-repeat;
  background-size: auto 260px;
  background-position: center 100px;
  
}


  /* year 奇数エリア */

.year__inner ,.year__inner_moving{
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 620px;
  margin: 0 auto;
}
.year__inner_moving::before{
  position: absolute;
  content:'';
  top: 0;
  left: 50%;
  z-index: -1;
  margin-left: -1px;
  width: 1px;
  height: 620px;
  border-left: 2px solid #35b597;
  opacity: .2;
}
.year{
  text-align: center;
}
.year img{
  width: 134px;
}
.year__img{
  position: absolute;
  top: 100px;
  left: 59.5%;
  margin-top: 30px;
  opacity: 0;
}
.year__text{
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  top: 172px;
  left: 0;
  height: 274px;
  vertical-align: middle;
}
.year__text img + img{
  margin-top: 25px;
}
#y1991 .year__text{
  top: 100px;
}


  /* year偶数エリア */
.year__box--even::before{
  position: absolute;
  content:'';
  top: -70px;
  z-index: -5;
  width: 100%;
  height: 607px;
  background-color: #094;
  transform: skewY(-20deg);
}
.year__box--even .year__img{
  top: 100px;
  left: 5%;
}
.year__box--even .year__text{
  top: 100px;
  left: 52%;
}

  /* year 調整 */
#y1951 .year__img{
  top: 120px;
  left: 58%;
  max-width: 355px;
}
#y1985 .year__img{
  max-width: 457px;
}
#y1991 .year__img{
  max-width: 381px;
}
#y1998 .year__img{
  top: 130px;
  max-width: 462px;
}
#y2000 .year__img{
  top: 130px;
  left: 56%;
  max-width: 455px;
}
#y2000 .year__text{
  top: 92px;
}
#y2002 .year__img{
  top: 115px;
  left: 0%;
  max-width: 460px;
}
#y2004 .year__img{
  top: 40px;
  max-width: 304px;
}
#y2004 .year__text{
  top: 90px;
  left: 2%;
}
#y2010 .year__img{
  max-width: 456px;
  left: 1%;
}
#y2013 .year__img{
  left: 55%;
  max-width: 454px;
}
#y2013 .year__text{
  top: 100px;
  left: 2%;
}
#y2015 .year__img{
  top: 115px;
  left: 6%;
  max-width: 455px;
}
#y2016 .year__img{
  left: 55%;
  max-width: 454px;
}
#y2016 .year__text{
  top: 100px;
}
#y2017 .year__img{
  top: 76px;
  left: 4%;
  max-width: 455px;
}
#y2018 .year__img{
  left: 55%;
  max-width: 454px;
}
#y2018 .year__text{
  top: 100px;
}
#y2019 .year__img{
  width: 400px;
}
#y2019 .year__text{
  top: 100px;
}
#y2019 .year__box--even::before{
  height: 750px;
}
#y2019 .history__2019textinner{
  margin-top:20px;
}
#y2020 .year__img{
  width: 430px;
  margin-top: 40px;
}
#y2021 .year__img{
  width: 430px;
  margin-top: 40px;
}
#y2021 .year__box--even::before{
  height: 750px;
}
#y2021 .history__2019textinner{
  margin-top:20px;
}
#y2022 .year__img{
  width: 496px;
  margin-top: 40px;
}
#y2022 .history__2022textinner{
  margin-top:20px;
}
#y2023 .year__img{
  width: 430px;
  margin-top: 40px;
}
#y2023 .history__2023textinner{
  margin-top:20px;
}
#y2025 .year__img{
  width: 372px;
  margin-top: 40px;
}

  /* year 背景調整 */
#y1951{
  background-image:url(/history/img/1951_bg.png);
  background-position: center center;
}
#y1985{
  background-image:url(/history/img/1985_bg.png);
  background-position: 54.5% 100px;
}
#y1991{
  background-image:url(/history/img/1991_bg.png);
}
#y1998{
  background-image:url(/history/img/1998_bg.png);
  background-position: 53% 100px;
}
#y2000{
  background-image:url(/history/img/2000_bg.png);
  background-position: 51% 100px;
}
#y2002{
  background-image:url(/history/img/2002_bg.png);
  background-position: 49% 100px;
}
#y2004{
  background-image:url(/history/img/2004_bg.png);
  background-position: 49% 100px;
}
#y2010{
  background-image:url(/history/img/2010_bg.png);
  background-position: 45% 100px;
}
#y2013{
  background-image:url(/history/img/2013_bg.png);
  background-position: 45% 100px;
}
#y2015{
  background-image:url(/history/img/2015_bg.png);
  background-position: 45% 100px;
}
#y2016{
  background-image:url(/history/img/2016_bg.png);
  background-position: 45% 100px;
}
#y2017{
  background-image:url(/history/img/2017_bg.png);
  background-position: 45% 100px;
}
#y2018{
  background-image:url(/history/img/2018_bg.png);
  background-position: 45% 100px;
}
#y2019{
  background-image:url(/history/img/2019_bg.png);
  background-position: 38% 120px;
}
#y2020{
  background-image:url(/history/img/2020_bg.png);
  background-position: 45% 120px;
}
#y2021{
  background-image:url(/history/img/2021_bg.png);
  background-position: 45% 120px;
}
#y2022{
  background-image:url(/history/img/2022_bg.png);
  background-position: 45% 120px;
}
#y2023{
  background-image:url(/history/img/2023_bg.png);
  background-position: 45% 120px;
}
#y2025{
  background-image:url(/history/img/2025_bg.png);
  background-position: 45% 120px;
}

/***********************************************************************
animation
***********************************************************************/
@media screen and (min-width:641px) {
  .top__title01.scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .3s linear;
  }
  .top__title02.scroll_events{
    margin-top: 10px;
    opacity: 1;
    transition: all .3s ease-out .3s;
  }
  .top__copy img.scroll_events{
    margin-top: 0;
    opacity: 1;
    transition: all .4s ease-out 1s;
  }
  .top__text01 img.scroll_events{
    margin-top: 0;
    opacity: 1;
    transition: all .3s ease-out 1.4s;
  }
  .top__text02 img.scroll_events{
    margin-top: 18px;
    opacity: 1;
    transition: all .3s ease-out 1.7s;
  }
  .year__img.scroll_events{
    opacity: 1;
    margin-top: 0;
    transition: all .8s ease-out .5s;
  }
  .year{
    opacity: 0;
  }
  .year.scroll_events{
    opacity: 1;
    transition: all .6s ease-out .4s;
  }
  .year__box{
    opacity: 0;
    
  }
  .year__box.scroll_events{
    opacity: 1;
    transition: all 0.3s linear;
  }

  .year__box--even{
    opacity: 1;
    
  }
  .year__box--even.scroll_events{
    opacity: 1;
    transition: all 0.3s linear;
  }
  .year__inner{
    opacity: 0;
  }
  .year__inner.scroll_events{
    opacity: 1;
    transition: all .8s ease-out .3s;
  }
  .year__inner::before{
    height: 0;
    transition: all .8s ease-out .6s;
  }
  .year__inner::before{
    height: 620px;
    transition: all .8s ease-out .6s;
  }
  
  .year__inner_moving::before{
    height: 0;
    transition: all 8.8s ease-out .6s;
  }
  .year__inner_moving.scroll_events::before{
    opacity: .2;
    height: 11300px;
  }
  
  .add-bg-white {
      position: absolute;
      width: 100%;
      height: 1700px;
      top: -415px;
      left: 0;
      display: block;
      background-color: #fff;
      z-index: -4;
      transform: skewY(-20deg);
  }
  .add-bg-white.scroll_events {
    position: absolute;
    width: 0;
    transition: all .3s ease-out .2s;
    top: -315px;
  }


  #y1951 .year__img{
    transition: all .4s ease-out 1.2s;
  }

  img[src*="1951_text.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="1951_text.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out 1.2s;
  }
  img[src*="1985_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="1985_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }  
  .year__1985textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__1985textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__1985textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 465px;
  }
  img[src*="1991_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="1991_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  .year__1991textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__1991textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__1991textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 369px;
  }
  img[src*="1998_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="1998_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  .year__1998textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__1998textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__1998textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 446px;
  }
  img[src*="1998_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="1998_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }

  .year__2000textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2000textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2000textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 447px;
  }
  img[src*="2000_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2000_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }

  
  .year__2002textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2002textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2002textinner{  
    margin-top: 20px;  
    width: 1000px;
    width: 471px;
  }
  img[src*="2002_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2002_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  
  .year__2004textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2004textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2004textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 450px;
  }
  img[src*="2004_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2004_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }

  img[src*="2010_text.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2010_text.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  
  .year__2013textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2013textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2013textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 450px;
  }
  img[src*="2013_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2013_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  
  img[src*="2015_text.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2015_text.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  
  .year__2016textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2016textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2016textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 443px;
  }
  img[src*="2016_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2016_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }

  
  .year__2017textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2017textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2017textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 443px;
  }
  img[src*="2017_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2017_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }

  .year__2018textinner{
    overflow: hidden;
    opacity: 0;
    width: 0;
  }
  .year__2018textinner.scroll_events{
    opacity: 1;  
    overflow: hidden;
    width: 100%;
    transition: all .4s ease-out .5s;
  }
  .history__2018textinner{  
    margin-top: 20px;  
    max-width: 1000px;
    width: 443px;
  }
  img[src*="2018_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2018_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  img[src*="2019_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2019_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  .history__2020textinner{
    margin-top: 20px;
    max-width: 1000px;
    width: 443px;
  }
  img[src*="2020_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2020_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
  .history__2021textinner{
    margin-top: 20px;
    max-width: 1000px;
    width: 552px;
  }
  img[src*="2021_text01.png"]{
    margin-left: -80px;
    opacity: 0;
  }
  img[src*="2021_text01.png"].scroll_events{
    margin-left: 0;
    opacity: 1;
    transition: all .4s ease-out .5s;
  }
/*
  .year img.scroll_events{
    height: 54.93px;
    transition: all .5s ease-out;
  }
*/
}

/***********************************************************************
中間くらいで設定解除
***********************************************************************/
@media screen and (max-width: 1197px ) and ( min-width: 641px ) {
  
  #y1951 .year__img {
    max-width: 305px;
  }
  #y1985 .year__img {
    max-width: 407px;
    top:140px;
  }
  #y1991 .year__img {
    max-width: 331px;
    top:140px;
}
  #y1998 .year__img {
      max-width: 412px;
  }
  #y2000 .year__img {
    top: 140px;
    max-width: 405px;
  }
  #y2002 .year__img {
    top: 140px;
    left: 5%;
    max-width: 410px;
  }
  #y2004 .year__img {
    top: 80px;
    max-width: 354px;
  }
  #y2010 .year__img {
    max-width: 406px;
    left: 5%;
    top: 140px;
  }
  #y2013 .year__img {
    top: 140px;
    max-width: 404px;
  }
  #y2015 .year__img {
    top: 140px;
    left: 5%;
    max-width: 405px;
  }
  #y2016 .year__img {
    top: 140px;
    max-width: 404px;
  }
  #y2017 .year__img {
    top: 100px;
    left: 5%;
    max-width: 405px;
  }
  #y2018 .year__img {
    top: 140px;
    max-width: 404px;
  }
  #y2019 .year__img {
    top: 140px;
    max-width: 400px;
  }
  #y2020 .year__img {
    top: 140px;
    max-width: 400px;
  }
  #y2021 .year__img {
    top: 140px;
    max-width: 400px;
  }
  #y2019 .year__box--even::before{
    height: 715px;
  }
  .year__inner, .year__inner_moving{
    max-width: 96%;
  }
  .history__1985textinner,
  .history__1991textinner,
  .history__1998textinner,
  .history__2000textinner,
  .history__2002textinner,
  .history__2004textinner,
  .history__2013textinner,
  .history__2016textinner,
  .history__2017textinner,
  .history__2018textinner,
  .history__2020textinner
  {
    width: 98%;
  }
  .history__2019textinner,
  .history__2021textinner
  {
    width: 120%;
  }
  .year__text{
    margin-left: 2%;
    max-width: 45%;
  }
/*
  img[src*="1985_text01.png"] {
    max-width: 80%;
  }
  img[src*="1998_text02.png"] {
    max-width: 80%;
  }
  img[src*="1951_text.png"] {
    max-width: 277px;
  }
  #t1951 {
    top:100px;
    max-width: 310px;
    left: 3%;
  }
  #t1985 {
    top:100px;
    max-width: 360px;
  }
  .history__1985textinner {
    width: 300px;
  }
  */

}

/***********************************************************************
smart phone
***********************************************************************/
@media screen and (max-width:640px) {
  /* opacity戻し */
  .top__title01,.top__title02,
  .top__copy img,
  .top__text01 img,.top__text02 img,
  .year__img,
  .year__box,.year__box--even
  {
    opacity: 1;
  }  
  
  .year__inner::before{
    position: absolute;
    content:'';
    top: 0;
    left: 50%;
    z-index: -1;
    margin-left: -1px;
    width: 1px;
    height: 770px;
    border-left: 2px solid #35b597;
    opacity: .2;
  }
  /* top Message SP */
  
  /*タイトル*/
  .top__title {
    margin-top: 55px;
  } 
  .top__title01{
    margin-left: 0;
  }
  .top__title01,.top__title02{
    width: 143.5px;
  }
  
  .top__title02{
    margin-top: 8px;
  }  
  .top__copy{
    margin-top: 28px;
  } 
  .top__copy img{
    margin-top: 0;
    max-width: 256.5px;
  }
  .top__text01{
    width: 90%;
    max-width: 345px;
  }
  
  /* year SP */
  .year__inner_moving{
    height: 512.5px;
  }
  .year__inner {
    max-width: 640px;
    height: 500px;
    margin: 0 auto;
  }
  .year__box--even::before {
    top: -54px;
    height: 495.5px;
  }
  .year img{
    width: auto;
    max-width: 100px;
    height: auto;
  }
  .year__main{
    text-align: center;
  }
  .year__img{
    position: static;
    margin-top: 35px;
    margin-left: 18px;
  }
  .year__text{
    position: static;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 170px;
    margin-top: 40px;
    text-align: center;
  }

  .year__text img{
    margin: 0 auto;
  }
  .year__text img + img{
    margin-top: 20px;
  }
  
  
    /* year 画像調整 SP*/
  #y1951 .year__img{
    max-width: 212.5px;
    margin-top: 37.5px;
    margin-left: 20px;
  }
  #y1985 .year__img{
    max-width: 274.5px;
  }
  #y1991 .year__img{
    max-width: 228px;
  }
  #y1998 .year__img{
    max-width: 277.5px;
  }
  #y2000 .year__img{
    max-width: 273.5px;
  }
  #y2002 .year__img{
    max-width: 275.5px;
  }
  #y2004 .year__img{
    max-width: 183px;
    margin-top: 11px;
  }
  #y2010 .year__img{
    max-width: 274px;
  }
  #y2013 .year__img{
    max-width: 272px;
  }
  #y2015 .year__img{
    max-width: 272.5px;
  }
  #y2016 .year__img{
    margin-top: 15px;
    margin-left: 18px;
    max-width: 272.5px;
  }
  #y2017 .year__img{
    margin-top: 15px;
    max-width: 267.5px;
  }
  #y2018 .year__img{
    margin-top: 15px;
    margin-left: 18px;
    max-width: 272.5px;
  }
  #y2019 .year__img {
    top: 140px;
    max-width: 270px;
  }
  #y2019.year__box--even::before{
    height: 715px;
  }
  #y2020 .year__img {
    top: 140px;
    max-width: 270px;
  }
  #y2021 .year__img {
    top: 140px;
    max-width: 270px;
  }
  #y2021.year__box--even::before{
    height: 565px;
  }
  #y2022 .year__img {
    top: 140px;
    max-width: 310px;
  }
  #y2023 .year__img {
    top: 140px;
    max-width: 270px;
  }
  #y2025 .year__img {
    top: 140px;
    max-width: 270px;
  }
    /* year テキスト調整 SP*/
  #y1951 .year__text{
    margin-top: 18.5px;
    height: 55px;
  }
  #y1951 .year__text img{
    max-width: 225px;
  }
  #y1985 .year__text img{
    width: 92.27%;
    max-width: 346px;
  }
  .year__1985textinner {
    margin-top: 20px;
  }
  #y1991 .year__text img{
    max-width: 222.5px;
    margin-bottom: 20px;
  }
  
  #y1998 .year__text img{
    width: 88.93%;
    max-width: 333.5px;
    margin-bottom: 20px;
  }
  #y2000 .year__text img{
    max-width: 280px;
    margin-bottom: 20px;
  }
  #y2002 .year__text{
    margin-top: 19px;
  }
  #y2002 .year__text img{
    width: 91.87%;
    max-width: 344.5px;
    margin-bottom: 20px;
  }
  #y2004 .year__text{
    margin-top: 0;
  }
  #y2004 .year__text img{
    max-width: 277px;
    margin-bottom: 20px;
  }
  #y2010 .year__text {
    margin-top: 27px;
  }
  #y2010 .year__text img{
    max-width: 292px;
  }
  #y2013 .year__text {
    margin-top: 41px;
  }
  #y2013 .year__text img{
    max-width: 282px;
    margin-bottom: 20px;
  }
  #y2015 .year__text {
    margin-top: 27px;
  }
  #y2015 .year__text img{
    max-width: 263.5px;
  }
  #y2016 .year__text {
    margin-top: 13.5px;
  }
  #y2016 .year__text img{
    max-width: 333.5px;
    margin-bottom: 20px;
  }
  #y2016 .year__2016textinner img{
    width: 90%;
  }
  #y2017 .year__text {
    margin-top: 6px;
  }
  #y2017 .year__text img{
    width: 93.6%;
    max-width: 351px;
    margin-bottom: 20px;
  }
  #y2018 .year__text {
    margin-top: 13.5px;
  }
  #y2018 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2018 .year__2016textinner img{
    width: 90%;
  }
  #y2019 .year__text {
    margin-top: 13.5px;
  }
  #y2019 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2020 .year__text {
    margin-top: 13.5px;
  }
  #y2020 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2021 .year__text {
    margin-top: 13.5px;
  }
  #y2021 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2022 .year__inner{
    height: 550px;
  }
  #y2022 .year__text {
    margin-top: 13.5px;
  }
  #y2022 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2022 .history__2022textinner{
    margin-top: 0;
  }
  #y2023 .year__inner{
    height: 550px;
  }
  #y2023.year__box--even::before{
    height:550px;
  }
  #y2023 .year__img{
  }
  #y2023 .year__text {
    margin-top: 0;
  }
  #y2023 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
  #y2023 .history__2023textinner{
    margin-top: 0;
  }
  #y2025 .year__inner{
    height: 550px;
  }
  #y2025.year__box--even::before{
    height:550px;
  }
  #y2025 .year__img{
  }
  #y2025 .year__text {
    margin-top: 0;
  }
  #y2025 .year__text img{
    width: 90%;
    max-width: 318px;
    margin-bottom: 20px;
  }
    /* year 背景調整 SP*/
  #y1951,#y1985,#y1991,#y1998,
  #y2000,#y2002,#y2004,#y2010,
  #y2013,#y2015,#y2016,#y2017,
  #y2018,#y2019,#y2020,#y2021,
  #y2022,#y2023,#y2025{
    background-size: 105% auto;
    background-position: 57% 88px;
  }
  #y1951{
    background-position: 57% 126px;
  }
  #y2019{
    margin-bottom: 270px;
  }
  #y2020{
    margin-bottom: 60px;
  }
  #y2021{
    margin-bottom: 180px;
  }
  /*白背景非表示*/
  .add-bg-white.scroll_events {
    display: none;
  }
  
}